@charset "UTF-8";
@import url("reset.css");
@import url("base.css");
@import url("style.css");
@import url("table.css");
/* 레이아웃 */
.sub-content {
  margin-top:95px;
  margin-bottom:240px;
}
.sub-content .sub-top-container {
  border-bottom:1px solid #D9D9D9;
}
.sub-content .container {
  max-width:1500px;
  margin:0 auto;
}
.sub-content .top-tabmenu {
  width:100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.sub-content .top-tabmenu li {
  flex:0 0 33.3333%;
  text-align:center;
  max-width:33.3333%;
}
.sub-content .top-tabmenu li a {
  position:relative;
  display:block;
  padding:25px 0;
  width:100%;
}
.sub-content .top-tabmenu li a:after {
  content:"";
  display:block;
  position:absolute;
  bottom:0;
  width:0;
  height:3px;
  background:#0054C1;
  width:0;
  transition: all 200ms ease-in-out;
  left:50%;
  transform: translateX(-50%)
}

.sub-content .top-tabmenu li.acitve a:after, .sub-content .top-tabmenu li a:hover:after {
  width: 100%;
}
.sub-content .top-tabmenu li a {
  display:inline-block;
  font-size:18px;
  font-weight:500;
  color:#353B45;
}
.sub-content .top-tabmenu li.acitve a, .sub-content .top-tabmenu li a:hover {
  font-weight:700;
  color:#0054C1;
}
.sub-content .sub-top {
  margin-top:120px;
}
/* 2024-05-22 추가 */
.sub-content.type01 .sub-top {
  margin-top:30px;
}
.sub-content .sub-top span {
  /* background: linear-gradient(90deg, #17CBB6 0%, #1997DE 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  color:#0054C1;
}
.sub-content .sub-top h3 {
  font-size:16px;
  font-weight:800
}
.sub-content .sub-top h2 {
  font-size:48px;
  font-weight:800;
  color:#202020;
}
.sub-content .sub-content-box {
  margin-top:100px;
  position:relative;
}
/* 2024-05-22 추가 */
.sub-content.type01 .sub-content-box {
  margin-top:30px;
  position:relative;
}
.sub-content .sub-content-box.type02 {
  margin-top:120px;
  position:relative;
}
.sub-content .sub-content-box .btn-top-area {
  position:absolute;
  top:-100px;
  right:0;
}
.sub-content .sub-content-box .btn-top-area .btn + .btn {
  margin-left:15px;
}
.sub-content .sub-content-box .btn-top-area .layer-wrap + .btn {
  margin-left:15px;
}
.sub-content .sub-content-box .sub-content-top-text h4 {
  font-size:42px;
  font-weight:300;
  letter-spacing:-0.02rem;
  line-height:1.5;
  color:#062D78;

}
.sub-content .sub-content-box .sub-content-top-text h4.text-bottom-position {
  margin:120px 0 110px;
}
.sub-content .sub-content-box .sub-content-top-text h4.type01 {
  font-size:46px;
  text-align:center;
}
.sub-content .sub-content-box .sub-content-top-text h4 strong {
  font-weight:700;
}
.sub-content .sub-content-box .sub-content-top-text h4.bottom-text-position {
  margin-top:240px;
}
.sub-content .sub-content-box .sub-content-top-text .visual {
  margin-top:100px;
}
.sub-content .sub-content-box .sub-content-top-text .visual {
  margin-top:100px;
}
.sub-content .sub-content-box .sub-content-top-text .bottom-text {
  font-size:20px;
  font-weight:400;
  letter-spacing:-0.02rem;
  color:#666;
  margin-top:60px;
}
.sub-content .sub-content-box .sub-content-top-text .text-type01 {
  font-size:32px;
  font-weight:300;
  letter-spacing:-0.02rem;
  line-height:1.5;
  color:#062D78;
}
.content-title h3 {
  font-size:42px;
  font-weight:700;
  color:#000;
  margin-bottom:55px;
}
.sub-list-box {
  margin-top:100px;
}
.sub-list-box .item {

}
.sub-list-box .item + .item {
  margin-top:160px;
}
.sub-list-box .item .head {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  max-width: 15%;
}
.sub-list-box .item .cont {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 79%;
  flex: 0 0 79%;
  max-width: 79%;
  margin-left:6%;
}
.sub-list-box .item .head .title {
  font-size:24px;
  font-weight:800;
  color:#202020;
  letter-spacing:-0.02rem;
  line-height:1.5;
}
.sub-list-box .item .cont p + p {
  margin-top:40px;
}
.sub-list-box .item .cont .type01 {
  font-size:30px;
  font-weight:400;
  letter-spacing:-0.02rem;
  color:#202020;
  line-height:1.5;
}
.sub-list-box .item .cont .type02 {
  font-size:20px;
  font-weight:400;
  color:#666;
  letter-spacing:-0.02rem;
  line-height:1.6;
}
.sub-list-box .item .cont .table-cont {
  width:100%;
  border-top:2px solid #202020;
}
.sub-list-box .item .cont .table-cont tbody th {
  font-size:18px;
  font-weight:800;
  color:#202020;
  letter-spacing:-0.02rem;
  text-align:left;
  border-bottom:1px solid #E5E5E5;
  padding:20px 0;
}
.sub-list-box .item .cont .table-cont tbody td {
  font-size:20px;
  font-weight:400;
  color:#202020;
  letter-spacing:-0.02rem;
  text-align:left;
  border-bottom:1px solid #E5E5E5;
}
.sub-content-ceo {
  margin:100px auto 0;
  max-width:1080px;
}
.sub-content-ceo .type01 {
  font-size:20px;
  font-weight:400;
  letter-spacing:-0.02rem;
  line-height:1.6;
  color:#666;
}
.sub-content-ceo .type02 {
  font-size:30px;
  font-weight:400;
  letter-spacing:-0.02rem;
  line-height:1.6;
  color:#202020;
}
.sub-content-ceo .sign-box {
  margin-top:40px;
  text-align: right;
}
.sub-content-ceo .sign-box strong,
.sub-content-ceo .sign-box span {
  display:inline-block;
  vertical-align:top;
}
.sub-content-ceo .sign-box span {
  margin-left:30px;
}
.sub-content-ceo p + p {
  margin-top:40px;
}
.content-sub-type01 {
  text-align:center;
  color:#0054C1;
  font-size:16px;
  font-weight:800;
  margin-bottom:20px;
}
.content-sub-type01 strong {
  display:block;
  font-size:48px;
  font-weight:700;
  color:#202020;
}
.sub-content-top-text + .sub-content-top-text {
  margin-top:170px;
}
.sub-content-history .visual-bg {
  background:url(../images/sub/sub_history_bg.jpg) no-repeat;
  background-size:cover;
  width:100%;
  min-height:420px;
  position:relative;
  text-align:center;
  vertical-align:middle;
}
.sub-content-history .visual-bg .text-box {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}
.sub-content-history .visual-bg .text-box .title {
  font-size:42px;
  font-weight:700;
  color:#fff;
}
.sub-content-history .visual-bg .text-box .copy {
  font-size:38px;
  font-weight:300;
  letter-spacing: -0.02rem;
  line-height:1.8;
  color:#fff;
}
.sub-content-history .history-content-box {
  /* padding-top:120px; */
}
.sub-content-history .history-content-box ul li {
  padding:120px 0;
  border-bottom:1px solid #BBC2CD;
}
.sub-content-history .history-content-box ul li .title {
  font-size:60px;
  font-weight:800;
  letter-spacing:-0.02rem;
  line-height:1;
  color:#0054C1;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 26%;
  flex:0 0 26%;
  max-width:26%;
}
.sub-content-history .history-content-box ul li .copy {
  font-size:20px;
  font-weight:800;
  letter-spacing:-0.02rem;
  color:#666666;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 74%;
  flex:0 0 74%;
  max-width:74%;
}
.sub-content-history .history-content-box ul li .copy.one-list {
  align-self: center;
}
.sub-content-history .history-content-box ul li .copy span {
  display:inline-block;
}
.sub-content-history .history-content-box ul li .copy .text-box {

}
.sub-content-history .history-content-box ul li .copy .text-box + .text-box {
  margin-top:20px;
}
.sub-content-history .history-content-box ul li .copy span.num {
  font-weight:800;
  color:#202020;
  width:6%;
}
.sub-content-history .history-content-box ul li .copy span.text {
  font-weight:400;
  color:#666;
  padding-left:40px;
  width:94%;
}
.sub-content-partner .title {
  font-size:42px;
  font-weight:300;
  letter-spacing:-0.02rem;
  color:#062D78;
}
.sub-content-partner:before {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:50%;
  transform: translateX(-50%);
  background:url(../images/sub/partner_content_bg.png) center no-repeat;
  width:1920px;
  height:1738px;
}
.sub-content-partner .title strong {
  font-weight:700;
}
.sub-content-partner .partner-content-box {
  margin-top:100px;
}
.sub-content-partner .partner-content-box .list-box {
  flex-wrap: wrap;
  gap:3%;
  margin-bottom:100px;
}
.sub-content-partner .partner-content-box .list-box li {
  border:1px solid #E1E5EB;
  padding:35px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 22.75%;
  flex:0 0 22.75%;
  max-width:22.75%;
  position: relative;
  background:#fff;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
.sub-content-partner .partner-content-box .list-box li:nth-child(n + 5) {
  margin-top:3%;
}
.sub-content-partner .partner-content-box .list-box li a:hover:before {
  content:"";
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background:rgba(0, 84, 193, .9);
  z-index:2;
}
.sub-content-partner .partner-content-box .list-box li span.view-box {
  display:none;
}
.sub-content-partner .partner-content-box .list-box li:hover span.view-box {
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:3;
  width:100%;
  text-align:center;
}
.sub-content-partner .partner-content-box .list-box li:hover span.view-box strong {
  color:#fff;
  font-size:22px;
  font-weight:500;
  letter-spacing:-0.02rem;
  position:relative;
  padding-left:42px;
  display:inline-block;
}
.sub-content-partner .partner-content-box .list-box li:hover span.view-box strong:before {
  content:"";
  display:block;
  background:url(../images/sub/ic_homepage_hover.png) no-repeat;
  width:32px;
  height:32px;
  position:absolute;
  top:0;
  left:0;
}
.sub-content-partner .partner-content-box .list-box li span {
  display:block;
}
.sub-content-partner .partner-content-box .list-box li span.img-box {
  display:block;
}
.sub-content-partner .partner-content-box .list-box li .text-box {
  border-top:1px solid #D9D9D9;
  margin-top:35px;
  padding-top:20px;
  position:relative;
}
.sub-content-partner .partner-content-box .list-box li .text-box strong {
  font-size:18px;
  font-weight:500;
  letter-spacing:-0.02rem;
  width:calc(100% - 30px);
  display:inline-block;
}
.sub-content-partner .partner-content-box .list-box li .text-box:after {
  content:"";
  display:block;
  background:url(../images/sub/ic_homepage.png) no-repeat;
  width:30px;
  height:30px;
  position:absolute;
  top:20px;
  right:0;
}
.sub-text-rectangle-box {
  padding:40px 0;
  text-align:center;
  border:1px solid rgba(225, 229, 235, 1);
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
.sub-text-rectangle-box.box-type01 {
  width:50%;
  margin:0 auto;
}
.sub-text-rectangle-box .text {
  font-size:30px;
  font-weight:400;
  letter-spacing:-0.02rem;
  color:rgba(32, 32, 32, 1);
}
/* 인사제도 */
.sub-content-personnel-top {
  background:url(../images/sub/sub_personnel_top_bg.jpg) no-repeat;
  background-size:cover;
  min-height:320px;
  width:100%;
  position:relative;
}
.sub-content-personnel-top .title {
  font-size:48px;
  font-weight:700;
  color:#fff;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.sub-content-personnel-top .content-list-box {
  padding-top:120px;
}
.sub-content-personnel-top .content-list-box .sub-title {
  font-size:48px;
  font-weight:700;
  color:#fff;
  text-align:center;
}
.sub-content-personnel-top .content-list-box .list-box {
  margin-top:150px;
  gap:2.5%;
}
.sub-content-personnel-top .content-list-box .list-box li {
  flex:0 0 23%;
  max-width:23%;
}
.sub-content-personnel-top .content-list-box .list-box li .title {
  font-size:32px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#fff;
  margin:40px 0 30px;
}
.sub-content-personnel-top .content-list-box .list-box li .title span {
  font-size:20px;
  font-weight:400;
}
.sub-content-personnel-top .content-list-box .list-box li .copy {
  font-size:20px;
  font-weight:300;
  letter-spacing:-0.02rem;
  color:#fff;
}
.content-list-box {
  margin:120px 0 240px;
}
.content-list-box .list-box-item {
  gap:2.6%;
}
.content-list-box .list-box-item li {
  flex:0 0 23%;
  max-width:23%;
}
.content-list-box .list-box-item li .title {
  font-size:32px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#202020;
  line-height:1;
}
.content-list-box .list-box-item li .title span {
  font-size:20px;
  font-weight:300;
  line-height:1;
  display:inline-block;
}
.content-list-box .list-box-item li .text {
  font-size:20px;
  font-weight:300;
  letter-spacing:-0.02rem;
  color:#202020;
  line-height:1.7;
  margin-top:30px;
}
.content-list-box .list-box-item li .title:before {
  content:"";
  display:block;
  width:84px;
  height:84px;
  background:url(../images/sub/sub_personnel_top_icon_01.png) no-repeat;
  margin-bottom:40px;
}
.content-list-box .list-box-item li .title.icon02:before {
  width:90px;
  height:90px;
  background:url(../images/sub/sub_personnel_top_icon_02.png) no-repeat;
}
.content-list-box .list-box-item li .title.icon03:before {
  width:90px;
  height:90px;
  background:url(../images/sub/sub_personnel_top_icon_03.png) no-repeat;
}
.content-list-box .list-box-item li .title.icon04:before {
  width:90px;
  height:90px;
  background:url(../images/sub/sub_personnel_top_icon_04.png) no-repeat;
}
.sub-content-personnel-bg01 {
  background:url(../images/sub/sub_personnel_01_bg.jpg) no-repeat;
  background-size:cover;
  min-height:320px;
  width:100%;
  position:relative;
}
.sub-content-personnel-bg01.type01 {
  background:url(../images/sub/sub_personnel_02_bg.jpg) no-repeat;
  background-size:cover;
}
.sub-content-personnel-bg01.type02 {
  background:url(../images/sub/sub_personnel_03_bg.jpg) no-repeat;
  background-size:cover;
}
.sub-content-personnel-bg01 .title {
  font-size:48px;
  font-weight:700;
  color:#fff;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.sub-content-personnel-box {
  margin-top:120px;
}
.sub-content-personnel-box + .sub-content-personnel-bg01 {
  margin-top:240px;
}
.sub-content-personnel-box .title-top {
  text-align:center;
  font-size:32px;
  font-weight:300;
  letter-spacing:-0.02rem;
  color:#12206D;
}
.sub-content-personnel-box  .title-top strong {
  font-weight:700;
}
.sub-content-personnel-box .list-box {
  width:100%;
  margin-top:160px;
}
.sub-content-personnel-box .list-box .visual {
  flex:0 0 50%;
  max-width:50%;
}
.sub-content-personnel-box .list-box.reverse {
  flex-direction:row-reverse;
}
.sub-content-personnel-box .list-box.reverse .visual {
  flex:0 0 57%;
  max-width:57%;
}
.sub-content-personnel-box .list-box .text-content {
  flex:0 0 50%;
  max-width:50%;
  padding-left:120px;
}
.sub-content-personnel-box .list-box.reverse .text-content {
  flex:0 0 43%;
  max-width:43%;
  padding-left:0;
}
.sub-content-personnel-box .list-box .text-content .top-title {
  font-size:40px;
  font-weight:800;
  letter-spacing:-0.02rem;
  line-height:1;
  color:#202020;
  position:relative;
  padding-left:20px;
}
.sub-content-personnel-box .list-box .text-content .top-title:before {
  content:"";
  display:block;
  width:7px;
  height:36px;
  background:#0054C1;
  position:absolute;
  top:0;
  left:0;
}
.sub-content-personnel-box .list-box .text-content .top-title.type01:before {
  background:#01AFC8;
}
.sub-content-personnel-box .list-box .text-content ul {
  margin-top:60px;
}
.sub-content-personnel-box .list-box .text-content ul li + li{
  margin-top:60px;
}
.sub-content-personnel-box .list-box .text-content ul li .title {
  font-size:28px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#202020;
}
.sub-content-personnel-box .list-box .text-content ul li .text {
  font-size:18px;
  font-weight:300;
  letter-spacing:-0.02rem;
  color:#202020;
  margin-top:20px;
}
.sub-content-personnel-box .list-box .text-content ul li .text span {
  display:block;
}
.sub-content-personnel-box .icon-list-box {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  justify-content:space-between;
  flex-wrap: wrap;
}
.sub-content-personnel-box .icon-list-box li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 44%;
  flex: 0 0 44%;
  max-width: 44%;
}
.sub-content-personnel-box .icon-list-box li:nth-child(n + 3) {
  margin-top:100px;
}
.sub-content-personnel-box .icon-list-box li .visual-icon {
  flex:0 0 16%;
  max-width:16%;
}
.sub-content-personnel-box .icon-list-box li .text-box {
  padding-left:130px;
  position:relative;
}
.sub-content-personnel-box .icon-list-box li .text-box:before {
  content:"";
  display:block;
  width:90px;
  height:90px;
  background:url(../images/sub/sub_personnel_icon_0201.png) no-repeat;
  position:absolute;
  top:50%;
  left:0;
  transform: translateY(-50%);
}
.sub-content-personnel-box .icon-list-box li:nth-child(2) .text-box:before {
  background:url(../images/sub/sub_personnel_icon_0202.png) no-repeat;
}
.sub-content-personnel-box .icon-list-box li:nth-child(3) .text-box:before {
  background:url(../images/sub/sub_personnel_icon_0203.png) no-repeat;
}
.sub-content-personnel-box .icon-list-box li:nth-child(4) .text-box:before {
  background:url(../images/sub/sub_personnel_icon_0204.png) no-repeat;
}
.sub-content-personnel-box .icon-list-box li:nth-child(5) .text-box:before {
  background:url(../images/sub/sub_personnel_icon_0205.png) no-repeat;
}
.sub-content-personnel-box .icon-list-box li:nth-child(6) .text-box:before {
  background:url(../images/sub/sub_personnel_icon_0206.png) no-repeat;
}
.sub-content-personnel-box .icon-list-box li:nth-child(7) .text-box:before {
  background:url(../images/sub/sub_personnel_icon_0207.png) no-repeat;
}
.sub-content-personnel-box .icon-list-box li:nth-child(8) .text-box:before {
  background:url(../images/sub/sub_personnel_icon_0208.png) no-repeat;
}
.sub-content-personnel-box .icon-list-box li .text-box .title {
  font-size:24px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#111;
}
.sub-content-personnel-box .icon-list-box li .text-box .text {
  font-size:18px;
  font-weight:300;
  color:#202020;
  line-height:1.6;
  margin-top:20px;
}
.sub-content-personnel-box .content-list {
  margin-top:140px;
}
.sub-content-personnel-box .content-list li {
  align-items: center;
}
.sub-content-personnel-box .content-list li + li {
  margin-top:60px;
}
.sub-content-personnel-box .content-list li .title {
  font-size:24px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#202020;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 10%;
  flex:0 0 10%;
  max-width:10%;
}
.sub-content-personnel-box .content-list li .text {
  font-size:18px;
  font-weight:300;
  letter-spacing:-0.02rem;
  color:#202020;
  padding-left:60px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 90%;
  flex:0 0 90%;
  max-width:90%;
}
.sub-content-personnel-box .content-list li .text .s-text {
  font-size:16px;
  font-weight:300;
  color:#666;
}
.sub-content-personnel-box .content-list li .text .btn {
  font-size:16px;
  font-weight:700;
  letter-spacing:-0.01rem;
  border:1px solid #202020;
  padding:14px 26px;
  margin-left:45px;
}
.sub-content-personnel-box .content-list .circle-shape-lt-box {
  gap:60px;
}
.sub-content-personnel-box .content-list .circle-shape-lt-box li {
  width:160px;
  height:0;
  padding-bottom:160px;
  position:relative;
}
.sub-content-personnel-box .content-list .circle-shape-lt-box li:before {
  content:"";
  display:block;
  width:100%;
  padding-bottom:100%;
  background:#A3C5D8;
  border-radius:50%;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
}
.sub-content-personnel-box .content-list .circle-shape-lt-box li:nth-child(2):before {
  background:#82B6DB;
}
.sub-content-personnel-box .content-list .circle-shape-lt-box li:nth-child(3):before {
  background:#4388C4;
}
.sub-content-personnel-box .content-list .circle-shape-lt-box li:nth-child(4):before {
  background:#044A87;
}
.sub-content-personnel-box .content-list .circle-shape-lt-box li span {
  font-size:20px;
  font-weight:500;
  letter-spacing:-0.02rem;
  color:#fff;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:100%;
  text-align:center;
}
.sub-content-personnel-box .content-list .circle-shape-lt-box li:after {
  content:"";
  display:block;
  width:100%;
  border-bottom:1px dashed #A0B1CB;
  position:absolute;
  top:50%;
  right:-50%;
  z-index:0;
}
.sub-content-personnel-box .content-list .circle-shape-lt-box li:last-child:after {
  display:none;
}
.sub-content-personnel-box .content-list .circle-shape-lt-box li + li {
  margin:0;
}
/*  */
.content-lt-box {
  margin-top:120px;
}
.content-lt-box .content-lt-item {
  padding:80px 0;
  border-top:1px solid #BBC2CD;
  border-bottom:1px solid #BBC2CD;
}
.content-lt-box .content-lt-item + .content-lt-item {
  border-top:none;
}
.content-lt-box .content-lt-item .list-type01 {

}
.content-lt-box .content-lt-item .list-type01 .title {
  font-size:26px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#202020;
  flex:0 0 34%;
  max-width:34%;
}
.content-lt-box .content-lt-item .list-type01 .text {
  font-size:22px;
  font-weight:300;
  letter-spacing:-0.02rem;
  color:#202020;
  flex:0 0 66%;
  max-width:66%;
}
.content-lt-box .content-lt-item .content-lt-stairs-box {
  justify-content: space-between;
  margin-top:80px;
}
.content-lt-box .content-lt-item .content-lt-stairs-item {
  flex:0 0 30%;
  max-width:30%;
}
.content-lt-box .content-lt-item .content-lt-stairs-item .title {
  font-size:26px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#202020;
  margin-top:25px;
  display: inline-block;
  position:relative;
  padding-right:30px;
}
.content-lt-box .content-lt-item .content-lt-stairs-item .visual {
  position:relative;
  display:block;
}
.content-lt-box .content-lt-item .content-lt-stairs-item a {
  display:block;
}
.content-lt-box .content-lt-item .content-lt-stairs-item a:hover .visual:before {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  padding-bottom:57.5%;
  background:rgba(0,0,0,0.1);
}
.content-lt-box .content-lt-item .content-lt-stairs-item .title:after {
  content:"";
  display:block;
  position:absolute;
  right:0;
  top:50%;
  width:20px;
  height: 0;
  border-bottom: 1px solid #202020;
  transform: translateY(-50%);
}
.content-lt-box .content-lt-item .content-lt-stairs-item .title:before {
  content:"";
  display:block;
  position:absolute;
  right:0;
  top:50%;
  width:7px;
  height:1px;
  background:#202020;
  transform: translateY(-50%) rotate(40deg);
  transform-origin: right bottom;
}
.content-lt-box .content-lt-item .content-lt-stairs-item .text {
  font-size:16px;
  font-weight:500;
  line-height:1.75;
  letter-spacing:-0.04rem;
  color:#202020;
  margin-top:15px;
  display:block;
}
.content-lt-box .content-lt-item .content-lt-stairs-item + .content-lt-stairs-item {
  margin-top:80px;
}
.content-lt-box .content-lt-item .content-lt-stairs-item:last-child {
  margin-top:160px;
}
.content-lt-box .content-lt-item .content-lt-img-box {
  justify-content: space-between;
  margin-top:80px;
}
.content-lt-box .content-lt-item .content-lt-img-box .content-lt-img-item {
  flex:0 0 30%;
  max-width:30%;
}
.sub-lt-text {
  margin:120px 0;
}
.sub-lt-text .title {
  font-size:42px;
  font-weight:700;
  color:#202020;
  letter-spacing:-0.02rem;
  line-height:1.5;
}
.sub-lt-text .visual {
  margin:60px 0 140px 0;
}
.content-lt-gray-box {
  background:#F0F4F8;
  padding:120px 0;
}
.content-lt-gray-box .gray-container {
  max-width:1495px;
  margin:0 auto;
}
.content-lt-gray-box .gray-container .lt-box-content {
  flex-wrap:wrap;
  justify-content: center;
}
.content-lt-gray-box .gray-container .lt-box-content li {
  flex:0 0 30%;
  background:#fff;
  border-top:6px solid #0054C1;
  margin-right:50px;
  text-align:center;
  position:relative;
  min-height:400px;
}
.content-lt-gray-box .gray-container .lt-box-content li:after {
  content:"";
  display:block;
  width:40px;
  height:40px;
  position:absolute;
  top:50%;
  right:-45px;
  transform:translateY(-50%);
  background:url(../images/sub/box_arrow_icon.png) no-repeat;
}
.content-lt-gray-box .gray-container .lt-box-content li .content-item {
  position:absolute;
  width:80%;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.content-lt-gray-box .gray-container .lt-box-content li.none-arrow {
  margin-right:0;
}
.content-lt-gray-box .gray-container .lt-box-content li.none-arrow:after {
  display:none;
}
.content-lt-gray-box .gray-container .lt-box-content li:nth-child(n + 3){
  margin-top:70px;
}
.content-lt-gray-box .gray-container .lt-box-content li .top-box {
  display:inline-block;
  font-size:18px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#0054C1;
  border:2px solid #0054C1;
  padding:0 18px;
  border-radius:20px;
}
.content-lt-gray-box .gray-container .lt-box-content li .title {
  display:block;
  font-size:30px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#062D78;
  padding:20px 0 20px;
}
.content-lt-gray-box .gray-container .lt-box-content li .text {
  display:block;
  font-size:18px;
  font-weight:400;
  line-height:1.78;
  letter-spacing:-0.04rem;
  color:#202020;
  word-break: auto-phrase;
}
.table-box-content {
  margin-top:55px;
}
.information-table {
  width:100%;
  border-top:2px solid #202020;
}
.information-table tbody th {
  font-size:20px;
  font-weight:800;
  letter-spacing:-0.02rem;
  color:#202020;
  text-align:left;
  padding:25px 0 25px 40px;
  border-bottom:1px solid #202020;
}
.information-table tbody td {
  font-size:20px;
  font-weight:400;
  letter-spacing:-0.02rem;
  color:#202020;
  border-bottom:1px solid #202020;
  padding:25px 0 25px 40px;
}
.sub-content-text-box {
  margin-top:100px
}
.sub-content-text-box .title {
  font-size:42px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#202020;
}
.sub-content-text-box .text {
  font-size:20px;
  font-weight:400;
  letter-spacing:-0.02rem;
  line-height:1.6;
  color:#666666;
  margin:60px 0 140px;
}
.sub-content-text-box .content-lt-icon-circle {
  position:relative;
}
.sub-content-text-box .content-lt-icon-circle.img-phone:after {
  content:"";
  display:block;
  background:url(../images/sub/sub_smartmdvan_img_02.png) no-repeat;
  background-size:cover;
  width:30%;
  padding-bottom:58%;
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
}
.sub-content-text-box .content-lt-icon-circle .content-lt-item {
  width:65%;
}
.sub-content-text-box .content-lt-icon-circle .content-lt-item ul {

}
.sub-content-text-box .content-lt-icon-circle .content-lt-item ul li {
  align-items:center;
}
.sub-content-text-box .content-lt-icon-circle .content-lt-item ul li + li {
  margin-top:60px;
}
.sub-content-text-box .content-lt-icon-circle .content-lt-item ul li .content-title {
  flex:0 0 180px;
  max-width:180px;
  height:180px;
  position:relative;
}
.sub-content-text-box .content-lt-icon-circle .content-lt-item ul li .content-title span {
  position:absolute;
  z-index:2;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-size:22px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#fff;
  width:100%;
  text-align:center;
}
.sub-content-text-box .content-lt-icon-circle .content-lt-item ul li .content-title:before {
  content:"";
  display:block;
  width:100%;
  height:0;
  padding-bottom:100%;
  background:#A3C5D8;
  position:absolute;
  top:0;
  left:0;
  border-radius:50%;
}
.sub-content-text-box .content-lt-icon-circle .content-lt-item ul li:nth-child(2) .content-title:before {
  background:#82B6DB;
}
.sub-content-text-box .content-lt-icon-circle .content-lt-item ul li:nth-child(3) .content-title:before {
  background:#4388C4;
}
.sub-content-text-box .content-lt-icon-circle .content-lt-item ul li:nth-child(4) .content-title:before {
  background:#044A87;
}
.sub-content-text-box .content-lt-icon-circle .content-lt-item ul li .content-text {
  flex:0 0 calc(100% - 220px);
  max-width:calc(100% - 220px);
  margin-left:40px;
}
.sub-content-text-box .content-lt-icon-circle .content-lt-item ul li .content-text p {
  position:relative;
  font-size:22px;
  font-weight:300;
  line-height:1.6;
  color:#202020;
  padding-left:15px;
}
.sub-content-text-box .content-lt-icon-circle .content-lt-item ul li .content-text p:before {
  content:"";
  display:block;
  width:5px;
  height:5px;
  background:#202020;
  border-radius:50%;
  position:absolute;
  top:15px;
  left:0;
}
.sub-content-text-box .content-lt-icon-circle .content-lt-item ul li .content-text p + p {
  margin-top:10px;
}
.box-lt-content {
  margin-top:80px;
}
.box-lt-content ul {
  width:100%;
  flex-wrap:wrap;
  gap:4%;
}
.box-lt-content ul li {
  flex:0 0 22%;
  max-width:22%;
  border:1px solid #6992BD4D;
  border-radius:10px;
  text-align:center;
  padding:60px 0;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.box-lt-content ul li:nth-child(n + 5) {
  margin-top:60px;
}
.box-lt-content ul li span {
  font-size:28px;
  font-weight:600;
  letter-spacing:-0.02rem;
  color:#202020;
}
.box-lt-content ul li span:after {
  content:"";
  display:block;
  width:90px;
  height:90px;
  background:url(../images/sub/smartmdvan_ic_img_01.png) no-repeat;
  margin:40px auto 0;
}
.box-lt-content ul li:nth-child(2) span:after {
  width:90px;
  height:90px;
  background:url(../images/sub/smartmdvan_ic_img_02.png) center no-repeat;
}
.box-lt-content ul li:nth-child(3) span:after {
  width:90px;
  height:90px;
  background:url(../images/sub/smartmdvan_ic_img_03.png) center no-repeat;
}
.box-lt-content ul li:nth-child(4) span:after {
  width:90px;
  height:90px;
  background:url(../images/sub/smartmdvan_ic_img_04.png) center no-repeat;
}
.box-lt-content ul li:nth-child(5) span:after {
  width:90px;
  height:90px;
  background:url(../images/sub/smartmdvan_ic_img_05.png) center no-repeat;
}
.box-lt-content ul li:nth-child(6) span:after {
  width:90px;
  height:90px;
  background:url(../images/sub/smartmdvan_ic_img_06.png) center no-repeat;
}
.box-lt-content ul li:nth-child(7) span:after {
  width:90px;
  height:90px;
  background:url(../images/sub/smartmdvan_ic_img_07.png) center no-repeat;
}
.box-lt-content ul li:nth-child(8) span:after {
  width:90px;
  height:90px;
  background:url(../images/sub/smartmdvan_ic_img_08.png) center no-repeat;
}
.box-lt-content ul.type01 li span:after {
  content:"";
  display:block;
  width:90px;
  height:90px;
  background:url(../images/sub/smartmdvan_ic_img_09.png) no-repeat;
  margin:40px auto 0;
}
.box-lt-content ul.type01 li:nth-child(2) span:after {
  width:90px;
  height:90px;
  background:url(../images/sub/smartmdvan_ic_img_10.png) center no-repeat;
}
.box-lt-content ul.type01 li:nth-child(3) span:after {
  width:90px;
  height:90px;
  background:url(../images/sub/smartmdvan_ic_img_11.png) center no-repeat;
}
.box-lt-content ul.type01 li:nth-child(4) span:after {
  width:90px;
  height:90px;
  background:url(../images/sub/smartmdvan_ic_img_12.png) center no-repeat;
}
@media(max-width:1500px){
  .sub-content {
    margin-top:170px;
  }
  .sub-content .container {
    width:calc(100% - 30px);
    padding:0 15px;
  }
  .content-lt-gray-box .gray-container {
    max-width:calc(100% - 30px);
    padding: 0 15px;
  }
}
@media(max-width:992px){
  .sub-content {
    border-top:1px solid #D9D9D9;
    margin-top:65px;
    margin-bottom:60px;
  }
  .sub-content .container {
    width:100%;
  }
  .sub-content .sub-top {
    margin-top:60px;
  }
  .sub-content .sub-top h3 {
    font-size:12px;
  }
  .sub-content .sub-top h2 {
    font-size:26px;
  }
  .sub-content .top-tabmenu li {
    padding:0;
  }
  .sub-content .top-tabmenu li a {
    font-size:16px;
    line-height:1.4;
    padding:20px 0;
  }
  .sub-content .sub-content-box {
    margin-top:25px;
  }
  .sub-content .sub-content-box.type01 {
    margin-top:55px;
  }
  .sub-content .sub-content-box.type02 {
    margin-top:55px;
  }
  .content-title h3 {
    font-size:18px;
    font-weight:700;
    color:#000;
    margin-bottom:25px;
  }
  .sub-content .sub-top-container {
    display:none;
  }
  .sub-content .sub-top-container.type01 {
    display:block;
  }
  .sub-content .sub-content-box .btn-top-area {
    position:relative;
    top:auto;
    left:auto;
    margin-bottom:25px;
  }
  .sub-content .sub-content-box .btn-top-area .btn + .btn {
    margin-left:10px;
  }
  .sub-content .sub-content-box .btn-top-area .layer-wrap + .btn {
    margin-left:10px;
  }
  .sub-content .sub-content-box .btn-top-area.type01 .btn {
    min-width:90px;
    padding:16px 0;
    text-align:center;
  }
  .sub-content .sub-content-box .sub-content-top-text h4 {
    font-size:22px;
    word-break: auto-phrase;
  }
  .sub-content .sub-content-box .sub-content-top-text h4.text-bottom-position {
    margin:40px 0;
  }
  .sub-content .sub-content-box .sub-content-top-text .visual {
    margin:40px -15px 0;
  }
  .sub-content .sub-content-box .sub-content-top-text .bottom-text  {
    font-size:16px;
    margin-top:25px;
  }
  .sub-content .sub-content-box .sub-content-top-text .text-type01 {
    font-size:20px;
  }
  .sub-list-box {
    margin-top:45px;
  }
  .sub-list-box .item .head {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sub-list-box .item .cont {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left:0;
    margin-top:30px;
  }
  .sub-list-box .item .head .title {
    font-size:20px;
  }
  .sub-list-box .item .cont .type01 {
    font-size:20px;
  }
  .sub-list-box .item .cont .type02 {
    font-size:16px;
  }
  .sub-list-box .item .cont p + p {
    margin-top:30px;
  }
  .sub-list-box .item + .item {
    margin-top:50px;
  }
  .sub-list-box .item .cont .table-cont tbody th {
    font-size:13px;
    padding:20px 15px;
  }
  .sub-list-box .item .cont .table-cont tbody td {
    font-size:13px;
  }
  .sub-content-ceo {
    margin-top:50px;
  }
  .sub-content-ceo .type01 {
    font-size:16px;
  }
  .sub-content-ceo .type02 {
    font-size:20px;
  }
  .sub-content-ceo .sign-box {
    margin-top:40px;
    text-align: right;
  }
  .sub-content-ceo p + p {
    margin-top:30px;
  }
  .sub-content-ceo .sign-box span {
    max-width:35%;
    margin-left:15px;
  }
  .sub-content-ceo .sign-box strong {
    font-size:14px;
  }
  .content-sub-type01 {
    font-size:10px;
  }
  .content-sub-type01 strong {
    font-size:24px;
  }
  .sub-content .sub-content-box .sub-content-top-text h4.type01 {
    font-size:24px;
  }
  .sub-content-top-text + .sub-content-top-text {
    margin-top:60px;
  }
  .sub-content-history .visual-bg {
    background:url(../images/sub/sub_history_bg_m.jpg) no-repeat;
    background-size:cover;
    min-height:180px;
  }
  .sub-content-history .visual-bg .text-box .title {
    font-size:24px;
  }
  .sub-content-history .visual-bg .text-box .copy {
    font-size:20px;
    line-height: 1.5;
  }
  .sub-content-history .history-content-box {
    padding-top:60px;
  }
  .sub-content-history .history-content-box ul li {
    padding:60px 0;
  }
  .sub-content-history .history-content-box ul li .title {
    font-size:26px;
    font-weight:800;
    letter-spacing:-0.02rem;
    line-height:1;
    color:#0054C1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex:0 0 100%;
    max-width:100%;
  }
  .sub-content-history .history-content-box ul li .copy {
    font-size:16px;
    font-weight:800;
    letter-spacing:-0.02rem;
    color:#666666;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex:0 0 100%;
    max-width:100%;
    margin-top:15px;
  }
  .sub-content-history .history-content-box ul li .copy span.text {
    padding-left:20px;
  }
  .sub-content-history .history-content-box ul li .copy .text-box + .text-box {
    margin-top:15px;
  }
  .sub-content-partner .title {
    font-size:22px;
    line-height:1.5;
  }
  .sub-content-partner:before {
    display:none;
  }
  .sub-content-partner .partner-content-box {
    margin-top:60px;
  }
  .sub-content-partner .partner-content-box .list-box {
    margin-bottom:30px;
  }
  .sub-content-partner .partner-content-box .list-box li {
    padding:15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex:0 0 48%;
    max-width:48%;
    position: relative;
  }
  .sub-content-partner .partner-content-box .list-box li:nth-child(n + 3) {
    margin-top:10px;
  }
  .sub-content-partner .partner-content-box .list-box li .text-box {
    margin-top:15px;
    padding-top:10px;
  }
  .sub-content-partner .partner-content-box .list-box li .text-box:after {
    width:14px;
    height:14px;
    background-size:cover;
    top:15px;
  }
  .sub-content-partner .partner-content-box .list-box li .text-box strong {
    font-size:12px;
  }
  .sub-content-partner .partner-content-box .list-box li a:hover:before {
    display:none;
  }
  .sub-content-partner .partner-content-box .list-box li:hover span.view-box {
    display:none;
  }
  .sub-text-rectangle-box.box-type01 {
    width:100%;
  }
  .sub-text-rectangle-box {
    padding:20px 0;
  }
  .sub-text-rectangle-box .text {
    font-size:18px;
  }
  /* 인사제도 */
  .sub-content-personnel-top {
    background:url(../images/sub/sub_personnel_top_bg_m.jpg) no-repeat;
    background-size:cover;
    min-height:180px;
    width:100%;
  }
  .sub-content-personnel-top .title {
    font-size:24px;
  }
  .content-list-box {
    margin:45px 0 65px;
  }
  .content-list-box .list-box-item li {
    flex:0 0 100%;
    max-width:100%;
  }
  .content-list-box .list-box-item li .title {
    font-size:20px;
    text-align:center;
  }
  .content-list-box .list-box-item li .title:before {
    width: 72px;
    height: 72px;
    background: url(../images/sub/sub_personnel_top_icon_01_m.png) no-repeat;
    background-size:cover;
    margin:0 auto 20px;
  }
  .content-list-box .list-box-item li .title.icon02:before {
    width: 72px;
    height: 72px;
    background: url(../images/sub/sub_personnel_top_icon_02_m.png) no-repeat;
    background-size:cover;
  }
  .content-list-box .list-box-item li .title.icon03:before {
    width: 72px;
    height: 72px;
    background: url(../images/sub/sub_personnel_top_icon_03_m.png) no-repeat;
    background-size:cover;
  }
  .content-list-box .list-box-item li .title.icon04:before {
    width: 72px;
    height: 72px;
    background: url(../images/sub/sub_personnel_top_icon_04_m.png) no-repeat;
    background-size:cover;
  }
  .content-list-box .list-box-item li .text {
    font-size:16px;
    margin-top:20px;
  }
  .content-list-box .list-box-item li + li {
    margin-top:50px;
  }
  .sub-content-personnel-top .content-list-box {
    padding:25px 0 60px;
  }
  .sub-content-personnel-top .content-list-box .sub-title {
    font-size:26px;
  }
  .sub-content-personnel-top .content-list-box .list-box {
    margin-top:0;
  }
  .sub-content-personnel-top .content-list-box .list-box li {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 50px;
  }
  .sub-content-personnel-top .content-list-box .list-box li .icon-img img {
    width:22%;
    margin:0 auto;
  }
  .sub-content-personnel-top .content-list-box .list-box li .title {
    font-size:20px;
    text-align:center;
    margin:20px 0;
  }
  .sub-content-personnel-top .content-list-box .list-box li .title span {
    font-size:16px;
    display:block;
  }
  .sub-content-personnel-top .content-list-box .list-box li .copy {
    font-size:16px;
  }
  .sub-content-personnel-bg01 {
    background:url(../images/sub/sub_personnel_01_bg_m.jpg) no-repeat;
    background-size:cover;
    min-height:180px;
    width:100%;
  }
  .sub-content-personnel-bg01 .title {
    font-size:24px;
  }
  .sub-content-personnel-box {
    margin-top:40px;
  }
  .sub-content-personnel-box .title-top {
    font-size:20px;
  }
  .sub-content-personnel-box .list-box {
    margin-top:25px;
  }
  .sub-content-personnel-box .list-box + .list-box {
    margin-top:60px;
  }
  .sub-content-personnel-box .list-box .visual {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sub-content-personnel-box .list-box.reverse .visual {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sub-content-personnel-box .list-box .text-content {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left:0;
    margin-top:40px;
  }
  .sub-content-personnel-box .list-box.reverse .text-content {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sub-content-personnel-box .list-box .text-content .top-title {
    font-size:24px;
    padding-left:10px;
  }
  .sub-content-personnel-box .list-box .text-content .top-title:before {
    width:4px;
    height:25px;
  }
  .sub-content-personnel-box .list-box .text-content ul {
    margin-top:40px;
  }
  .sub-content-personnel-box .list-box .text-content ul li .title {
    font-size:18px;
  }
  .sub-content-personnel-box .list-box .text-content ul li .text {
    font-size:16px;
    margin-top:10px;
  }
  .sub-content-personnel-box .list-box .text-content ul li + li {
    margin-top:40px;
  }
  .sub-content-personnel-bg01.type01 {
    background: url(../images/sub/sub_personnel_02_bg_m.jpg) no-repeat;
    background-size: cover;
  }
  .sub-content-personnel-bg01.type02 {
    background: url(../images/sub/sub_personnel_03_bg_m.jpg) no-repeat;
    background-size: cover;
  }
  .sub-content-personnel-box + .sub-content-personnel-bg01 {
    margin-top: 50px;
  }
  .sub-content-personnel-box .icon-list-box li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sub-content-personnel-box .icon-list-box li .visual-icon {
    flex: 0 0 18.5%;
    max-width: 18.5%;
  }
  .sub-content-personnel-box .icon-list-box li .text-box {
    padding-left:75px;
  }
  .sub-content-personnel-box .icon-list-box li .text-box:before {
    width:60px;
    height:60px;
    background:url(../images/sub/sub_personnel_icon_0201_m.png) no-repeat;
    background-size: cover;
  }
  .sub-content-personnel-box .icon-list-box li:nth-child(2) .text-box:before {
    background:url(../images/sub/sub_personnel_icon_0202_m.png) no-repeat;
    background-size: cover;
  }
  .sub-content-personnel-box .icon-list-box li:nth-child(3) .text-box:before {
    background:url(../images/sub/sub_personnel_icon_0203_m.png) no-repeat;
    background-size: cover;
  }
  .sub-content-personnel-box .icon-list-box li:nth-child(4) .text-box:before {
    background:url(../images/sub/sub_personnel_icon_0204_m.png) no-repeat;
    background-size: cover;
  }
  .sub-content-personnel-box .icon-list-box li:nth-child(5) .text-box:before {
    background:url(../images/sub/sub_personnel_icon_0205_m.png) no-repeat;
    background-size: cover;
  }
  .sub-content-personnel-box .icon-list-box li:nth-child(6) .text-box:before {
    background:url(../images/sub/sub_personnel_icon_0206_m.png) no-repeat;
    background-size: cover;
  }
  .sub-content-personnel-box .icon-list-box li:nth-child(7) .text-box:before {
    background:url(../images/sub/sub_personnel_icon_0207_m.png) no-repeat;
    background-size: cover;
  }
  .sub-content-personnel-box .icon-list-box li:nth-child(8) .text-box:before {
    background:url(../images/sub/sub_personnel_icon_0208_m.png) no-repeat;
    background-size: cover;
  }
  .sub-content-personnel-box .icon-list-box li .text-box .title {
    font-size:18px;
    font-weight:700;
  }
  .sub-content-personnel-box .icon-list-box li .text-box .text{
    font-size:14px;
    margin-top:10px;
  }
  .sub-content-personnel-box .icon-list-box li:nth-child(n + 3) {
    margin-top:35px;
  }
  .sub-content-personnel-box .icon-list-box li + li {
    margin-top:35px;
  }
  .sub-content-personnel-box .content-list {
    margin-top:50px;
  }
  .sub-content-personnel-box .content-list li .title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    font-size:20px;
  }
  .sub-content-personnel-box .content-list li .text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left:0;
    font-size:16px;
  }
  .sub-content-personnel-box .content-list li .text span {
    display:block;
    margin-top:15px;
  }
  .sub-content-personnel-box .content-list li .text .btn {
    font-size:13px;
    padding:12px 24px;
    margin:25px 0 0 0;
  }
  .sub-content-personnel-box .content-list .circle-shape-lt-box {
    gap:20px;
    width:210px;
    margin:20px auto;
    position:relative;
  }
  .sub-content-personnel-box .content-list .circle-shape-lt-box:before {
    content:"";
    display:block;
    height: calc(100% - 90px);
    width:1px;
    border-right:1px dashed #D0D7E3;
    position:absolute;
    top:45px;
    right:-18%;
  }
  .sub-content-personnel-box .content-list .circle-shape-lt-box li {
    width:90px;
    padding-bottom:90px;
  }
  .sub-content-personnel-box .content-list .circle-shape-lt-box li:nth-child(3) {
    order:1;
  }
  .sub-content-personnel-box .content-list .circle-shape-lt-box li span {
    font-size:13px;
    margin-top:0;
  }
  .sub-content-personnel-box .content-list .circle-shape-lt-box li:nth-child(4):after {
    display: block;
  }
  /* */
  .content-lt-box {
    margin-top:40px;
  }
  .content-lt-box .content-lt-item {
    padding:40px 0;
  }
  .content-lt-box .content-lt-item .list-type01 .title {
    font-size:20px;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .content-lt-box .content-lt-item .list-type01 .text {
    font-size:16px;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top:20px;
  }
  .content-lt-box .content-lt-item .content-lt-stairs-box {
    margin-top:25px;
  }
  .content-lt-box .content-lt-item .content-lt-stairs-item {
    flex: 0 0 100%;
    max-width:100%;
  }
  .content-lt-box .content-lt-item .content-lt-stairs-item a:hover .visual:before {
    content:"";
    display:block;
    width:100%;
    height:100%;
    background:rgba( 0, 0, 0, 0.3);
  }
  .content-lt-box .content-lt-item .content-lt-stairs-item .title {
    font-size:18px;
  }
  .content-lt-box .content-lt-item .content-lt-stairs-item .text {
    font-size:15px;
    margin-top:5px;
  }
  .content-lt-box .content-lt-item .content-lt-stairs-item + .content-lt-stairs-item {
    margin-top:35px;
  }
  .content-lt-box .content-lt-item .content-lt-img-box {
    margin-top:40px;
  }
  .content-lt-box .content-lt-item .content-lt-img-box .content-lt-img-item {
    flex:0 0 100%;
    max-width:100%;
  }
  .content-lt-box .content-lt-item .content-lt-img-box .content-lt-img-item + .content-lt-img-item {
    margin-top:25px;
  }
  .sub-lt-text {
    margin:50px 0;
  }
  .sub-lt-text .title {
    font-size:24px;
  }
  .sub-lt-text .visual {
    margin:25px 0 50px 0;
  }
  .sub-lt-text .btn.btn-write {
    display:block;
  }
  .content-lt-gray-box {
    padding:40px 0;
  }
  .content-lt-gray-box .gray-container .lt-box-content li {
    flex: 0 0 100%;
    max-width:100%;
    margin-right:0;
    min-height:320px;
  }
  .content-lt-gray-box .gray-container .lt-box-content li:nth-child(n + 2)  {
    margin-top:60px;
  }
  .content-lt-gray-box .gray-container .lt-box-content li:after {
    right:auto;
    left:50%;
    top:auto;
    bottom:-45px;
    width:30px;
    height:30px;
    background: url(../images/sub/box_arrow_icon_m.png) no-repeat;
    background-size:cover;
    transform:translateX(-50%);
  }
  .content-lt-gray-box .gray-container .lt-box-content li .top-box {
    font-size:14px;
  }
  .content-lt-gray-box .gray-container .lt-box-content li .title {
    font-size:22px;
    padding:10px 0;
  }
  .content-lt-gray-box .gray-container .lt-box-content li .text {
    font-size:16px;
  }
  .table-box-content {
    margin-top:30px;
  }
  .information-table tbody th {
    font-size:13px;
    padding:20px 0 20px 20px;
  }
  .information-table tbody td {
    font-size:13px;
    padding:20px 0 20px 20px;
  }
  .sub-content-text-box {
    margin-top:50px
  }
  .sub-content-text-box .title {
    font-size:22px;
  }
  .sub-content-text-box .text {
    font-size:16px;
    margin:30px 0 40px;
  }
  .sub-content-text-box .content-lt-icon-circle .content-lt-item {
    width:100%;
  }
  .sub-content-text-box .content-lt-icon-circle .content-lt-item ul li .content-title {
    flex:0 0 90px;
    max-width:90px;
    height:90px;
  }
  .sub-content-text-box .content-lt-icon-circle .content-lt-item ul li .content-text {
    flex: 0 0 calc(100% - 100px);
    max-width: calc(100% - 100px);
    margin-left: 10px;
  }
  .sub-content-text-box .content-lt-icon-circle .content-lt-item ul li .content-title span {
    font-size:14px;
  }
  .sub-content-text-box .content-lt-icon-circle .content-lt-item ul li .content-text p {
    font-size:16px;
    line-height:1.8;
  }
  .sub-content-text-box .content-lt-icon-circle .content-lt-item ul li .content-text p:before {
    top:10px;
  }
  .sub-content-text-box .content-lt-icon-circle.img-phone:after {
    background: url(../images/sub/sub_smartmdvan_img_02_m.png) no-repeat;
    background-size:cover;
    width:100%;
    padding-bottom:185%;
    position:relative;
    top:auto;
    right:auto;
    transform: translateY(0);
  }
  .box-lt-content {
    margin-top:25px;
  }
  .box-lt-content ul li {
    flex:0 0 46%;
    max-width:46%;
    padding:30px 0;
  }
  .box-lt-content ul li span {
    font-size:16px;
  }
  .box-lt-content ul li span:after {
    background: url(../images/sub/smartmdvan_ic_img_01_m.png) no-repeat;
    background-size:cover;
    width:60px;
    height:60px;
    margin:15px auto 0;;
  }
  .box-lt-content ul li:nth-child(2) span:after {
    width:60px;
    height:60px;
    background:url(../images/sub/smartmdvan_ic_img_02_m.png) center no-repeat;
    background-size:cover;
  }
  .box-lt-content ul li:nth-child(3) span:after {
    width:60px;
    height:60px;
    background:url(../images/sub/smartmdvan_ic_img_03_m.png) center no-repeat;
    background-size:cover;
  }
  .box-lt-content ul li:nth-child(4) span:after {
    width:60px;
    height:60px;
    background:url(../images/sub/smartmdvan_ic_img_04_m.png) center no-repeat;
    background-size:cover;
  }
  .box-lt-content ul li:nth-child(5) span:after {
    width:60px;
    height:60px;
    background:url(../images/sub/smartmdvan_ic_img_05_m.png) center no-repeat;
    background-size:cover;
  }
  .box-lt-content ul li:nth-child(6) span:after {
    width:60px;
    height:60px;
    background:url(../images/sub/smartmdvan_ic_img_06_m.png) center no-repeat;
    background-size:cover;
  }
  .box-lt-content ul li:nth-child(7) span:after {
    width:60px;
    height:60px;
    background:url(../images/sub/smartmdvan_ic_img_07_m.png) center no-repeat;
    background-size:cover;
  }
  .box-lt-content ul li:nth-child(8) span:after {
    width:60px;
    height:60px;
    background:url(../images/sub/smartmdvan_ic_img_08_m.png) center no-repeat;
    background-size:cover;
  }
  .box-lt-content ul li:nth-child(n + 3) {
    margin-top:15px;
  }
  .box-lt-content ul.type01 li span:after {
    width:60px;
    height:60px;
    background:url(../images/sub/smartmdvan_ic_img_09_m.png) no-repeat;
    background-size:cover;
  }
  .box-lt-content ul.type01 li:nth-child(2) span:after {
    width:60px;
    height:60px;
    background:url(../images/sub/smartmdvan_ic_img_10_m.png) center no-repeat;
    background-size:cover;
  }
  .box-lt-content ul.type01 li:nth-child(3) span:after {
    width:60px;
    height:60px;
    background:url(../images/sub/smartmdvan_ic_img_11_m.png) center no-repeat;
    background-size:cover;
  }
  .box-lt-content ul.type01 li:nth-child(4) span:after {
    width:60px;
    height:60px;
    background:url(../images/sub/smartmdvan_ic_img_12_m.png) center no-repeat;
    background-size:cover;
  }
}
.schedule-box h3 {
  font-size:32px;
  font-weight:400;
  color:#000;
}
.schedule-box h4 {
  font-size:24px;
  font-weight:700;
  color:#000;
  margin-top:40px;
}
.schedule-table {
  width:100%;
  margin-top:30px;
  border-top:2px solid #202020;
}
.schedule-table thead th  {
  font-size:15px;
  font-weight:700;
  color:#202020;
  text-align:center;
  padding:10px 0;
  border-left:1px solid #E0E0E0;
  border-bottom:1px solid #202020;
}
.schedule-table thead th:first-child  {
  border-left:none;
}
.schedule-table thead th  {
  font-size:15px;
  font-weight:700;
  color:#202020;
  text-align:center;
  vertical-align:middle;
  padding:10px 0;
  border-left:1px solid #E0E0E0;
}
.schedule-table tbody td  {
  font-size:16px;
  font-weight:400;
  color:#202020;
  text-align:center;
  height:80px;
  vertical-align: middle;
  border-left:1px solid #E0E0E0;
  border-bottom:1px solid #E0E0E0;
}
.schedule-table tbody td.border-left-none {
  border-left:none;
}
.schedule-table tbody td.pointbg1 {
  background:#EEF9FB;
}
@media(max-width:992px){
  .schedule-box h3 {
    font-size:20px;
    line-height:1.5;
    color:#000;
  }
  .schedule-box h4 {
    font-size:18px;
    font-weight:700;
    color:#000;
  }
  .schedule-box {
    overflow-x: auto;
  }
  .schedule-box .schedule-table {
    width:1000px;
    overflow-x: auto;
  }
}
/* 수상 */
.sub-top-area {
  margin-top:20px;
}
.sub-top-area.type01 {
  margin-top:140px;
}
.sub-top-area .scroll-tab-position {
  width:100%;
  z-index:3;
}
.sub-top-area .top-scroll-list-area  {
  position:relative;
  background:#fff;
  border-bottom:1px solid #D9D9D9;
  justify-content:center;
  gap:4%;
}
.sub-top-area .scroll-tab-position.nav-top-first {
  position: fixed;
  top: 95px;
  -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.sub-top-area .top-scroll-list-area .sticky-nav-tab-slider {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: #66B1F1;
  -webkit-transition: left 0.3s ease;
  transition: left 0.3s ease;
  position:absolute;
}
.sub-top-area .scroll-tab-position.nav-top-second {
  position: fixed;
  top:95px;
}
.sub-top-area .top-scroll-list-area  li {

}
.sub-top-area .top-scroll-list-area  li.sticky-nav-tab-slider {
  padding:0;
  margin-left:0;
}
.sub-top-area .top-scroll-list-area  li:first-child {

}
.sub-top-area .top-scroll-list-area  li a {
  padding:25px 0;
  display:inline-block;
  font-size:24px;
  font-weight:800;
  color:#9DA3AB;
  position:relative;
}
.sub-top-area .top-scroll-list-area  li a.active {
  color:#202020;
}
.sub-top-area .top-scroll-list-area  li a.active:after {
  content:"";
  display:block;
  width:100%;
  height:3px;
  background:#0054C1;
  position:absolute;
  bottom:0;
  left:0;
}
.award-area-box {
  padding:120px 0;
  border-bottom:1px solid #BBC2CD;
}
.sub-tit-type01 {
  text-align:center;
}
.sub-tit-type01 h5 {
  font-size:16px;
  font-weight:800;
}
.sub-tit-type01 h5 span {
  background: linear-gradient(90deg, #17CBB6 0%, #1997DE 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sub-tit-type01 h4 {
  font-size:48px;
  font-weight:700;
  color:#202020;
  margin-top:10px;
}
.award-list-area {
  margin-top:60px;
}
.award-list-area .award-list {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  flex-wrap:wrap;
}
.award-list-area .award-list li {
  flex: 0 0 23%;
  margin-left:2.6%;
}
.award-list-area .award-list li:first-child,
.award-list-area .award-list li:nth-child(4n + 1) {
  margin-left:0;
}
.award-list-area .award-list li:nth-child(n+5) {
  margin-top:40px;
}
.award-list-area .award-list.type01 li .text-box {
  text-align:center;
  width:100%;
  height:0;
  padding-bottom:76.5%;
  position:relative;
  background:url(../../resoureces/images/sub/bg_award.png) no-repeat;
  background-size:cover;
}
.award-list-area .award-list.type02 li .text-box {
  text-align:center;
  width:100%;
  height:0;
  padding-bottom:76.5%;
  position:relative;
  background:url(../../resoureces/images/sub/bg_certi.png) no-repeat;
  background-size:cover;
}
.award-list-area .award-list.type03 li .text-box {
  text-align:center;
  width:100%;
  height:0;
  padding-bottom:76.5%;
  position:relative;
  background:url(../../resoureces/images/sub/_bg_patent.png) no-repeat;
  background-size:cover;
}
.award-list-area .award-list li .text-box .text-tit {
  font-size:20px;
  font-weight:500;
  letter-spacing:-0.02rem;
  line-height:1.4;
  color:#202020;
  width:75%;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-60%);
}
.award-list-area .award-list li .text-box .text-date {
  font-size:16px;
  font-weight:400;
  color:#848484;
  position:absolute;
  width:100%;
  left:50%;
  bottom:30px;
  transform:translateX(-50%);
}
.award-list-area .award-list.type01 li .text-box .text-date {
  bottom:45px;
}
.award-list-area .award-list.type03 li .text-box .text-date {
  bottom:55px;
}
.awrod-img-area {
  margin-top:60px;
}
@media (max-width:1500px){
  .sub-top-area .scroll-tab-position.nav-top-first {
    top:169px;
  }
  .sub-top-area .scroll-tab-position.nav-top-second {
    top:169px;
  }
}
@media (max-width:1300px){
  .award-list-area .award-list li {
    flex:0 0 32%;
    margin-left:1.5%;
  }
  .award-list-area .award-list li:nth-child(n+4) {
    margin-top:40px;
  }
  .award-list-area .award-list li:nth-child(4n + 1) {
    margin-left:1.5%;
  }
  .award-list-area .award-list li:nth-child(3n + 1) {
    margin-left:0;
  }
}
@media (max-width:992px){
  .award-area-box {
    padding:45px 0;
  }
  .sub-tit-type01 h4 {
    font-size:26px;
  }
  .sub-tit-type01 h5 span {
    font-size:12px;
  }
  .award-list-area {
    margin-top:25px;
  }
  .award-list-area .award-list {
    justify-content: space-between;
  }
  .award-list-area .award-list li {
    flex: 0 0 48%;
    margin-left:0;
  }
  .award-list-area .award-list li:nth-child(n+3) {
    margin-top:10px;
  }
  .award-list-area .award-list li:nth-child(4n + 1) {
    margin-left:0;
  }
  .award-list-area .award-list li:nth-child(3n + 1) {
    margin-left:0;
  }
  .award-list-area .award-list li .text-box .text-tit {
    font-size:13px;
    font-weight:500;
    letter-spacing:-0.02rem;
    line-height:1.4;
    top:50%;
    transform: translate(-50%, -60%);
    left:50%;
  }
  .award-list-area .award-list.type01 li .text-box .text-date,
  .award-list-area .award-list.type03 li .text-box .text-date {
    font-size:10px;
    font-weight:400;
    bottom:15%;
  }
  .awrod-img-area {
    margin-top:25px;
  }
  .sub-top-area.type01 {
    margin-top:40px;
  }
  .sub-top-area .top-scroll-list-area  li a {
    padding:20px 0;
    display:inline-block;
    font-size:18px;
    font-weight:800;
    color:#9DA3AB;
    position:relative;
  }
  .sub-top-area .top-scroll-list-area.type01 {
    justify-content:space-between;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .sub-top-area .top-scroll-list-area.type01  li a {
    white-space: nowrap;
  }
  .sub-top-area .scroll-tab-position.nav-top-first {
    border-top:1px solid #D9D9D9;
    top:64px;
    z-index:100;
  }
  .sub-top-area .scroll-tab-position.nav-top-second {
    border-top:1px solid #D9D9D9;
    top:64px;
    z-index:100;
  }
}
/* 오시는길 */
.location-area .location-list {
  padding-bottom:80px;
  border-bottom:1px solid #BBC2CD;
}
.location-area .location-list + .location-list {
  padding-top:120px;
}
.location-tit {
  text-align:center;
}
.location-tit h4 {
  font-size:40px;
  font-weight:700;
  color:#202020;
}
.location-copy {
  font-size:20px;
  font-weight:500;
  color:#666;
  margin-top:20px;
}
.location-icon {
  display:inline-block;
  position:relative;
  padding-left:20px;
}
.location-icon:before {
  content:"";
  display:block;
  width:16px;
  height:22px;
  background:url(../images/sub/ic_location.png) no-repeat;
  position:absolute;
  top:3px;
  left:0;
}
.location-txet-area {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  margin-top:60px;
}
.location-txet-area .text-title {
  flex:0 0 12%;
  max-width:12%;
  font-size:24px;
  font-weight:800;
  color:#202020;
  letter-spacing:-0.02rem;
}
.location-txet-area .location-text-box {
  flex:0 0 88%;
  max-width:88%;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  justify-content:space-between;
}
.location-txet-area .location-text-box .location-content-area {
  flex:0 0 48%;
  max-width:48%;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
}
.location-txet-area .location-text-box .location-content-area.type01 {
  flex:0 0 100%;
  max-width:100%;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
}
.location-txet-area .location-text-box .location-content-area .title-area {
  flex:0 0 13%;
  max-width:13%;
  font-size:20px;
  font-weight:800;
  letter-spacing:-0.02rem;
  color:#202020;
}
.location-txet-area .location-text-box .location-content-area.type01 .title-area {
  flex:0 0 6.5%;
  max-width:6.5%;
}
.location-txet-area .location-text-box .location-content-area .text-area {
  flex:0 0 87%;
  max-width:87%;
}
.location-txet-area .location-text-box .location-content-area .text-area .list-text {

}
.location-txet-area .location-text-box .location-content-area .text-area .list-text span {
  display:inline-block;
}
.location-txet-area .location-text-box .location-content-area .text-area .list-text span.text {
  font-size:18px;
  font-weight:400;
  letter-spacing:-0.02rem;
  color:#666;
}
.location-txet-area .location-text-box .location-content-area .text-area .list-text span.text.type01 {
  font-size:16px;
  color:#999;
}
.location-txet-area .location-text-box .location-content-area .text-area .list-text span.text strong {
  display:block;
  color:#333;
}
.location-txet-area .location-text-box .location-content-area .text-area .list-text span.list-title {
  display:block;
  font-size:18px;
  font-weight:700;
  color:#202020;
  position:relative;
  padding-left:10px;
}
.location-txet-area .location-text-box .location-content-area .text-area .list-text span.list-title:before {
  content:"";
  display:block;
  width:3px;
  height:3px;
  background:#202020;
  border-radius:50%;
  position:absolute;
  top:12px;
  left:0;
}
.location-txet-area .location-text-box .location-content-area .text-area .list-text span.num {
  font-size:16px;
  font-weight:700;
  color:#fff;
  position:relative;
  margin-right:16px;
  margin-left:8px;
}
.location-txet-area .location-text-box .location-content-area .text-area .list-text span.num:before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  display:block;
  width:24px;
  height:24px;
  background:#EF7D1D;
  border-radius:50%;
  transform:translate(-50%,-50%);
  z-index:-1;
}
.location-txet-area .location-text-box .location-content-area .text-area .list-text + .list-text {
  margin-top:15px;
}
.map-box {
  margin-top:60px;
}
.root_daum_roughmap {
  width:100% !important;
}
@media (max-width:992px) {
  .location-area .location-list {
    padding-bottom:30px;
  }
  .location-area .location-list + .location-list {
    padding-top:40px;
  }
  .location-tit {
    text-align:left;
  }
  .location-tit h4 {
    font-size:20px;
  }
  .location-copy {
    font-size:14px;
    margin-top:10px;
  }
  .location-icon:before {
    width:10px;
    height:14px;
    background:url(../images/sub/ic_location_m.png) no-repeat;
    background-size:cover;
  }
  .location-icon {
    padding-left:15px;
  }
  .location-txet-area {
    margin-top:20px;
    flex-wrap:wrap;
  }
  .location-txet-area .text-title {
    flex:0 0 100%;
    max-width:100%;
    font-size:16px;
  }
  .location-txet-area .location-text-box {
    flex:0 0 100%;
    max-width:100%;
    flex-wrap:wrap;
  }
  .location-txet-area .location-text-box .location-content-area {
    flex:0 0 100%;
    max-width:100%;
    flex-wrap:wrap;
    margin-top:25px;
  }
  .location-txet-area .location-text-box .location-content-area .title-area {
    flex:0 0 100%;
    max-width:100%;
    font-size:14px;
    margin-bottom:15px;
  }
  .location-txet-area .location-text-box .location-content-area.type01 .title-area {
    flex:0 0 100%;
    max-width:100%;
  }
  .location-txet-area .location-text-box .location-content-area .text-area {
    flex:0 0 100%;
    max-width:100%;
  }
  .location-txet-area .location-text-box .location-content-area .text-area .list-text span.num {
    font-size:10px;
    margin-right:10px;
    margin-left:5px;
  }
  .location-txet-area .location-text-box .location-content-area .text-area .list-text span.num:before {
    width:16px;
    height:16px;
  }
  .location-txet-area .location-text-box .location-content-area .text-area .list-text span.text {
    font-size:14px;
    line-height:1.7;
  }
  .location-txet-area .location-text-box .location-content-area .text-area .list-text span.text.type01 {
    font-size:12px;
  }
  .location-txet-area .location-text-box .location-content-area .text-area .list-text + .list-text {
    margin-top:10px;
  }
  .location-txet-area .location-text-box .location-content-area .text-area .list-text {
    line-height:1;
  }
  .location-txet-area .location-text-box .location-content-area .text-area .list-text span.text strong {
    margin-top:0;
  }
  .location-txet-area .location-text-box .location-content-area .text-area .list-text span.list-title {
    font-size:14px;
    margin-bottom:10px;
    padding-left:7px;
  }
  .location-txet-area .location-text-box .location-content-area .text-area .list-text span.list-title:before {
    top:5px;
  }
  .map-box {
    margin-top:20px;
    height:210px;
  }
}
/* 윤리경영 */
.sub-content-bg-box {
  height:320px;
  margin-top:180px;
  position:relative;
}
.sub-content-bg-box.type01 {
  background:url(../images/sub/sub_ethicalmanagement01_bg.jpg) no-repeat;
  background-size:cover;
  margin-top:100px;
}
.sub-content-bg-box.type02 {
  background:url(../images/sub/sub_ethicalmanagement02_bg.jpg) no-repeat;
  background-size:cover;
}
.sub-content-bg-box.type03 {
  background:url(../images/sub/sub_ethicalmanagement03_bg.jpg) no-repeat;
  background-size:cover;
}
.sub-content-bg-box.type04 {
  background:url(../images/sub/sub_ethicalmanagement04_bg.jpg) no-repeat;
  background-size:cover;
  margin-top:100px;
}
.sub-content-bg-box h3 {
  font-size:48px;
  font-weight:700;
  color:#fff;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}
.content-iconlist-type01 {
  display:none;
}
.list-content-area + .list-content-area {
  margin-top:100px;
}
.list-content-area + .list-content-area.type01 {
  margin-top:80px;
  padding-top:80px;
  border-top:1px solid #BBC2CD;
}
.list-content-area + .list-content-area.type01:last-child {
  padding-bottom:80px;
  border-bottom:1px solid #BBC2CD;
}
.list-content-area + .list-content-area.type02 {
  margin-top:180px;
}
.list-content-area .list-title-area {
  flex:0 0 27%;
  max-width:27%;
  font-size:24px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#202020;
}
.list-content-area .list-text-area {
  flex:0 0 73%;
  max-width:73%;
}
.list-content-area .list-text-area ul li {
  font-size:18px;
  font-weight:400;
  letter-spacing:-0.02rem;
  color:#666;
  line-height:1.77;
}
.list-content-area .list-text-area ul.title-type li + li {
  margin-top:50px;
}
.list-content-area .list-text-area ul.title-type li h4 {
  font-size:22px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#202020;
  line-height:1.77;
}
.list-content-area .list-text-area ul.title-type li p {
  font-size:18px;
  font-weight:400;
  letter-spacing:-0.02rem;
  color:#666;
  margin-top:10px;
}
.list-table-area {
  margin-top:50px;
}
.list-table-area .table-style01 {
  margin-top:10px;
  border-top:2px solid #202020;
}
.list-table-area .table-style01 thead th {
  font-size:15px;
  font-weight:800;
  letter-spacing:-0.02rem;
  color:#202020;
  border-bottom:1px solid #202020;
  text-align:center;
  line-height:1;
  padding:15px 0;
}
.list-table-area .table-style01 tbody th {
  font-size:15px;
  font-weight:800;
  letter-spacing:-0.02rem;
  color:#202020;
  border-bottom:1px solid #E5E5E5;
  text-align:center;
  line-height:1;
  padding:15px 0;
}
.list-table-area .table-style01 tbody td {
  font-size:15px;
  font-weight:400;
  letter-spacing:-0.02rem;
  color:#666;
  border-bottom:1px solid #E5E5E5;
  text-align:left;
  line-height:1.3;
  padding:15px 0 15px 15px;
}

.list-table-area .table-style02 {
  border-top:2px solid #202020;
}
.list-table-area .table-style02 thead th {
  font-size:20px;
  font-weight:700;
  color:#202020;
  border-bottom:1px solid #202020;
  text-align:center;
  line-height:1;
  padding:15px 0;
}
.list-table-area .table-style02 thead th:first-child {
  border-right:1px solid #E0E0E0;
}
.list-table-area .table-style02 tbody th {
  font-size:15px;
  font-weight:800;
  letter-spacing:-0.02rem;
  color:#202020;
  border-bottom:1px solid #E5E5E5;
  text-align:center;
  line-height:1;
  padding:15px 0;
}
.list-table-area .table-style02 tbody th.border-none,
.list-table-area .table-style02 tbody td.border-none {
  border:none;
}
.list-table-area .table-style02 tbody td {
  font-size:15px;
  font-weight:400;
  letter-spacing:-0.02rem;
  color:#666;
  border-bottom:1px solid #E5E5E5;
  text-align:left;
  line-height:1.3;
  text-align:center;
  padding:15px;
}
.list-table-area .table-style02.app-table tbody td {
  padding:35px 0;
}
.list-table-area .table-style02 tbody td:first-child {
  border-right:1px solid #E0E0E0;
}
.list-table-area .table-style02 tbody td a {
  display:inline-block;
}
.list-table-area .table-style02 tbody td.mail-text {
  padding:40px 0;
}
.list-table-area .table-style02 tbody td.mail-text a {
  font-size:26px;
  color:#202020;
  font-weight:400;
}
.list-table-area table.border-none th:first-child,
.list-table-area table.border-none td:first-child {
  border-right:none;
}
/*  */
@media (max-width:992px) {
  .sub-content-bg-box {
    height:180px;
    margin-top:65px;
  }
  .sub-content-bg-box.type01 {
    background:url(../images/sub/sub_ethicalmanagement01_bg_m.jpg) no-repeat;
    background-size:cover;
    margin-top:25px;
  }
  .sub-content-bg-box.type02 {
    background:url(../images/sub/sub_ethicalmanagement02_bg_m.jpg) no-repeat;
    background-size:cover;
  }
  .sub-content-bg-box.type03 {
    background:url(../images/sub/sub_ethicalmanagement03_bg_m.jpg) no-repeat;
    background-size:cover;
  }
  .sub-content-bg-box.type04 {
    background:url(../images/sub/sub_ethicalmanagement04_bg_m.jpg) no-repeat;
    background-size:cover;
    margin-top:25px;
  }
  .sub-content-bg-box h3 {
    font-size:24px;
  }
  .visual.m-img-top {
    width:61%;
    margin:0 auto;
  }
  .content-iconlist-type01 {
    display:block;
  }
  .content-iconlist-type01 li {
    align-items: center;
  }
  .content-iconlist-type01 li + li {
    margin-top:30px;
  }
  .content-iconlist-type01 li .img-visual:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100px;
    border: 1px dashed #BBC2CD;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  .content-iconlist-type01 li:first-child .img-visual:after {
    display:none;
  }
  .content-iconlist-type01 li .img-visual {
    flex:0 0 36%;
    max-width:36%;
    position:relative;
  }
  .content-iconlist-type01 li .text-area{
    flex:0 0 calc(64% - 25px);
    max-width:calc(64% - 25px);
    margin-left:25px;
  }
  .content-iconlist-type01 li .list-tit {
    font-size:18px;
    font-weight:700;
    color:#202020;
  }
  .content-iconlist-type01 li .list-text {
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02rem;
    color:#666;
  }
  .list-content-area .list-title-area {
    flex:0 0 100%;
    max-width:100%;
    font-size:20px;
    color:#202020;
  }
  .list-content-area .list-text-area {
    flex:0 0 100%;
    max-width:100%;
    margin-top:15px;
  }
  .list-content-area .list-text-area ul li {
    font-size:16px;
  }
  .list-content-area + .list-content-area {
    margin-top:50px;
  }
  .list-content-area + .list-content-area.type02 {
    margin-top:45px;
  }
  .list-content-area .list-text-area ul.title-type li h4 {
    font-size:17px;
  }
  .list-content-area .list-text-area ul.title-type li p {
    font-size:16px;
  }
  .list-content-area + .list-content-area.type01 {
    margin-top:45px;
    padding-top:45px;
  }
  .list-table-area {
    margin-top:35px;
  }
  .list-table-area .table-style01 thead {
    display:table-header-group;
  }
  .list-table-area .table-style01 thead th {
    font-size:13px;
    padding:10px 0;
  }
  .list-table-area .table-style01 tbody th {
    font-size:13px;
    vertical-align: middle;
  }
  .list-table-area .table-style01 tbody td {
    font-size:13px;
    padding:11px 0 11px 15px;
    vertical-align: middle;
  }
  .list-table-area .table-style02 thead {
    display:table-header-group;
  }
  .list-table-area .table-style02 thead th {
    font-size:13px;
    padding:10px 0;
  }
  .list-table-area .table-style02 tbody td.mail-text {
    padding:25px 0;
  }
  .list-table-area .table-style02 tbody td.mail-text a {
    font-size:16px;
  }
  .list-table-area .table-style02.app-table thead th:first-child,
  .list-table-area .table-style02.app-table tbody td:first-child {
    border-right:none;
  }
  .list-table-area .table-style02.app-table tbody td:first-child {
    padding-right:15px;
  }
  .list-table-area .table-style02.app-table tbody td:last-child {
    padding-left:15px;
  }
  .list-content-area .list-text-area ul.title-type li + li {
    margin-top:30px;
  }
}
/* 안전보건경영 */
.sub-title-type01 {
  font-size:32px;
  font-weight:300;
  letter-spacing:-0.02rem;
  line-height:1.6;
  color:#062D78;
}
.sub-content-bg-box.type07 {
  background:url(../images/sub/sub_safetymanagement_bg.jpg) no-repeat;
  background-size:cover;
  margin-top:100px;
}
.sub-content-box .content-lt-bottom-box {
  margin-top:40px;
  gap:6%;
}
.sub-content-box .content-lt-bottom-box li {
  flex: 0 0 28%;
  max-width:28%;
}
.sub-content-box .content-lt-bottom-box li .title {
  font-size:30px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#202020;
  line-height:1.6;
}
.sub-content-box .content-lt-bottom-box li .text {
  font-size:20px;
  font-weight:300;
  letter-spacing:-0.02rem;
  color:#202020;
  line-height:1.6;
  margin-top:20px;
}
.sub-content-box .content-lt-bottom-box-type01 {
  width:80%;
  margin:140px auto;
  gap:10%;
  align-items: center;
}
.sub-content-box .content-lt-bottom-box-type01 .visual {
  flex:0 0 53%;
  max-width:53%;
}
.sub-content-box .content-lt-bottom-box-type01 .text-item {
  flex:0 0 37%;
  max-width:37%;
}
.sub-content-box .content-lt-bottom-box-type01 .text-item .item-box .title,
.sub-content-box .content-lt-bottom-box-type02 .text-item .item-box .title {
  font-size:30px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#202020;
}
.sub-content-box .content-lt-bottom-box-type01 .text-item .item-box .text,
.sub-content-box .content-lt-bottom-box-type02 .text-item .item-box .text {
  font-size:20px;
  font-weight:300;
  letter-spacing:-0.02rem;
  line-height:1.5;
  color:#202020;
  margin-top:20px;
}
.sub-content-box .content-lt-bottom-box-type01 .text-item .item-box + .item-box {
  margin-top:70px;
}
.sub-content-box .content-lt-bottom-box-type02 {
  flex-wrap: wrap;
}
.sub-content-box .content-lt-bottom-box-type02 .text-item,
.sub-content-box .content-lt-bottom-box-type02 .visual {
  flex:0 0 100%;
  max-width:100%;
}
.sub-content-box .content-lt-bottom-box-type02 .text-item .item-box {
  text-align:center;
  margin-bottom:60px;
}
.list-visual-style + .list-visual-style {
  margin-top:100px;
}
.list-visual-style .list-visual-area {
  flex:0 0 45%;
  max-width:45%;
}
.list-visual-style .list-text-area {
  flex:0 0 55%;
  max-width:55%;
  align-self:center;
}
.list-visual-style .list-text-area .text-box {
  font-size:26px;
  font-weight:300;
  line-height:1.77;
  letter-spacing:-0.02rem;
  padding-left:80px;
}
.list-visual-style .list-text-area .text-box strong {
  font-weight:700;
}
.sub-title-type01 + .visual-box {
  margin-top:100px;
}
@media (max-width:992px) {
  .list-visual-style + .list-visual-style {
    margin-top:50px;
  }
  .list-visual-style {
    flex-direction: column-reverse;
  }
  .list-visual-style .list-visual-area,
  .list-visual-style .list-text-area {
    flex:0 0 100%;
    max-width:100%;
    align-self:auto;
  }
  .list-visual-style .list-text-area .text-box {
    font-size:20px;
    margin-bottom:15px;
    line-height:1.5;
    padding-left:0;
  }
  .sub-title-type01 {
    font-size:20px;
    text-align:left;
  }
  .sub-content-box .content-lt-bottom-box li {
    flex: 0 0 100%;
    max-width:100%;
  }
  .sub-title-type01 + .visual-box {
    margin-top:40px;
  }
  .sub-content-bg-box.type05 {
    background:url(../images/sub/sub_safetymanagement_bg_m.jpg) no-repeat;
    background-size:cover;
    margin-top:25px;
  }
  .sub-content-box .content-lt-bottom-box {
    margin-top:30px;
  }
  .sub-content-box .content-lt-bottom-box li .title {
    font-size:20px;
  }
  .sub-content-box .content-lt-bottom-box li .text {
    font-size:16px;
    margin-top:10px;
  }
  .sub-content-box .content-lt-bottom-box li + li {
    margin-top:30px;
  }
  .sub-content-box .content-lt-bottom-box-type01 {
    width:100%;
    margin:55px 0 0 0;
  }
  .sub-content-box .content-lt-bottom-box-type01 .visual,
  .sub-content-box .content-lt-bottom-box-type01 .text-item {
    flex:0 0 100%;
    max-width:100%;
  }
  .sub-content-box .content-lt-bottom-box-type01 .text-item .item-box .title,
  .sub-content-box .content-lt-bottom-box-type02 .text-item .item-box .title {
    font-size:20px;
  }
  .sub-content-box .content-lt-bottom-box-type01 .text-item .item-box .text,
  .sub-content-box .content-lt-bottom-box-type02 .text-item .item-box .text {
    font-size:16px;
    margin-top:10px;
  }
  .sub-content-box .content-lt-bottom-box-type01 .text-item .item-box + .item-box {
    margin-top:30px;
  }
  .sub-content-box .content-lt-bottom-box-type01 .text-item {
    margin-top:30px;
  }
  .sub-content-box .content-lt-bottom-box-type02 .text-item .item-box {
    text-align:left;
  }
  .sub-content-box .content-lt-bottom-box-type02 {
    flex-direction: column-reverse;
    margin-top:50px;
  }
  .sub-content-box .content-lt-bottom-box-type02 .text-item .item-box {
    margin:30px 0 0 0;
  }
}
/* 사이버 신문고 */
.sub-content-bg-box.type05 {
  background:url(../images/sub/sub_cyberpaper01_bg.jpg) no-repeat;
  background-size:cover;
  margin-top:100px;
}
.text-subtl-type01 {
  font-size:32px;
  font-weight:300;
  letter-spacing:-0.02rem;
  color:#202020;
  text-align:center;
}
.color-bl {
  color:#062D78;
}
.list-box-type01 {
  margin-top:100px;
  justify-content: center;
}
.list-box-type01 .list-box-area {
  flex:0 0 350px;
  max-width:350px;
  min-height:340px;
  margin-right:30px;
  background:#87B8DC;
  border-radius:24px;
  position:relative;
}
.list-box-type01 .list-box-area:hover {
  background:#7297b2;
}
.list-box-type01 .list-box-area + .list-box-area {
  margin-left:30px;
  margin-right:0;
  background:#075293;
}
.list-box-type01 .list-box-area + .list-box-area:hover {
  background:#17436a;
}
.list-box-type01 .list-box-area .text-area {
  text-align:center;
  margin-top:60px;
}
.list-box-type01 .list-box-area .text-area .title {
  font-size:32px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#fff;
}
.list-box-type01 .list-box-area .text-area .text {
  font-size:16px;
  font-weight:500;
  line-height:1.75;
  letter-spacing:-0.04rem;
  color:#fff;
  margin-top:25px;
}
.list-box-type01 .list-box-area .btn-area {
  position:absolute;
  bottom:50px;
  left:50%;
  transform:translateX(-50%);
  transition: all 0.6s;
  display:inline-block;
  padding-right:30px;
}
.list-box-type01 .list-box-area .btn-area a {
  font-size:15px;
  font-weight:700;
  color:#fff;
}
.list-box-type01 .list-box-area .btn-area:after {
  content:"";
  display:block;
  width:100%;
  height:1px;
  background:#fff;
  position:absolute;
  bottom:0;
  left:0;
}
.list-box-type01 .list-box-area .btn-area a:before {
  content:"";
  display:block;
  width:16px;
  height:2px;
  background:#fff;
  position:absolute;
  top:13px;
  right:0;
}
.list-box-type01 .list-box-area .btn-area a:after {
  content:"";
  display:block;
  width:6px;
  height:2px;
  background:#fff;
  transform:rotate(45deg) translateY(-30%);
  position:absolute;
  top:12px;
  right:0;
}
.list-content-area-type01 {
  max-width:1100px;
  margin:100px auto 0;
}
.list-content-area-type01 .list-title-area {
  flex:0 0 15%;
  max-width:15%;
  font-size:24px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#202020;
}
.list-content-area-type01 .list-text-area {
  flex:0 0 85%;
  max-width:85%;
}
.list-content-area-type01 .list-text-area ul li {
  font-size:18px;
  font-weight:400;
  letter-spacing:-0.02rem;
  color:#666;
  position:relative;
  padding-left:15px;
}
.list-content-area-type01 .list-text-area ul li:before {
  content:"";
  display:block;
  width:3px;
  height:3px;
  position:absolute;
  top:11px;
  left:0;
  background:#666;
  border-radius:50%;
}
.text-subtl-type02 {
  font-size:42px;
  font-weight:800;
  text-align:center;
  color:#202020;
}
.text-subtl-type02 span {
  display:block;
  font-size:32px;
  font-weight:400;
  margin-top:20px;
}
.content-gray-box {
  max-width:960px;
  margin:80px auto 50px;
  background:#F1F3F6;
  padding:80px 0;
}
.content-gray-box .text-area {
  text-align:center;
}
.content-gray-box .text-area .text-tl {
  font-size:26px;
  font-weight:400;
  color:#202020;
}
.content-gray-box .text-area .text-num {
  font-size:80px;
  font-weight:400;
  color:#202020;
  margin:30px 0;
  line-height:1;
}
.content-gray-box .text-area .text-bottom {
  font-size:22px;
  font-weight:400;
  color:#202020;
  margin-top:40px;
}
.check-form {
  margin-top:80px;
  border-top:2px solid #202020;
  border-bottom:1px solid #E0E0E0;
  padding:80px 0;
}
.check-form .form-box {

}
.check-form .form-box .form-item {
  text-align:center;
}
.check-form .form-box .form-item + .form-item {
  margin-top:15px;
}
.check-form .form-box .form-item label {
  font-size:20px;
  font-weight:500;
  letter-spacing:-0.04rem;
}
.check-form .form-box .form-item label + input {
  margin-left:40px;
}
.check-form .form-box .form-item input {
  width:35%;
  max-width:520px;
}
.check-form .form-box .bottom-btn-area {
  margin-top:50px;
  text-align:center;
}
.text-type01 {
  font-size:26px;
  font-weight:400;
  color:#202020;
  letter-spacing:-0.02rem;
}
.text-type02 {
  font-size:20px;
  font-weight:400;
  color:#202020;
  letter-spacing:-0.02rem;
  margin-top:30px;
}
.text-type02 span {
  display:block;
  font-size:18px;
  font-weight:400;
  color:#202020;
  letter-spacing:-0.02rem;
}
.gray-box-area {
  background:#F1F3F6;
  padding:45px 0;
  margin-bottom:50px;
}
.gray-box-area .text-area {
  font-size:26px;
  font-weight:400;
  text-align:center;
}
@media(max-width:992px){
  .sub-content-bg-box.type05 {
    background:url(../images/sub/sub_cyberpaper01_bg_m.jpg) no-repeat;
    background-size:cover;
    margin-top:25px;
  }
  .text-subtl-type01 {
    font-size:20px;
    text-align:left;
    line-height:1.5;
    margin-top:25px;
  }
  .list-box-type01 {
    margin-top:40px;
  }
  .list-box-type01 .list-box-area {
    flex:0 0 100%;
    max-width:100%;
    margin:0;
    min-height:220px;
  }
  .list-box-type01 .list-box-area + .list-box-area {
    margin-left:0;
    margin-top:10px;
  }
  .list-box-type01 .list-box-area .text-area {
    margin-top:40px;
  }
  .list-box-type01 .list-box-area .text-area .title {
    font-size:20px;
  }
  .list-box-type01 .list-box-area .text-area .text {
    font-size:13px;
    font-weight:500;
    margin-top:15px;
  }
  .list-box-type01 .list-box-area .btn-area {
    bottom:40px;
    padding-right:20px;
  }
  .list-box-type01 .list-box-area .btn-area a {
    font-size:12px;
  }
  .list-content-area-type01 {
    margin-top:40px;
  }
  .list-content-area-type01 .list-title-area,
  .list-content-area-type01 .list-text-area {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .list-content-area-type01 .list-title-area {
    font-size:20px;
  }
  .list-content-area-type01 .list-text-area ul {
    margin-top:20px;
  }
  .list-content-area-type01 .list-text-area ul li {
    font-size:16px;
    padding-left:25px;
  }
  .list-content-area-type01 .list-text-area ul li:before {
    top:9px;
    left:10px;
  }
  .text-subtl-type02 {
    font-size:22px;
    text-align:left;
  }
  .text-subtl-type02 span {
    font-size:16px;
    line-height:1.625;
    margin-top:15px;
  }
  .content-gray-box {
    margin:25px 0;
    padding:40px 0;
  }
  .content-gray-box .text-area .text-tl {
    font-size:14px;
  }
  .content-gray-box .text-area .text-num {
    font-size:48px;
    margin:20px 0;
  }
  .content-gray-box .text-area .text-bottom {
    font-size:12px;
    line-height:1.8;
    margin-top:20px;
  }
  .text-type01 {
    font-size:16px;
    letter-spacing:-0.02rem;
  }
  .check-form {
    margin:25px 0;
    padding:25px 0;
    border-bottom:none;
  }
  .check-form .form-box .form-item {
    text-align:left;
  }
  .check-form .form-box .form-item + .form-item {
    margin-top:15px;
  }
  .check-form .form-box .form-item label {
    font-size:14px;
    font-weight:400;
    letter-spacing:-0.02rem;
    display:block;
  }
  .check-form .form-box .form-item label + input {
    margin-left:0;
    margin-top:10px;
  }
  .check-form .form-box .form-item input {
    width:100%;
    max-width:100%;
  }
  .check-form .form-box .bottom-btn-area {
    border-top:1px solid #E0E0E0;
    margin-top:25px;
    text-align:center;
    padding-top:25px;
  }
  .gray-box-area {
    background:#F1F3F6;
    padding:25px 0;
    margin-bottom:25px;
  }
  .gray-box-area .text-area {
    font-size:14px;
  }
  .text-type02 {
    font-size:16px;
    margin-top:20px;
  }
  .text-type02 span {
    font-size:12px;
  }
}
/* 모바일MDVA */
.list-content-area.type02 .list-title-area {
  flex:0 0 20%;
  max-width:20%;
}
.list-content-area.type02 .list-text-area {
  flex:0 0 80%;
  max-width:80%;
}
.list-colorbox-wrap {
  width:93%;
  margin:0 auto 60px;
}
.list-colorbox-wrap ul {
  flex-wrap:wrap;
  justify-content:center;
  gap:5%;
}
.list-colorbox-wrap ul li {
  flex:0 0 30%;
  max-width:30%;
  background:#A2C5D9;
  border-radius:24px;
  margin:0;
  position:relative;
  padding:60px 0 50px;
  min-height:300px;
}
.list-colorbox-wrap ul li:nth-child(2) {
  background:#82B6DB;
}
.list-colorbox-wrap ul li:nth-child(3) {
  background:#4388C4;
}
.list-colorbox-wrap ul li:nth-child(4) {
  background:#044A87;
}
.list-colorbox-wrap ul li:nth-child(5) {
  background:#253E5D;
}
.list-colorbox-wrap ul li:hover {
  background:#8fa6b4;
}
.list-colorbox-wrap ul li:hover:nth-child(2) {
  background:#7390a5;
}
.list-colorbox-wrap ul li:hover:nth-child(3) {
  background:#3d6e99;
}
.list-colorbox-wrap ul li:hover:nth-child(4) {
  background:#174a76;
}
.list-colorbox-wrap ul li:hover:nth-child(5) {
  background:#384b62;
}
.list-colorbox-wrap ul li:nth-child(n + 4) {
  margin-top:5%;
}
.list-colorbox-wrap ul li .text-content {
  text-align:center;
}
.list-colorbox-wrap ul li .text-content .title {
  font-size:32px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#fff;
}
.list-colorbox-wrap ul li .text-content .text {
  font-size:16px;
  font-weight:500;
  letter-spacing:-0.04rem;
  line-height:1.75;
  color:#fff;
  margin-top:20px;
}
.list-colorbox-wrap ul li .btn-area {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.6s;
  display: inline-block;
  padding-right: 30px;
}
.list-colorbox-wrap ul li .btn-area a {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}
.list-colorbox-wrap ul li .btn-area:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}
.list-colorbox-wrap ul li .btn-area a:before {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 16px;
  right: 0;
}
.list-colorbox-wrap ul li .btn-area a:after {
  content: "";
  display: block;
  width: 6px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg) translateY(-30%);
  position: absolute;
  top: 15px;
  right: 0;
}
@media(max-width:992px) {
  .list-content-area.type02 .list-title-area {
    flex:0 0 100%;
    max-width:100%;
  }
  .list-content-area.type02 .list-text-area {
    flex:0 0 100%;
    max-width:100%;
  }
  .list-colorbox-wrap {
    margin-bottom:20px;
  }
  .list-colorbox-wrap ul li {
    flex:0 0 100%;
    max-width:100%;
    min-height:130px;
    margin:0;
    padding:20px 0;
  }
  .list-colorbox-wrap ul li .text-content {
    margin-top:0;
  }
  .list-colorbox-wrap ul li .text-content .title {
    font-size:20px;
    line-height:1;
  }
  .list-colorbox-wrap ul li .text-content .text {
    font-size:13px;
    margin-top:10px;
    line-height:1.5;
  }
  .list-colorbox-wrap ul li .btn-area {
    bottom:20px;
  }
  .list-colorbox-wrap ul li:nth-child(n + 2) {
    margin-top:10px;
  }
  .list-colorbox-wrap ul li .btn-area a {
    font-size:10px;
  }
  .list-colorbox-wrap ul li .btn-area:after {
    display:none;
  }
}
/* 상생경영 */
.sub-content-bg-box.type06 {
  background:url(../images/sub/sub_management01_bg.jpg) no-repeat;
  background-size:cover;
  margin-top:100px;
}
.sub-lt-text-gray-box {
  margin:60px 0 140px;;
}
.sub-lt-text-gray-box .content-item {

}
.sub-lt-text-gray-box .content-item li {
  font-size:22px;
  line-height:1.63;
  letter-spacing:-0.02rem;
  color:#000;
  background:#F4F7FB;
  padding:50px;
}
.sub-lt-text-gray-box .content-item li + li {
  margin-top:15px;
}
.content-lt-gray-box .gray-container .top-title {
  font-size:32px;
  font-weight:300;
  letter-spacing:-0.02rem;
  color:#131E59;
}
.content-lt-gray-box .gray-container .top-title strong {
  font-weight:700;
}
.content-lt-gray-box .gray-container .content-box-icon-lt {
  flex-wrap:wrap;
  gap:4%;
  margin-top:80px;
}
.content-lt-gray-box .gray-container .content-box-icon-lt > li {
  flex:0 0 48%;
  max-width:48%;
  background:#fff;
  border-radius:12px;
}
.content-lt-gray-box .gray-container .content-box-icon-lt > li {
  padding:60px;
}
.content-lt-gray-box .gray-container .content-box-icon-lt > li:nth-child(n + 3) {
  margin-top:4%;
}
.content-lt-gray-box .gray-container .content-box-icon-lt li .content-title {
  font-size:26px;
  font-weight:600;
  letter-spacing:-0.02rem;
  line-height:1.5;
  color:#202020;
  padding-left:150px;
  position:relative;
  height:120px;
  display: table-cell;
  vertical-align: middle;
}
.content-lt-gray-box .gray-container .content-box-icon-lt li .content-title span {

}
.content-lt-gray-box .gray-container .content-box-icon-lt li .content-title:before {
  content:"";
  display:block;
  background:url(../images/sub/sub_management_icon_01.png) no-repeat;
  width:120px;
  height:120px;
  position:absolute;
  top:0;
  left:0;
}
.content-lt-gray-box .gray-container .content-box-icon-lt li:nth-child(2) .content-title:before {
  background:url(../images/sub/sub_management_icon_02.png) no-repeat;
}
.content-lt-gray-box .gray-container .content-box-icon-lt li:nth-child(3) .content-title:before {
  background:url(../images/sub/sub_management_icon_03.png) no-repeat;
}
.content-lt-gray-box .gray-container .content-box-icon-lt li:nth-child(4) .content-title:before {
  background:url(../images/sub/sub_management_icon_04.png) no-repeat;
}
.content-lt-gray-box .gray-container .content-box-icon-lt li .lt-content-box {
  margin-top:40px;
}
.content-lt-gray-box .gray-container .content-box-icon-lt li .lt-content-box li {
  font-size:22px;
  font-weight:300;
  line-height:1.6;
  letter-spacing:-0.02rem;
  position:relative;
  padding-left:20px;
  width:100%;
}
.content-lt-gray-box .gray-container .content-box-icon-lt li .lt-content-box li:before {
  content:"";
  display:block;
  width:6px;
  height:6px;
  background:#202020;
  border-radius:50%;
  position:absolute;
  top:13px;
  left:0;
}
.sub-content-box .sub-content-item {

}
.sub-content-box .sub-content-item .top-title {
  font-size:32px;
  font-weight:300;
  letter-spacing:-0.02rem;
  color:#062D78;
}
.sub-content-box .sub-content-item .top-title strong {
  font-weight:700;
}
.sub-content-box .sub-content-item .lt-img-text-box {
  margin-top:60px;
  gap:4%;
}
.sub-content-box .sub-content-item .lt-img-text-box > li {
  flex:0 0 48%;
  max-width:48%;
}
.sub-content-box .sub-content-item .lt-img-text-box li .title {
  font-size:30px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#202020;
  margin-top:30px;
}
.sub-content-box .sub-content-item .lt-img-text-box li .text {
  font-size:20px;
  font-weight:300;
  letter-spacing:-0.02rem;
  color:#202020;
  margin-top:20px;
}
.sub-content-box .sub-content-item .lt-img-text-box li .title span {
  vertical-align: middle;
}
.sub-content-box .sub-content-item .lt-img-text-box li .title .btn {
  font-size:16px;
  font-weight:700;
  letter-spacing:-0.01rem;
  padding:10px 20px;
  border:1px solid #202020;
  vertical-align:middle;
}
.sub-content-top-text .sub-top-sronly {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sub-content-top-text .visual-box {
  padding-top:140px;
}
@media(max-width:992px) {
  .sub-content-top-text .visual-box {
    padding-top:35px;
  }
  .sub-content-bg-box.type06 {
    background:url(../images/sub/sub_management01_bg_m.jpg) no-repeat;
    background-size:cover;
    margin-top:25px;
  }
  .sub-content-top-text .sub-top-sronly {
    position: initial;
    width: auto;
    height: auto;
    margin: initial;
    padding: 0;
    overflow: initial;
    clip: initial;
    border: 0;

  }
  .sub-content-top-text .sub-top-sronly ul li {
    font-size:20px;
    font-weight:300;
    letter-spacing:-0.02rem;
    text-align:center;
    color:#062D78;
  }
  .sub-content-top-text .sub-top-sronly ul li + li {
    margin-top:35px;
  }
  .sub-content .sub-content-box .sub-content-top-text h4.bottom-text-position {
    margin-top:40px;
  }
  .sub-lt-text-gray-box {
    margin:35px 0 40px;
  }
  .sub-lt-text-gray-box .content-item li {
    font-size:16px;
    padding:20px;
  }
  .sub-lt-text-gray-box .content-item li + li {
    margin-top: 10px;
  }
  .content-lt-gray-box .gray-container .top-title {
    font-size:20px;
  }
  .content-lt-gray-box .gray-container .content-box-icon-lt {
    margin-top:25px;
  }
  .content-lt-gray-box .gray-container .content-box-icon-lt > li {
    flex:0 0 100%;
    max-width:100%;
    padding:30px;
  }
  .content-lt-gray-box .gray-container .content-box-icon-lt > li + li {
    margin-top:15px;
  }
  .content-lt-gray-box .gray-container .content-box-icon-lt li .content-title {
    font-size:17px;
    height:60px;
    padding-left:80px;
  }
  .content-lt-gray-box .gray-container .content-box-icon-lt li .content-title:before {
    background: url(../images/sub/sub_management_icon_01_m.png) no-repeat;
    background-size:cover;
    width: 60px;
    height: 60px;
  }
  .content-lt-gray-box .gray-container .content-box-icon-lt li:nth-child(2) .content-title:before {
    background:url(../images/sub/sub_management_icon_02_m.png) no-repeat;
    background-size:cover;
  }
  .content-lt-gray-box .gray-container .content-box-icon-lt li:nth-child(3) .content-title:before {
    background:url(../images/sub/sub_management_icon_03_m.png) no-repeat;
    background-size:cover;
  }
  .content-lt-gray-box .gray-container .content-box-icon-lt li:nth-child(4) .content-title:before {
    background:url(../images/sub/sub_management_icon_04_m.png) no-repeat;
    background-size:cover;
  }
  .content-lt-gray-box .gray-container .content-box-icon-lt li .lt-content-box {
    margin-top:25px;
  }
  .content-lt-gray-box .gray-container .content-box-icon-lt li .lt-content-box li {
    font-size:16px;
    padding-left:10px;
  }
  .content-lt-gray-box .gray-container .content-box-icon-lt li .lt-content-box li:before {
    width:3px;
    height:3px;
    top:10px;
  }
  .sub-content-box .sub-content-item .top-title {
    font-size:20px;
  }
  .sub-content-box .sub-content-item .lt-img-text-box {
    margin-top:35px;
  }
  .sub-content-box .sub-content-item .lt-img-text-box > li {
    flex:0 0 100%;
    max-width:100%;
  }
  .sub-content-box .sub-content-item .lt-img-text-box > li + li {
    margin-top:35px;
  }
  .sub-content-box .sub-content-item .lt-img-text-box li .title {
    font-size:18px;
    margin-top:20px;
  }
  .sub-content-box .sub-content-item .lt-img-text-box li .text {
    font-size:15px;
    line-height:1.7;
  }
  .sub-content-box .sub-content-item .lt-img-text-box li .title .btn {
    font-size:13px;
    padding:8px 15px;
  }
}
/* 컴플라이언스 */
.sub-content-bg-box.type08 {
  background:url(../images/sub/sub_complience_bg.jpg) no-repeat;
  background-size:cover;
  margin-top:100px;
}
.sub-title-copy {
  font-size:20px;
  font-weight:400;
  letter-spacing: -0.02rem;
  color:#666;
  width:80%;
  margin:60px auto;
}
.content-lt-gray-box .gray-container.complience-box {

}
.content-lt-gray-box .gray-container .title-item {
  font-size:32px;
  font-weight:300;
  line-height: 1.5;
  letter-spacing:-0.02rem;
  color:#12206D;
  text-align:center;
}
.content-lt-gray-box .gray-container .title-item strong {
  font-weight:700;
}
.content-lt-gray-box .gray-container.complience-box .icon-item-box {
  margin-top:60px;
  gap:3%;
}
.content-lt-gray-box .gray-container.complience-box .icon-item-box li {
  flex:0 0 23%;
  max-width:23%;
  background:#fff;
  border-radius:24px;
  min-height:440px;
  position:relative;
}
.content-lt-gray-box .gray-container.complience-box .icon-item-box li .content-item {
  position:absolute;
  width:100%;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.content-lt-gray-box .gray-container.complience-box .icon-item-box li .content-item .text {
  font-size:26px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:-0.02rem;
  text-align:center;
}
.content-lt-gray-box .gray-container.complience-box .icon-item-box li .content-item .text:before {
  content:"";
  display:block;
  width:120px;
  height:121px;
  margin:0 auto 50px;
  background:url(../images/sub/sub_complience_icon_01.png) no-repeat;
}
.content-lt-gray-box .gray-container.complience-box .icon-item-box li:nth-child(2) .content-item .text:before {
  background:url(../images/sub/sub_complience_icon_02.png) no-repeat;
}
.content-lt-gray-box .gray-container.complience-box .icon-item-box li:nth-child(3) .content-item .text:before {
  background:url(../images/sub/sub_complience_icon_03.png) no-repeat;
}
.content-lt-gray-box .gray-container.complience-box .icon-item-box li:nth-child(4) .content-item .text:before {
  background:url(../images/sub/sub_complience_icon_04.png) no-repeat;
}
.content-lt-gray-box .gray-container.complience-box .icon-item-box li .content-item .text span {
  font-size:18px;
  font-weight:300;
  display:block;
}
.sub-content-box .sub-content-item .lt-img-text-box li .title span.s-text {
  font-size:24px;
  font-weight:300;
}
@media (max-width:992px) {
  .sub-title-copy {
    font-size:16px;
    width:100%;
    margin:35px 0;
  }
  .sub-content-bg-box.type08 {
    background:url(../images/sub/sub_complience_bg_m.jpg) no-repeat;
    background-size:cover;
    margin-top:25px;
  }
  .content-lt-gray-box .gray-container .title-item {
    font-size:20px;
  }
  .content-lt-gray-box .gray-container.complience-box .icon-item-box {
    margin-top:25px;
    gap:4%;
  }
  .content-lt-gray-box .gray-container.complience-box .icon-item-box li {
    flex:0 0 48%;
    max-width:48%;
    background:#fff;
    border-radius:6px;
    min-height:220px;
    position:relative;
  }
  .content-lt-gray-box .gray-container.complience-box .icon-item-box li:nth-child(n + 3) {
    margin-top:4%;
  }
  .content-lt-gray-box .gray-container.complience-box .icon-item-box li .content-item .text,
  .content-lt-gray-box .gray-container.complience-box .icon-item-box li .content-item .text span {
    font-size:15px;
  }
  .content-lt-gray-box .gray-container.complience-box .icon-item-box li .content-item .text:before {
    width:60px;
    height:60px;
    margin: 0 auto 15px;
    background: url(../images/sub/sub_complience_icon_01_m.png) no-repeat;
    background-size:cover;
  }
  .content-lt-gray-box .gray-container.complience-box .icon-item-box li:nth-child(2) .content-item .text:before {
    background:url(../images/sub/sub_complience_icon_02_m.png) no-repeat;
    background-size:cover;
  }
  .content-lt-gray-box .gray-container.complience-box .icon-item-box li:nth-child(3) .content-item .text:before {
    background:url(../images/sub/sub_complience_icon_03_m.png) no-repeat;
    background-size:cover;
  }
  .content-lt-gray-box .gray-container.complience-box .icon-item-box li:nth-child(4) .content-item .text:before {
    background:url(../images/sub/sub_complience_icon_04_m.png) no-repeat;
    background-size:cover;
  }
  .sub-content-box .sub-content-item .lt-img-text-box li .title span.s-text {
    font-size:14px;
  }
}
/* 환경 경영 */
.sub-content-bg-box.type09 {
  background:url(../images/sub/sub_greenmanagement_bg.jpg) no-repeat;
  background-size:cover;
  margin-top:100px;
}
.visual-list-box {
  margin-top:100px;
}
.visual-list-box .content-box {
  margin-top:40px;
}
.visual-list-box .content-box .title {
  font-size:30px;
  font-weight:700;
  letter-spacing:-0.02rem;
  line-height:1.66;
  color:#202020;
  flex:0 0 35%;
  max-width:35%;
}
.visual-list-box .content-box .text {
  font-size:20px;
  font-weight:300;
  letter-spacing:-0.02rem;
  line-height:1.7;
  flex:0 0 65%;
  max-width:65%;
}
.visual-list-box-type01 {
  width:84%;
  margin:230px auto 0;
  justify-content:space-between;
  align-items: center;
}
.visual-list-box-type01 + .visual-list-box-type01 {
  margin:200px auto 0;
}
.visual-list-box-type01.reverse {
  flex-direction: row-reverse;
}
.visual-list-box-type01 .visual {
  flex:0 0 50%;
  max-width:50%;
}
.visual-list-box-type01 .content-box {
  flex:0 0 40%;
  max-width:40%;
}
.visual-list-box-type01 .content-box .title {
  font-size:30px;
  font-weight:700;
  letter-spacing:-0.02rem;
  line-height:1.6;
  color:#202020;
}
.visual-list-box-type01 .content-box .text {
  font-size:20px;
  font-weight:300;
  letter-spacing:-0.02rem;
  line-height:1.6;
  color:#202020;
  margin-top:30px;
}
@media (max-width:992px) {
  .sub-content-bg-box.type09 {
    background:url(../images/sub/sub_greenmanagement_bg_m.jpg) no-repeat;
    background-size:cover;
    margin-top:25px;
  }
  .visual-list-box {
    margin-top:40px;
  }
  .visual-list-box .content-box .title {
    flex:0 0 100%;
    max-width:100%;
    font-size:20px;
  }
  .visual-list-box .content-box .text {
    flex:0 0 100%;
    max-width:100%;
    font-size:16px;
    margin-top:25px;
  }
  .visual-list-box-type01 {
    width:100%;
    margin:50px 0 0;
  }
  .visual-list-box-type01 .visual,
  .visual-list-box-type01 .content-box {
    flex:0 0 100%;
    max-width:100%;
    margin-top:30px;
  }
  .visual-list-box-type01 .content-box .title {
    font-size:20px;
  }
  .visual-list-box-type01 .content-box .text {
    font-size:16px;
    margin-top:20px;
  }
  .visual-list-box-type01 + .visual-list-box-type01 {
    margin:50px 0 0;
  }
}
/* 헬스 */
.visual-box-wrap {
  margin-top:60px;
}
.visual-box-wrap .content-box {
  flex-wrap:wrap;
  gap:4%;
}
/* S : 2024-07-16 수정 */
.visual-box-wrap .content-box li {
  flex:0 0 30%;
  max-width:30%;
  height:0;
  padding-bottom:18.6%;
  position:relative;
}
.visual-box-wrap .content-box li:nth-child(n+4) {
  margin-top:120px;
}
.visual-box-wrap .content-box li a {
  display:block;
  width:100%;
  padding-bottom:62%;
  background:url(../images/sub/sub0604_img_bg_0101.png) no-repeat;
  background-size:cover;
  position:absolute;
  border-radius:24px;
  transition:all 200ms ease;
}
.visual-box-wrap .content-box li:nth-child(2) a {
  background:url(../images/sub/sub0604_img_bg_0102.png) no-repeat;
  background-size:cover;
}
.visual-box-wrap .content-box li:nth-child(3) a {
  background:url(../images/sub/sub0604_img_bg_0103.png) no-repeat;
  background-size:cover;
}
.visual-box-wrap .content-box li:nth-child(4) a {
  background:url(../images/sub/sub0604_img_bg_0104.png) no-repeat;
  background-size:cover;
}
.visual-box-wrap .content-box li:nth-child(5) a {
  background:url(../images/sub/sub0604_img_bg_0105.png) no-repeat;
  background-size:cover;
}
.visual-box-wrap .content-box li:nth-child(6) a {
  background:url(../images/sub/sub0604_img_bg_0106.png) no-repeat;
  background-size:cover;
}
.visual-box-wrap .content-box li a span.tit {
  font-size:30px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#fff;
  position:absolute;
  top:50%;
  left:50%;
  width:100%;
  transform:translate(-50%,-50%);
  text-align:center;
}
.visual-box-wrap .content-box li a span.view-btn {
  font-size:14px;
  color:#fff;
  text-decoration:underline;
  text-underline-offset:10px;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:50px;
  display:none;
  transition:all 200ms ease;
  text-align:center;
}
.visual-box-wrap .content-box li a span.view-btn:before {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 10px;
  right: 0;
}
.visual-box-wrap .content-box li a span.view-btn:after {
  content: "";
  display: block;
  width: 6px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg) translateY(-30%);
  position: absolute;
  top: 9px;
  right: 0;
}
.visual-box-wrap .content-box li:hover a span.view-btn {
  display:block;
  padding-right:30px;
  transition:all 200ms ease;
}
.visual-box-wrap .content-box li div a {
  font-size:14px;
  color:#fff;
  text-decoration:underline;
  text-underline-offset:10px;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:50px;
  display:none;
  transition:all 200ms ease;
  text-align:center;
}
.visual-box-wrap .content-box li div span:before {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 10px;
  right: 0;
}
.visual-box-wrap .content-box li div span:after {
  content: "";
  display: block;
  width: 6px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg) translateY(-30%);
  position: absolute;
  top: 9px;
  right: 0;
}
.visual-box-wrap .content-box li:hover div span {
  display:block;
  padding-right:30px;
  transition:all 200ms ease;
}
.visual-box-wrap .content-box li a:hover {
  background:url(../images/sub/sub0604_img_bg_0101_hover.png) no-repeat;
  background-size:cover;
  padding-bottom:76%;
  transition:all 200ms ease;
}
.visual-box-wrap .content-box li:nth-child(2) a:hover {
  background:url(../images/sub/sub0604_img_bg_0102_hover.png) no-repeat;
  background-size:cover;
}
.visual-box-wrap .content-box li:nth-child(3) a:hover {
  background:url(../images/sub/sub0604_img_bg_0103_hover.png) no-repeat;
  background-size:cover;
}
.visual-box-wrap .content-box li:nth-child(4) a:hover {
  background:url(../images/sub/sub0604_img_bg_0104_hover.png) no-repeat;
  background-size:cover;
}
.visual-box-wrap .content-box li:nth-child(5) a:hover {
  background:url(../images/sub/sub0604_img_bg_0105_hover.png) no-repeat;
  background-size:cover;
}
.visual-box-wrap .content-box li:nth-child(6) a:hover {
  background:url(../images/sub/sub0604_img_bg_0106_hover.png) no-repeat;
  background-size:cover;
}
/* E : 2024-07-16 수정 */
@media(max-width:992px) {
  .visual-box-wrap {
    margin-top:25px;
  }
  .visual-box-wrap .content-box li {
    flex:0 0 100%;
    max-width:100%;
    height:0;
    padding-bottom:62%;
  }
  .visual-box-wrap .content-box li + li {
    margin-top:25px;
  }
  .visual-box-wrap .content-box li a {
    font-size:18px;
    border-radius:3.3333vw;
  }
  /* S : 2024-07-16 */
  .visual-box-wrap .content-box li a span.tit {
    font-size:18px;
  }
  .visual-box-wrap .content-box li a:hover {
    background:url(../images/sub/sub0604_img_bg_0101.png) no-repeat;
    background-size:cover;
    height:0;
    padding-bottom:62%;
  }
  .visual-box-wrap .content-box li:nth-child(2) a:hover {
    background:url(../images/sub/sub0604_img_bg_0102.png) no-repeat;
    background-size:cover;
  }
  .visual-box-wrap .content-box li:nth-child(3) a:hover {
    background:url(../images/sub/sub0604_img_bg_0103.png) no-repeat;
    background-size:cover;
  }
  .visual-box-wrap .content-box li:nth-child(4) a:hover {
    background:url(../images/sub/sub0604_img_bg_0104.png) no-repeat;
    background-size:cover;
  }
  .visual-box-wrap .content-box li:nth-child(5) a:hover {
    background:url(../images/sub/sub0604_img_bg_0105.png) no-repeat;
    background-size:cover;
  }
  .visual-box-wrap .content-box li:nth-child(6) a:hover {
    background:url(../images/sub/sub0604_img_bg_0106.png) no-repeat;
    background-size:cover;
  }
  .visual-box-wrap .content-box li:nth-child(n + 4) {
    margin-top:25px;
  }
  .visual-box-wrap .content-box li:hover div span {
    display:none;
  }
  /* E : 2024-07-16 */
  .visual-box-wrap .content-box li:hover a span.view-btn{
    display:none;
  }
}
/* 회원가입 도우미 */
.sub-content-bg-box.type10 {
  background:url(../images/sub/sub_memberassistant_bg.jpg) no-repeat;
  background-size:cover;
  margin-top:0;
}
.round-box-wrap {
  margin-top:120px;
}
.round-box-wrap ul {
  justify-content:center;
  gap:80px;
  flex-wrap:wrap;
}
.round-box-wrap ul li {
  flex:0 0 17%;
  max-width:17%;
  background:#A2C5D9;
  text-align:center;
  border-radius:12px;
  position:relative;
  padding:30px 0 60px;
}
.round-box-wrap.type01 ul li {
  flex:0 0 15%;
  max-width:15%;
}
.round-box-wrap ul li:nth-child(2) {
  background:#82B6DB;
}
.round-box-wrap ul li:nth-child(3) {
  background:#4388C4;
}
.round-box-wrap ul li:nth-child(4) {
  background:#044A87;
}
.round-box-wrap ul li:nth-child(5) {
  background:#253E5D;
}
.round-box-wrap ul li .top-num {
  display:block;
  font-size:16px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#fff;
}
.round-box-wrap ul li .text {
  font-size:24px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#fff;
  line-height:1.33;
  display: inline-block;
  margin-top:20px;
}
.round-box-wrap ul li + li:before {
  content:"";
  display:block;
  width:40px;
  height:40px;
  background:url(../images/sub/roundbox_arrow.png) no-repeat;
  position:absolute;
  top:50%;
  left:-60px;
  transform:translateY(-50%);
}
.list-content-wrap {
  margin-top:100px;
}
.list-content-wrap .text-content > li + li {
  margin-top:60px;
}
.list-content-wrap .text-content .title {
  font-size:22px;
  font-weight:700;
  letter-spacing:-0.02rem;
  color:#202020;
}
.list-content-wrap .text-content .cont-box-type01 {
  margin:30px auto;
  text-align:center;
}
.list-content-wrap .text-content .cont-box-type01 img {
  margin:0 auto;
}
.list-content-wrap .text-content .title strong {
  color:#0054C1;
  font-weight:700;
}
.list-content-wrap .text-content .title > .btn {
  margin-left:25px;
}
.list-content-wrap .text-content .text-content-item {
  margin-top:20px;
}
.list-content-wrap .text-content .text-content-item .cont-text {
  font-size:18px;
  font-weight:400;
  letter-spacing:-0.02rem;
  color:#666;
}
.list-content-wrap .text-content .text-content-item .cont-text.color01 {
  color:#202020;
}
.list-content-wrap .text-content .text-content-item .cont-text + .cont-text {
  margin-top:20px;
}
.list-content-wrap .text-content .text-content-item .cont-text.bullet {
  position:relative;
  padding-left:10px;
}
/* 2024-08-21 추가 */
.list-content-wrap .text-content .text-content-item .cont-text.fc-bl {
  color:#0054C1;
}
.list-content-wrap .text-content .text-content-item .cont-text.bullet:before {
  content:"";
  display:block;
  width:5px;
  height:1px;
  background:#666;
  position:absolute;
  top:12px;
  left:0;
}
.list-content-wrap .text-content .text-content-item > li + li {
  margin-top:20px;
}
.list-content-wrap .text-content .text-content-item .cont-text .btn-border {
  border:1px solid #202020;
  font-size:16px;
  font-weight:700;
  letter-spacing:-0.01rem;
  color:#202020;
  padding:10px;
  margin-left:20px;
}
.list-content-wrap .text-content .table-box-content {
  width:82%;
  margin:50px auto 0;
}
.list-content-wrap .text-content .table-box-content .information-table thead th {
  font-size:16px;
  font-weight:800;
  letter-spacing:-0.02rem;
  color:#202020;
  padding:15px 0;
  border-bottom:1px solid #202020;
  text-align:center;
}
.list-content-wrap .text-content .table-box-content .information-table tbody th {
  font-size:16px;
  font-weight:800;
  letter-spacing:-0.02rem;
  color:#202020;
  padding:20px 0;
  border-bottom:1px solid #202020;
  text-align:center;
}
.list-content-wrap .text-content .table-box-content .information-table tbody td {
  font-size:16px;
  font-weight:400;
  letter-spacing:-0.02rem;
  color:#222;
}
.list-content-wrap .text-content .table-box-content .table-bottom-text {
  font-size:16px;
  font-weight:400;
  letter-spacing:-0.02rem;
  color:#0054C1;
  margin-top:20px;
}
.sub-content-bg-box.type11 {
  background:url(../images/sub/sub_memberassistant_02_bg.jpg) no-repeat;
  background-size:cover;
  margin-top:180px;
}
.sub-content-bg-box.type12 {
  background:url(../images/sub/sub_memberassistant_03_bg.jpg) no-repeat;
  background-size:cover;
  margin-top:180px;
}
.inquiry-box-wrap {
  background:url(../images/sub/sub_memberassistant_bg_02.jpg) no-repeat;
  background-size:cover;
  padding:80px 0 100px;
}
.inquiry-box-wrap .container .title {
  font-size:48px;
  font-weight:700;
  letter-spacing:0;
  color:#fff;
  text-align:center;
}
.inquiry-box-wrap .information-table {
  border-top:1px solid #fff;
}
.inquiry-box-wrap .information-table tbody th {
  color:#fff;
  border-bottom: 1px solid #fff;
}
.inquiry-box-wrap .information-table tbody td {
  color:#fff;
  border-bottom: 1px solid #fff;
}
.inquiry-box-wrap .table-box {
  display:table;
  width:100%;
  border-top:1px solid #fff;
  margin-top:0;
}
.inquiry-box-wrap .table-box .row {
  display:table-row;
}
.inquiry-box-wrap .table-box .cell {
  display:table-cell;
  border-bottom: 1px solid #fff;
  font-size:20px;
  font-weight:400;
  letter-spacing:-0.02rem;
  color:#fff;
  padding:25px 0 25px 40px;
}
.inquiry-box-wrap .table-box .cell.tit {
  font-weight:700;
}
@media(max-width:992px) {
  .list-content-wrap .text-content .title > .btn {
    margin:10px 0 0 0;
  }
  .sub-content-bg-box.type10 {
    background:url(../images/sub/sub_memberassistant_bg_m.jpg) no-repeat;
    background-size:cover;
    margin-top:25px;
  }
  .round-box-wrap {
    margin-top:50px;
  }
  .round-box-wrap ul {
    gap:50px;
  }
  .round-box-wrap ul li,
  .round-box-wrap.type01 ul li {
    flex:0 0 50%;
    max-width:50%;
    padding:30px 0;
  }
  .round-box-wrap ul li .top-num {
    font-size:12px;
  }
  .round-box-wrap ul li .text {
    font-size:16px;
  }
  .round-box-wrap ul li + li:before {
    width:30px;
    height:30px;
    background: url(../images/sub/roundbox_arrow_m.png) no-repeat;
    background-size:cover;
    position: absolute;
    top: -40px;
    left:50%;
    transform: translate(-50%, 0);
  }
  .list-content-wrap {
    margin-top:35px;
  }
  .list-content-wrap .text-content .title {
    font-size:16px;
  }
  .list-content-wrap .text-content > li + li {
    margin-top:25px;
  }
  .list-content-wrap .text-content .text-content-item {
    margin-top:15px;
  }
  .list-content-wrap .text-content .text-content-item .cont-text {
    font-size:16px;
  }
  .list-content-wrap .text-content .text-content-item .cont-text .btn-border {
    font-size:12px;
    padding:10px;
  }
  .sub-content-bg-box.type11 {
    background:url(../images/sub/sub_memberassistant_02_bg_m.jpg) no-repeat;
    background-size:cover;
    margin-top:25px;
  }
  .list-content-wrap .text-content .cont-box-type01 {
    margin:15px 0 0;
  }
  .list-content-wrap .text-content .table-box-content {
    width:100%;
    margin:15px 0 0 0;
  }
  .sub-content-bg-box.type12 {
    background:url(../images/sub/sub_memberassistant_03_bg_m.jpg) no-repeat;
    background-size:cover;
    margin-top:25px;
  }
  .list-content-wrap .text-content .text-content-item > li + li {
    margin-top:10px;
  }
  .inquiry-box-wrap {
    background:url(../images/sub/sub_memberassistant_bg_02_m.jpg) no-repeat;
    background-size:cover;
    padding:40px 0;
  }
  .inquiry-box-wrap .container .title {
    font-size:24px;
  }
  .inquiry-box-wrap .information-table tr {
    display:block;
    margin-bottom:10px;
    border-top:none;
  }
  .inquiry-box-wrap .information-table th, .inquiry-box-wrap .information-table td {
    display:block;
    position:relative;
    padding:10px 0;
    padding-left:50%;
    border-width:0 0 1px 0;
  }
  .inquiry-box-wrap .information-table td:before {
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:50%;
    padding:10px 0;
    background:#ccc;
  }
  .inquiry-box-wrap .table-box {
    display:block;
    margin-top:30px;
    border-top:2px solid #fff;
  }
  .inquiry-box-wrap .table-box .row {
    display:block;
    padding:25px 0;
    border-bottom:1px solid #fff;
  }
  .inquiry-box-wrap .table-box .cell {
    display:block;
    font-size:16px;
    font-weight:400;
    padding:0;
    border-bottom:none;
  }
  .inquiry-box-wrap .table-box .cell.tit {
    font-weight:700;
    margin-bottom:10px;
  }
}
/* iframe-box */
.iframe-box {

}
.iframe-box iframe {
  width:100%;
  min-height:800px;
}