@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet');

body {
	font-family: 'Noto Sans KR';
    margin: 0;
    background: #ffffff;
    overflow-x: hidden;
}

.header {
    background: none;
    /* background-image: url('../images/custom/AdobeStock_321373621.jpg');
    background-repeat: no-repeat; */
}

.header:before {
    background: none;
}

.bg-header-video {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.navbar .hamburger-menu .hamburger {
    cursor: pointer;
}

.site-navigation .inner ul li ul {
    opacity: 1;
    visibility: visible;
}

.header {
    height: calc(100vh + 110px);
}

.header .container .inner a,
.text-content-block a,
.bg-image .container a {
    font-size: 18px;
}

.text-content-block h6,
.carousel-slider .swiper-slide figure figcaption small,
.title-block h6,
.bg-image .container h6 {
    font-size: 20px;
}

.swiper-slide.active {
    font-weight: bold;
}

.header .container .inner h1 {
    -webkit-text-stroke: 1px #777;
}

.header .container .inner h1:after {
    display: none;
}

.header:after {
    border-width: 0;
}

.page-header .container .inner h1.small {
    font-size: 8vw;
}

.content-block {
    padding: 250px 0;
}

.text-content-block h2,
.title-block h2,
.bg-image .container h2 {
    font-size: 48px;
    line-height: 80px;
}

.text-content-block p {
    padding-right: 0;
    font-size: 20px;
    line-height: 40px;
}

.icon-content-box figure img {
    height: 250px;
}

.zoom-on-hover {
    overflow: hidden;
}

.zoom-on-hover img,
.zoom-on-hover .zoom-item {
    transition: transform .5s; /* Animation */
}
  
.zoom-on-hover img:hover,
.zoom-on-hover .zoom-item:hover {
    transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

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

.top-padding-0 {
    padding-top: 0;
}

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

.bottom-padding-100 {
    padding-bottom: 100px;
}

.height-auto {
    height: auto !important;
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
    .content-block {
        padding: 150px 0;
    }

    .text-content-block h2 {
        font-size: 32px;
        line-height: 50px;
    }

    .title-block h2 {
        font-size: 32px;
        line-height: 50px;
    }

    .bg-image .container h2 {
        font-size: 32px;
        line-height: 50px;
    }

    .bg-header-video {
        position: absolute;
        right: -8%;
        top: 0;
        bottom: auto;
        min-width: 108%;
        min-height: auto;
        width: 100%;
        height: 500px;
        object-fit: cover;
    }

    .site-navigation .bg-header-video {
        position: absolute;
        right: 0;
        bottom: 0;
        min-width: 100%;
        min-height: 100%;
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }

    .header {
        height: 500px;
        min-height: 500px;
    }

    .mouse-animation__icon:before {
        display: none !important;
    }

    .business_list_wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.download-btn-container {
    margin: 30px 0;
}

.download-btn-container .btn {
    overflow: visible;
    display: inline-block !important;
    outline: none !important;
    cursor: pointer !important;
    border-radius: 0;
    text-align: center !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    margin-right: 5px;
    min-width: 260px;
    text-align: left !important;
}

.download-btn-container .btn-download {
    position: relative;
    padding: 16px 28px;
    border: 1px solid #1b1b1b;
    font-size: 20px;
    color: #333333;
    line-height: 1.375em;
}

.download-btn-container .btn-download i {
    position: absolute;
    right: 1.563em;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background: url('https://www.doosanenerbility.com/images/ico/ico-download.png') no-repeat center;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.download-btn-container .btn-download:hover { border-color:#333; background:#333; color:#fff;}
.download-btn-container .btn-download:hover i { background:url('https://www.doosanenerbility.com/images/ico/ico-download-on.png') no-repeat center;}


.left-sidebar {
    display: none;
}

.navbar .hamburger-menu {
    margin-top: 0;
    margin-right: 0;
}

.hamburger-menu .hamburger span {
    box-shadow: 1px 1px 1px 1px #777 !important;
}

.hamburger-menu {
    position: fixed;
    top: 40px;
    right: 40px;
    z-index: 10;
    cursor: pointer;
}

.hamburger-menu b {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    float: left;
    margin-right: 10px;
    text-shadow: 1px 1px 1px #777 !important;
}

.page-loaded.overflow .hamburger-menu .lang-select {
    display: block;
}

.hamburger-menu .lang-select {
    display: none;
    margin-right: 50px;
    list-style: none;
    overflow: hidden;
    float: left;
}

.hamburger-menu .lang-select li {
    float: left;
    opacity: 0.5;
}

.hamburger-menu .lang-select li:first-child {
    margin-right: 20px
}

.hamburger-menu .lang-select li.active,
.hamburger-menu .lang-select li:hover {
    opacity: 1;
}

.hamburger-menu .lang-select li a {
    display: block;
    text-decoration: none;
    color: #fff;
}

.hamburger-menu .lang-select li.active a,
.hamburger-menu .lang-select li.hover a {
    border-bottom: 2px solid #fff;
}

/* .navbar .hamburger-menu.navy b {
    color: #0b0b45;
}

.navbar .hamburger-menu.navy .hamburger span {
    background: #0b0b45;
} */

.navbar .logo {
    position: absolute; top: 30px;
}

.container-center-horizontal {
    width: calc(100% - 20px) !important;
}

.page-transition,
.page-transition .layers span {
    background: none;
}

.site-navigation {
    background: rgba(0, 0, 0, 0.3) !important;
    /* transition-delay: 0;
    -webkit-transition-duration: 0;
    transition-duration: 0;
    transition: none; */
}

.site-navigation .inner ul li a {
    /* text-shadow: -1px 0 #999, 0 1px #999, 1px 0 #999, 0 -1px #999; */
}

.site-navigation.active .layers span {
    display: none;
    background: none;
}

.site-navigation .inner ul li {
    margin: 0 36px;
}

.site-navigation .inner ul li ul li {
    margin: 10px 0;
}

.screen a {
    color: inherit;
}

.overlap-group19 .x6-2,
.text-6.notosanscjkkr-regular-normal-white-16px,
.overlap-group21 .x7-2,
.text-7.notosanscjkkr-regular-normal-white-16px,
.overlap-group18 .x8,
.text-8.notosanscjkkr-regular-normal-white-16px {
    cursor: pointer;
}

.jeiseuteg-main .x44 {
    height: 507px !important;
}

.jeiseuteg-4business1 .overlap-group-container {
    position: relative;
    top: -350px;
}

.jeiseuteg-4business1 .display {
    left: 43px !important;
}

.jeiseuteg-4business1 .overlap-group8 {
    display: block !important;
    text-align: center;
}

.jeiseuteg-4business2 .navbar {
    position: relative;
    top: -450px;
}

.jeiseuteg-main {
    height: auto !important;
}

.jeiseuteg-main .flex-col-5 {
    min-height: auto !important;
}



/* home */
.jeiseuteg-main .specialbusiness {
    left: 115px;
}

.jeiseuteg-main .plc {
    left: 145px;
}

.jeiseuteg-main .vision {
    left: 120px;
}

.jeiseuteg-main .laser {
    left: 80px;
}

.jeiseuteg-main .overlap-group22 {
    background-position: 70% 50%;
}

.jeiseuteg-main .rt-system {
    left: 88px;
}

/* top-menu */
ul.top-menu {
    position: absolute;
    top: 41px;
    left: 50%;
    list-style: none;
    overflow: hidden;
}



ul.top-menu li {
    margin-left: 79px;
    float: left;
    opacity: 0.5;
}

ul.top-menu.company li {
    margin-left: 50px;
}

ul.top-menu li:first-child {
    margin-left: 0;
}

ul.top-menu li:hover,
ul.top-menu li.active {
    opacity: 1;
}

ul.top-menu li a {
    display: block;
    padding: 9px 0;
    color: #fff;
    font-family: "NotoSans CJK KR-Medium", Helvetica;
    font-size: 18px;
    text-decoration: none;
}

ul.top-menu li.active a {
    border-bottom: 2px solid #fff;
}

/* Overview */
.jeiseuteg-1-1saeobgaeyo {
    height: auto;
}

.jeiseuteg-1-1saeobgaeyo .flex-col,
.jeiseuteg-1-1saeobgaeyo .flex-col-1,
.jeiseuteg-1-1saeobgaeyo .flex-col-2 {
    min-height: auto;
}

.jeiseuteg-1-1saeobgaeyo .flex-col-7 {
    margin-top: 0;
}

.jeiseuteg-1-1saeobgaeyo .flex-col-8 {
    min-height: auto;
}

/* CEO\'s Message */
.jeiseuteg-1-2ceomesiji {
    height: auto;
}

.jeiseuteg-1-2ceomesiji .x1-3 {
    width: auto;
}

.notosanscjkkr-regular-normal-log-cabin-18px,
.notosanscjkkr-regular-normal-congress-blue-18px {
    word-spacing: 6px;
}

/* History */
.history-tab-menu {
    position: absolute;
    top: 1120px;
    left: 50%;
    margin-left: -280px;
}

.history-tab-menu ul {
    overflow: hidden;
    list-style: none;
}

.history-tab-menu ul li {
    float: left;
    width: 140px;
    height: 60px;
    border: 1px solid #ddd;
    border-left: none;
}

.history-tab-menu ul li:first-child {
    border-left: 1px solid #ddd;
}

.history-tab-menu ul li a {
    display: block;
    height: 100%;
    line-height: 60px;
    text-align: center;
    color: #888;
    font-size: 18px;
    font-family: "NotoSans CJK KR-Regular", Helvetica;
    background-color: #fff;
    text-decoration: none;
}

.history-tab-menu ul li:hover a,
.history-tab-menu ul li.active a {
    color: #fff;
    font-weight: bold;
    background-color: #0e4194;
}

/* Management Philosophy */
.jeiseuteg-1-3gyeongyeongceolhag {
    height: auto;
}

.management-vision {
    width: 100%;
    text-align: right;
    padding-right: 210px;
    position: relative;
    top: 250px;
    margin-top: -300px;
}

/* Ethical Management */
.ethics-tab-menu {margin: 0 auto 5%;}

.ethics-tab-menu ul {margin-bottom: 0; overflow: hidden; list-style: none;}

.ethics-tab-menu ul li {
    float: left;
    width: 140px;
    height: 60px;
    border: 1px solid #ddd;
    border-left: none;
}

.ethics-tab-menu ul li:first-child {
    border-left: 1px solid #ddd;
}

.ethics-tab-menu ul li a {
    display: block;
    height: 100%;
    line-height: 60px;
    text-align: center;
    color: #888;
    font-size: 18px;
    font-family: "NotoSans CJK KR-Regular", Helvetica;
    background-color: #fff;
    text-decoration: none;
}

.ethics-tab-menu ul li:hover a,
.ethics-tab-menu ul li.active a {
    color: #fff;
    font-weight: bold;
    background-color: #0e4194;
}

/* Customer Inquiry */
.jeiseuteg-1-5gogaegmunyi {
    height: auto;
}

.board-container {
    display: block;
    max-width: 1200px;
    width: 100%;
    margin: 5% auto 10%;
}

.board-container iframe {
    width: 100%;
    min-height: 500px;
    border: none;
}

/* business */
.jeiseuteg-4business1 {
    height: auto;
}

.jeiseuteg-4business1 .flex-col {
    min-height: auto;
}

.jeiseuteg-4business1 .text-425 {
    letter-spacing: 0;
}

.jeiseuteg-4business1 .overlap-group,
.jeiseuteg-4business1 .overlap-group10 {
    padding: 0;
}

.jeiseuteg-4business1 .overlap-group1,
.jeiseuteg-4business1 .overlap-group2 {
    z-index: 1;
}

.jeiseuteg-4business1 .flex-col-1 {
    min-height: auto;
}

.business-tab-menu {position: absolute; bottom: 25%; left: 50%; transform: translateX(-50%);}

.business-tab-menu ul { overflow: hidden;}

.business-tab-menu ul li {
    float: left;
    width: 200px;
    height: 70px;
    border-right: 1px solid #ddd;
}

.business-tab-menu ul li:last-child {
    border-right: none;
}

.business-tab-menu ul li a {
    display: block;
    height: 100%;
    line-height: 68px;
    text-align: center;
    color: #888;
    font-size: 18px;
    font-family: "NotoSans CJK KR-Regular", Helvetica;
    background-color: #fff;
    text-decoration: none;
}

.business-tab-menu ul li:hover a,
.business-tab-menu ul li.active a {
    color: #fff;
    font-weight: bold;
    background-color: #0e4194;
}

.business-tab-menu.club ul li {
    width: 110px;
    height: 54px;
}

.business-tab-menu.club ul li a {
    padding-top: 4px;
    line-height: 20px;
    font-size: 14px;
}

.business-section-header {
    margin: 30px 0;
}

.business-section-header h3 {
    color: #222;
    font-family: "Poppins", Helvetica;
    font-size: 60px;
    font-weight: bold;
}

.business-slider {
    border: none;
}

.business-slider .flex-prev,
.business-slider .flex-next {
    display: none;
}

.business-slider-thumbnail .flex-active-slide {
    border: 1px solid #0E4194;
}

.business-slider-thumbnail li {
    padding: 10px;
    box-sizing: border-box;
}

#business-slider1-prev,
#business-slider1-next {
    cursor: pointer;
}

/* r&d */
.jeiseuteg-4business1 .rnd {
    left: 905px;
}

.jeiseuteg-4business1.rnd .overlap-group4 {
    background-image: url(../img/ck-pc0020348178@1x.png);
    background-position: 50% 50%;
    background-size: cover;
    height: 970px;
    position: relative;
    width: 1920px;
}

.rnd-slider {
    margin-bottom: 150px;
    background-color: #eef1f3;
    border: none;
}

.rnd-slider .flex-prev,
.rnd-slider .flex-next {
    display: none;
}

.rnd-slider-thumbnail .flex-active-slide {
    border: 1px solid #0E4194;
}

.rnd-slider-thumbnail li {
    padding: 10px;
    box-sizing: border-box;
}

#rnd-slider1-prev,
#rnd-slider1-next {
    cursor: pointer;
}

/* Disclosure Information */
.jeiseuteg-2-1jaemujeongbo {
    height: auto;
}

.jeiseuteg-2-1jaemujeongbo .flex-col-4,
.jeiseuteg-2-1jaemujeongbo .overlap-group6 {
    margin-top: 70px;
}

.financial-chart-legend {
    position: relative;
}

.financial-chart-legend ul {
    list-style: none;
    overflow: hidden;
}

.financial-chart-legend ul li {
    float: left;
    margin-right: 20px;
    height: 24px;
    font-size: 16px;
    font-family: "NotoSans CJK KR-Medium", Helvetica;
}

.financial-chart-legend ul li span.color {
    display: inline-block;
    margin-right: 7px;
    border-radius: 9.5px;
    height: 19px;
    width: 19px;
    vertical-align: -3px;
}

.financial-chart-legend ul li span.green {
    background-color: var(--rio-grande);
}

.financial-chart-legend ul li span.blue {
    background-color: var(--royal-blue);
}

.financial-chart-legend ul li span.red {
    background-color: var(--roman);
}

.financial-chart1 {
    display: block;
    width: 100%;
    height: 600px;
}

/* Stock Information */
.jeiseuteg-2-1jaemujeongbo .flex-col-4 {
    min-height: auto;
}

.stock-container {max-width: 699px; width: 100%; height: 500px; margin: 0 auto; overflow: hidden; position: relative;}

.stock-container iframe { width: 100%; height: 700px; border: none; position: absolute; top: -217px; left: 50%; transform: translateX(-50%);}

/* Public Announcements */
.jeiseuteg-2-2-gongsijeongbo {
    height: auto;
}

.ir-public-table {
    margin-top: 50px;
    width: 1180px;
}
.ir-public-table thead {
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
}
.ir-public-table thead th {
    text-align: center;
    height: 64px;
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
}
.ir-public-table tbody td {
    text-align: center;
    height: 60px;
    line-height: 56px;
    font-size: 18px;
    border-bottom: 1px solid #eee;
}

.ir-public-table tbody td.name {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Notice */
.jeiseuteg-1-5gogaegmunyi.pr .overlap-group1 {
    background-image: url(../img/it-twi001t3396295-1@1x.png);
}

/* Event Gallery */
.jeiseuteg-3-4-saugaelreori {

}

.jeiseuteg-3-4-saugaelreori .x20 {
    top: 2100px;
}

.gallery-container {
    display: flex;
    margin: 0 auto;
    min-height: 800px;
    width: 1154px;
    position: relative;
    top: 1250px;
}

.gallery-container iframe {
    width: 100%;
    height: 800px;
    border: none;
}

/* 모바일
@media screen and (min-width: 1024px) and (max-width: 1440px) {

    .site-navigation {
        top: 0;
        height: 100%;
    }


    .site-navigation .layers,
    .site-navigation.active .layers span {
        height: 200vh;
    }
}
 */

@media screen and (min-width: 600px) {
    .smartphone {
        display: none !important;
    }
}

@media screen and (max-width: 600px) {
    :root { 
        --font-size-l: 20px;
        --font-size-m: 18px;
        --font-size-s: 16px;
        --font-size-xl: 24px;
        --font-size-xxl: 34px;
        --font-size-xxxl: 40px;
        --font-size-xxxxl: 50px;
      }
    
    .desktop {
        display: none !important;
    }

    .smartphone {
        display: block !important;
    }

    .site-navigation {
        overflow: hidden;
    }

    .site-navigation .inner {
        max-height: 70vh;
        overflow-y: auto;
    }

    .hamburger-menu {
        top: 25px;
        right: 25px;
    }

    ul.top-menu,
    .scroll-down,
    .x1,
    .x2 {
        display: none;
    }

    /* home */
    .jeiseuteg-main .flex-col {
        min-height: auto;
    }

    .subpage-btn {
        position: absolute;
        top: 18px;
        right: 18px;
        border: 1px solid;
        border-color: #fff;
        border-radius: 30px;
        height: 60px;
        width: 180px;
        font-family: "NotoSans CJK KR-Regular", Helvetica;
        font-size: 16px;
        color: #fff;
        line-height: 60px;
        text-align: center;
    }

    .subpage-btn .arrow {
        position: absolute;
        top: 22px;
        right: 20px;
        width: 10px;
    }

    .section-name {
        position: absolute;
        top: 30%;
        left: 0;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 32px;
    }

    .quick {
        padding: 30px;
        background-color: #f9f9f9;
    }

    .container-center-horizontal {
        width: 100% !important;
    }

    .container-center-horizontal div {
        min-width: auto !important;
    }

    /* Overview */
    .jeiseuteg-1-1saeobgaeyo .overlap-group4,
    .jeiseuteg-1-1saeobgaeyo .x48 {
        height: 400px;
    }

    .jeiseuteg-1-1saeobgaeyo .text-40 {
        position: relative;
        top: 180px;
        left: 0;
        text-align: center;
    }

    /* CEO\'s Message */
    .jeiseuteg-1-2ceomesiji .overlap-group1,
    .jeiseuteg-1-2ceomesiji .x48 {
        height: 400px;
    }

    .jeiseuteg-1-2ceomesiji .ceo {
        position: relative;
        top: 180px;
        left: 0;
        text-align: center;
    }

    .jeiseuteg-1-2ceomesiji .flex-col {
        min-height: auto;
    }
    
    /* History */
    
    .jeiseuteg-1-7yeonhyeog .overlap-group4,
    .jeiseuteg-1-7yeonhyeog .x48 {
        height: 400px;
    }

    .jeiseuteg-1-7yeonhyeog .text-77 {
        position: relative;
        top: 180px;
        left: 0;
        text-align: center;
    }

    /* CI */
    .jeiseuteg-1-8-ci {
        min-height: 430px;
        height: auto;
    }

    .jeiseuteg-1-8-ci .overlap-group2,
    .jeiseuteg-1-8-ci .x48 {
        height: 400px;
    }

    .jeiseuteg-1-8-ci .ci {
        position: relative;
        top: 180px;
        left: 0;
        text-align: center;
    }

    /* Management Philosophy */

    .jeiseuteg-1-3gyeongyeongceolhag .overlap-group4,
    .jeiseuteg-1-3gyeongyeongceolhag .x48 {
        height: 400px;
    }

    .jeiseuteg-1-3gyeongyeongceolhag .text-63 {
        position: relative;
        top: 180px;
        left: 0;
        text-align: center;
    }

    /* Ethical Management */
    .jeiseuteg-1-4yunrigyeongyeong-2yunrigangryeong,
    .jeiseuteg-1-4yunrigyeongyeong-2yunrigangryeong .flex-col {
        height: auto;
    }

    .jeiseuteg-1-4yunrigyeongyeong-2yunrigangryeong .overlap-group1,
    .jeiseuteg-1-4yunrigyeongyeong-2yunrigangryeong .x48 {
        height: 400px;
    }

    .jeiseuteg-1-4yunrigyeongyeong-2yunrigangryeong .text-151 {
        position: relative;
        top: 180px;
        left: 0;
        text-align: center;
    }

    /* Customer Inquiry */
    .jeiseuteg-1-5gogaegmunyi .overlap-group1,
    .jeiseuteg-1-5gogaegmunyi .x48 {
        height: 400px;
    }

    .jeiseuteg-1-5gogaegmunyi .text-219 {
        position: relative;
        top: 180px;
        left: 0;
        text-align: center;
    }

    /* Contact Us */
    .jeiseuteg-1-6saeobjang-annae {
        min-height: 430px;
        height: auto;
    }

    .jeiseuteg-1-6saeobjang-annae .overlap-group2,
    .jeiseuteg-1-6saeobjang-annae .x48 {
        height: 400px;
    }

    .jeiseuteg-1-6saeobjang-annae .text-240 {
        position: relative;
        top: 180px;
        left: 0;
        text-align: center;
    }

    /* BUSINESS */
    .jeiseuteg-4business1 .overlap-group4,
    .jeiseuteg-4business1.rnd .overlap-group4,
    .jeiseuteg-4business1 .x48 {
        height: 400px;
    }

    .jeiseuteg-4business1 .business {
        position: relative;
        top: 180px;
        left: 0;
        text-align: center;
    }

    /* R&D */
    .jeiseuteg-4business1.rnd .overlap-group4,
    .jeiseuteg-4business1 .x48 {
        height: 400px;
    }

    /* Disclosure Information */
    .jeiseuteg-2-1jaemujeongbo .flex-col,
    .jeiseuteg-2-1jaemujeongbo .flex-col-1 {
        min-height: 430px;
        height: auto;
    }

    .jeiseuteg-2-1jaemujeongbo .overlap-group4,
    .jeiseuteg-2-1jaemujeongbo .x48 {
        height: 400px;
    }

    .jeiseuteg-2-1jaemujeongbo .text-266 {
        position: relative;
        top: 180px;
        left: 0;
        text-align: center;
    }

    /* Public Announcements */
    .jeiseuteg-2-2-gongsijeongbo .overlap-group1,
    .jeiseuteg-2-2-gongsijeongbo .x48 {
        height: 400px;
    }

    .jeiseuteg-2-2-gongsijeongbo .text-406 {
        position: relative;
        top: 180px;
        left: 0;
        text-align: center;
    }

    /* Notice */
    .jeiseuteg-1-5gogaegmunyi.pr .overlap-group1,
    .jeiseuteg-1-5gogaegmunyi .x48 {
        height: 400px;
    }

    .jeiseuteg-1-5gogaegmunyi .text-219 {
        position: relative;
        top: 180px;
        left: 0;
        text-align: center;
    }

    /* HR System */
    .jeiseuteg-3-1-insajedo,
    .jeiseuteg-3-1-insajedo .flex-col {
        height: auto;
    }

    .jeiseuteg-3-1-insajedo .overlap-group6,
    .jeiseuteg-3-1-insajedo .x48 {
        height: 400px;
    }

    .jeiseuteg-3-1-insajedo .text-191 {
        position: relative;
        top: 180px;
        left: 0;
        text-align: center;
    }

    /* Employee Benefits */
    .jeiseuteg-3-2-bogrihusaeng {
        min-height: 430px;
        height: auto;
    }

    .jeiseuteg-3-2-bogrihusaeng .overlap-group4,
    .jeiseuteg-3-2-bogrihusaeng .x48 {
        height: 400px;
    }

    .jeiseuteg-3-2-bogrihusaeng .text-315 {
        position: relative;
        top: 180px;
        left: 0;
        text-align: center;
    }

    /* 채용절차 */
    .jeiseuteg-3-3-caeyongjeolca {
        min-height: 430px;
        height: auto;
    }

    .jeiseuteg-3-3-caeyongjeolca .overlap-group9,
    .jeiseuteg-3-3-caeyongjeolca .x48 {
        height: 400px;
    }

    .jeiseuteg-3-3-caeyongjeolca .text-348 {
        position: relative;
        top: 180px;
        left: 0;
        text-align: center;
    }

    /* Event Gallery */
    .jeiseuteg-3-4-saugaelreori {
        min-height: auto !important;
        height: auto !important;
    }
    
    .jeiseuteg-3-4-saugaelreori .overlap-group1,
    .jeiseuteg-3-4-saugaelreori .x48 {
        height: 400px;
    }

    .jeiseuteg-3-4-saugaelreori .text-370 {
        position: relative;
        top: 180px;
        left: 0;
        text-align: center;
    }
}

.content-main.smartphone {
    margin: 50px 20px;
    overflow: hidden;
}

.content-main.smartphone img {
    margin-bottom: 30px;
    max-width: 100%;
}

.content-main.smartphone .image-container {
    overflow-x: auto;
}

.content-main.smartphone .image-container img {
    max-width: none;
}

.content-main.smartphone img.position-center {
    display: block;
    margin: 0 auto 30px;
}

.content-main.smartphone h2 {
    margin: 30px 0;
    font-family: "Poppins", Helvetica;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

.content-main.smartphone h3 {
    margin: 30px 0;
    font-size: 18px;
    line-height: 24px;
    text-align: left;
}

.content-main.smartphone h4 {
    margin: 30px 0;
    font-size: 16px;
    text-align: center;
}

.content-main.smartphone p {
    margin-bottom: 30px;
}

.content-main.smartphone ul.disc {
    margin-left: 20px;
    list-style-type: disc;
}

.content-main.smartphone .board-container {
    padding: 0;
    min-height: 500px;
    width: 100%;
    min-width: auto;
}

.content-main.smartphone .board-container iframe {
    width: 100%;
    height: 500px;
    border: none;
}

.content-main.smartphone .gallery-container {
    margin: 30px auto;
    min-height: 800px;
    width: 100%;
    position: relative;
    top: 0;
}

.content-main.smartphone .gallery-container iframe {
    width: 100%;
    height: 800px;
    border: none;
}

.content-main.smartphone .stock-container {
    position: relative;
    top: 0;
    left: 0;
    margin-left: 0;
    width: 100%;
    height: 620px;
    overflow: hidden;
}

.content-main.smartphone .stock-container iframe {
    position: absolute;
    top: -180px; left: 0;
    width: 100%;
    height: 700px;
    border: none;

    -ms-zoom: 1;

    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;

    -o-transform: scale(1);
    -o-transform-origin: 0 0;

    -webkit-transform: scale(1);
    -webkit-transform-origin: 0 0;

    transform: scale(1);
    transform-origin: 0 0;
}

.content-main.smartphone .flexslider {
    margin-bottom: 0;
}

.content-main.smartphone .flex-prev,
.content-main.smartphone .flex-next {
    display: none;
}

.content-main.smartphone.home h2 {
    margin: 70px 0 50px;
}

.content-main.smartphone.home h3 {
    margin: 50px 0;
}

.content-footer.smartphone {
    padding: 30px;
    color: #aaa;
    background-color: #293547;
    box-sizing: border-box;
}

.content-footer.smartphone .logo {
    width: 200px;
}

.content-footer.smartphone ul {
    margin: 30px 0;
    list-style: none;
}

.content-footer.smartphone ul .name {
    color: #3d87ff;
}

.content-footer.smartphone ul .divider {
    margin: 0 10px;
    opacity: 0.3;
    font-size: 12px;
    position: relative;
    top: -2px;
}

.web_footer ul li .name {
    width: 140px !important;
}

.jeiseuteg-4business1 .overlap-group4 {
    background-image: url('../img/IT_tid292t002225.png');
}

.history_menu li {
    padding: 10px 0;
    line-height: 30px !important;
}

.site-navigation.active .inner {
    opacity: 1;
    transform: translateY(-300px);
}

.main-notice-container {
    margin: 0 auto;
    width: 100%;
    max-width: 1180px;
    border-top: 1px solid #222;
    border-bottom: 1px solid #ddd;
}

.main-notice-container ul {
    list-style: none;
}

.main-notice-container li {
    position: relative;
    padding: 30px 3% 0;
    text-align: left;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.main-notice-container li:last-child {
    border-bottom: none;
}

.main-notice-container li .label {
    padding: 5px 6px;
    font-size: 13px;
    color: #3D87FF;
    border: 1px solid #3D87FF;
}

.main-notice-container li .notice-title {
    display: block;
    margin: 20px 0;
    font-size: 20px;
    color: #444;
}

.main-notice-container li .notice-content {
    display: block;
    margin: 20px 0;
    font-size: 16px;
    color: #888;
}

.main-notice-container li .date {
    position: absolute;
    bottom: 20px;
    right: 13%;
    font-size: 14px;
}

.main-notice-container li .more {
    position: absolute;
    top: 50%;
    right: 3%;
    margin-top: -30px;
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
    .main-notice-container li .date {
        position: static;
        margin-bottom: 20px;
        float: right;
    }

    .main-notice-container li .more {
        top: 10%;
        margin-top: 0;
    }
}

.business-tab-menu {
    bottom: -17%;
}

.business-tab-menu.desktop.business-mobile.financial {
    bottom: auto;
    top: 130px;
}

@media screen and (max-width: 1024px) {
    .business-tab-menu.desktop.business-mobile.financial {
        position: absolute !important;
        bottom: auto;
        top: 70px !important;
        zoom: 0.8;
        transform: scale(0.8);
    }
}

@media screen and (max-width: 600px) {
    .business-tab-menu.desktop.business-mobile.financial {
        min-width: auto !important;
        zoom: 0.6;
        transform: scale(0.6);
    }
}

.business-tab-menu ul li {
    border-right: none;
    border: 1px solid #ddd;
}

.business-tab-menu ul li:last-child {
    border-right: 1px solid #ddd;
}

.business-top-tab-menu {width: 960px; position: absolute; bottom: 35%; left: 50%; transform: translateX(-50%);}

.business-top-tab-menu ul { overflow: hidden;}

.business-top-tab-menu ul li {
    float: left;
    width: 240px;
    height: 60px;
    border: 1px solid #fff;
    border-right: none;
}

.business-top-tab-menu ul li:last-child {
    border-right: 1px solid #fff;
}

.business-top-tab-menu ul li a {
    display: block;
    height: 100%;
    line-height: 58px;
    text-align: center;
    color: #A3A4B0;
    font-size: 18px;
    font-family: "NotoSans CJK KR-Regular", Helvetica;
    background-color: transparent;
    text-decoration: none;
}

.business-top-tab-menu ul li:hover a,
.business-top-tab-menu ul li.active a {
    color: #0E4194;
    font-weight: bold;
    background-color: #fff;
}

.sub-title-desc {
    font-size: 24px;
    font-weight: normal;
}

.business-slider1-content {
    display: none;
}

.business-slider1-content:first-child {
    display: block;
}

.business-slider1-content p {
    margin-top: 30px;
    margin-bottom: 40px;
}

.business-slider1-content .equipment-type {
    display: inline-block;
    margin-bottom: -20px;
    font-weight: bold;
    font-size: 18px;
    color: #0E4194;
    border-top: 2px solid #0E4194;
}

.business-slider1-content .equipment-type + p {
    margin-top: 10px;
}

/* .site-navigation .inner ul li {
    margin: 0 50px;
}

.site-navigation .inner ul li a {
    font-size: 34px;
}

.site-navigation .inner ul li ul li a {
    font-size: 22px;
} */



.business-contact {
    display: block !important;
    position: fixed;
    top: 90px;
    right: 10px;
    width: 90px;
    z-index: 1000;
}

.ir_page .chart_2_wrap {
    padding: 0 10% !important;
}

.stockTbl-wrapper {
    overflow-x: auto;
}

#page_title.business {
    top: 67%;
}

#page_title.rnd_menu {
    top: 53%;
}

.business_top_tab_menu {
    bottom: 18% !important;
}

.business_top_tab_menu.rnd_menu {
    bottom: 33% !important;
}

.mobile-only {
    display: none;
}

@media screen and (max-width: 600px) {
    .business-top-tab-menu.desktop.business-mobile.desktop-only,
    .desktop-only {
        display: none !important;
    }
    
    .mobile-only {
        display: block;
    }

    .desktop.business-mobile {
        display: block !important;
    }

    #page_title.main {
        top: 67% !important;
    }

    #page_title {
        /* top: 40% !important; */
    }

    #page_sub_title {
        position: absolute;
        width: 100%;
        font-size: 32px !important;
        font-family: 'Noto Sans KR' !important;
        font-weight: 700 !important;
    }

    .business-top-tab-menu.desktop.business-mobile {
        max-width: 100%;
        text-align: center;
    }

    .business-top-tab-menu.desktop.business-mobile ul {
        display: inline-block;
    }

    .business-top-tab-menu.desktop.business-mobile ul li {
        float: left;
        width: auto;
        min-width: 70px;
        height: 50px;
        border: 1px solid #fff;
        border-right: none;
    }

    .business-top-tab-menu.desktop.business-mobile ul li:last-child {
        border-right: 1px solid #fff;
    }

    .business-top-tab-menu.desktop.business-mobile ul li a {
        padding: 0 10px;
        line-height: 46px;
    }

    .business-tab-menu.desktop.business-mobile {
        top: 950px;
        zoom: 0.6;
        width: 100%;
        min-width: 360px !important;
        /* transform: translateX(3%); */
        margin-left: 20px;
    }

    .business-tab-menu.desktop.business-mobile.recruitment {
        top: 450px;
    }

    .main_subject.recruitment {
        margin-top: 100px;
    }

    .business_page.desktop.business-mobile {
        margin-bottom: 200px;
    }

    .business-contact {
        top: 60px;
        right: 0;
        width: 70px;
    }

    .modal {
        top: 30px;
        height: calc(100% - 50px);
    }

    .smartphone.business-mobile {
        display: none !important;
    }

    .site-navigation .inner ul {
        width: 90% !important;
    }

    .site-navigation .inner ul li i.fas {
        margin-top: 6px;
        font-size: 24px;
    }

    #sub_page.smartphone .content_img_title_box h3 {
        font-size: 20px !important;
    }

    .main_subject.poppins-bold-log-cabin-60px {
        font-size: 22px !important;
    }

    .sub-title-desc {
        font-size: 18px !important;
    }

    #page_title_bg, #page_title_bg .shadow  {
        /* height: 500px !important; */
    }

    #page_title_bg.jeiseuteg-main, #page_title_bg.jeiseuteg-main .shadow {
        height: auto !important;
    }

    .main_logo_wrap {
        top: 65% !important;
    }

    .history_menu li {
        width: 50% !important;
    }

    .site-navigation.active .inner {
        margin-top: 100px !important;
    }
}

