@charset "utf-8";
/* 서브 공통 */

/* 이미지 모달창 */
#modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .6);
}

#modal__content {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    padding: 60px;
    background: #FFF;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    width: calc(100% - 20px);
}

.modal__exit {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 0;
    right: 0;
    font-size: 30px;
    font-weight: 300;
    background: #000;
    color: #FFF;
    text-align: center;
}

.modal__exit span {
    width: 30px;
    height: 3px;
    background: #FFF;
    display: block;
    margin: 0 auto;
}

.modal__exit span:nth-child(1) {
    margin: 0 auto 5px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 15px;
}

.modal__exit span:nth-child(2) {
    margin: 0 auto 5px;
    transform: rotate(-45deg);
    top: 50%;
    position: absolute;
    left: 15px;
}

.modal__img {
    flex: 0 1 100%;
    text-align: center;
}

.modal__img img {
    width: 100%;
}

.modal-ttl {
    flex: 0 1 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

@media screen and (max-width: 768px) {
    #modal__content {
        padding: 50px 20px;
    }

    .modal__exit {
        width: 50px;
        height: 50px;
    }

    .modal__exit span {
        width: 25px;
        height: 3px;
    }

    .modal__exit span:nth-child(1) {
        left: 13px;
    }

    .modal__exit span:nth-child(2) {
        left: 13px;
    }
}

.overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: 20;
    cursor: pointer;
}

.overlay__message {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 500px) {
    .overlay__message {
        font-size: 16px;
        line-height: 26px;
    }
}

/* 서브페이지 네비게이션 */
#sub__nav {
    position: relative;
}

#sub__nav .visual__wrap {
    width: 100%;
    height: 450px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

#sub__nav .visual__wrap .nav-title {}

#sub__nav .visual__wrap .nav__route {
    position: absolute;
    width: fit-content;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    color: #fff;
    font-size: 15px;
}

#sub__nav .visual__wrap .nav__route ul {
    display: flex;
    flex-wrap: wrap;
}

#sub__nav .visual__wrap .nav__route ul li {
    padding: 0 13px;
    position: relative;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.6);
}

#sub__nav .visual__wrap .nav__route ul li:after {
    display: block;
    content: "\f105";
    position: absolute;
    top: 1px;
    right: -3px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
}

#sub__nav .visual__wrap .nav__route ul li:last-child:after {
    display: none;
}

#sub__nav.nav01 .visual__wrap {
    background-image: url('../img/sub/img_navigation_visual01.jpg');
    position: relative;
    z-index: 1;
}

#sub__nav.nav02 .visual__wrap {
    background-image: url('../img/sub/img_navigation_visual02.jpg');
    position: relative;
    z-index: 1;
}

#sub__nav.nav02.bg_01 .visual__wrap {
    background-image: url('../img/sub/img_navigation_visual02_1.jpg');
    position: relative;
    z-index: 1;
}

#sub__nav.nav02.bg_02 .visual__wrap {
    background-image: url('../img/sub/img_navigation_visual02_2.jpg');
    position: relative;
    z-index: 1;
}

#sub__nav.nav02.bg_03 .visual__wrap {
    background-image: url('../img/sub/img_navigation_visual02_3.jpg');
    position: relative;
    z-index: 1;
}

#sub__nav.nav03 .visual__wrap {
    background-image: url('../img/sub/img_navigation_visual03.jpg');
    position: relative;
    z-index: 1;
}

#sub__nav.nav03.bg_01 .visual__wrap {
    background-image: url('../img/sub/img_navigation_visual03_1.jpg');
    position: relative;
    z-index: 1;
}

#sub__nav.nav03.bg_02 .visual__wrap {
    background-image: url('../img/sub/img_navigation_visual03_2.jpg');
    position: relative;
    z-index: 1;
}

#sub__nav.nav03.bg_03 .visual__wrap {
    background-image: url('../img/sub/img_navigation_visual03_3.jpg');
    position: relative;
    z-index: 1;
}

#sub__nav.nav03.bg_04 .visual__wrap {
    background-image: url('../img/sub/img_navigation_visual03_4.jpg');
    position: relative;
    z-index: 1;
}

#sub__nav.nav04 .visual__wrap {
    background-image: url('../img/sub/img_navigation_visual04.jpg');
    position: relative;
    z-index: 1;
}

#sub__nav.nav04.bg_01 .visual__wrap {
    background-image: url('../img/sub/img_navigation_visual04_1.jpg');
    position: relative;
    z-index: 1;
}

#sub__nav.nav04.bg_02 .visual__wrap {
    background-image: url('../img/sub/img_navigation_visual04_2.jpg');
    position: relative;
    z-index: 1;
}

#sub__nav.nav04.bg_03 .visual__wrap {
    background-image: url('../img/sub/img_navigation_visual04_3.jpg');
    position: relative;
    z-index: 1;
}

#sub__nav.nav04.bg_04 .visual__wrap {
    background-image: url('../img/sub/img_navigation_visual04_4.jpg');
    position: relative;
    z-index: 1;
}

#sub__nav.nav05 .visual__wrap {
    background-image: url('../img/sub/img_navigation_visual05.jpg');
    position: relative;
    z-index: 1;
}

#sub__nav.nav05.bg_01 .visual__wrap {
    background-image: url('../img/sub/img_navigation_visual05_1.jpg');
    position: relative;
    z-index: 1;
}

#sub__nav.nav05.bg_02 .visual__wrap {
    background-image: url('../img/sub/img_navigation_visual05_2.jpg');
    position: relative;
    z-index: 1;
}

#sub__nav.nav05.bg_03 .visual__wrap {
    background-image: url('../img/sub/img_navigation_visual05_3.jpg');
    position: relative;
    z-index: 1;
}

#sub__nav.nav06 .visual__wrap {
    background-image: url('../img/sub/img_navigation_visual06.jpg');
    position: relative;
    z-index: 1;
}

#sub__nav .nav_2ul {
    display: flex;
}

#sub__nav .top-con {
    margin-top: 180px;
    position: relative;
    z-index: 2;
    padding: 0 20px;
}

#sub__nav .nav_2ul li {
    position: relative;
    padding: 0 20px;
}

#sub__nav .nav_2ul li:after {
    content: '';
    height: 12px;
    width: 1px;
    background: #d3d3d3;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%);
}

#sub__nav .nav_2ul li:first-child {
    padding: 0 20px 0 0;
}

#sub__nav .nav_2ul li:last-child:after {
    display: none;
}

#sub__nav .nav_2ul li a {
    color: #8b8b8b;
    font-size: clamp(20px, 2vw, 26px);
}

#sub__nav .top-con .nav-title {
    font-size: clamp(20px, 2vw, 22px);
    color: #1c1c1c;
    padding: 30px 0 40px;
    font-weight: 500;
}

#sub__nav .nav-tit {
    font-size: clamp(80px, 8vw, 90px);
    position: absolute;
    top: 56%;
    font-weight: 900;
    font-family: 'GmarketSans';
    text-shadow: 5px 5px 0 rgba(0, 0, 0, 0.5);
}

#sub__nav .nav-tit span {
    font-size: clamp(40px, 8vw, 50px);
}

#sub__nav .nav_2ul .active a {
    color: #1d2088;
    position: relative;
    font-weight: 900;
    padding: unset;
}

#sub__nav .nav_2ul .active a:before {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    background: #1d2088;
    transform: translate(-50%, -50%);
    left: 50%;
    top: -50%;
}

#sub__nav .nav-top-wr {
    margin: 0 auto;
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
}

#sub__nav .nav-top-wr .wr-1500 {
    display: flex;
    flex-wrap: wrap;
}

#sub__nav .nav-top-wr .home {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 60px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    font-size: 25px;
    text-align: center;
    color: #fff;
}

#sub__nav .nav-top-wr .nav_ul {
    position: relative;
}

#sub__nav .nav-top-wr .nav_ul:after {
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #005ad4;
}

#sub__nav .nav-top-wr .nav_ul li {
    position: relative;
    float: left;
    min-width: 230px;
    padding: 0 25px;
    height: 60px;
    border-right: 1px solid #e5e5e5;
    cursor: pointer;
}

#sub__nav .nav-top-wr .nav_ul li .nav_1a {
    display: block;
    font-size: 17px;
    color: rgba(75, 75, 75, 0.6);
    height: 60px;
    line-height: 60px;
    font-weight: 400;
}

#sub__nav .nav-top-wr .nav_ul li .nav_1a::after {
    content: '';
    display: block;
    position: absolute;
    top: 23px;
    right: 15px;
    width: 12px;
    height: 12px;
    background: url('../img/sub/icon_sub_arrow--grey.png')no-repeat center;
}

#sub__nav .nav-top-wr .nav_ul li ul {
    position: relative;
    display: none;
    position: absolute;
    top: 60px;
    left: -1px;
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    z-index: 10;
}

#sub__nav .nav-top-wr .nav_ul li ul li {
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    transition: 0.3s;
    background: #fff;
    /* line-height: 60px; */
    height: 50px;
}

#sub__nav .nav-top-wr .nav_ul li ul li:hover {
    background: #f5f5f5
}

#sub__nav .nav-top-wr .nav_ul li ul li a {
    display: block;
    height: 50px;
    line-height: 50px;
    color: #000;
}

/* mobile */
.m-menu {
    display: none;
    /* padding-top: 10px; */
}

.m-menu .mnav-ul {}

.m-menu .mnav-ul li .mnav-1a {
    display: block;
    background: #202329;
    font-size: 15px;
    color: #fff;
    height: 50px;
    line-height: 48px;
    font-weight: 400;
    cursor: pointer;
    padding: 0 25px;
    letter-spacing: -2px;
    position: relative;
}

.m-menu .mnav-ul li .mnav-1a>span {
    display: block;
    content: '';
    position: absolute;
    background: url('../img/sub/icon_nav_triangle.png')no-repeat center;
    right: 15px;
    top: 50%;
    width: 16px;
    height: 12px;
    margin-top: -6px;
    transition: all 0.5s;
}

.m-menu .mnav-ul li .mnav-1a .on {
    transform: rotate(180deg);
}

.m-menu .mnav-ul li ul {
    position: relative;
    display: none;
    position: absolute;
    left: -1px;
    z-index: 10;
    width: calc(100% + 2px);
    border: 1px solid #e3e3e3;
    padding: 15px 30px;
    background: #fff;
}

.m-menu .mnav-ul li ul li {
    border-bottom: 0;
    border-right: 0;
    transition: 0.3s;
    background: #fff;
    padding: 3px 0;
}

.m-menu .mnav-ul li ul li a {
    display: block;
    /* line-height: 1; */
    color: #6c6c6c;
    letter-spacing: -1px;
    font-size: 14px;
    word-break: keep-all;
    line-height: 25px;
}

.m-menu .mnav-ul li ul li a:hover {
    color: #005ad4;
    font-weight: bold;
    text-decoration: underline;
}

@media (max-width:1650px) {
    #sub__nav .visual__wrap {
        height: 450px;
    }

    #sub__nav .menu-wr li a {
        padding: 23px 0;
    }
}

@media (max-width:1400px) {
    #sub__nav .visual__wrap {
        height: 400px;
    }

    #sub__nav .menu-wr li a {
        padding: 15px 0;
        font-size: 15px;
    }

    #sub__nav .top-con {
        margin-top: 140px;
    }

    #sub__nav .nav-top-wr {
        padding: 0 20px;
    }

    #sub__nav .nav-tit {
        top: 52%;
    }

    #sub__nav.nav03 .nav-tit {
        top: 58%;
    }
}

@media (max-width:1300px) {
    #sub__nav .visual__wrap {
        height: 310px;
    }

    #sub__nav .nav-top-wr .home {
        width: 50px;
        height: 50px;
        line-height: 48px;
    }

    #sub__nav .nav-top-wr .nav_ul li {
        height: 50px;
    }

    #sub__nav .nav-top-wr .nav_ul li .nav_1a {
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }
}

@media (max-width:1024px) {
    #sub__nav .visual__wrap {
        height: 300px;
    }

    #sub__nav .menu-wr li a {
        padding: 20px 0;
        font-size: 16px;
    }

    #sub__nav .menu-wr li a p:after {
        right: -8px;
    }
}

@media (max-width:960px) {
    #sub__nav .menu-wr li a {
        font-size: 15px;
    }

    #sub__nav .menu-wr li a p.long {
        font-size: 13px;
    }
}

@media (max-width:768px) {
    #sub__nav .top-con {
        display: none;
    }

    #sub__nav .visual__wrap {
        height: 250px;
    }

    #sub__nav .visual__wrap .nav__route {
        bottom: 70px;
        width: 100%;
    }

    #sub__nav .visual__wrap .nav__route ul {
        justify-content: center;
    }

    #sub__nav .visual__wrap .nav__route ul li {
        font-size: 14px;
    }

    .pc-menu {
        display: none
    }

    .m-menu {
        display: block;
    }
}

@media (max-width:500px) {
    #sub__nav .visual__wrap .nav-title {
        font-size: 24px;
    }

    #sub__nav .visual__wrap .nav__route {
        bottom: 80px;
    }
}

/* 서브페이지 타이틀 */
.sub__title01 {
    font-size: 20px;
    color: rgba(25, 42, 70, 0.6);
    padding: 0 0 10px;
    text-align: center;
}

.sub__title02 {
    font-size: 42px;
    line-height: 42px;
    color: #272c8f;
    padding: 0 0 50px;
    text-align: center;
}

.sub__title02.sub__title02_v2 {
    padding: 0 0 10px;
}

.sub__title03 {
    font-size: clamp(16px, 2vw, 20px);
    color: #191919;
    padding: 0 0 50px;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .sub__title02 {
        font-size: 36px;
        line-height: 46px;
    }
}

@media screen and (max-width: 768px) {
    .sub__title01 {
        font-size: 18px;
    }

    .sub__title02 {
        font-size: 30px;
        line-height: 40px;
        padding: 0 0 30px;
    }
}

@media screen and (max-width: 500px) {
    .sub__title01 {
        font-size: 16px;
        padding: 0 0 5px;
    }

    .sub__title02 {
        font-size: 20px;
        line-height: 30px;
        padding: 0 0 20px;
    }
}

/* 서브페이지 탭메뉴 */
.sub__tab-menu {
    display: block;
    padding: 50px 20px;
}

.sub__tab-menu.hidden {
    display: none;
}

.sub__tab-menu.bg__grey {
    background: #eef2f7;
}

.sub__tab-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.sub__tab-item {}

.sub__tab-item__btn {
    text-align: center;
    width: 100%;
    line-height: 50px;
    border: 1px solid #cccccc;
    border-radius: 30px;
    font-size: 18px;
    color: #8c8c8c;
    transition: all 0.3s;
}

