@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;
}
.head {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
}
.cont {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 79%;
    flex: 0 0 79%;
    max-width: 79%;
    margin-left:6%;
}
.head .title {
    font-size:24px;
    font-weight:800;
    color:#202020;
    letter-spacing:-0.02rem;
    line-height:1.5;
}
.cont p + p {
    margin-top:40px;
}
.cont .type01 {
    font-size:30px;
    font-weight:400;
    letter-spacing:-0.02rem;
    color:#202020;
    line-height:1.5;
}
.cont .type02 {
    font-size:20px;
    font-weight:400;
    color:#666;
    letter-spacing:-0.02rem;
    line-height:1.6;
}
.cont .type03 {
    font-size:22px;
    font-weight:400;
    color:#202020;
    letter-spacing:-0.02rem;
    line-height:1.6;
}
.cont .table-cont {
    width:100%;
    border-top:2px solid #202020;
}
.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;
}
.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;

    &.line-2{
        line-height:1.286;
    }
}
.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;
    }
    .head {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .cont {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left:0;
        margin-top:30px;
    }
    .head .title {
        font-size:20px;
    }
    .cont .type01 {
        font-size:20px;
    }
    .cont .type02 {
        font-size:16px;
    }
    .cont p + p {
        margin-top:30px;
    }
    .sub-list-box .item + .item {
        margin-top:50px;
    }
    .cont .table-cont tbody th {
        font-size:13px;
        padding:20px 15px;
    }
    .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 수정 */

.core-service{
    margin:60px 60px 0;
    display:grid;
    grid-template-columns: repeat(2,1fr);
    gap:60px;

    li{
        position:relative;
        height: 260px;

        .inner{
            position:absolute;
            top:0;
            left:0;
            bottom:0;
            transform-origin: center top;
            transition: all 200ms ease-in-out;
            border-radius:24px;
            overflow: hidden;

            text-align:center;
            color:#fff;
            width:100%;
            height: 260px;
            display: flex;
            flex-direction: column;
            align-content: center;
            justify-content: center;
            box-shadow: 0px 0px 40px 0px #6992BD4D;
            background-size:cover;
            background-repeat:no-repeat;

            .title{
                color:#fff;
                font-size:32px;
                line-height:1;
                margin-bottom:30px;
            }
            .desc{
                font-size:22px;
                line-height:1.455;
            }


            &:hover{
                height: 320px;
            }
        }


        &:nth-child(1){
            .inner{
                background-image:url(../images/sub/bg_core_service_01.png);
            }
            &:hover{
                .inner{
                    background-image:url(../images/sub/bg_core_service_01_hover.png);
                }
            }
        }
        &:nth-child(2){
            .inner{
                background-image:url(../images/sub/bg_core_service_02.png);
            }
            &:hover{
                .inner{
                    background-image:url(../images/sub/bg_core_service_02_hover.png);
                }
            }
        }
        &:nth-child(3){
            .inner{
                background-image:url(../images/sub/bg_core_service_03.png);
            }
            &:hover{
                .inner{
                    background-image:url(../images/sub/bg_core_service_03_hover.png);
                }
            }
        }
        &:nth-child(4){
            .inner{
                background-image:url(../images/sub/bg_core_service_04.png);
            }
            &:hover{
                .inner{
                    background-image:url(../images/sub/bg_core_service_04_hover.png);
                }
            }
        }
    }
}

@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;
    }


    .core-service{
        margin:26px 0 0;
        grid-template-columns: repeat(1,1fr);
        gap:26px 0;

        li{
            height: 200px;

            .inner{
                height: 200px;
                box-shadow: 0px 0px 40px 0px #6992BD4D;
                background-size:cover;

                .title{
                    font-size:18px;
                    line-height:1.333;
                    margin-bottom:0;
                }
                .desc{
                    display: none;
                }

                &:hover{
                    height: 200px;
                }
            }

            &:nth-child(1){
                .inner{
                    background-image:url(../images/sub/bg_core_service_01_m.png);
                }
                &:hover{
                    .inner{
                        background-image:url(../images/sub/bg_core_service_01_m.png);
                    }
                }
            }
            &:nth-child(2){
                .inner{
                    background-image:url(../images/sub/bg_core_service_02_m.png);
                }
                &:hover{
                    .inner{
                        background-image:url(../images/sub/bg_core_service_02_m.png);
                    }
                }
            }
            &:nth-child(3){
                .inner{
                    background-image:url(../images/sub/bg_core_service_03_m.png);
                }
                &:hover{
                    .inner{
                        background-image:url(../images/sub/bg_core_service_03_m.png);
                    }
                }
            }
            &:nth-child(4){
                .inner{
                    background-image:url(../images/sub/bg_core_service_04_m.png);
                }
                &:hover{
                    .inner{
                        background-image:url(../images/sub/bg_core_service_04_m.png);
                    }
                }
            }
        }
    }



}
/* 회원가입 도우미 */
.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;
}


.box-color-blue{
    margin-top:80px;
    display:flex;
    justify-content: center;
    align-items:center;
    gap:0 35px;

    li{
        color:#fff;
        width: 320px;
        height:320px;
        border-radius:24px;
        overflow: hidden;
        padding:50px 42px 0;

        &:nth-child(1){
            background:#82B6DB;
        }
        &:nth-child(2){
            background:#4388C4;
        }
        &:nth-child(3){
            background:#044A87;
        }
        &:nth-child(4){
            background:#253E5D;
        }

        p{
            font-size:18px;
            line-height:1.556;
            letter-spacing: -0.02em;
            word-break:keep-all;

            &.title{
                font-weight:700;
                font-size:32px;
                line-height:1.125;
                margin-bottom:20px;
            }
        }
    }
}

.content-lt-gray-box{
    &:has(.box-color-blue){
        margin-bottom:-240px
    }
}

@media(max-width:992px) {

    .content-lt-gray-box{
        &:has(.box-color-blue){
            margin-bottom:-60px
        }
    }

    .gray-container{
        &:has(.box-color-blue){
            .head .title{
                font-size:24px;
                line-height:1.25;
            }
            .cont{
                margin-top:14px;
               p.type03{
                   font-size:16px;
                   line-height:1.875;
                   letter-spacing: -0.02em;
                   word-break: keep-all;
               }
            }
        }
    }
    .box-color-blue{
        margin-top:26px;
        flex-direction: column;
        gap:26px 0;
    }
}