@media screen and (max-width: 1024px) {
    .business-top-tab-menu.desktop.business-mobile {
        zoom: 0.7;
    }

    .business-tab-menu {
        width: auto !important;
    }

    .business_list_wrap li .name {
        font-size: 16px !important;
    }
}

.site-navigation .inner ul li i.fas {
    cursor: pointer;
}

@media screen and (min-width: 600px) {
    .history_menu {
        width: 750px !important;
    }
    
    .history_menu li {
        width: 16% !important;
    }

    .business_list_wrap.rnd li {
        width: 20%;
    }
}

@media screen and (min-width: 1500px) {
    .latest {
        margin-bottom: -700px;
    }
}

@media screen and (min-width: 860px) {
    .latest {
        margin-bottom: -500px;
    }
}

.ir_page .chart_title {
    padding-top: 5%;
}

.ir_page {
    margin-bottom: 200px;
}

.video-js {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
}

.history_info img {
    width: 100%;
}

.history_info .title_part {
    width: 36% !important;
}

.history_info .year_part {
    width: 64% !important;
}

.hire_page ul li h3 {
    width: 250px !important;
}

.hamburger {
    width: 34px
}

.hamburger span:nth-child(2) {
    top: 10px;
}

.hamburger span:nth-child(3) {
    top: 20px;
}