.sub__tab-item__btn:hover {
    background: #272c8f;
    color: #FFF;
    border: 1px solid #272c8f;
}

.sub__tab-item__btn.anchor {
    background: #272c8f;
    color: #FFF;
    border: 1px solid #272c8f;
}

.sub__tab-list.sub__tab-list_v2 {
    max-width: 1400px;
    border-bottom: 2px solid #000000;
}

.sub__tab-list.sub__tab-list_v2 .sub__tab-item {
    flex: unset
}

.sub__tab-list.sub__tab-list_v2 .sub__tab-item .sub__tab-item__btn {
    font-size: unset;
    border: 0 solid !important;
    background: unset !important;
    color: #000 !important
}

.sub__tab-list_2 {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.sub__tab-list_2 .sub__tab-item {
    flex: 1 1 calc(100% / 2 - 5px);
}

.sub__tab-list_3 {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

.sub__tab-list_3 .sub__tab-item {
    flex: 1 1 calc(100% / 3 - 7px);
}

.sub__tab-list_4 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.sub__tab-list_4 .sub__tab-item {
    flex: 1 1 calc(100% / 4 - 8px);
}

.sub__tab-list_5 {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.sub__tab-list_5 .sub__tab-item {
    flex: 1 1 calc(100% / 5 - 8px);
}

.sub__tab-list_6 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.sub__tab-list_6 .sub__tab-item {
    flex: 1 1 calc(100% / 6 - 9px);
}

.sub__tab-list_7 {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.sub__tab-list_7 .sub__tab-item {
    flex: 1 1 calc(100% / 7 - 9px);
}


.sub__tab-menu.fix {
    display: none;
    position: fixed;
    top: 79px;
    left: 50%;
    width: 100%;
    padding: 20px 220px;
    transform: translateX(-50%);
    background: #fff;
    z-index: 21;
    box-shadow: 0 2px 5px #c3c3c3;
}

.sub__tab-menu.fix.active {
    display: block
}

.sub__tab-menu.fix .tab-menu.seven {
    padding: 0;
}

@media screen and (max-width: 1200px) {
    .sub__tab-menu.fix {
        top: 70px;
        left: 50%;
        padding: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .sub__tab-item__btn {
        font-size: 16px;
        line-height: 45px;
    }

    .sub__tab-menu.fix .sub__tab-item__btn {
        font-size: 14px;
        line-height: 40px;
    }

    .sub__tab-menu.fix .sub__tab-list_6 {
        max-width: 768px;
    }

    .sub__tab-menu.fix .sub__tab-list_6 .sub__tab-item {
        flex: 1 1 calc(100% / 3 - 9px);
    }
}

@media screen and (max-width: 768px) {
    .sub__tab-item__btn {
        font-size: 14px;
        line-height: 40px;
    }

    .sub__tab-list_5 .sub__tab-item {
        flex: 0 1 calc(100% / 3 - 7px);
    }

    .sub__tab-list_6 .sub__tab-item {
        flex: 0 1 calc(100% / 3 - 7px);
    }

    .sub__tab-list_7 .sub__tab-item {
        flex: 0 1 calc(100% / 3 - 7px);
    }
}

@media screen and (max-width: 500px) {
    .sub__tab-menu {
        padding: 30px 20px
    }

    .sub__tab-list {
        gap: 10px 5px;
    }

    .sub__tab-item__btn {
        font-size: 14px;
        line-height: 35px;
    }

    .sub__tab-list_3 .sub__tab-item {
        flex: 1 1 calc(100% / 3 - 4px);
    }

    .sub__tab-list_4 .sub__tab-item {
        flex: 1 1 calc(100% / 2 - 4px);
    }

    .sub__tab-list_5 .sub__tab-item {
        flex: 0 1 calc(100% / 3 - 4px);
    }

    .sub__tab-list_6 .sub__tab-item {
        flex: 0 1 calc(100% / 2 - 5px);
    }
}

/* 게시판 탭메뉴 */
.board__tab-menu {
    display: block;
    padding: 50px 20px;
}

.board__tab-menu.hidden {
    display: none;
}

.board__tab-menu.bg__grey {
    background: #eef2f7;
}

.board__tab-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.board__tab-item {}

.board__tab-item__btn {
    text-align: center;
    width: 100%;
    line-height: 50px;
    border: 1px solid #cccccc;
    border-radius: 30px;
    font-size: 1rem;
    color: #8c8c8c;
    transition: all 0.3s;
}

.board__tab-item__btn:hover {
    background: #272c8f;
    color: #FFF;
    border: 1px solid #272c8f;
}

.board__tab-item__btn.active {
    background: #272c8f;
    color: #FFF;
    border: 1px solid #272c8f;
}

.board__tab-list.board__tab-list_v2 {
    max-width: 1400px;
    border-bottom: 2px solid #000;
}

.board__tab-list.board__tab-list_v2 .board__tab-item {
    flex: unset
}

.board__tab-list.board__tab-list_v2 .board__tab-item .board__tab-item__btn {
    font-size: unset;
    border: 0 solid !important;
    background: unset !important;
    color: #000 !important
}

.board__tab-list_2 {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.board__tab-list_2 .board__tab-item {
    flex: 1 1 calc(100% / 2 - 5px);
}

.board__tab-list_3 {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

.board__tab-list_3 .board__tab-item {
    flex: 1 1 calc(100% / 3 - 7px);
}

.board__tab-list_4 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.board__tab-list_4 .board__tab-item {
    flex: 1 1 calc(100% / 4 - 8px);
}

.board__tab-list_5 {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.board__tab-list_5 .board__tab-item {
    flex: 1 1 calc(100% / 5 - 8px);
}

.board__tab-list_6 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.board__tab-list_6 .board__tab-item {
    flex: 1 1 calc(100% / 6 - 9px);
}

.board__tab-list_7 {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.board__tab-list_7 .board__tab-item {
    flex: 1 1 calc(100% / 7 - 9px);
}

.board__tab-menu.fix {
    display: none;
    position: fixed;
    top: 79px;
    left: 50%;
    width: 100%;
    padding: 20px 220px;
    transform: translateX(-50%);
    background: #fff;
    z-index: 21;
    box-shadow: 0 2px 5px #c3c3c3;
}

.board__tab-menu.fix.active {
    display: block
}

.board__tab-menu.fix .tab-menu.seven {
    padding: 0;
}

@media screen and (max-width: 1200px) {
    .board__tab-menu.fix {
        top: 70px;
        left: 50%;
        padding: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .board__tab-item__btn {
        font-size: 16px;
        line-height: 45px;
    }

    .board__tab-menu.fix .board__tab-item__btn {
        font-size: 14px;
        line-height: 40px;
    }

    .board__tab-menu.fix .board__tab-list_6 {
        max-width: 768px;
    }

    .board__tab-menu.fix .board__tab-list_6 .board__tab-item {
        flex: 1 1 calc(100% / 3 - 9px);
    }
}

@media screen and (max-width: 768px) {
    .board__tab-item__btn {
        font-size: 14px;
        line-height: 40px;
    }

    .board__tab-list_5 .board__tab-item {
        flex: 0 1 calc(100% / 3 - 7px);
    }

    .board__tab-list_6 .board__tab-item {
        flex: 0 1 calc(100% / 3 - 7px);
    }

    .board__tab-list_7 .board__tab-item {
        flex: 0 1 calc(100% / 3 - 7px);
    }
}

@media screen and (max-width: 500px) {
    .board__tab-menu {
        padding: 30px 20px
    }

    .board__tab-list {
        gap: 10px 5px;
    }

    .board__tab-item__btn {
        font-size: 14px;
        line-height: 35px;
    }

    .board__tab-list_3 .board__tab-item {
        flex: 1 1 calc(100% / 3 - 4px);
    }

    .board__tab-list_4 .board__tab-item {
        flex: 1 1 calc(100% / 2 - 4px);
    }

    .board__tab-list_5 .board__tab-item {
        flex: 0 1 calc(100% / 3 - 4px);
    }

    .board__tab-list_6 .board__tab-item {
        flex: 0 1 calc(100% / 2 - 5px);
    }
}

.sub__wrap {
    /*border:1px solid red;*/
}

.sub__wrap .sub__content {
    padding: 100px 0;
    /*border:1px solid blue;*/
}


@media screen and (max-width: 1500px) {
    .sub__wrap .sub__content {
        padding: 100px 20px;
    }
}

@media screen and (max-width: 500px) {

    .sub__wrap .sub__content .sub3 .l_biz,
    .sub__wrap .sub__content .sub3 .r_biz {
        width: 100%;
    }

    .sub__wrap .sub__content {
        padding: 50px 20px;
    }
}

/* sub1_1 회사개요 */
.sub1_1 {
    display: flex;
    flex-wrap: wrap;
}

.sub1_1 div {
    flex: 1 1 50%;
}

.sub1_1 .l_zone {
    /*border: 1px solid greenyellow;*/
}

.sub1_1 .l_zone p {
    font-family: 'GmarketSans';
    font-size: clamp(30px, 5vw, 50px);
    font-weight: 700;
    line-height: 130%;
}

.sub1_1 .l_zone p span {
    color: #272c8f;
}

.sub1_1 .r_zone {
    /*border: 1px solid orange;*/
}

.sub1_1 .r_zone p {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 130%;
}

@media screen and (max-width: 600px) {
    .sub1_1 {
        flex-direction: column;
        gap: 30px;
    }

    .sub1_1 .r_zone p {
        font-size: 20px;
        word-break: keep-all;
    }

    .sub1_1 .r_zone p:first-letter {
        font-size: 26px;
        font-weight: 700;
    }
}

/* sub1_2 CEO인사말 */
.sub1_2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.sub1_2 .l_zone {
    width: 100%;
    max-width: 900px;
    /*border: 1px solid greenyellow;*/
}

.sub1_2 .l_zone p {
    margin-bottom: 30px;
    font-size: clamp(18px, 4vw, 22px);
    line-height: 160%;
}

.sub1_2 .l_zone p span {
    font-weight: 700;
}

.sub1_2 .l_zone p span.blue {
    color: #272c8f;
}

.sub1_2 .l_zone .ceo_sign {
    font-weight: 700;
    text-align: left;
    vertical-align: bottom;
}

.sub1_2 .l_zone .ceo_sign span.name {
    margin-left: 20px;
    font-size: 38px;
}

.sub1_2 .r_zone {}

.sub1_2 .r_zone img {
    border-top-left-radius: 30px;
}

@media screen and (max-width: 1400px) {
    .sub1_2 {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .sub1_2 .r_zone {
        position: relative;
        top: 0;
        right: 0;
    }

    .sub1_2 .r_zone img {
        border-top-left-radius: 0;
    }
}

@media screen and (max-width: 520px) {
    .sub1_2 .l_zone .ceo_sign {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-content: flex-end;
        text-align: right;
    }
}

@media screen and (max-width: 420px) {
    .sub1_2 .l_zone p {
        word-break: keep-all;
    }

    .sub1_2 .l_zone .ceo_sign {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-end
    }

    .sub1_2 .l_zone .ceo_sign img {
        width: 220px;
    }
}

/* sub1_3 회사연혁 */
.sub1_3 {
    display: flex;
    flex-wrap: wrap;
}

.sub1_3 .test {
    padding-bottom: 30px;
}

.sub1_3 .test p {
    font-size: clamp(22px, 5vw, 40px);
    font-weight: 700;
    color: #333;
}

.sub1_3 .test p.step2,
.sub1_3 .test p.step1 {
    display: none;
}

.sub1_3 .page_top {
    padding-bottom: 50px;
}

.sub1_3 .top-text {
    text-align: left;
    padding-bottom: 40px;
    font-size: clamp(20px, 3vw, 30px);
    font-weight: 600;
    padding: 20px 20px;
    line-height: 1.5em;
}

.sub1_3 .top-text span {
    color: #042741;
}

.sub1_3 .sec-years {
    display: none;
    font-size: clamp(22px, 5vw, 40px);
    font-weight: 700;
    color: #003358;
    text-align: center;
    background: linear-gradient(141deg, rgb(0 150 85 / 9%) 100%, rgb(3 137 186 / 38%) 0%);
    border-radius: 100px;
    padding: 10px;
    margin: 10px 0 30px;
    border: 5px solid #d9efe6;
}

.sub1_3 .left-con .left-con_nav .progress_nav {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 40px;
}

.sub1_3 .left-con .left-con_nav .progress_nav a {
    position: relative;
    text-indent: 50px;
    font-family: 'GmarketSans';
    font-size: 22px;
    font-weight: 500;
    color: #a6a6a6;
}

.sub1_3 .left-con .left-con_nav .progress_nav a:hover,
.sub1_3 .left-con .left-con_nav .progress_nav a.active {
    font-weight: 700;
    color: #1d2088;
}

.sub1_3 .left-con .left-con_nav .progress_nav a span {
    backface-visibility: hidden;
    position: absolute;
    top: 12px;
    left: 0;
    width: 24px;
    border-top: 2px solid #a6a6a6;
}

.sub1_3 .left-con .left-con_nav .progress_nav a:hover span,
.sub1_3 .left-con .left-con_nav .progress_nav a.active span {
    transform: rotate(45deg);
    transition: 0.3s 0.3s;
    border-color: #1d2088;
}

.sub1_3 .history-con {
    display: block;
    flex: 0 1 calc(60%);
}

.sub1_3 .years p {
    font-size: 23px;
    font-weight: 900;
    font-family: 'GmarketSans';
    color: #d0d0d0;
}

.sub1_3 .left-con p {
    font-size: clamp(48px, 2vw, 50px);
    font-family: 'GmarketSans';
    color: #242424;
    line-height: 1.6em;
}

.sub1_3 .sub_con {
    padding: 30px 0 50px;
    margin: 0
}

.sub1_3 .left-con_nav {
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transition: opacity .2s ease
}

.sub1_3 .left-con.fixed .left-con_nav {
    position: fixed;
    top: 400px;
    left: 50%;
    width: 100%;
    max-width: 1400px;
}

.sub1_3 .left-con {
    position: relative;
    flex: 30%;
}

.sub1_3 .right-con {}

[data-history="1"]>ul>li[data-hit="on"]>ul>li p {
    color: #000;
}

[data-history="1"]>ul {
    position: relative
}

[data-history="1"]>ul:before {
    content: "";
    display: block;
    position: absolute;
    left: 9.466em;
    top: 1em;
    width: 1px;
    height: calc(100% - 2em);
    background-color: #d0d0d0;
    border-radius: 50%
}

[data-history="1"]>ul>li {
    position: relative;
    padding: 0 0 4em 9.466em;
}

[data-history="1"]>ul>li>ul {
    position: relative
}

/* [data-history="1"]>ul>li>ul>li{position:relative;padding-left:3.133em} */
[data-history="1"]>ul>li>ul>li {
    position: relative;
}

[data-history="1"]>ul>li>ul>li>ul>li {
    position: relative;
    margin-top: 2.5em;
    padding-left: 4.133em;
    font-size: 20px;
}

[data-history="1"]>ul>li>ul>li:before {
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    top: 10px;
    z-index: 2;
    width: 7px;
    height: 7px;
    background-color: #d0d0d0;
    border-radius: 50%
}

[data-history="1"]>ul>li>ul>li:after {
    content: "";
    display: block;
    position: absolute;
    left: -.41em;
    top: 7px;
    z-index: 30;
    width: .8em;
    height: .8em;
    background-color: #d0d0d0;
    border-radius: 50%
}

[data-history="1"]>ul>li>ul>li>ul>li:before {
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    top: 10px;
    z-index: 2;
    width: 7px;
    height: 7px;
    background-color: #d0d0d0;
    border-radius: 50%
}

/*
[data-history="1"]>ul>li>ul>li:nth-child(n+2){margin-top: 2.5em; border: 1px solid red}
[data-history="1"]>ul>li>ul>li[data-hit="on"]:before{background: #1d2088;}
[data-history="1"]>ul>li>ul>li[data-hit="on"]:after {background: #cbcbe3;}
*/
[data-history="1"]>ul>li>ul>li>ul>li[data-hit="on"]:before {
    background: #1d2088;
}

[data-history="1"]>ul>li>ul>li>ul>li[data-hit="on"]:after {
    background: #cbcbe3;
}

[data-history="1"]>ul>li>ul>li:after {
    opacity: 0;
    z-index: 0;
    border: 1px solid #1d208800;
    background-color: #cbcbe3;
    transform: scale(0)
}

[data-history="1"]>ul>li>ul>li.years {
    padding-left: 3.133em
}

[data-history="1"]>ul>li>ul>li.years:after {
    left: -6px;
    top: 10px
}

[data-history="1"]>ul>li>ul>li.years:before {
    width: .8em;
    height: .8em;
    left: -6px
}

[data-history="1"]>ul>li[data-hit="on"]>ul>li.years:after {
    opacity: 1;
    -webkit-animation-name: history;
    animation-name: history;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

[data-history="1"]>ul>li[data-hit="on"]>ul>li.years:before {
    background: #1d2088;
}

@-webkit-keyframes history {

    0%,
    100% {
        opacity: 1;
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: scale(2)
    }

    70% {
        opacity: 0;
        transform: scale(3)
    }
}

@keyframes history {

    0%,
    100% {
        opacity: 1;
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: scale(2)
    }

    70% {
        opacity: 0;
        transform: scale(3)
    }
}

@media screen and (max-width: 1440px) {
    .sub1_3 .sub_con {
        padding: 30px 20px
    }

    .sub1_3 .left-con p {
        font-size: 39px;
        padding: 0 20px;
    }

    .sub-content.history-wr {
        padding: 0 20px
    }
}

@media screen and (max-width: 1200px) {
    .sub1_3 .left-con p {
        font-size: 33px;
        padding: 0 20px;
    }
}

@media screen and (max-width: 1024px) {
    .sub1_3 .left-con p {
        font-size: 24px
    }

    .sub1_3 .sub_con {
        padding: 0 20px
    }

    .sub1_3 .left-con.fixed .left-con_nav {
        top: 60px;
        margin: 0 auto;
        left: 0;
        padding: 20px 0;
        box-shadow: 2px 2px 6px #7d7d7d2e;
    }

    .sub1_3 .left-con_nav {
        position: unset;
        /* text-align:center; */
        transform: unset;
        background: #fff;
        z-index: 10;
        padding: 20px 0
    }

    .history-top-text {
        text-align: center
    }

    .sub1_3 .wr-1500 {
        display: block
    }

    .sub1_3 .history-con {
        flex: 0 1 calc(70%);
    }
}

@media screen and (max-width:768px) {}

@media screen and (max-width: 600px) {
    .sub1_3 .left-con .left-con_nav .progress_nav {
        padding: 0 0 30px 20px;
        gap: 20px;
        border-bottom: 2px solid #1d2088;
    }

    [data-history="1"]>ul>li>ul>li:nth-child(n+2) {
        margin-top: 1em;
    }

    [data-history="1"] {
        margin-top: 1em;
        padding: 0 10px
    }

    [data-history="1"]>ul:before {
        display: none
    }

    [data-history="1"]>ul>li {
        padding-left: 0;
        padding-bottom: 2em;
        border-bottom: 1px solid #D8E3F2
    }

    [data-history="1"]>ul>li:last-child {
        border-bottom: 0;
    }

    [data-history="1"]>ul>li>ul>li {
        padding-left: 0
    }

    [data-history="1"]>ul>li>ul>li:before,
    [data-history="1"]>ul>li>ul>li:after {
        display: none
    }

    [data-history="1"]>ul>li>ul>li>em {
        font-size: 1em
    }

    [data-history="1"]>ul>li:nth-child(n+2) {
        margin-top: 2em
    }

    [data-history="1"]>ul>li:last-child>ul>li:last-child>em:before {
        display: none
    }

    [data-history="1"]>ul>li>ul>li.years {
        padding-left: 0;
    }

    [data-history="1"]>ul>li>ul>li>ul>li {
        margin-top: 1em;
        padding-left: 1.133em;
        font-size: 18px;
    }
}

@media screen and (max-width: 500px) {

    .sub1_3 .left-con,
    .sub1_3 .right-con {
        flex: 100%;
    }

    .sub1_3 .left-con.fixed .left-con_nav {
        top: 60px;
    }

    .sub-content.history-wr {
        padding: 0;
        padding-right: 10px
    }

    .sub1_3 .left-con p {
        font-size: 18px;
    }
}

/* sub1_4 회사조직도 */
.sub1_4 {}

.sub1_4 .part01 {}

.sub1_4 .part01 p {
    padding: 24px;
    font-family: 'GmarketSans';
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background-color: #2b2f3a;
    border-radius: 8px;
}

.sub1_4 .org {
    margin: 0 0 30px;
    padding: 20px 100px;
    border-radius: 8px;
}

.sub1_4 .org ul .step1 {
    width: 100%;
    height: 200px;
    position: relative;
}

.sub1_4 .org .st01,
.sub1_4 .org .st02,
.sub1_4 .org .st03 {
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
}

.sub1_4 .org .st01 {
    position: absolute;
    top: 0;
    left: 34%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: #0b1e49;
}

.sub1_4 .org .st02 {
    margin: 0 auto;
    padding: 20px;
    width: 220px;
    font-size: 22px;
    font-weight: 700;
    border-radius: 8px;
    background-color: #1d2088;
}

.sub1_4 .org .st03 {
    padding: 20px;
    width: 200px;
    font-size: 22px;
    font-weight: 700;
    border-radius: 8px;
    background-color: #00a0e9;
}

.sub1_4 .org .step2 {
    position: relative;
    text-align: center;
}

.sub1_4 .org .dep1 {
    position: relative;
    padding: 100px 0;
    display: flex;
    justify-content: space-between;
}

.sub1_4 .org .dep2 {
    position: relative;
    padding: 100px 0;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 600px;
}

.sub1_4 .org .st01::before,
.sub1_4 .org .bg_bar::before,
.sub1_4 .org .step2::before,
.sub1_4 .org .dep1::before,
.sub1_4 .org .dep2::before {
    content: '';
    position: absolute;
    background-color: #ccc;
    z-index: -1;
}

.sub1_4 .org .st01::before {
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 55px;
}

.sub1_4 .org .bg_bar::before,
.sub1_4 .org .step2::before {
    top: -50px;
    left: 50%;
    width: 1px;
    height: 50px;
}

.sub1_4 .org .bg_bar::before {
    height: 166px;
}

.sub1_4 .org .dep1::before {
    top: 50px;
    left: 42.7%;
    transform: translate(-50%, -50%);
    width: 68.5%;
    height: 1px;
}

.sub1_4 .org .dep2::before {
    top: 50px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 66%;
    height: 1px;
}

.sub1_4 .org .li_box li {
    margin: 10px 0;
    padding: 20px;
    text-align: center;
    background-color: #f2f4f4;
    border-radius: 8px;
}

@media screen and (max-width: 1440px) {
    .sub1_4 .org .dep1::before {
        left: 42%;
        width: 66%;
    }
}

@media screen and (max-width: 1024px) {
    .sub1_4 .org .dep1::before {
        left: 40%;
        width: 53%;
    }
}

@media screen and (max-width: 768px) {
    .sub1_4 .org .dep1::before {
        left: 60%;
        width: 78%;
    }
}

@media screen and (max-width: 500px) {
    .sub1_4 .org {
        padding: 0;
    }

    .sub1_4 .org .st01 {
        position: relative;
        margin: 0 auto;
    }

    .sub1_4 .org .st01::before,
    .sub1_4 .org .dep1::before,
    .sub1_4 .org .dep2::before,
    .sub1_4 .org .bg_bar::before,
    .sub1_4 .org .step2::before {
        height: 0;
    }

    .sub1_4 .org ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        gap: 20px;
    }

    .sub1_4 .org .st03,
    .sub1_4 .org .li_box li {
        width: 220px;
    }

    .sub1_4 .org .dep1,
    .sub1_4 .org .dep2 {
        padding: 20px 0;
    }

    .sub1_4 .org .dep1 .li_box {
        gap: 0;
    }
}

/* sub1_5 사업장 위치 */
.sub1_5 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.sub1_5 .sec01 {
    /*border: 1px solid greenyellow;*/
}

.sub1_5 .sec02 {
    /*border: 1px solid orange;*/
}

.sub1_5 .root_daum_roughmap .cont {
    display: none;
}

.sub1_5 div .loca_tit {
    padding: 0 0 50px 70px;
    font-family: 'GmarketSans';
    font-size: 50px;
    font-weight: 700;
    line-height: 120%;
    background: url("../img/sub/sub1_5_loca_tit_bg_icon.png") no-repeat left top;
}

.sub1_5 div .loca_zone {
    padding-left: 70px;
    /*border: 1px solid red;*/
}

.sub1_5 div .loca_zone .loca_info {
    margin-bottom: 110px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 70px;
}

.sub1_5 div .loca_zone .loca_info .loca_coment {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 60px;
}

.sub1_5 div .loca_zone .loca_info .loca_coment .l_loca ul li {}

.sub1_5 div .loca_zone .loca_info .loca_coment .l_loca ul li.bb {
    border-bottom: 1px solid #d0d0d0;
}

.sub1_5 div .loca_zone .loca_info .loca_coment .l_loca ul li dl {
    width: 100%;
    max-width: 610px;
    padding: 20px 0 20px;
}

.sub1_5 div .loca_zone .loca_info .loca_coment .l_loca ul li dl dt {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 800;
    line-height: 130%;
}

.sub1_5 div .loca_zone .loca_info .loca_coment .l_loca ul li dl dd {}

.sub1_5 div .loca_zone .loca_info .loca_coment .l_loca ul li dl dd ul {}

.sub1_5 div .loca_zone .loca_info .loca_coment .l_loca ul li dl dd ul li {
    font-size: clamp(18px, 3vw, 20px);
    font-weight: 400;
    border: 0;
}

.sub1_5 div .loca_zone .loca_info .loca_coment .l_loca ul li dl dd ul li span {
    font-weight: 600;
}

.sub1_5 div .loca_zone .loca_info .loca_coment .l_loca .c_add {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0;
}

.sub1_5 div .loca_zone .loca_info .loca_coment .l_loca .c_add li:nth-child(1) {
    width: 100%;
}

.sub1_5 div .loca_zone .loca_info .loca_coment .l_loca .c_add li:nth-child(2) {
    padding-right: 40px;
    border-right: 1px solid #d0d0d0;
}

.sub1_5 div .loca_zone .loca_info .loca_coment .l_loca .c_add li:nth-child(3) {
    padding-left: 40px;
}

.sub1_5 div .loca_zone .loca_info .loca_coment .l_loca .c_scal {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 8px;
}

.sub1_5 div .loca_zone .loca_info .loca_coment .l_loca .c_scal li {
    list-style-position: inside;
    list-style-image: url('../img/sub/li_icon_dot.gif');
}

.sub1_5 div .loca_zone .loca_info .loca_coment .l_loca .c_ing {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
}

.sub1_5 div .loca_zone .loca_info .loca_coment .l_loca .c_ing li {
    flex: 0 0 48%;
    list-style-position: inside;
    list-style-image: url('../img/sub/li_icon_dot.gif');
}

.sub1_5 div .loca_zone .loca_info .loca_coment .r_loca img {
    width: 100%;
    max-width: 720px;
}

.sub1_5 div .loca_zone .loca_info .loca_map {
    width: 100%;
    height: 500px;
    margin: 0 auto;
    background-color: #ccc;
}

.sub1_5 div .loca_zone .loca_info .loca_map>div {
    width: 100% !important;
    max-width: 1500px;
}

.sub1_5 div .loca_zone .loca_info .loca_map>div .hide {
    display: none !important;
}

@media screen and (max-width: 700px) {
    .sub1_5 div .loca_zone {
        padding-left: 0;
    }
}

@media screen and (max-width: 640px) {
    .sub1_5 div .loca_zone .loca_info .loca_coment .l_loca .c_ing {
        flex-direction: column;
    }
}

@media screen and (max-width: 500px) {
    .sub1_5 div .loca_zone {
        padding-left: 0;
    }

    .sub1_5 div .loca_zone .loca_info .loca_coment {
        flex-direction: column;
        gap: 20px;
    }

    .sub1_5 div .loca_zone .loca_info .loca_coment .l_loca .c_add {
        flex-direction: column;
    }

    .sub1_5 div .loca_zone .loca_info .loca_coment .l_loca .c_add li:nth-child(3) {
        padding-left: 0;
    }

    .sub1_5 div .loca_zone .loca_info .loca_coment .l_loca .c_add li:nth-child(2) {
        border: 0
    }
}

/* sub2 공통Layout */
.sub2 .sec01 {
    /*border: 1px solid greenyellow;*/
}

.sub2 .sec01_scd {
    margin-top: 100px;
}

.sub2 .sec01 p {
    font-size: 22px;
    font-weight: 400;
    line-height: 130%;
}

.sub2 .sec01 p.sub2_tit {
    text-indent: 70px;
    font-family: 'GmarketSans';
    font-size: clamp(30px, 5vw, 50px);
    font-weight: 700;
    line-height: 160%;
    background: url('../img/sub/sub2_tit_icon.png') no-repeat left center;
}

.sub2 .sec01 p.sub2_tit span {
    font-family: 'GmarketSans';
    font-size: 24px;
    font-weight: 500;
    line-height: 130%;
    color: #5e5e5e;
}

.sub2 .pro_zone {
    margin-top: 70px;
    padding: 40px 0;
    max-height: 480px;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #e6e9ea;
}

.sub2 .pro_zone .l_zone {
    position: relative;
    width: 50%;
}

.sub2 .pro_zone .r_zone {
    width: 50%;
}

.sub2 .pro_zone .l_zone .sub_tit {
    font-family: 'GmarketSans';
    font-size: 40px;
    font-weight: 700;
    line-height: 130%;
}

.sub2 .pro_zone .l_zone .sub_pos {
    position: absolute;
    top: 0;
}

.sub2 .pro_zone .l_zone ul {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    gap: 0 50px;
}

.sub2 .pro_zone .l_zone ul li {}

.sub2 .pro_zone .l_zone ul li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 320px;
    padding: 16px 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    border-bottom: 2px solid #000;
}

.sub2 .pro_zone .l_zone ul li span {
    display: inline-block;
}

.sub2 .pro_zone .l_zone ul li .roll {
    vertical-align: middle;
    display: inline-block;
    width: 24px;
    height: 2px;
    background-color: #ccc;
}

.sub2 .pro_zone .l_zone ul li a:hover,
.sub2 .pro_zone .l_zone ul li a.ov_on {
    color: #1d2088;
    border-bottom-color: #1d2088;
}

.sub2 .pro_zone .l_zone ul li a:hover .roll,
.sub2 .pro_zone .l_zone ul li a.ov_on .roll {
    background-color: #272c8f;
    transform: rotate(135deg);
    transition: 0.3s 0.3s;
}

.sub2 .pro_zone .r_zone {
    border-radius: 8px;
    overflow: hidden;
}

.sub2 .pro_zone .r_zone img {
    border-radius: 8px;
}

@media screen and (max-width: 1420px) {
    .sub2 .pro_zone {
        margin-top: 30px;
        padding: 40px 0 0;
        max-height: unset;
        flex-direction: column;
        gap: 20px;
    }

    .sub2 .pro_zone .l_zone,
    .sub2 .pro_zone .r_zone {
        width: 100%;
        text-align: center;
    }

    .sub2 .sec01 p.sub2_tit {
        text-indent: 50px;
    }

    .sub2 .sec01 p.sub2_tit span {
        font-size: 18px;
    }

    .sub2 .pro_zone .l_zone .sub_tit {
        font-size: 24px;
    }

    .sub2 .pro_zone .l_zone .sub_pos {
        position: relative;
        top: unset;
        left: unset;
    }

    .sub2 .pro_zone .l_zone ul.zone_list {
        position: relative;
        bottom: unset;
        justify-content: center;
        gap: 20px;
    }

    .sub2 .pro_zone .l_zone ul li a {
        width: 320px;
        font-size: 18px;
    }

    .sub2_1 .pro_zone .l_zone ul li {
        flex: 0 0 90px;
    }

    .sub2_1 .pro_zone .l_zone ul li a {
        width: 150px;
        padding: 10px 6px;
    }
}

/* sub3 공통Layout */
.sub3 .sec01 {
    /*border: 1px solid greenyellow;*/
}

.sub3 .sec01 p {
    margin-bottom: 70px;
    font-size: clamp(20px, 4vw, 26px);
    font-weight: 400;
    line-height: 130%;
}

.sub3 .sec01 p.sub3_tit {
    font-family: 'GmarketSans';
    font-size: clamp(30px, 5vw, 50px);
    font-weight: 700;
    line-height: 130%;
}

.sub3 .sec01 p.sub3_tit span {
    color: #272c8f;
}

.sub3 .sec02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /*border: 1px solid orange;*/
}

.sub3 .sec02 .l_biz {
    width: 300px;
}

.sub3 .sec02 .r_biz {
    width: 1194px;
}

.sub3 .sec02 .l_biz ul li {
    margin-bottom: 38px;
    font-family: 'GmarketSans';
    font-size: 28px;
    font-weight: 500;
    line-height: 130%;
}

.sub3 .sec02 .l_biz ul li span {
    display: inline-block;
    width: 24px;
    height: 2px;
    background-color: #ccc;
}

.sub3 .sec02 .l_biz ul li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.sub3 .sec02 .l_biz ul li.ov_on a,
.sub3 .sec02 .l_biz ul li a:hover {
    font-weight: 700;
    color: #272c8f;
}

.sub3 .sec02 .l_biz ul li.ov_on a span,
.sub3 .sec02 .l_biz ul li a:hover span {
    background-color: #272c8f;
    transform: rotate(45deg);
    transition: 0.3s 0.3s;
}

.sub3 .sec02 .r_biz .part_tit {
    margin-bottom: 50px;
    color: #0d0f4b;
    font-family: 'GmarketSans';
    font-size: 34px;
    font-weight: 700;
}

.sub3 .sec02 .r_biz .s_tit {
    margin-bottom: 30px;
    color: #1a1a1a;
    font-family: 'GmarketSans';
    font-size: 26px;
    font-weight: 700;
    text-indent: 20px;
    background: url("../img/sub/s_tit_dot.gif") no-repeat left center;
}


.sub3 .sec02 .r_biz .s_tit02 {
    margin: 40px 0 30px;
    color: #1a1a1a;
    font-family: 'GmarketSans';
    font-size: 22px;
    font-weight: 500;
    text-indent: 20px;
}


.sub3 .sec02 .r_biz .s_txt {
    font-size: 20px;
    line-height: 130%;
}

@media screen and (max-width: 1500px) {
    .sub3 .sec02 .l_biz {
        margin-bottom: 50px;
        width: 100%;
    }

    .sub3 .sec02 .l_biz ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 50px;
    }
}

@media screen and (max-width: 480px) {
    .sub3 .sec02 .l_biz ul {
        gap: 0;
    }
}

.sub3 .thumbnail-img {
    cursor: pointer;
    /* 마우스 오버 시 손가락 모양으로 변경 */
    transition: opacity 0.3s;
}

.sub3 .thumbnail-img:hover {
    opacity: 0.7;
}

/* 모달 (배경) */
.sub3 .modal {
    display: none;
    /* 기본적으로 숨김 */
    position: fixed;
    /* 고정 위치 */
    z-index: 1000;
    /* 다른 요소보다 위에 표시 */
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    /* 스크롤 가능 */
    background-color: rgb(0, 0, 0);
    /* 배경색 */
    background-color: rgba(0, 0, 0, 0.9);
    /* 투명도 있는 배경색 */
}

/* 모달 이미지 내용 */
.sub3 .modal-content {
    margin: 5% auto;
    display: block;
    width: 80%;
    max-width: 700px;
    max-height: 80%;
    /* 이미지 크기 제한 */
}

.sub3 .img-container {
    position: relative;
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
}

/* 닫기 버튼 */
.sub3 .close {
    position: relative;
    top: 40px;
    right: 120px;
    display: block;
    text-align: right;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 10px;
    line-height: 1;
}

.sub3 .close:hover,
.sub3 .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .sub3 .img-container {
        width: 90%;
    }

    .sub3 .img-container .close {
        top: 0px;
        right: 0px;
        font-size: 30px;
    }
}

/* sub3_1 부품제조 */
.sub3_1 .sec02 .r_biz .part01,
.sub3_1 .sec02 .r_biz .part02,
.sub3_1 .sec02 .r_biz .part03,
.sub3_1 .sec02 .r_biz .part04,
.sub3_1 .sec02 .r_biz .part05 {
    padding: 50px 0;
    border-top: 1px solid #e3e3e3;
}

.sub3_1 .sec02 .r_biz .part01 {
    margin-top: 50px;
}

/*
.sub3_1 .sec02 .r_biz .sec02_box_02 .part01 .s_tit,
.sub3_1 .sec02 .r_biz .sec02_box_02 .part02 .s_tit,
.sub3_1 .sec02 .r_biz .sec02_box_02 .part03 .s_tit {margin-bottom: 50px; color: #17323f; font-family: 'GmarketSans';font-size: 26px;font-weight: 700;}
*/
/* .sub3_1 .sec02 .r_biz .sec02_box_01 .part01 ~ .part03 까지 적용 */
.sub3_1 .sec02 .r_biz .sec02_box_01 div.p01_03 ul {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 div.p01_03 ul li {
    position: relative;
    width: 214px;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 div.p01_03 ul li::before {
    content: '';
    display: block;
    position: absolute;
    right: -22px;
    top: 0;
    width: 17px;
    height: 62px;
    background: url("../img/sub/sub3_1_arrow.png") no-repeat left center;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 div.p01_03 ul li:last-child::before {
    background-image: none;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 div.p01_03 ul li dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 20px;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 div.p01_03 ul li dl dt {
    padding: 20px;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 130%;
    color: #17323f;
    border-radius: 8px;
    background-color: #f2f4f4;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 div.p01_03 ul li dl dd {
    border-radius: 8px;
    border: 1px solid #e6e9ea;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 div.p01_03 ul li dl dd img {
    border-radius: 8px;
}

/*
.sub3_1 .sec02 .r_biz .sec02_box_01 .part04 .tab_3 {
    padding: 0 0 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part04 .tab_3 li:nth-child(2) {
    border-left: 1px solid #e6e9ea;
    border-right: 1px solid #e6e9ea;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part04 .tab_3 li {
    padding: 0 20px;
    font-weight: 700;
    color: #272c8f;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part04 .tab_3 li a {
    font-size: 22px;
    font-weight: 700;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part04 .tab_3 li.active a {
    color: #272c8f;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part04 .tab_con ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part04 .tab_con ul li {
    border-radius: 8px;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part04 .tab_con ul li dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 12px;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part04 .tab_con ul li dl dt {
    padding: 20px;
    color: #17323f;
    font-family: 'GmarketSans';
    font-weight: 500;
    text-align: center;
    background-color: #f2f4f4;
    border-radius: 8px;
    letter-spacing: 0;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part04 .tab_con ul li dl dd {
    border-radius: 8px;
    border: 1px solid #e6e9ea;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part04 .tab_con ul li dl dd img {
    border-radius: 8px;
}
*/
.sub3_1 .sec02 .r_biz .sec02_box_01 .part04 {}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part04 ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part04 ul li {}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part04 ul li dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 12px;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part04 ul li dl dt {
    padding: 20px;
    color: #17323f;
    font-family: 'GmarketSans';
    font-weight: 500;
    text-align: center;
    background-color: #f2f4f4;
    border-radius: 8px;
    letter-spacing: 0;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part04 ul li dl dd {
    border-radius: 8px;
    border: 1px solid #e6e9ea;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part04 ul li dl dd img {
    border-radius: 8px;
}


.sub3_1 .sec02 .r_biz .sec02_box_01 .part05 {}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part05 ul {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part05 ul li {
    flex: 0 0 570px;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part05 ul li dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 12px;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part05 ul li dl dt {
    padding: 20px;
    color: #17323f;
    font-family: 'GmarketSans';
    font-weight: 500;
    text-align: center;
    background-color: #f2f4f4;
    border-radius: 8px;
    letter-spacing: 0;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part05 ul li dl dd {
    border-radius: 8px;
    border: 1px solid #e6e9ea;
}

.sub3_1 .sec02 .r_biz .sec02_box_01 .part05 ul li dl dd img {
    border-radius: 8px;
}

.sub3_1 .sec02 .r_biz .sec02_box_02 .txt {
    margin-bottom: 50px;
    font-size: 22px;
}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part01 {}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part01 ul {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part01 ul li {
    position: relative;
    width: 268px;
}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part01 ul li::before {
    content: '';
    display: block;
    position: absolute;
    right: -22px;
    top: 0;
    width: 17px;
    height: 62px;
    background: url("../img/sub/sub3_1_arrow.png") no-repeat left center;
}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part01 ul li:last-child::before {
    background-image: none;
}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part01 ul li dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 20px;
}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part01 ul li dl dt {
    padding: 20px;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 130%;
    color: #17323f;
    border-radius: 8px;
    background-color: #f2f4f4;
}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part01 ul li dl dd {
    border-radius: 8px;
    border: 1px solid #e6e9ea;
}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part01 ul li dl dd img {
    border-radius: 8px;
}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part02 {}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part02 ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part02 ul li {}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part02 ul li dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 12px;
}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part02 ul li dl dt {
    padding: 20px;
    color: #17323f;
    font-family: 'GmarketSans';
    font-weight: 500;
    text-align: center;
    background-color: #f2f4f4;
    border-radius: 8px;
    letter-spacing: 0;
}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part02 ul li dl dd {
    border-radius: 8px;
    border: 1px solid #e6e9ea;
}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part02 ul li dl dd img {
    border-radius: 8px;
}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part03 {}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part03 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part03 ul li {
    flex: 0 0 570px;
}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part03 ul li dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 12px;
}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part03 ul li dl dt {
    padding: 20px;
    color: #17323f;
    font-family: 'GmarketSans';
    font-weight: 500;
    text-align: center;
    background-color: #f2f4f4;
    border-radius: 8px;
    letter-spacing: 0;
}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part03 ul li dl dd {
    border-radius: 8px;
    border: 1px solid #e6e9ea;
}

.sub3_1 .sec02 .r_biz .sec02_box_02 .part03 ul li dl dd img {
    border-radius: 8px;
}

@media screen and (max-width: 1220px) {
    .sub3_1 .sec02 .r_biz .sec02_box_01 .part05 ul {
        justify-content: center;
    }
}

@media screen and (max-width: 500px) {

    .sub3_1 .sec02 .r_biz .sec02_box_01 div.p01_03 ul li::before,
    .sub3_1 .sec02 .r_biz .sec02_box_02 .part01 ul li::before {
        display: none;
    }

    .sub3_1 .sec02 .r_biz .sec02_box_01 .part04 .tab_3 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .sub3_1 .sec02 .r_biz .sec02_box_01 .part04 .tab_3 li {
        padding: 0 10px;
    }

    .sub3_1 .sec02 .r_biz .sec02_box_01 div.p01_03 ul li dl dd img {
        text-align: center;
    }

    .sub3_1 .sec02 .r_biz .sec02_box_01 .part05 ul li,
    .sub3_1 .sec02 .r_biz .sec02_box_02 .part03 ul li {
        flex: 0 0 320px;
    }

    .sub3_1 .sec02 .r_biz .sec02_box_01 .part05 ul li dl dt ul li,
    .sub3_1 .sec02 .r_biz .sec02_box_02 .part03 ul li dl dt ul li {
        width: 320px;
    }

    .sub3_1 .sec02 .r_biz .sec02_box_02 .part02 ul {
        justify-content: center;
    }
}

/* sub3_2 조립 */
.sub3_2 .sec02 .r_biz .sec02_box_01 {
    margin-bottom: 50px;
}

.sub3_2 .sec02 .r_biz .sec02_box_01 .txt_info {
    margin-bottom: 40px;
    font-size: 20px;
}

.sub3_2 .sec02 .r_biz .sec02_box_01 .part01 {
    margin: 50px 0 30px;
}

.sub3_2 .sec02 .r_biz .sec02_box_01 .part02 {
    padding: 30px;
    background-image: linear-gradient(to bottom right, #e5f7fe, #e5effd);
    border-radius: 24px;
}

.sub3_2 .sec02 .r_biz .sec02_box_01 .part02 ul {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.sub3_2 .sec02 .r_biz .sec02_box_01 .part02 ul li {
    position: relative;
    flex: 0 0 22%;
}

.sub3_2 .sec02 .r_biz .sec02_box_01 .part02 ul li::before {
    content: '';
    display: block;
    position: absolute;
    right: -26px;
    top: 5px;
    width: 19px;
    height: 53px;
    background: url("../img/sub/sub3_2_arrow.png") no-repeat left center;
}

.sub3_2 .sec02 .r_biz .sec02_box_01 .part02 ul li:last-child::before,
.sub3_2 .sec02 .r_biz .sec02_box_01 .part02 ul li dl dd.info ul li::before,
.sub3_2 .sec02 .r_biz .sec02_box_01 .part02 ul li dl dd.info ul li ul li::before {
    background-image: none;
}

.sub3_2 .sec02 .r_biz .sec02_box_01 .part02 ul li dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 20px;
}

.sub3_2 .sec02 .r_biz .sec02_box_01 .part02 ul li dl dt {
    padding: 20px;
    color: #17323f;
    font-family: 'GmarketSans';
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    background-color: #f0f9fb;
    box-shadow: 0 0 5px 6px rgb(85, 85, 85, 0.1);
    border-radius: 10px;
}

.sub3_2 .sec02 .r_biz .sec02_box_01 .part02 ul li dl dd.info {
    height: 200px;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 400;
}

.sub3_2 .sec02 .r_biz .sec02_box_01 .part02 ul li dl dd.info ul {
    flex-direction: column;
    gap: 0;
}

.sub3_2 .sec02 .r_biz .sec02_box_01 .part02 ul li dl dd.info ul li {
    margin-bottom: 24px;
    list-style-image: url('../img/sub/li_icon_dot.gif');
    list-style-position: inside;
    font-size: 20px;
    font-weight: 600;
}

.sub3_2 .sec02 .r_biz .sec02_box_01 .part02 ul li dl dd.info ul li ul {
    margin-top: 10px;
}

.sub3_2 .sec02 .r_biz .sec02_box_01 .part02 ul li dl dd.info ul li ul li {
    margin-bottom: 4px;
    list-style-image: none;
    font-size: 18px;
    text-indent: 20px;
    font-weight: 400;
}

.sub3_2 .sec02 .r_biz .sec02_box_01 .part02 ul li dl dd img {
    border-radius: 10px;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 {
    padding-top: 80px;
    border-top: 1px solid #dbdde1;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part01 {
    margin-bottom: 50px;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part01,
.sub3_2 .sec02 .r_biz .sec02_box_02 .part02 {
    padding: 50px 0;
    border-top: 2px solid #a0a3ab;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part01 .tit,
.sub3_2 .sec02 .r_biz .sec02_box_02 .part02 .tit {
    margin-bottom: 50px;
    color: #17323f;
    font-family: 'GmarketSans';
    font-size: 26px;
    font-weight: 700;
    text-indent: 50px;
    background: url('../img/sub/sub3-icon_tit.png') no-repeat left center;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .tit_sub {
    margin-bottom: 20px;
    padding: 22px 0 0;
    font-size: 22px;
    font-weight: 700;
    text-align: left;
    color: #17323f;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part01 .mj01 .grid_box {
    display: grid;
    padding: 10px;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(180px, auto);
    grid-gap: 20px;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part01 .mj01 .grid_box .item {
    text-align: center;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part01 .mj01 .grid_box .zone_01 {
    grid-column: 1 / -1;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part01 .mj01 .grid_box .zone_02 {
    grid-column: 1 / -2;
    grid-row: 2 / 4;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part01 .mj01 .grid_box .zone_03 {
    grid-row: 2 / 4;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part01 .mj01 .grid_box .zone_04 {
    grid-column: 1 / -2;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part01 .mj01 .grid_box .zone_05 {}

@media screen and (max-width: 1230px) {
    .sub3_2 .sec02 .r_biz .sec02_box_02 .part01 .mj01 .grid_box {}

    .sub3_2 .sec02 .r_biz .sec02_box_02 .part01 .mj01 .grid_box .zone_02 {
        grid-column: 1 / -1;
        grid-row: 2 / 3;
    }

    .sub3_2 .sec02 .r_biz .sec02_box_02 .part01 .mj01 .grid_box .zone_03 {
        grid-column: 1 / -1;
        grid-row: 3 / 4;
    }

    .sub3_2 .sec02 .r_biz .sec02_box_02 .part01 .mj01 .grid_box .zone_04 {
        grid-column: 1 / -1;
        padding: 20px 0;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    .sub3_2 .sec02 .r_biz .sec02_box_02 .part01 .mj01 .grid_box .zone_05 {
        grid-column: 1 / -1;
    }
}

@media screen and (max-width: 420px) {
    .sub3_2 .sec02 .r_biz .sec02_box_01 .part02 ul {
        justify-content: center;
        flex-direction: column;
    }
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part01 .mj01 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part01 .mj01 ul li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    width: 278px;
    height: 180px;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part01 .mj01 ul li span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 278px;
    padding: 10px;
    display: block;
    color: #fff;
    text-align: center;
    background-color: rgb(0, 0, 0, 0.5);
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part01 .mj02 div {
    margin-bottom: 50px;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part01 .mj02 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part01 .mj02 ul li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    width: 378px;
    height: 240px;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part01 .mj02 ul li span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 378px;
    padding: 10px;
    display: block;
    color: #fff;
    text-align: center;
    background-color: rgb(0, 0, 0, 0.4);
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part02 .product {
    margin-bottom: 40px;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part02 .product ul {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part02 .product ul li {}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part02 .product ul li dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 12px;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part02 .product ul li dl dt {
    padding: 20px;
    color: #17323f;
    font-family: 'GmarketSans';
    font-weight: 500;
    text-align: center;
    background-color: #f2f4f4;
    border-radius: 8px;
    letter-spacing: 0;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part02 .product ul li dl dd {
    border-radius: 8px;
    border: 1px solid #e6e9ea;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part02 .product ul li img {
    border-radius: 8px;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part02 .prod_03 ul {
    margin-bottom: 10px;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part02 .prod_03 ul li {
    border-radius: 8px;
    border: 1px solid #e6e9ea;
}

.sub3_2 .sec02 .r_biz .sec02_box_02 .part02 .prod_03 p.prod_03_tit {
    padding: 20px;
    color: #17323f;
    font-family: 'GmarketSans';
    font-weight: 500;
    text-align: center;
    background-color: #f2f4f4;
    border-radius: 8px;
    letter-spacing: 0;
}


@media screen and (max-width: 1200px) {
    .sub3_2 .sec02 .r_biz .sec02_box_02 .part02 .product ul {
        justify-content: center;
    }
}

@media screen and (max-width: 570px) {
    .sub3_2 .sec02 .r_biz .sec02_box_01 .part01 ul {
        flex-direction: column;
        align-items: center;
    }

    .sub3_2 .sec02 .r_biz .sec02_box_01 .part01 ul li::before {
        display: none;
    }

    .sub3_2 .sec02 .r_biz .sec02_box_01 .part01 ul li dl dd.info ul {
        align-items: unset;
    }
}

/* sub3_3 치공구 제작 */
.sub3_3 .sec02 .r_biz .sec02_box_01 .part01 {
    padding: 50px 0;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part01 ul {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part01 ul li {
    position: relative;
    width: 268px;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part01 ul li::before {
    content: '';
    display: block;
    position: absolute;
    right: -22px;
    top: 0;
    width: 17px;
    height: 62px;
    background: url("../img/sub/sub3_1_arrow.png") no-repeat left center;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part01 ul li:last-child::before {
    background-image: none;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part01 ul li dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 20px;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part01 ul li dl dt {
    padding: 20px;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 130%;
    color: #17323f;
    border-radius: 8px;
    background-color: #f2f4f4;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part01 ul li dl dd {
    border-radius: 8px;
    border: 1px solid #e6e9ea;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part01 ul li dl dd img {
    border-radius: 8px;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part02,
.sub3_3 .sec02 .r_biz .sec02_box_01 .part03 {
    padding: 50px 0;
    border-top: 2px solid #a0a3ab;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part02 .s_tit,
.sub3_3 .sec02 .r_biz .sec02_box_01 .part03 .s_tit {
    margin-bottom: 50px;
    color: #17323f;
    font-family: 'GmarketSans';
    font-size: 26px;
    font-weight: 700;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part02 {}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part02 ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part02 ul li {}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part02 ul li dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 12px;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part02 ul li dl dd {}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part02 ul li dl dd img {
    border-radius: 8px;
    border: 1px solid #e6e9ea;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part02 ul li dl dt {
    padding: 20px;
    border-radius: 8px;
    background-color: #f2f4f4;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part02 ul li dl dt ul {
    flex-direction: column;
    gap: 16px;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part02 ul li dl dt ul li {
    text-align: center;
    letter-spacing: 0;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part02 ul li dl dt ul li.tit {
    font-size: 22px;
    font-weight: 700;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part02 ul li dl dt ul li.lite {
    font-size: 16px;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part03 {}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part03 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part03 ul li {
    flex: 0 0 570px;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part03 ul li dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 12px;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part03 ul li dl dt {
    padding: 20px;
    color: #17323f;
    font-family: 'GmarketSans';
    font-weight: 500;
    text-align: center;
    background-color: #f2f4f4;
    border-radius: 8px;
    letter-spacing: 0;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part03 ul li dl dd {
    border-radius: 8px;
    border: 1px solid #e6e9ea;
}

.sub3_3 .sec02 .r_biz .sec02_box_01 .part03 ul li dl dd img {
    border-radius: 8px;
}

@media screen and (max-width: 1500px) {
    .sub3 .sec01 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sub3 .sec01 p.sub3_tit {
        text-align: center;
    }
}

@media screen and (max-width: 1230px) {
    .sub3_3 .sec02 .r_biz .sec02_box_01 .part02 ul {
        justify-content: center;
    }
}

@media screen and (max-width: 570px) {
    .sub3_3 .sec02 .r_biz .sec02_box_01 .part01 ul {
        flex-direction: column;
        align-items: center;
    }

    .sub3_3 .sec02 .r_biz .sec02_box_01 .part01 ul li::before {
        display: none;
    }

    .sub3_3 .sec02 .r_biz .sec02_box_01 .part02 ul {
        justify-content: center;
    }

    .sub3_3 .sec02 .r_biz .sec02_box_01 .part03 ul li {
        flex: 0 0 320px;
    }

    .sub3_3 .sec02 .r_biz .sec02_box_01 .part03 ul li dl dt ul li {
        width: 320px;
    }
}

/* sub3_4 보유장비 */

.sub3_4 .sec02 .r_biz .sec02_box_01 .part01 {
    overflow-x: auto;
}

.sub3_4 .sec02 .r_biz .sec02_box_01 .part01 table {
    width: 100%;
    min-width: 880px;
    border-collapse: collapse;
    border-top: 2px solid #99a9b0;
    border-bottom: 2px solid #99a9b0;
}

.sub3_4 .sec02 .r_biz .sec02_box_01 .part01 table thead th,
.sub3_4 .sec02 .r_biz .sec02_box_01 .part01 table tbody td {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #99a9b0;
}

.sub3_4 .sec02 .r_biz .sec02_box_01 .part01 table thead th {
    padding: 20px 0;
    background-color: #ccc;
}

.sub3_4 .sec02 .r_biz .sec02_box_01 .part01 table .pd_name {
    font-weight: 600;
}



/* sub4 공통Layout */
.sub4 .sec01 {
    /*border: 1px solid greenyellow;*/
}

.sub4 .sec01 p {
    margin-bottom: 70px;
    font-size: clamp(20px, 4vw, 26px);
    font-weight: 400;
    line-height: 130%;
}

.sub4 .sec01 p.sub4_tit {
    font-family: 'GmarketSans';
    font-size: clamp(30px, 5vw, 50px);
    font-weight: 700;
    line-height: 130%;
}

.sub4 .sec01 p.sub4_tit span {
    color: #272c8f;
}

.sub4 .sec02 {
    display: flex;
    flex-wrap: wrap;
    /*border: 1px solid orange;*/
}

.sub4 .tit_s {
    margin-bottom: 50px;
    font-family: 'GmarketSans';
    font-size: 40px;
    font-weight: 700;
}

.sub4 .tit .sub4_icon_01 {
    margin-right: 16px;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('../img/sub/sub4-icon_tit.png') no-repeat center center;
}

@media screen and (max-width: 500px) {}

.sub4 .thumbnail-img {
    cursor: pointer;
    /* 마우스 오버 시 손가락 모양으로 변경 */
    transition: opacity 0.3s;
}

.sub4 .thumbnail-img:hover {
    opacity: 0.7;
}

/* 모달 (배경) */
.sub4 .modal {
    display: none;
    /* 기본적으로 숨김 */
    position: fixed;
    /* 고정 위치 */
    z-index: 1000;
    /* 다른 요소보다 위에 표시 */
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    /* 스크롤 가능 */
    background-color: rgb(0, 0, 0);
    /* 배경색 */
    background-color: rgba(0, 0, 0, 0.9);
    /* 투명도 있는 배경색 */
}

/* 모달 이미지 내용 */
.sub4 .modal-content {
    margin: 2% auto;
    display: block;
    width: 80%;
    max-width: 500px;
    max-height: 100%;
    /* 이미지 크기 제한 */
}

/* 닫기 버튼 */
.sub4 .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}

.sub4 .close:hover,
.sub4 .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* sub4_1 품질경영 */
.sub4_1 .sec02 {}

.sub4_1 .sec02 .con_1 {
    margin-bottom: 70px;
    padding: 50px 40px;
    background-color: #f1f3f4;
}

.sub4_1 .sec02 .con_1 div {
    flex: 0 0 50%;
}

.sub4_1 .sec02 .con_1 p {
    font-size: clamp(20px, 4vw, 22px);
    line-height: 160%;
}

.sub4_1 .sec02 .con_1 p.tit {
    margin-bottom: 40px;
    font-family: 'GmarketSans';
    font-size: 26px;
    font-weight: 700;
}

.sub4_1 .sec02 .con_2 {
    margin-bottom: 100px;
}

.sub4_1 .sec03 {
    padding: 100px 0;
    border-top: 1px solid #dbdde1;
}

.sub4_1 .sec03 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}

.sub4_1 .sec03 ul li {
    flex: 0 0 340px;
}

.sub4_1 .sec03 ul li dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 14px;
}

.sub4_1 .sec03 ul li dl dt {
    padding: 30px;
    height: 230px;
    background-color: #f1f3f4;
}

.sub4_1 .sec03 ul li dl dt ul {
    gap: 14px;
}

.sub4_1 .sec03 ul li dl dt ul li {
    flex: unset;
}

.sub4_1 .sec03 ul li dl dt ul li:nth-of-type(1) {
    padding-bottom: 14px;
    width: 100%;
    font-family: 'GmarketSans';
    font-size: 20px;
    font-weight: 700;
    color: #17323f;
    border-bottom: 1px solid #a0a3ab;
}

.sub4_1 .sec03 ul li dl dd {}

.sub4_1 .modal {
    padding-top: 100px;
}

.sub4_1 .img-container {
    position: relative;
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
}

.sub4_1 .img-container .close {
    position: relative;
    top: 0px;
    right: 200px;
    display: block;
    text-align: right;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 10px;
    line-height: 1;
}

.sub4_1 .modal-content {
    width: 100%;
    display: block;
}

@media screen and (max-width: 768px) {
    .sub4_1 .img-container {
        width: 90%;
    }

    .sub4_1 .img-container .close {
        top: 0px;
        right: 0px;
        font-size: 30px;
    }
}

.sub4_1 .sec04 {}

.sub4_1 .sec04 .con_table {
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    border-top: 1px solid #a0a3ab;
}

.sub4_1 .sec04 .con_table .l_zone {
    width: 280px;
}

.sub4_1 .sec04 .con_table .l_zone p {
    font-family: 'GmarketSans';
    font-size: 26px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0;
}

.sub4_1 .sec04 .con_table .r_zone {
    width: calc(100% - 280px);
    overflow-x: auto;
}

.sub4_1 .sec04 .con_table table {
    width: 100%;
    min-width: 880px;
    border-collapse: collapse;
    border-top: 2px solid #99a9b0;
    border-bottom: 2px solid #99a9b0;
}

.sub4_1 .sec04 .con_table thead th,
tbody td,
tbody th {
    font-size: 20px;
    letter-spacing: 0;
}

.sub4_1 .sec04 .con_table thead th {
    background: #f1f3f4;
    padding: 26px;
    border-bottom: 2px solid #99a9b0;
    border-left: 1px solid #99a9b0;
}

.sub4_1 .sec04 .con_table thead th:nth-child(1) {
    border-left: 0;
}

.sub4_1 .sec04 .con_table thead .cust {
    width: 15%;
}

.sub4_1 .sec04 .con_table thead .process {
    width: 15%;
}

.sub4_1 .sec04 .con_table thead .spec {
    width: 20%;
}

.sub4_1 .sec04 .con_table thead .title {
    width: 50%;
}

.sub4_1 .sec04 .con_table tbody td,
tbody th {
    padding: 20px 10px;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #99a9b0;
    border-bottom: 1px solid #99a9b0;
}

.sub4_1 .sec04 .con_table tbody th {
    border-left: 0;
}

.sub4_1 .sec04 .con_table tbody td:nth-last-child(1) {
    text-align: left;
}

@media screen and (max-width: 1380px) {
    .sub4_1 .sec02 .con_1 {}

    .sub4_1 .sec02 .con_1 div {
        flex: 0 0 100%;
    }

    .sub4_1 .sec02 .con_1 .r_zone {
        text-align: center;
    }
}

@media screen and (max-width: 1240px) {
    .sub4_1 .sec04 .con_table {
        flex-direction: column;
        align-content: center;
    }

    .sub4_1 .sec04 .con_table .l_zone p {
        padding-bottom: 20px;
    }

    .sub4_1 .sec04 .con_table .l_zone p .pc-only {
        display: none;
    }
}

@media screen and (max-width: 420px) {
    .sub4_1 .sec03 {
        margin-bottom: 20px;
        padding: 50px 0;
    }

    .sub4_1 .sec04 {
        padding-top: 20px;
    }
}

/* sub4_2 기술경영 */
.sub4_2 {}

.sub4_2 .sec02 {
    margin-bottom: 80px;
    justify-content: space-between;
    align-items: center;
}

.sub4_2 .sec02 .l_zone {
    width: 60%;
}

.sub4_2 .sec02 .r_zone {
    width: 30%;
}

.sub4_2 .sec02 .l_zone .txt {
    width: 750px;
    line-height: 160%;
}

.sub4_2 .sec02_1 {
    padding: 50px 0;
    margin-bottom: 100px;
    width: 100%;
    background-color: #eff5f7;
}

.sub4_2 .sec02_1 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
}

.sub4_2 .sec02_1 ul li {
    padding: 30px 50px;
    width: 400px;
}

.sub4_2 .sec02_1 ul li:nth-child(2) {
    border-left: 1px solid #c4cfd3;
    border-right: 1px solid #c4cfd3;
}

.sub4_2 .sec02_1 ul li dl {}

.sub4_2 .sec02_1 ul li:nth-child(1) dl {
    background: url('../img/sub/sub4_2-icon01.png') no-repeat right top;
}

.sub4_2 .sec02_1 ul li:nth-child(2) dl {
    background: url('../img/sub/sub4_2-icon02.png') no-repeat right top;
}

.sub4_2 .sec02_1 ul li:nth-child(3) dl {
    background: url('../img/sub/sub4_2-icon03.png') no-repeat right top;
}

.sub4_2 .sec02_1 ul li dl dt {
    padding-bottom: 40px;
    font-family: 'GmarketSans';
    font-size: 18px;
    font-weight: 500;
    color: #00a0e9;
}

.sub4_2 .sec02_1 ul li dl dd.tit {
    padding-bottom: 22px;
    font-family: 'GmarketSans';
    font-size: 26px;
    font-weight: 700;
    color: #17323f;
}

.sub4_2 .sec02_1 ul li dl dd {
    font-size: 20px;
}

.sub4_2 .sec03 {
    padding: 100px 0 110px;
    border-top: 1px solid #dbdde1;
}

.sub4_2 .sec03_1 {
    position: relative;
    width: 100%;
    text-align: center;
}

.sub4_2 .sec03_1 .next,
.sub4_2 .sec03_1 .prev {
    padding: 0 4px;
    position: absolute;
    top: 50%;
    font-size: 2em;
    color: #fff;
    cursor: pointer;
    z-index: 10;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
}

.sub4_2 .sec03_1 .next {
    right: 30px;
}

.sub4_2 .sec03_1 .prev {
    left: 30px;
}

.sub4_2 .sec03 .rnd_list {
    margin: 0 10px;
    width: 100%;
    height: 480px;
    overflow: hidden;
}

.sub4_2 .sec03 .rnd_list .rnd_box {
    width: 500px;
    height: 480px;
}

.sub4_2 .sec03 .rnd_list dl {
    display: inline-block;
    position: relative;
    padding: 50px;
    width: 480px;
    height: 480px;
    border-radius: 30px;
}

.sub4_2 .sec03 .rnd_list dl dt {
    font-family: 'GmarketSans';
    font-size: 26px;
    font-weight: 700;
    color: #fff;
}

.sub4_2 .sec03 .rnd_list dl dd {
    position: absolute;
    bottom: 10%;
    right: 10%;
}

.sub4_2 .sec03 .rnd_list dl dd input.img_btn {
    width: 52px;
    height: 52px;
    background: url('../img/sub/sub4_2_btn_out.png') no-repeat;
}

.sub4_2 .sec03 .rnd_list dl dd input.img_btn:hover {
    background: url('../img/sub/sub4_2_btn_over.png') no-repeat;
}

.sub4_2 .sec03 .rnd_list .rnd_box dl {
    background-size: cover;
    background-position: center center;
}

.sub4_2 .sec03 .rnd_list .rnd_list_1 dl {
    background: url('../img/sub/sub4_2-sec03_1-bg01.jpg') no-repeat;
}

.sub4_2 .sec03 .rnd_list .rnd_list_2 dl {
    background: url('../img/sub/sub4_2-sec03_1-bg02.jpg') no-repeat;
}

.sub4_2 .sec03 .rnd_list .rnd_list_3 dl {
    background: url('../img/sub/sub4_2-sec03_1-bg03.jpg') no-repeat;
}

.sub4_2 .sec03 .rnd_list .rnd_list_4 dl {
    background: url('../img/sub/sub4_2-sec03_1-bg04.jpg') no-repeat;
}

.sub4_2 .sec03 .rnd_list .rnd_list_5 dl {
    background: url('../img/sub/sub4_2-sec03_1-bg05.jpg') no-repeat;
}

/* 모달창 배경 */
.sub4_2 .sec03 .modal {
    display: none;
    /* 기본적으로 숨김 */
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

/* 모달창 내용 */
.sub4_2 .sec03 .modal-content {
    background-color: #fefefe;
    margin: 0 auto;
    /* 화면 중앙에 위치 */
    padding: 50px 50px 50px 60px;
    border: 1px solid #888;
    width: 100%;
    max-width: 1100px;
    border-radius: 20px;
}

.sub4_2 .sec03 .modal-content .content_zone {
    width: 100%;
    height: 700px;
    overflow-y: scroll;
}

/* 닫기 버튼 */
.sub4_2 .sec03 .close-button {
    color: #aaa;
    float: right;
    font-size: 20px;
    font-weight: bold;
}

.sub4_2 .sec03 .close-button span {
    font-size: 28px;
}

.sub4_2 .sec03 .close-button:hover,
.sub4_2 .sec03 .close-button:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* modal 내용 */
#sub4_modal .md_num {
    margin-bottom: 30px;
    color: #00a0e9;
    font-family: 'GmarketSans';
    font-size: 16px;
    font-weight: 500;
}

#sub4_modal h2 {
    margin-bottom: 50px;
    color: #17323f;
    font-family: 'GmarketSans';
    font-size: 26px;
    font-weight: 700;
}

#sub4_modal ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    width: 100%;
    border-top: 2px solid #adadad;
}

#sub4_modal ul li {
    padding: 30px 0;
    width: 100%;
    text-align: left;
    border: 0;
    border-bottom: 1px solid #adadad;
}

#sub4_modal ul li dl {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

#sub4_modal ul li dl dt {
    width: 20%;
    vertical-align: top;
    font-family: 'GmarketSans';
    font-size: 20px;
    font-weight: 700;
}

#sub4_modal ul li dl dd {
    width: 70%;
    font-size: 20px;
    text-indent: 5px;
}

#sub4_modal ul li dl dd ul {
    border: 0;
    padding: 0;
    gap: 0;
}

#sub4_modal ul li dl dd ul li {
    list-style: inside disc;
    border: 0;
    padding: 0 0 16px 0;
    font-size: 20px;
    text-indent: 5px;
}

#sub4_modal .content_zone {}

#sub4_modal .sub_zone {
    margin-top: 50px;
}

#sub4_modal .sub_zone .md_sub_tit {
    padding: 16px 50px;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    background-color: #ecedee;
    border-radius: 25px;
}

#sub4_modal .modal_con01 div {
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: center;
    gap: 30px;
}

#sub4_modal .modal_con01 img {
    border: 1px solid #e0e3e9;
}

#sub4_modal .modal_con02 div {
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: center;
    gap: 30px;
}

#sub4_modal .modal_con02 .sub_zone_2,
#sub4_modal .modal_con02 .sub_zone_3,
#sub4_modal .modal_con02 .sub_zone_4,
#sub4_modal .modal_con02 .sub_zone_5 .l_zone,
#sub4_modal .modal_con02 .sub_zone_5 .r_zone {
    padding: 34px 0 0;
    border: 1px solid #e9e9e9;
}

#sub4_modal .modal_con02 .sub_zone_1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}

#sub4_modal .modal_con02 .sub_zone_1 img {
    border: 1px solid #e0e3e9;
}

#sub4_modal .modal_con02 .sub_zone_1 .l_zone {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

#sub4_modal .modal_con02 .sub_zone_1 .r_zone {}

#sub4_modal .modal_con02 .sub_zone_5 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}

#sub4_modal .modal_con02 .sub_zone_5 div {
    flex: 0 0 468px;
}

#sub4_modal .modal_con03 div {
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: center;
    gap: 30px;
}

#sub4_modal .modal_con03 .sub_zone_1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

#sub4_modal .modal_con03 .sub_zone_1 div {
    width: 480px;
}

#sub4_modal .modal_con03 .sub_zone_1 dl {
    width: 100%;
    max-width: 480px;
    border: 1px solid #e0e3e9;
}

#sub4_modal .modal_con03 .sub_zone_1 dl dt {
    padding: 25px 22px;
    color: #17323f;
    font-size: 22px;
    font-weight: 800;
    background-color: #ecedee;
}

#sub4_modal .modal_con03 .sub_zone_1 dl dd {
    padding: 24px;
}

#sub4_modal .modal_con03 .sub_zone_1 dl dd ul {
    border: 0;
}

#sub4_modal .modal_con03 .sub_zone_1 dl dd ul li {
    font-size: 20px;
    font-weight: 700;
    text-indent: -10px;
    list-style: inside square;
    border-bottom: 1px solid #cfd1d5;
}

#sub4_modal .modal_con03 .sub_zone_1 dl dd ul li span {
    font-size: 18px;
    font-weight: 400;
}

#sub4_modal .modal_con03 .sub_zone_1 dl dd ul li:last-child {
    border-bottom: 0;
}

#sub4_modal .modal_con03 .sub_zone_1 dl dd ul li img {
    margin-top: 10px;
}

#sub4_modal .modal_con03 .sub_zone_2,
#sub4_modal .modal_con03 .sub_zone_3 {
    padding: 34px 0 0;
    border: 1px solid #e9e9e9;
}

#sub4_modal .modal_con03 .sub_zone_3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 10px;
}

#sub4_modal .modal_con03 .sub_zone_3 div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

#sub4_modal .modal_con03 .sub_zone_3 .r_zone {
    width: 510px;
}

#sub4_modal .modal_con03 .sub_zone_3 .r_zone {
    width: 370px;
}

#sub4_modal .modal_con04 div {
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: center;
    gap: 30px;
    border: 1px solid #e0e3e9;
}

#sub4_modal .modal_con04 .sub_zone_1,
#sub4_modal .modal_con04 .sub_zone_4 {
    padding: 30px 0;
}

#sub4_modal .modal_con05 div {
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: center;
    gap: 30px;
}

#sub4_modal .modal_con05 .sub_zone_1,
#sub4_modal .modal_con05 .sub_zone_2,
#sub4_modal .modal_con05 .sub_zone_3 {
    padding: 34px 0 0;
    border: 1px solid #e9e9e9;
}

.sub4_2 .sec04 {
    padding-top: 100px;
    border-top: 1px solid #dbdde1;
}

.sub4_2 .sec04 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.sub4_2 .sec04 ul li {
    flex: 0 0 345px;
}

.sub4_2 .sec04 ul li dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 20px;
}

.sub4_2 .sec04 ul li dl dt {
    padding: 32px 22px;
    border-radius: 8px;
    background-color: #f1f3f4;
}

.sub4_2 .sec04 ul li dl dt ul {}

.sub4_2 .sec04 ul li dl dt ul li {
    padding: 0 20px;
}

.sub4_2 .sec04 ul li dl dt ul li.num {
    font-family: 'GmarketSans';
    font-size: 16px;
    font-weight: 500;
}

.sub4_2 .sec04 ul li dl dt ul li.tit {
    height: 81px;
    font-family: 'GmarketSans';
    font-size: 24px;
    font-weight: 700;
    color: #17323f;
}

.sub4_2 .sec04 ul li dl dt ul li.date {}

.sub4_2 .sec04 ul li dl dt ul li.date span {
    font-weight: 700;
}

.sub4_2 .sec04 ul li dl dd {
    border: 1px solid #e0e3e9;
    border-radius: 8px;
    text-align: center;
}


.sub4_2 .modal {
    padding-top: 100px;
}

.sub4_2 .img-container {
    position: relative;
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
}

.sub4_2 .img-container .close {
    position: relative;
    top: 0px;
    right: 200px;
    display: block;
    text-align: right;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 10px;
    line-height: 1;
}

.sub4_2 .modal-content {
    width: 100%;
    display: block;
}

@media screen and (max-width: 768px) {
    .sub4_2 .img-container {
        width: 90%;
    }

    .sub4_2 .img-container .close {
        top: 0px;
        right: 0px;
        font-size: 30px;
    }
}




@media screen and (max-width: 1120px) {
    .sub4 .sec02 {
        flex-direction: column;
        gap: 30px;
    }

    .sub4 .sec02_1 {
        width: 100%;
    }

    .sub4 .sec02_1 ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

    .sub4 .sec02_1 ul li {
        flex: 0 0 100%;
    }

    .sub4 .sec02_1 ul li dl {
        padding: 32px 22px;
        border-radius: 8px;
        background-color: #f1f3f4;
    }

    .sub4 .sec02_1 ul li dl dt {
        padding-bottom: 20px;
        font-family: 'GmarketSans';
        font-size: 18px;
        font-weight: 500;
        color: #00a0e9;
    }

    .sub4_2 .sec02 .l_zone,
    .sub4_2 .sec02 .r_zone,
    .sub4_2 .sec02 .l_zone .txt {
        width: 100%;
    }

    .sub4_2 .sec02 .r_zone {
        text-align: center;
    }

    .sub4_2 .sec03 .rnd_list {
        height: 300px;
    }

    .sub4_2 .sec03 .rnd_list .rnd_box {
        width: 320px;
        height: 300px;
    }

    .sub4_2 .sec03 .rnd_list dl {
        width: 300px;
        height: 300px;
    }

    .sub4_2 .sec03 .rnd_list dl dt {
        font-size: 18px;
    }
}

@media screen and (max-width: 840px) {
    .sub4_2 .sec02_1 ul li:nth-child(2) {
        width: 100%;
        border: 0;
        border-top: 1px solid #c4cfd3;
        border-bottom: 1px solid #c4cfd3;
    }
}

@media screen and (max-width: 750px) {
    .sub4_2 .sec04 ul li dl dt ul li.tit {
        height: unset;
    }
}

@media screen and (max-width: 500px) {
    .sub4_2 .sec03 .modal-content {
        padding: 30px 20px 30px 20px;
    }

    #sub4_modal ul li dl {
        flex-direction: column;
    }

    #sub4_modal ul li dl dt,
    #sub4_modal ul li dl dd {
        width: 100%;
        font-size: 18px;
    }

    #sub4_modal ul li dl dd {
        text-align: center;
    }

    .sub4_2 .sec04 ul li {
        flex: 0 0 100%;
    }

    .sub4_2 .sec02_1 ul li {
        padding: 10px;
    }

    .sub4_2 .sec04 ul li dl dt ul li {
        padding: 0;
    }
}

/* sub4_3 환경경영 */
.sub4_3 .sec02,
.sub4_3 .sec03,
.sub4_3 .sec04,
.sub4_3 .sec05 {
    padding-top: 100px;
    margin-bottom: 100px;
    border-top: 1px solid #dbdde1;
}

.sub4_3 .sec02 {}

.sub4_3 .sec02 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}

.sub4_3 .sec02 ul li {
    width: 100%;
    max-width: 470px;
}

.sub4_3 .sec02 ul li dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

.sub4_3 .sec02 ul li dl dt {
    background-color: #f1f3f4;
}

.sub4_3 .sec02 ul li dl dt ul {
    padding: 30px;
    width: 100%;
    max-width: 470px;
    min-height: 190px;
    gap: 0;
}

.sub4_3 .sec02 ul li dl dt ul li {
    font-size: 22px;
    line-height: 130%;
}

.sub4_3 .sec02 ul li dl dt ul li:nth-child(1) {
    padding-bottom: 20px;
    font-family: 'GmarketSans';
    font-size: 18px;
    font-weight: 500;
    color: #00a0e9;
}

.sub4_3 .sec02 ul li dl dd {}

.sub4_3 .sec03 {}

.sub4_3 .sec03 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}

.sub4_3 .sec03 ul li {
    padding: 30px;
    width: 470px;
    background-color: #f1f3f4;
}

.sub4_3 .sec03 ul li dl {}

.sub4_3 .sec03 ul li dl dt {
    padding-bottom: 40px;
    font-family: 'GmarketSans';
    font-size: 18px;
    font-weight: 500;
    color: #00a0e9;
}

.sub4_3 .sec03 ul li dl dd.tit {
    padding-bottom: 22px;
    font-family: 'GmarketSans';
    font-size: 26px;
    font-weight: 700;
    color: #17323f;
}

.sub4_3 .sec03 ul li dl dd {
    font-size: 20px;
}

.sub4_3 .sec04 {}

.sub4_3 .sec04 .sec04_box {
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid #e1e1e1;
}

.sub4_3 .sec04 .sec04_box .l_zone {
    width: 800px;
}

.sub4_3 .sec04 .sec04_box .r_zone {
    width: 470px;
}

.sub4_3 .sec04 .sec04_box .l_zone .tit {
    margin-bottom: clamp(20px, 4vw, 40px);
    font-family: 'GmarketSans';
    font-size: clamp(22px, 4vw, 26px);
    font-weight: 700;
}

.sub4_3 .sec04 .sec04_box .l_zone p {
    font-size: clamp(18px, 4vw, 22px);
    line-height: 160%;
}

.sub4_3 .sec04 .sec04_box .l_zone p span {
    font-weight: 700;
}

.sub4_3 .sec05 {}

.sub4_3 .sec05 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}

.sub4_3 .sec05 ul li {
    padding: 30px 50px;
    width: 720px;
    background-color: #f1f3f4;
}

.sub4_3 .sec05 ul li:nth-child(5) {
    width: 1480px;
}

.sub4_3 .sec05 ul li dl {}

.sub4_3 .sec05 ul li:nth-child(1) dl {
    background: url('../img/sub/sub4_3-icon01.png') no-repeat right top;
}

.sub4_3 .sec05 ul li:nth-child(2) dl {
    background: url('../img/sub/sub4_3-icon02.png') no-repeat right top;
}

.sub4_3 .sec05 ul li:nth-child(3) dl {
    background: url('../img/sub/sub4_3-icon03.png') no-repeat right top;
}

.sub4_3 .sec05 ul li:nth-child(4) dl {
    background: url('../img/sub/sub4_3-icon04.png') no-repeat right top;
}

.sub4_3 .sec05 ul li:nth-child(5) dl {
    background: url('../img/sub/sub4_3-icon05.png') no-repeat right top;
}

.sub4_3 .sec05 ul li dl dt {
    padding: 30px 0;
    font-family: 'GmarketSans';
    font-size: 26px;
    font-weight: 700;
    color: #17323f;
}

.sub4_3 .sec05 ul li dl dd {
    font-size: clamp(18px, 4vw, 2px);
    line-height: 160%;
}

@media screen and (max-width: 500px) {
    .sub4_3 .sec05 ul li {
        padding: 20px;
    }

    .sub4_3 .sec02 ul li dl dt ul {
        max-width: fit-content;
    }
}

/* sub4_4 윤리경영 */

.sub4_4 .sec02,
.sub4_4 .sec03,
.sub4_4 .sec04 {
    padding-top: 100px;
    margin-bottom: 100px;
    border-top: 1px solid #dbdde1;
}

.sub4_4 .sec02 {}

.sub4_4 .sec02 .txt_box {
    margin-bottom: 60px;
    padding: 50px;
    width: 100%;
    font-size: clamp(20px, 4vw, 24px);
    font-weight: 700;
    line-height: 160%;
    text-align: center;
    border-radius: 30px;
    background-color: #e5f5fd;
}

.sub4_4 .sec02 ul {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.sub4_4 .sec02 ul li {
    flex: 0 0 290px;
    border-right: 1px solid #ccd4d7;
}

.sub4_4 .sec02 ul li:nth-child(5) {
    border-right: 0;
}

.sub4_4 .sec02 ul li:nth-child(1) dl {
    background: url('../img/sub/sub4_4-icon01.png') no-repeat center 40px;
}

.sub4_4 .sec02 ul li:nth-child(2) dl {
    background: url('../img/sub/sub4_4-icon02.png') no-repeat center 40px;
}

.sub4_4 .sec02 ul li:nth-child(3) dl {
    background: url('../img/sub/sub4_4-icon03.png') no-repeat center 40px;
}

.sub4_4 .sec02 ul li:nth-child(4) dl {
    background: url('../img/sub/sub4_4-icon04.png') no-repeat center 40px;
}

.sub4_4 .sec02 ul li:nth-child(5) dl {
    background: url('../img/sub/sub4_4-icon05.png') no-repeat center 40px;
}

.sub4_4 .sec02 ul li dl {
    padding: 160px 20px 0;
    height: 380px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

.sub4_4 .sec02 ul li dl dt {
    margin-bottom: 50px;
    font-family: 'GmarketSans';
    font-size: 26px;
    font-weight: 700;
    color: #17323f;
}

.sub4_4 .sec02 ul li dl dd {
    text-align: center;
    line-height: 130%;
}

.sub4_4 .sec03 {
    display: flex;
    flex-wrap: wrap;
}

.sub4_4 .sec03 div {
    flex: 0 0 50%;
}

.sub4_4 .sec03 .l_zone {
    padding: 60px;
    background-color: #f1f3f4;
}

.sub4_4 .sec03 .l_zone .txt {
    margin-bottom: 60px;
    font-size: 20px;
    line-height: 160%;
}

.sub4_4 button {
    padding: 20px 24px;
    font-family: 'GmarketSans';
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    background-color: #0b1e49;
    border-radius: 8px;
}

.sub4_4 button img {
    margin-left: 90px;
}

.sub4_4 button:hover {
    color: #ffff00;
}

.sub4_4 button:hover img {
    transform: rotate(45deg);
    transition: 0.3s 0.3s;
}

.sub4_4 .sec04 ul {
    padding: 38px;
    width: 100%;
    border: 5px solid #e4e8ea;
    display: flex;
    flex-wrap: wrap;
}

.sub4_4 .sec04 ul li {
    flex: 0 0 50%;
}

.sub4_4 .sec04 ul li dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.sub4_4 .sec04 ul li dl dt {
    font-family: 'GmarketSans';
    font-size: 24px;
    font-weight: 700;
    color: #17323f;
}

.sub4_4 .sec04 ul li dl dd {
    padding-top: 34px;
}

.sub4_4 .sec04 ul li dl dd ul {
    padding: 0;
    border: 0;
    flex-direction: column;
}

.sub4_4 .sec04 ul li dl dd ul li {
    margin-bottom: 14px;
    list-style-position: inside;
    list-style-type: square
}

.sub4_4 .sec04 ul li dl dd ul li span {
    font-weight: 700;
}

.sub4_4 .sec04 .info_box {
    margin-bottom: 70px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
}

.sub4_4 .sec04 .info_box p {
    font-size: 22px;
}

/* 제보하기 모달창 배경 */
.sub4_4 .tip_off .modal {
    display: none;
    /* 기본적으로 숨김 */
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

/* 제보하기 모달창 내용 */
.sub4_4 .tip_off .modal-content {
    background-color: #fefefe;
    margin: 0 auto;
    /* 화면 중앙에 위치 */
    padding: 50px 50px 50px 60px;
    border: 1px solid #888;
    width: 100%;
    max-width: 1100px;
    border-radius: 20px;
}

.sub4_4 .tip_off .modal-content .content_zone {
    width: 100%;
    height: 700px;
    overflow-y: scroll;
}

/* 제보하기 닫기 버튼 */
.sub4_4 .tip_off .close-button {
    color: #aaa;
    float: right;
    font-size: 20px;
    font-weight: bold;
}

.sub4_4 .tip_off .close-button span {
    font-size: 28px;
}

.sub4_4 .tip_off .close-button:hover,
.sub4_4 .tip_off .close-button:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* 제보하기 modal 내용 */
#sub4_modal .md_num {
    margin-bottom: 30px;
    color: #00a0e9;
    font-family: 'GmarketSans';
    font-size: 16px;
    font-weight: 500;
}

#sub4_modal h2 {
    margin-bottom: 50px;
    color: #17323f;
    font-family: 'GmarketSans';
    font-size: 26px;
    font-weight: 700;
}

.tip_off form {
    padding-top: 40px;
    border-top: 2px solid #363636;
}

.tip_off form input,
.tip_off form textarea,
.tip_off form select {
    width: 100%;
    padding: 15px;
    margin: 5px 0;
    border: 1px solid #dadada;
    background: #fff;
}

.tip_off form textarea {
    height: 150px;
}

.tip_off form select {
    border: 1px solid #000;
}

.tip_off button {
    padding: 15px;
    border: 0;
    background: #002d49;
    margin: 15px 0 0;
    color: #fff;
}

.tip_off form .option-inline {
    width: 100%;
    display: flex;
    gap: 10px
}

.tip_off form .bt_line {
    padding: 30px 0 10px;
    border-top: 1px solid #363636;
    border-bottom: 2px solid #363636;
}

.tip_off form .option-inline input {
    background-color: #f3f3f3;
}

.tip_off form .option-inline dl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
}

.tip_off form .option-inline dl dt {
    width: 10%;
    text-align: right
}

.tip_off form .option-inline dl dd {
    width: 80%;
}

.tip_off form .fregister_agree {
    background: #0e3d8a;
    color: #fff;
    width: 100%;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.tip_off form input#agree {
    width: auto;
    margin-right: 10px
}

.tip_off form .fregister_agree span {}

@media screen and (max-width:1500px) {
    .sub4_4 .sec03 {
        flex-direction: column;
        align-content: center;
    }
}

@media screen and (max-width:1024px) {
    .tip_off .half:nth-child(1) {
        padding: 300px 50px 0;
        width: 100%;
    }

    .tip_off form {
        padding: 50px 20px;
    }

    .tip_off {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .tip_off .half {
        width: 100%;
    }
}

@media screen and (max-width:800px) {
    .sub4_4 .sec04 ul {
        padding: 20px;
        flex-direction: column;
        gap: 30px;
    }

    .sub4_4 .sec04 ul li {
        flex: 0 0 100%;
    }

    .sub4_4 .sec04 ul li dl dd ul {
        gap: 0;
    }
}

@media screen and (max-width:768px) {
    .tip_off .section {
        height: auto !important;
    }

    .tip_off .fp-tableCell {
        height: auto !important;
    }

    .tip_off .half:nth-child(1) {
        padding: 100px 50px;
    }

    .tip_off .half {
        width: 100%;
    }

    .tip_off .txt {
        top: 15%;
    }

    .tip_off .half:nth-child(1) h2 {
        font-size: 20px;
    }

    .tip_off .half:nth-child(1) p {
        font-size: 16px;
        padding: 0 29px;
    }

    .sub4_4 .sec03 .l_zone {
        padding: 60px 30px;
    }
}

@media screen and (max-width:620px) {
    .sub4_4 .sec02 ul {
        gap: 20px;
    }

    .sub4_4 .sec02 ul li {
        border: 1px solid #ccd4d7;
        border-radius: 8px;
    }
}

@media screen and (max-width:425px) {
    .sub4 .tit_s {
        margin-bottom: 20px;
    }

    .sub4_4 .sec02 .txt_box {
        margin-bottom: 20px;
        padding: 20px;
    }

    .tip_off form input,
    .sub5_4 form textarea,
    .tip_off form select {
        padding: 13px;
        font-size: 14px;
    }

    .tip_off form textarea {
        font-size: 14px;
        line-height: 20px;
    }

    .tip_off .txt {
        right: 5px;
        text-align: right;
    }
}

@media screen and (max-width:380px) {
    .tip_off form {
        padding: 50px 20px;
    }
}

/* sub5 공통Layout */
.sub5 .sec01 {}

.sub5 .sec01 p {
    margin-bottom: 70px;
    font-size: clamp(20px, 4vw, 26px);
    font-weight: 400;
    line-height: 130%;
}

.sub5 .sec01 p.sub5_tit {
    font-family: 'GmarketSans';
    font-size: clamp(30px, 5vw, 50px);
    font-weight: 700;
    line-height: 130%;
}

.sub5 .sec01 p.sub5_tit span {
    color: #272c8f;
}

.sub5 .sec02 {
    display: flex;
    flex-wrap: wrap;
}

/* sub5_1 인사제도 */
.sub5_1 .sec02 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}

.sub5_1 .sec02 ul li {
    padding: 30px 50px;
    width: 100%;
    max-width: 720px;
    background-color: #f1f3f4;
}

.sub5_1 .sec02 ul li dl {}

.sub5_1 .sec02 ul li:nth-child(1) dl {
    background: url('../img/sub/sub5_1-icon01.png') no-repeat right top;
}

.sub5_1 .sec02 ul li:nth-child(2) dl {
    background: url('../img/sub/sub5_1-icon02.png') no-repeat right top;
}

.sub5_1 .sec02 ul li:nth-child(3) dl {
    background: url('../img/sub/sub5_1-icon03.png') no-repeat right top;
}

.sub5_1 .sec02 ul li:nth-child(4) dl {
    background: url('../img/sub/sub5_1-icon04.png') no-repeat right top;
}

.sub5_1 .sec02 ul li:nth-child(5) dl {
    background: url('../img/sub/sub5_1-icon05.png') no-repeat right top;
}

.sub5_1 .sec02 ul li:nth-child(6) dl {
    background: url('../img/sub/sub5_1-icon06.png') no-repeat right top;
}

.sub5_1 .sec02 ul li:nth-child(7) dl {
    background: url('../img/sub/sub5_1-icon07.png') no-repeat right top;
}

.sub5_1 .sec02 ul li:nth-child(8) dl {
    background: url('../img/sub/sub5_1-icon08.png') no-repeat right top;
}

.sub5_1 .sec02 ul li:nth-child(9) dl {
    background: url('../img/sub/sub5_1-icon09.png') no-repeat right top;
}

.sub5_1 .sec02 ul li:nth-child(10) dl {
    background: url('../img/sub/sub5_1-icon02.png') no-repeat right top;
}

.sub5_1 .sec02 ul li dl dt {
    padding-bottom: 40px;
    font-family: 'GmarketSans';
    font-size: 18px;
    font-weight: 500;
    color: #53656d;
}

.sub5_1 .sec02 ul li dl dd.tit {
    padding-bottom: 22px;
    font-family: 'GmarketSans';
    font-size: 26px;
    font-weight: 700;
    color: #17323f;
}

.sub5_1 .sec02 ul li dl dd {
    font-size: 20px;
}

@media screen and (max-width:500px) {
    .sub5_1 .sec02 ul li {
        padding: 30px;
        width: 100%;
    }
}

/* sub5_2 직무안내 */
.sub5_2 .sec02 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 40px;
}

.sub5_2 .sec02 .sec02_box {
    margin-bottom: 50px;
}

.sub5_2 .sec02 .sec02_box p {
    margin-bottom: 50px;
    font-family: 'GmarketSans';
    font-size: clamp(24px, 5vw, 50px);
    font-weight: 700;
}

.sub5_2 .sec02 .sec02_box ul {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.sub5_2 .sec02 .sec02_box ul li {
    flex: 0 0 100%;
    max-width: 340px;
}

.sub5_2 .sec02 .sec02_box ul li dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 20px;
}

.sub5_2 .sec02 .sec02_box ul li dl dt {
    padding: 20px;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    background-color: #f2f4f4;
    border-radius: 8px;
}

.sub5_2 .sec02 .sec02_box ul li dl dd {
    padding: 30px;
    border: 1px solid #e6e9ea;
    border-radius: 8px;
}

.sub5_2 .sec02 .sec02_box ul li dl dd ul {
    gap: 20px;
}

.sub5_2 .sec02 .sec02_box ul li dl dd ul li {
    list-style-position: inside;
    list-style-type: square;
}

.sub5_2 .sec02 .sec02_box .tit {
    padding-left: 60px;
    line-height: 50px;
}

.sub5_2 .sec02 .sec02_box .tit_1 {
    background: url('../img/sub/sub5_2-icon01.png') no-repeat left top;
}

.sub5_2 .sec02 .sec02_box .tit_2 {
    background: url('../img/sub/sub5_2-icon02.png') no-repeat left top;
}

.sub5_2 .sec02 .sec02_box .tit_3 {
    background: url('../img/sub/sub5_2-icon03.png') no-repeat left top;
}

.sub5_2 .sec02 .sec02_box .tit_4 {
    background: url('../img/sub/sub5_2-icon04.png') no-repeat left top;
}

@media screen and (max-width:1500px) {
    .sub5_2 .sec02 .sec02_box ul {
        justify-content: center;
    }
}

@media screen and (max-width:675px) {}

/* sub5_3 채용안내 */

.sub5_3 .sec02 {
    padding-top: 70px;
    flex-direction: column;
    border-top: 1px solid #ccd4d7;
}

.sub5_3 .tit {
    margin-bottom: 70px;
    font-family: 'GmarketSans';
    font-size: 40px;
    font-weight: 700;
}

.sub5_3 .sec02 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}

