@charset "utf-8";

/* css for k.chosunbiz.com webfont 20220929 */
@font-face {
    font-family: '조선고딕';
    src: local('조선고딕'), url('/font/Chosun_Gothic.woff2') format('woff2'), url('/font/Chosun_Gothic.woff') format('woff');
}

@font-face {
    font-family: '조선중간고딕';
    src: local('조선중간고딕'), url('/font/Chosun_M_Gothic_Bold.woff2') format('woff2'), url('/font/Chosun_M_Gothic_Bold.woff') format('woff');
}

@font-face {
    font-family: '조선명조';
    src: local('조선명조'), url('/font/Chosun_Myeongjo.woff2') format('woff2'), url('/font/Chosun_Myeongjo.woff') format('woff');
}

@font-face {
    font-family: '조선중간명조';
    src: local('조선중간명조'), url('/font/Chosun_M_Myeongjo_Bold.woff2') format('woff2'), url('/font/Chosun_M_Myeongjo_Bold.woff') format('woff');
}

body {
    width: 100%;
    margin: 0;
    font-family: '조선고딕', '조선중간고딕', sans-serif;
    background: #FFFFFF;
    overflow-x: hidden;
}

/* width추가 1013 */
.economy-right-img {
    height: 262px;
    width: 220px;
    margin-left: auto;
}

.economy-box-area {
    padding: 32px 40px 0 40px;
    position: relative;
    background: #F2F4F7;
    border-radius: 8px;
    display: flex;
    margin-bottom: 40px;
    overflow-y: hidden;
}

.article-text {
    font-weight: 400;
    font-size: 22px;
    line-height: 31px;
    text-decoration: none;
    color: #222222;
}

.biz-k-footer {
    width: 100%;
    max-width: 696px;
    font-style: normal;
    margin: auto;
    padding-top: 24px;
    border-top: 1px solid #EAEAEA;
    margin-top: 60px;
}

.economy-btn svg {
    position: relative;
    bottom: 2px;
}

.video-category-text svg {
    position: relative;
    bottom: 2px;
}

.left-text-bottom svg {
    position: relative;
    bottom: 2px;
}

/* esg교육 1006 추가 */
.left-text-bottom svg {
    position: relative;
    bottom: 2px;
}

/* 메인 변경 10/11 */
.main-article-text {
    font-weight: 700;
    font-size: 40px;
    line-height: 53px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #222222;
    text-decoration: none;
    padding-bottom: 12px;
}

/* 메인 추가 */
.main-article-img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main-article-img-area {
    overflow: hidden;
    position: relative;
    height: 232px;
}

/* 기존 style에 있는 값 삭제 후 추가 1013 */
.img--size {
    width: 100%;
    height: -webkit-fill-available;
    box-shadow: 0px -4px 24px 0px rgba(0, 0, 0, 0.12);
}

/* 기존 index에 style삭제 후 추가 1013 */
.top-banner-img-area {
    width: 99px;
    height: 64px;
    padding-left: 12px;
    position: absolute;
    bottom: 0;
}

/* 기존 영상섹션에 style삭제 후 추가 1014 */
.video-section-banner {
    margin-bottom: 24px;
    position: relative;
    height: 140px;
}