html {
}

body {
    height:auto;
}

/* 메뉴 */

.m_hide {
    display:none !important;
}

.main_menu .logo img {
    height: 30px;
    margin-left: 25px;
}

.main_menu .navbar_bg::after {
    top:50px;
}

.main_menu .menu {
    position: absolute;
    top: -5000px;
    left: 0px;
    width: calc(100% - 20px);
    height: 500px;
    z-index: 9999999;
    flex-direction: column;
    background: #fff;
    padding-left: 0px;
    border: 1px solid #d0d0d0;
    border-left: none;
}

.main_menu .sub_menu {
    display:none;
    padding:0px 0px 20px 20px !important;
    border:none !important
}

    .main_menu .sub_menu li {
        text-align:left;
    }

    .main_menu .menu_link:hover, .main_menu .menu_item:has(.sub_menu:hover) .menu_link, .main_menu .menu_link:focus, .main_menu .menu_item:has(.sub_menu:focus) .menu_link {
        border: none;
    }

.main_menu .menu_item, .main_menu .menu_item a.menu_link:link, .main_menu .menu_item a.menu_link:visited {
    min-height: auto;
    height: 50px;
    justify-content: left;
}

.main_menu {
    min-width: auto;
    width: 100%;
    height: 50px;
}
    .main_menu .menu_item:has(a:focus) {
        height:auto !important;
    }

        .main_menu .menu_item:has(a:focus) .sub_menu {
            display: flex !important;
            flex-direction: column;
        }

    body:has(.main_menu a:focus) .mobile_menu_bg {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 9999998;
    }

    .main_menu .logo {
        width: 250px;
        height:50px;
    }

    .main_menu .menu_item, .main_menu .sub_menu {
        font-size: 20px;
        padding-left: 20px;
        border-bottom: 1px solid #d0d0d0;
        width: 100%;
        box-sizing: border-box;
    }

.mobile_menu_btn {
    display:flex !important;
}

body:has(.main_menu a:focus) .main_menu .menu {
    top:50px;
}

/* 메인페이지 */
.intro_mv {
    display: none;
}

.content_wrap {
    min-width: auto;
    margin-top:50px;
}

.sub_content_wrap {
    width: 100%;
}

.mn_wrap {
    flex-wrap: wrap;
    background:#fff !important;
    row-gap:50px;
    column-gap:0px;
}

    .mn_wrap .item {
        padding:0px 35px 0px 35px!important;
    }

.main_mobile_bg {
    display:block !important;
}

.about_btn button {
    background-repeat:no-repeat;
    width:50% !important;
    min-width:320px;
    max-width:420px;
    max-height:400px;
    background-position-y:bottom !important;
}

    .about_btn button:last-child {
        display:none;
    }

    .about_btn {
        flex-wrap: wrap;
        justify-content:center;
        padding:0px 40px 40px 40px;
    }

.mobile_return {
    display:block;
}

footer {
    height:190px !important;
}

.foot_info address {
    line-height:150%;
}
.foot_info {
    flex-direction: column;
    text-align: center;
    font-size: 11px;
    word-break: keep-all;
}

.foot_info img {
    height:30px;
    margin-bottom:15px;
}

.foot_info img:last-child {
    margin:10px;
}

/* 서브 페이지 */
h1 {
    padding: 30px 40px 0px 40px !important;
    font-size: 32px !important;
    word-break: keep-all;
}

h2 {
    padding:0px 40px;
    font-size:27px !important;
    word-break:keep-all;
}

p {
    word-break:keep-all;
    padding-left:20px;
    padding-right:20px;
    box-sizing:border-box;
}

.intro_txt {
    font-size:17px !important;
}

.intro_txt strong {
    font-size: 22px !important;
}

.sub_intro {
    display: none;
}

.sub_nav {
    display:none;
}

.greeting_img {
    display:none;
}