.sub5_3 .sec02 ul li {
    width: 260px;
    height: 250px;
    background-color: #f0f1f2;
}

.sub5_3 .sec02 ul li dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 210px;
    text-align: center;
    font-family: 'GmarketSans';
}

.sub5_3 .sec02 ul li:nth-child(1) dl {
    background: url('../img/sub/sub5_3-icon01.png') no-repeat center center;
}

.sub5_3 .sec02 ul li:nth-child(2) dl {
    background: url('../img/sub/sub5_3-icon02.png') no-repeat center center;
}

.sub5_3 .sec02 ul li:nth-child(3) dl {
    background: url('../img/sub/sub5_3-icon03.png') no-repeat center center;
}

.sub5_3 .sec02 ul li:nth-child(4) dl {
    background: url('../img/sub/sub5_3-icon04.png') no-repeat center center;
}

.sub5_3 .sec02 ul li:nth-child(5) dl {
    background: url('../img/sub/sub5_3-icon05.png') no-repeat center center;
}

.sub5_3 .sec02 ul li dl dt {
    width: 130px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: #0b1e49;
}

.sub5_3 .sec02 ul li dl dd {
    color: #0b1e49;
    font-size: 26px;
    font-weight: 700;
}

.sub5_3 .sec03 {
    padding-top: 170px;
    width: 100%;
    height: 100%;
    max-height: 1100px;
    position: relative;
    background: url('../img/sub/sub5_3-bg01.jpg') no-repeat center top;
    background-size: cover;
    overflow: hidden;
}