.scrolltop {
    position: fixed;
    display: none;
    cursor: pointer;
    z-index: 105;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    bottom: 43px;
    right: 43px;
    background-color: #0095e8;
    box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    opacity: 0.3;
    transition: color .2s ease;
    border-radius: 9px;
}

.scrolltop:hover {
    opacity: 1;
}

.scrolltop .svg-icon {
    position: relative;
    top: 3px;
    left: 6px;
    color: #fff;
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
    .scrolltop {
        bottom: 20px;
        right: 20px;
    }

    .container-center-horizontal .scroll-down,
    .container-center-horizontal .x1,
    .container-center-horizontal .x2,
    .container-center-horizontal .x3,
    .mouse-animation {
        display: none !important;
    }
}

@media screen and (max-width: 1024px) {
    .business-tab-menu.business-mobile {
        display: inline-block !important;
        position: relative;
        margin-left: 0 !important;
    }
}

.jeiseuteg-1-1saeobgaeyo .overlap-group6 {
    background-image: url(/images/company_overview_img_3.jpg) !important;
}

.business_page .slide_wrap .control .btn #business-slider1-prev, .business_page .slide_wrap .control .btn #business-slider1-next {
    background: none !important;
}

.stock_down {
    top: 12px !important;
}

.jeiseuteg-2-1jaemujeongbo .overlap-group4 {
    background-image: url(../img/bg-financial-information.png) !important;
}

.jeiseuteg-2-2-gongsijeongbo .overlap-group1 {
    background-image: url(../img/bg-ir-materials.png) !important;
}

.jeiseuteg-3-4-saugaelreori .overlap-group1 {
    background-image: url(../img/bg-careers-gallery.png) !important;
}

.business_top_tab_menu.child_4 li {
    width: 25% !important;
}

.business_tab_menu.child_4 li {
    width: 25% !important;
}

.ci-download-btn {
    display: block;
    cursor: pointer;
}

.modal table th {
    vertical-align: middle;
}

.ir-public-table th {
    text-align: center !important;
}

.dataTables_wrapper .dataTables_paginate {
    float: none !important;
    text-align: center !important;
    font-size: 20px;
    margin-top: 30px;
}

table.dataTable th, table.dataTable tbody td {
    padding: 0 !important;
}

table.dataTable th {
    border-bottom: 1px solid #000 !important;
}

table.dataTable.no-footer {
    border-top: 2px solid #000;
    border-bottom: none;
}