/* Weather IMC

sub css
update : 2023.04.26

*/

@charset "utf-8";
@font-face{font-family:'NanumSquareL'; src:url('../fonts/NanumSquare_L.eot'); src:url('../fonts/NanumSquare_L.woff') format('woff');}
@font-face{font-family:'NanumSquareR'; src:url('../fonts/NanumSquare_R.eot'); src:url('../fonts/NanumSquare_R.woff') format('woff');}
@font-face{font-family:'NanumSquareB'; src:url('../fonts/NanumSquare_B.eot'); src:url('../fonts/NanumSquare_B.woff') format('woff');}
@font-face{font-family:'NanumSquareEB'; src:url('../fonts/NanumSquare_EB.eot'); src:url('../fonts/NanumSquare_EB.woff') format('woff');}
@font-face {font-family:'MalgunGothic'; src:url('../fonts/MalgunGothic.eot');}

*{ margin: 0; padding: 0; box-sizing: border-box;}
body{font-family: 'NanumSquareR', sans-serif !important;}
h1, h2, h3, h4, h5, h6 {
    margin-top: 5px;
    font-family: 'NanumSquareB', sans-serif;
    color: #474747;
}

.sub-header{height: 400px;position: relative;}
.sub-header > .sub-header-cover{background: #0000008c;position: absolute;height: 400px;width: 100%;top: 0;}
.sub-header > img{position: absolute;top: 0;height: 400px;width: 100%;object-fit: cover;}

.sub-header-title{position: absolute;top: 170px;width: 100%;left: 0;text-align: center;}
.sub-header-title > h2{color: #fff;font-size: 50px;font-family: 'NanumSquareEB';}
.sub-header-title > span{color: #e9e9e9;font-size: 20px;margin-bottom: 15px;display: block;}

.subpage-content{margin-bottom: 50px; border-bottom: 1px solid #ddd;}
.sub-intro{padding: 5rem 0 5rem 0;text-align: center;}
.sub-intro > .sub-intro-deco{width: 50px;height: 5px;background: #1a75bc;margin: auto;margin-bottom: 20px;}
.sub-intro > h2{font-size: 50px;font-weight: bold;font-family: 'NanumSquareEB', sans-serif;margin-bottom: 30px;}
.sub-intro > span{font-size: 24px;color: #242525;margin-bottom: 0px;display: block;}

.sub-content-title{font-size: 24px;font-weight: bold;} 
.sub-content-title > img{height: 24px;margin-right: 10px;vertical-align:top;}

.sub-content-img{width: 100%;height: auto;}
.sub-content-img > img{display: block;height: auto;margin: auto;width: 70%;}
.sub-content-img > h4{font-size: 24px;font-weight: bold;text-align: center;margin-top: 30px;}
.second-img{display: block;height: auto;margin: auto;width: 50%;}

.sub-content-box{background: #1a75bc0d;border: 1px solid #1a75bc;border-radius: 5px;padding: 20px 30px;}
.sub-content-box > ul{list-style: none;padding-left: 0;margin-bottom: 0;}
.sub-content-box > ul > li{font-size: 16px;margin-bottom: 10px;}
.sub-content-box > ul > li:last-child{margin-bottom: 0;}
.sub-content-box > ul > li > i{margin-right: 10px;color: #1a75bc;}

.subpage-tab-nav{display: flex;justify-content: flex-start;align-items: center;padding: 15px 0;width: 100%;margin-bottom: 30px;}
.subpage-tab-nav > li{width: 50%;text-align: center;}
.subpage-tab-nav > li > a{padding: 20px 0px;background: #fff;border-radius: 10px;margin-right: 15px;color: #969696;font-size: 18px;border: 1px solid #ddd;}
.subpage-tab-nav > li.active > a{background-color: #1a75bc12;color: #1a75bc;font-weight: bold;border: 1px solid #1a75bc;}
.subpage-tab-nav > li > a:focus{text-decoration: none;}

.education-box{background: #f1f5f9;padding: 30px 15px 30px 50px;display: flex;justify-content: flex-start;align-items: center;border-radius: 5px;}
.education-box > .education-step{background: #fff;width: 100px;height: 100px;border-radius: 100px;text-align: center;padding: 12px;}
.education-box > .education-step > span{font-size: 12px;color: #1a75bc;}
.education-box > .education-step > h2{font-size: 40px;font-weight: bold;color: #1a75bc;margin-top: 0;}

.education-box > .education-list{margin-left: 30px;width: 70%;}
.education-box > .education-list > h4{font-size: 20px;font-weight: bold;margin-bottom: 20px;text-align: left;}
.education-box > .education-list > ul{padding-left: 0;list-style: none;text-align: left;height: 50px;}
.education-box > .education-list > ul > li{margin-bottom: 10px;}

.education-table{width: 100%;border-top: 2px solid #1a75bc; text-align: center;}
.education-table > thead > tr{background: #f1f5f9;}
.education-table > thead > tr > th{padding: 15px 0px;text-align: center;border-right: 1px solid #fff;font-size: 16px;}
.education-table > thead > tr > th:last-child{border-right: 0px solid #fff;}
.education-table > tbody > tr{border-bottom: 1px solid #ddd;}
.education-table > tbody > tr > td{font-size: 14px;color: #666;padding: 15px 0px;border-right: 1px solid #ddd;}
.education-table > tbody > tr > td:last-child{border-right: 0px solid #ddd;}

.target-box{background: #f1f5f9;border: 1px solid #ddd;display: flex;justify-content: center;align-items: center;padding: 15px 0;}
.target-box > h4{margin: 0;font-weight: bold;}
.target-box > span{margin-right: 20px;font-size: 16px;background: #1a75bc;color: #fff;padding: 2px 10px;border-radius: 20px;}

.awards-content{margin: 0 15px;}
.awards-content > .image-popup-vertical-fit > .awards-img{text-align:center;width: 100%;height: 400px;position: relative;border-radius: 10px;isolation: isolate;overflow: hidden;margin-bottom: 30px;border: 1px solid #f3f3f3;}
.awards-content > .image-popup-vertical-fit > .awards-img > img{ /*width: 100%;*/ height: 400px;object-fit: cover;}
.awards-content > .image-popup-vertical-fit > .awards-img:hover > img{transform: scale(1.1);transition: 0.5s;cursor: pointer;}
.awards-content > .image-popup-vertical-fit > .awards-title > h4{color: #000;font-weight: bold;line-height: 25px;height: 50px;}
.awards-content > .image-popup-vertical-fit > .awards-title > span{color: #969696;}

.midea-content{margin: 0 15px;}
.midea-content > .midea-dep > .midea-img{width: 100%;height: 200px;position: relative;border-radius: 10px;isolation: isolate;overflow: hidden;margin-bottom: 30px;border: 1px solid #f3f3f3;}
.midea-content > .midea-dep > .midea-img > img{width: 100%;height: 200px;object-fit: cover;}
.midea-content > .midea-dep > .midea-img:hover > img{transform: scale(1.1);transition: 0.5s;cursor: pointer;}
.midea-content > .midea-dep > .midea-title > h4{color: #000;font-weight: bold;line-height: 25px;height: 30px;}
.midea-content > .midea-dep > .midea-title > span{color: #969696;}

.video-content{margin: 0 15px;}
.video-content > .popup-youtube > .video-img{width: 100%;height: 250px;position: relative;border-radius: 10px;isolation: isolate;overflow: hidden;margin-bottom: 30px;border: 1px solid #f3f3f3;}
.video-content > .popup-youtube > .video-img:hover::before{opacity: 1;}
.video-content > .popup-youtube > .video-img::before{content: '';display: block;position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,0.7);opacity: 0;transition: opacity 0.3s ease;}
.video-content > .popup-youtube > .video-img:hover::after{opacity: 1;transition: opacity 0.5s ease;}
.video-content > .popup-youtube > .video-img::after{content: '';display: block;position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;background: url(../img/play-btn.png) no-repeat;background-size: 230px auto;background-position: center;opacity: 0;}
.video-content > .popup-youtube > .video-img > img{width: 100%;height: 250px;object-fit: cover;}
.video-content > .popup-youtube > .video-img:hover > img{transform: scale(1.1);transition: 0.5s;cursor: pointer;}
.video-content > .popup-youtube > .video-title > h4{color: #000;font-weight: bold;line-height: 25px;height: 50px;}
.video-content > .popup-youtube > .video-title > span{color: #969696;}

@media (max-width: 1200px){
    .video-content > .popup-youtube > .video-title > h4{color: #000;font-weight: bold;line-height: 20px;height: 60px;}
}
@media (max-width: 768px){
    .sub-header-title{position: absolute;top: 150px;width: 100%;left: 0;text-align: center;}
    .sub-header{height: 300px;position: relative;}
    .sub-header > .sub-header-cover{background: #0000008c;position: absolute;height: 300px;width: 100%;top: 0;}
    .sub-header > img{position: absolute;top: 0;height: 300px;width: 100%;object-fit: cover;}
    .sub-intro > h2{font-size: 50px;font-weight: bold;font-family: 'NanumSquareEB', sans-serif;margin-bottom: 15px;}
    .sub-header-title > span {
        color: #e9e9e9;
        font-size: 14px;
        margin-bottom: 20px;
        display: block;
    }
    .sub-header-title > h2 {
        color: #fff;
        font-size: 30px;
        font-weight: bold;
    }
    .sub-intro {
        padding: 2rem 0 2rem 0;
        text-align: center;
    }
    .sub-intro > span {
        font-size: 14px;
        color: #454545;
        margin-bottom: 20px;
        display: block;
    }
    .sub-intro > h2 {
        font-size: 24px;
        font-weight: bold;
    }
    .sub-content-title {
        font-size: 18px;
        font-weight: bold;
    }
    .sub-content-img > img {
        display: block;
        height: auto;
        margin: auto;
        width: 100% !important;
    }
    .sub-content-box > ul > li {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .sub-content-box{background: #1a75bc0d;border: 1px solid #1a75bc;border-radius: 5px;padding: 20px 15px;}
    .awards-content{margin: 0 0px;}
    .subpage-tab-nav {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 15px 0;
        width: 100%;
        flex-direction: column;
    }
    .subpage-tab-nav > li {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .subpage-tab-nav > li.active > a {
        background-color: #1a75bc12;
        color: #1a75bc;
        font-weight: bold;
        border: 1px solid #1a75bc;
        font-size: 12px;
    }
    .subpage-tab-nav > li > a {
        padding: 20px 0px;
        background: #fff;
        border-radius: 10px;
        margin-right: 15px;
        color: #969696;
        font-size: 12px;
        border: 1px solid #ddd;
    }
    .video-content > .popup-youtube > .video-title > h4{color: #000;font-weight: bold;line-height: 20px;height: 40px;}
}

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
    opacity: 0;
    backface-visibility: hidden;
    transition: all 0.3s ease-out 0s;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.98;
}

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-arrow-left::before {
    border-right: none !important;
}

.mfp-arrow-right::before {
    border-left: none !important;
}

button.mfp-arrow, .mfp-counter {
    transition: opacity 200ms ease-in 0s, opacity 2000ms ease-out 0s;
    opacity: 0 !important;
}

.mfp-container:hover button.mfp-arrow, .mfp-container:hover .mfp-counter {
    opacity: 1 !important;
}

.mfp-bg {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: rgba(11, 11, 11, 0.87);
    opacity: 0.8;
}

.mfp-wrap {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    backface-visibility: hidden;
    outline: none !important;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    padding: 0px 8px;
    box-sizing: border-box;
}

.mfp-container::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container::before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0px auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: rgb(204, 204, 204);
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: rgb(204, 204, 204);
}

.mfp-preloader a:hover {
    color: rgb(255, 255, 255);
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0px;
    appearance: none;
    display: block;
    outline: none;
    padding: 0px;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0px;
    top: 0px;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0px 0px 18px 10px;
    color: rgb(255, 255, 255);
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: rgb(51, 51, 51);
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: rgb(255, 255, 255);
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0px;
    right: 0px;
    color: rgb(204, 204, 204);
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: -55px 0px 0px;
    top: 50%;
    padding: 0px;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow::before, .mfp-arrow::after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow::after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow::before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0px;
}

.mfp-arrow-left::after {
    border-right: 17px solid rgb(255, 255, 255);
    margin-left: 31px;
}

.mfp-arrow-left::before {
    margin-left: 25px;
    border-right: 27px solid rgb(63, 63, 63);
}

.mfp-arrow-right {
    right: 0px;
}

.mfp-arrow-right::after {
    border-left: 17px solid rgb(255, 255, 255);
    margin-left: 39px;
}

.mfp-arrow-right::before {
    border-left: 27px solid rgb(63, 63, 63);
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0px;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px;
    background: rgb(0, 0, 0);
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0px;
    margin: 0px auto;
}

.mfp-figure {
    line-height: 0;
}

.mfp-figure::after {
    content: "";
    position: absolute;
    inset: 40px 0px;
    display: block;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px;
    background: rgb(68, 68, 68);
}

.mfp-figure small {
    color: rgb(189, 189, 189);
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0px;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: rgb(243, 243, 243);
    overflow-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0px;
        padding-right: 0px;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0px;
    }

    .mfp-img-mobile .mfp-figure::after {
        top: 0px;
        bottom: 0px;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0px;
        margin: 0px;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0px;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0px;
        right: 0px;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0px;
    }
}

@media (max-width: 900px) {
    .mfp-arrow {
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        transform-origin: 0px center;
    }

    .mfp-arrow-right {
        transform-origin: 100% center;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

/* history list css */
.history-list-content{
	background:#fff;
	width:100%;
	height:auto;
}

.history_box_wr {
    margin-top: 60px;
    position: relative;
    z-index: 1;
}
.history_box_wr::before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background-color: #ddd;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: -1;
}
.history_box {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 85px;
}
.history_box_wr .history_box:nth-child(odd) {
    flex-direction: row-reverse;
    text-align: right;
}
.history_box .year, .history_box .cont {
    width: 560px
}
.history_box .year, .history_box .cont > ul {
    padding: 0;
}
.history_box .year > h1{
    font-size: 60px;
    font-family: 'NanumSquareEB';
}
.history_box .dot {
    width: 15px;
    height: 13px;
    border-radius: 50%;
    display: block;
    border: 3px solid #376fad;
    background-color: #fff;
    margin: 0 80px;
}
.history_box .cont h1 {
    font-size: 34px;
    font-weight: 700;
    color: #000;
}
.history_box .cont ul {
    margin-top: 20px;
    list-style: none;
}
.history_box .cont ul li {
    font-size: 16px;
    font-weight: 300;
    color: #666;
    line-height: 26px;
    margin-bottom: 12px;
    /*word-break: keep-all;*/
    letter-spacing: -.6px;
}
.history-list-title{
	display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #c7c7c7;
    color: #000;
    font-family: 'NanumSquareB';
}
.add-dot{
	position: absolute;
    left: 50%;
    top: 211px;
    transform: translateX(-50%);
    width: 13px;
	height: 13px;
    border-radius: 50%;
    display: block;
    border: 3px solid #376fad;
    background-color: #fff;
    margin: 0 0px;
}
.color-line{
	width: 1px;
    height: 66px;
    background: #376fad;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 144px;
}
.history_and{margin-bottom: 40px;}
.history_and > span{background: #376fad;padding: 15px 40px;border-radius: 40px;color: #fff;font-weight: bold;font-size: 22px;}

.w-history{
    display: block;
}
.m-history{
    display: none;
}
@media (max-width: 768px){
	.history-title-decoration{
		width: 30px;
		height: 5px;
		background: #fff;
		margin-top: 100px;
		margin-left: 15px;
	}
	.history-title{
		color: #fff;
		font-weight: bold;
		margin-bottom: 40px;
		margin-top: 10px;
		font-family: 'NanumSquareB';
		padding: 0 15px;
	}
    .history_box .year > h1{
        font-size: 40px;
    }
	.history-comment{
		font-size: 30px;
		font-weight: bold;
		color: #fff;
		font-family: 'NanumSquareEB';
		padding: 0 15px;
		margin-bottom: 20px;
	}
	.history_box .year, .history_box .cont {
		width: 550px;
	}
	.history_box .dot {
		width: 24px;
		height: 16px;
		border-radius: 50%;
		display: block;
		border: 3px solid #376fad;
		background-color: #fff;
		margin: 0 20px;
	}
	.add-dot {
		position: absolute;
		left: 50%;
		top: 269px;
		transform: translateX(-50%);
		width: 13px;
		height: 13px;
		border-radius: 50%;
		display: block;
		border: 3px solid #376fad;
		background-color: #fff;
		margin: 0 0px;
	}
	.color-line {
        width: 1px;
        height: 125px;
        background: #376fad;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 144px;
	}
}
@media (max-width: 640px){
    .w-history{
        display: none;
    }
    .m-history{
        display: block;
    }
    p {
        font-size: 14px;
        font-weight: bold;
        line-height: 21px;
        color: #6c6c6c !important;
    }
    .cont > ul > li > h3{
        font-size: 18px;
    }
    .company-icon-row-2 {
        position: absolute;
        top: 170px;
        left: 20px;
        z-index: 100;
    }
    .m-history .history-title-decoration {
        width: 30px;
        height: 5px;
        background: #fff;
        margin-top: 80px;
        margin-left: 15px;
    }
    .m-history .history-comment {
        font-size: 35px;
        font-weight: bold;
        color: #fff;
        font-family: 'NanumSquareEB';
        padding: 0 15px;
        margin-bottom: 20px;
        line-height: 45px;
    }
    .m-history .history_box .dot {
        width: 26px;
        height: 14px;
        border-radius: 50%;
        display: block;
        border: 3px solid #376fad;
        background-color: #fff;
        margin: 0px 10px;
    }
    .m-history .add-dot {
        position: absolute;
        left: 50%;
        top: 269px;
        transform: translateX(-50%);
        width: 13px;
        height: 13px;
        border-radius: 50%;
        display: block;
        border: 3px solid #376fad;
        background-color: #fff;
        margin: 0px 0px;
    }
    .m-history .color-line {
        width: 1px;
        height: 120px;
        background: #376fad;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 155px;
    }
}

.partner-list > ul{list-style: none;padding: 0;margin: 0;display: flex; justify-content: space-between;align-items: center;flex-wrap: wrap;}
.partner-list > ul > li{width: 20%; margin-bottom: 50px;padding: 0 10px;}
.partner-list > ul > li > img{width: 100%;height: auto;border: 1px solid #ddd;padding: 10px;border-radius: 10px;}
@media (max-width: 768px){
    .partner-list > ul > li{width: 33.3333%;}
}
@media (max-width: 500px){
    .partner-list > ul > li{width: 50%;}
    .partner-list > ul > li > img{width: 80%;height: auto;}
}

.welfare-list > ul{list-style: none;padding: 0;margin: 0;display: flex; justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.welfare-list > ul > li{width: 25%; margin-bottom: 30px;padding: 0 10px;}
.welfare-list > ul > li > .welfare-list-box{padding:40px 20px;border: 1px solid #ddd;border-radius: 5px;height: 329px;}
.welfare-list > ul > li > .welfare-list-box > .welfare-img-box{width: 120px;height: 120px;background: #fff;border-radius: 100px;border: 5px solid #406da4;margin: auto;margin-bottom: 30px;display: flex;justify-content: center;align-items: center;position: relative;}
.welfare-list > ul > li > .welfare-list-box > .welfare-img-box::before{content: '';position: absolute;width: 140px;height: 140px;border: 1px dashed #8d8d8d;border-radius: 100px;}
.welfare-list > ul > li > .welfare-list-box > .welfare-img-box::after{content: '';position: absolute;width: 30px;height: 30px;background: #84bbff6b;border-radius: 20px;top: 55px;left: 25px;}
.welfare-list > ul > li > .welfare-list-box > .welfare-img-box > img{position: relative; width: 50%;}

.welfare-list > ul > li > .welfare-list-box > .welfare-content{margin-top: 40px;}
.welfare-list > ul > li > .welfare-list-box > .welfare-content > .welfare-content-category{width: 35px;height: 5px;border-radius: 10px;background: #84bbff;margin: auto;margin-bottom: 10px;}
.welfare-list > ul > li > .welfare-list-box > .welfare-content > h4{font-size: 20px;font-weight: bold;}
.welfare-list > ul > li > .welfare-list-box > .welfare-content > span{color: #454545;font-size: 14px;}

.card-other-bg{background: #f7f8f9;}

@media (max-width: 992px){
    .welfare-list > ul > li{width: 50%; margin-bottom: 30px;padding: 0 10px;}
}
@media (max-width: 500px){
    .welfare-list > ul > li{width: 100%; margin-bottom: 30px;padding: 0 10px;}
}

.media-detail-header{padding-top: 50px;margin-bottom: 30px;}
.media-detail-header > .media-detail-data{margin-bottom: 15px;}
.media-detail-header > .media-detail-data > span{font-size: 16px;}
.media-detail-header > .media-detail-data > span:last-child{color: #969696;}
.media-detail-header > .media-detail-title{padding-bottom: 15px;border-bottom: 2px solid;}
.media-detail-header > .media-detail-title > h2{font-weight: bold;}

.media-detail-body{padding-bottom: 20px;border-bottom: 1px solid #ddd;margin-bottom: 20px;}
.media-detail-body > .media-detail-img{width: 100%;height: auto;background: #fff;margin-bottom: 30px;}
.media-detail-body > .media-detail-img > img{width: 100%;height: 500px;object-fit: contain;}
.media-detail-body > .media-detail-content > p{font-size: 14px;color: #454545;}

.media-detail-btn{display: flex;justify-content: space-between;align-items: center;}
.media-detail-btn > .prev-btn{color: #969696;font-size: 16px;}
.media-detail-btn > .list-btn{min-width: 160px;height: 60px;font-size: 18px;letter-spacing: -0.03em;line-height: 3.4117647059;padding: 0 30px;border-radius: 30px;background-color: #969696;color: #fff;text-align: center;}
.media-detail-btn > .list-btn:hover{background-color: #376fad;}
.media-detail-btn > .next-btn{color: #969696;font-size: 16px;}


/* sub header menu css */

.sub-header-menu{position: absolute;bottom: 0;width: 100%;background: #0f171e63;}
.sub-header-menu > ul{display: flex;align-items: center;justify-content: center;list-style: none;margin-bottom: 0;}
.sub-header-menu > ul > li{padding: 15px 0px;height: 100%;width: 300px;text-align: center;}
.sub-header-menu > ul > li.active{background: #fff;border-top: 5px solid #5493e1;}
.sub-header-menu > ul > li > a{color: #fff;font-size: 18px;}
.sub-header-menu > ul > li.active > a{color: #376fad;font-weight: 600;}

@media (max-width: 768px){
    .sub-header-menu{display: none;}
}