.sub5_3 .sec03 .sub_tit {
    padding-bottom: 40px;
    font-family: 'GmarketSans';
    font-size: 40px;
    font-weight: 700;
    text-align: center;
}

.sub5_3 .sec03 .sub_txt {
    margin-bottom: 510px;
    font-family: 'GmarketSans';
    font-size: 30px;
    font-weight: 500;
    line-height: 130%;
    text-align: center;
}

.sub5_3 .sec03 .insa_mail {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    font-family: 'GmarketSans';
    font-size: 24px;
    font-weight: 500;
    line-height: 100px;
    color: #fff;
    text-align: center;
    background-color: #17323f;
}

.sub5_3 .sec04 {
    padding-top: 100px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.sub5_3 .sec04 .l_zone {
    width: 400px;
}

.sub5_3 .sec04 .r_zone {
    width: 1000px;
}

.sub5_3 .sec04 .r_zone ul {
    border-bottom: 1px solid #ccd4d7;
}

.sub5_3 .sec04 .r_zone ul li {}

.sub5_3 .sec04 .r_zone ul li dl {
    border-top: 1px solid #ccd4d7;
}

.sub5_3 .sec04 .r_zone ul li dl dt {
    padding: 26px 0;
    position: relative;
    font-size: 22px;
    font-weight: 700;
    cursor: pointer;
}

.sub5_3 .sec04 .r_zone ul li dl dd {
    display: none;
    padding: 20px 50px;
    font-size: 20px;
    background-color: #f1f3f4;
}

.sub5_3 .sec04 .r_zone ul li dl dt.faq-question .qu {
    margin-right: 30px;
    display: inline-block;
    width: 20px;
    height: 18px;
    background: url('../img/sub/sub5_3-icon_q.png') no-repeat;
}

.sub5_3 .sec04 .r_zone ul li dl dt.faq-question .btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    background: url('../img/sub/sub5_3-icon_op.png') no-repeat;
}