.pl_wrap {
    padding:0px 50px 50px 50px;
    box-sizing:border-box;
    margin:auto !important;
}

.pl_img {
    width: 100% !important;
    height:300px !important;
    margin:50px auto;
}

.pl_img + div p:first-child {
    line-height:150% !important;
    margin-top:0px !important;
    font-size:25px !important;
}

    .pl_img + div p + p {
        font-size:17px !important;
        line-height:130% !important;
    }


        .pl_img + div {
            margin: auto;
        }

.ov_list_wrap {
    padding-top:30px !important;
}

.ov_list {
    font-size: 21px !important;
    justify-content: center;
    padding: 0px 20px 50px 20px !important;
    box-sizing: border-box;
    width: 100%;
    max-width: 280px;
}

    .ov_list li {
        max-height: 320px;
        padding-top: 240px !important;
    }

        .ov_list li:first-child {
            padding-top: 200px !important;
            max-height: 270px;
        }

        .ov_list li:nth-child(5) {
            padding-top: 190px !important;
            font-size:20px !important;
        }

            .ov_list li:nth-child(6), .ov_list li:nth-child(7) {
                display:none !important;
            }

            .orgchart {
                height: 300px !important;
            }

.strategy_img {
    width:100% !important;
    height:300px !important;
}

.strategy_wrap {
    margin-top:30px !important;
}

    .strategy_wrap p:first-child {
        font-size:31px !important;
        margin-top:50px !important;
    }

    .strategy_wrap p + p {
        font-size: 21px !important;
    }



    .strategy_img + div {
        margin: auto !important;
    }

.proc_list {
    margin-top:40px !important;
    padding:0px 40px 30px 40px !important;
}

    .proc_list li {
        max-width:290px;
    }

    .prod_txt {
        padding: 0px 40px;
    }

.prod_list {
    padding:0px 40px 40px 40px !important;
    box-sizing:border-box;
}

.prod_list + h2 {
    margin-top:30px !important;
}

.inv_txt {
    line-height:180% !important;
    font-size:21px !important;
    padding:0px 40px 50px 40px !important;
}

.inv_txt + img {
    display:none !important;
}

.list_wrap, .view_wrap {
    padding: 10px 20px;
}

.view_wrap {
    padding-bottom:50px;
}

.contact_wrap {
    justify-content:center;
}

.contact_layer {
    margin-top:0px !important;
    padding:40px !important;
}

.cate_btn {
    justify-content:center;
}

.cate_btn button {
    width: 100px !important;
    background-size: contain !important;
    font-size: 19px !important;
}

.dk_grid_skin {
    table-layout:fixed !important;
    width:100%;
    margin-bottom:30px !important;
}

    .dk_grid_skin thead, .dk_grid_skin span, .dk_grid_skin img {
        display: none;
    }

.dk_grid_skin tbody tr td:nth-child(2), .dk_grid_skin tbody tr td:nth-child(4) {
    display: none !important;
}

    .dk_grid_skin tbody tr td:nth-child(3) {
        width:100%;
    }

.dk_grid_skin td {
    height:65px !important;
    white-space:normal !important;
    word-break:keep-all;
    font-size:0px;
}

    .dk_grid_skin td div, .dk_grid_skin td div a {
        font-size: 19px;
    }

    .dk_grid_skin strong {
        white-space: nowrap;
        margin-right: 7px;
    }

.list_wrap {
    margin-bottom:0px !important;
}

.view_wrap p {
    padding:0px !important;
}

.bv_file dd {
    font-size:15px !important;
}

    .bv_file dd::before {
        display:none;
    }

.contact_item img {
    display:none;
}

.contact_item {
    height:100px;
}

    .contact_item .contact_txt {
        display:block !important;
        font-size:21px !important;
    }

.contact_wrap {
    row-gap:21px !important;
}

.mn_wrap h2 {
    padding:0px !important;
}


.fs_btn {
    display: none;
}

.foot_nav {
    justify-content:center;
}