.sub5_3 .sec04 .r_zone ul li dl dt.active .btn {
    transform: translateY(-50%);
    background: url('../img/sub/sub5_3-icon_cl.png') no-repeat;
}

.sub5_3 .sec04 .r_zone ul li dl dd.active {
    display: block;
}

@media screen and (max-width:500px) {

    .sub5_3 .sec03 .insa_mail {
        font-size: 18px;
        line-height: 100px;
    }

    .sub5_3 .sec04 .tit {
        margin-bottom: 0;
    }

    .sub5_3 .sec03 .sub_tit {
        padding: 10px 10px 40px;
    }

    .sub5_3 .sec04 .r_zone ul li dl dt.faq-question .qu {
        margin-right: 6px;
    }

    .sub5_3 .sec04 .r_zone ul li dl dt,
    .sub5_3 .sec04 .r_zone ul li dl dd {
        font-size: 16px;
    }

}

/* sub6 공통Layout */
.sub6 p {
    margin-bottom: 70px;
    font-size: clamp(20px, 4vw, 22px);
    font-weight: 400;
    line-height: 130%;
}

.sub6 p.sub6_tit {
    font-family: 'GmarketSans';
    font-size: clamp(30px, 5vw, 50px);
    font-weight: 700;
    line-height: 130%;
}

.sub6 p.sub6_tit span {
    color: #272c8f;
}

/* sub6_1 온라인문의 */
.sub6_1 {
    display: flex;
    flex-wrap: wrap;
}

.sub6_1 .l_zone {
    width: 50%;
}

.sub6_1 .r_zone {
    width: 50%;
}

.sub6_1 .r_zone ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.sub6_1 .r_zone ul li {
    padding: 30px 50px;
    width: 100%;
    max-width: 710px;
    background-color: #f1f3f4;
}

.sub6_1 .r_zone ul li dl {}

.sub6_1 .r_zone ul li dl dt {
    padding-bottom: 24px;
    font-family: 'GmarketSans';
    font-size: 24px;
    font-weight: 700;
    border-bottom: 1px solid #a0a3ab;
}

.sub6_1 .r_zone ul li dl dd {
    padding-top: 30px;
}

.sub6_1 .r_zone ul li dl dd ul {}

.sub6_1 .r_zone ul li dl dd ul li {
    padding: 0;
    font-size: 20px;
    list-style-type: disc;
    list-style-position: inside;
}

.sub6_1 .r_zone ul li dl dd ul li span {
    margin-right: 30px;
    font-weight: 600;
}

@media screen and (max-width: 900px) {
    .sub6_1 {
        flex-direction: column;
        align-content: center;
    }

    .sub6_1 .l_zone,
    .sub6_1 .r_zone {
        width: 100%;
    }
}

@media screen and (max-width: 490px) {
    .sub6_1 .r_zone ul li {
        padding: 30px 20px;
    }

    .sub6_1 .r_zone ul li dl dd ul li {
        font-size: 18px;
    }

    .sub6_1 .r_zone ul li dl dd ul li span {
        margin-right: 10px;
    }
}