@charset "utf-8";


/*main*/
.main{margin-top:0; font-family: 'Paperozi';}

.main .swiper-slide{height:100%; overflow: hidden; position:relative;}

.main .swiper-slide::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    pointer-events:none;

    background:linear-gradient(
        135deg,
         rgba(255,255,255,0.3) 0%,
		rgba(255,255,255,0.15) 40%,
		rgba(255,255,255,0) 80%
    );
}
.main > .mySwiper01 .swiper-pagination { bottom: 30px !important;}

.main > .mySwiper01 .swiper-pagination-bullet {width: 10px; height: 10px; background: rgba(0,180,238,.45); opacity: 1; transition: all .3s ease; margin: 0 10px;}

.main > .mySwiper01 .swiper-pagination-bullet-active { background: rgba(0,180,238,1); transform: scale(1.5);}

.main > .mySwiper01 .swiper-button-next,
.main > .mySwiper01 .swiper-button-prev {/*  width: 46px; height: 46px; */ background: transparent; z-index: 20; margin: 0 20px;}

.main .swiper-slide {height: 800px; overflow: hidden; position: relative;}

.main img{display: block; max-width: 100%; width: 100%; height: 100%; object-fit: cover;}
.main .slide_txt .txt-inner > br{display: none;}

.main .slide_txt {
    position:absolute;
    inset:0;
    z-index:100;
    pointer-events:none;
}

.main .slide_txt .slide-line{
    overflow:hidden;
}

.main .slide_txt .txt-inner{
    display:inline-block;
    transform:translateY(100%);
    animation:slideUp .9s cubic-bezier(.19,1,.22,1) forwards;
}

@keyframes slideUp{
    to{
        transform:translateY(0);
    }
}

.main .slide_txt .en-wrap{
    position:absolute;
    left:250px;
    top:50%;
    transform:translateY(-50%);

    font-size:58px;
    line-height:1.3;
    font-weight:900;
    letter-spacing:-2px;

    text-transform:uppercase;
}

.main .slide_txt .line-1{
    margin-bottom:10px;
}

.main .slide_txt .white-text{
    color:rgba(255,255,255,0.92);
}

.main .slide_txt .highlight{
    color:#9BE15D;
}

.main .slide_txt .kr-wrap{
    position:absolute;
    left:930px;
    top:33%;
}

.main .slide_txt .kr-wrap .kr-img{
    width:400px;
	height: auto;
	object-fit: cover;
}

.main .slide_txt .en-wrap span{
    text-shadow:
    0 0 20px rgba(0,0,0,0.25),
    0 2px 10px rgba(0,0,0,0.35);
}


.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets {margin: 0 10px !important;}



/* info */
/* .main-info-section{width:100%; margin:120px 0;background:#fff;}
.main > .main-info-section > .inner{ max-width:1400px; margin:0 auto; padding:0 20px; box-sizing:border-box; display:flex; align-items:flex-start; gap:50px;}

.main > .main-info-section > .inner > .info-box{flex:1;min-width:0;display:flex;flex-direction:column;}
.main > .main-info-section > .inner > .info-box > .box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;}
.main > .main-info-section > .inner > .info-box > .box-header > h2{font-size:30px;font-weight:800;letter-spacing:-0.7px;color:#111;line-height:1;}

.main > .main-info-section > .inner > .info-box > .content{flex:1;}

.main > .main-info-section > .inner > .video-area{max-width:390px;}
.main > .main-info-section > .inner > .video-area > .box-header{margin-bottom:18px;}
.main > .main-info-section > .inner > .video-area > .box-header > .ctrl-btns{display:flex;align-items:center;gap:18px;}
.main > .main-info-section > .inner > .video-area > .box-header > .ctrl-btns > .page-num{display:flex;align-items:flex-end;gap:3px;line-height:1;}
.main > .main-info-section > .inner > .video-area > .box-header > .ctrl-btns > .page-num > strong{font-size:32px;font-weight:800;color:#243b90;letter-spacing:-1px;}
.main > .main-info-section > .inner > .video-area > .box-header > .ctrl-btns > .page-num > span{font-size:18px;font-weight:600;color:#999;position:relative;top:-1px;}
.main > .main-info-section > .inner > .video-area > .box-header > .ctrl-btns > .arrow-wrap{display:flex;align-items:center;gap:8px;}
.main > .main-info-section > .inner > .video-area > .box-header > .ctrl-btns > .arrow-wrap > button{width:36px;height:36px;border:1px solid #ddd;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.25s;padding:0;}
.main > .main-info-section > .inner > .video-area > .box-header > .ctrl-btns > .arrow-wrap > button > i{font-size:13px;color:#444;transition:.25s;}
.main > .main-info-section > .inner > .video-area > .box-header > .ctrl-btns > .arrow-wrap > button:hover{background:#243b90;border-color:#243b90;transform:translateY(-2px);}
.main > .main-info-section > .inner > .video-area > .box-header > .ctrl-btns > .arrow-wrap > button:hover > i{color:#fff;}

.main > .main-info-section > .inner > .video-area > .content{height:auto;}
.main > .main-info-section > .inner > .video-area > .content > .video-container{
	position:relative; width:100%; height:250px; min-height:auto; border-radius:10px; overflow:hidden; background:#000; box-shadow:0 12px 34px rgba(0,0,0,0.08);}

.main > .main-info-section > .inner > .video-area > .content > .video-container > iframe{width:100%; height:100%; border:0;}

.main > .main-info-section > .inner > .notice-area{flex:1.45; height: 51px;}
.main > .main-info-section > .inner > .notice-area > .tab-header{align-items:flex-start;}
.main > .main-info-section > .inner > .notice-area > .tab-header > .tab-menu{display:flex;align-items:center;flex-wrap:wrap;gap:20px;}
.main > .main-info-section > .inner > .notice-area > .tab-header > .tab-menu > li{position:relative;font-size:19px;font-weight:700;color:#666;padding:10px 0;cursor:pointer;transition:.25s;line-height:1;}
.main > .main-info-section > .inner > .notice-area > .tab-header > .tab-menu > li:hover{color:#223b8f;}
.main > .main-info-section > .inner > .notice-area > .tab-header > .tab-menu > li.active{padding:10px 18px;border-radius:14px;background:#223b8f;color:#fff;}
.main > .main-info-section > .inner > .notice-area > .tab-header > .tab-menu > li.active::after{content:'';position:absolute;left:22px;bottom:-6px;width:12px;height:12px;background:#223b8f;transform:rotate(45deg);border-radius:2px;}

.main > .main-info-section > .inner > .notice-area > .content{position:relative; min-height:0;}

.main > .main-info-section > .inner > .notice-area > .content > .tab-content{display:none;}
.main > .main-info-section > .inner > .notice-area > .content > .tab-content.active{display:block;}
.main > .main-info-section > .inner > .notice-area > .content > .tab-content > li:only-child{justify-content:center; padding:80px 0; color:#999; font-size:16px;}


.main > .main-info-section > .inner > .notice-area > .content > .tab-content > li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #ececec;transition:.2s;}
.main > .main-info-section > .inner > .notice-area > .content > .tab-content > li:hover{padding-left:8px;}
.main > .main-info-section > .inner > .notice-area > .content > .tab-content > li > a{flex:1;position:relative;font-size:17px;font-weight:400;color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:.2s;}
.main > .main-info-section > .inner > .notice-area > .content > .tab-content > li > a::before{content:'·';margin-right:7px;font-size:24px;position:relative;top:1px;}
.main > .main-info-section > .inner > .notice-area > .content > .tab-content > li:hover > a{color:#223b8f;}
.main > .main-info-section > .inner > .notice-area > .content > .tab-content > li > span{flex-shrink:0;font-size:14px;font-weight:500;color:#999;}
.main > .main-info-section > .inner > .info-box > .box-header > .more-btn{width:38px;height:38px;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:300;color:#333;transition:.25s;}
.main > .main-info-section > .inner > .info-box > .box-header > .more-btn:hover{background:#223b8f;border-color:#223b8f;color:#fff;transform:rotate(90deg);}

.main > .main-info-section > .inner > .support-area{max-width:320px;}
.main > .main-info-section > .inner > .support-area > .content{display:block; height:auto;}
.main > .main-info-section > .inner > .support-area > .content > .support-list{margin-top:5px;}

.main > .main-info-section > .inner > .support-area > .content > .support-list > li{font-size:18px;font-weight:400;color:#222;line-height:2.1; transition:.2s;}
.main > .main-info-section > .inner > .support-area > .content > .go-link{display: flex; align-items: flex-end; justify-content: flex-end; margin-top:28px; font-size:17px; font-weight:700; color:#333; transition:.2s;}
.main > .main-info-section > .inner > .support-area > .content > .go-link:hover{color:#223b8f;padding-right:5px;} */

.notice-wrap { width: 100%; max-width: 1400px; margin: 0 auto; padding: 120px 0px; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; background-color: #fff; }
.notice-wrap > .notice-container { display: flex; justify-content: space-between; align-items: flex-start; gap: 80px; }

.notice-container > .notice-title-box { width: 28%; min-width: 320px; box-sizing: border-box; padding-top: 40px;}
.notice-title-box > .sub-title { display: flex; align-items: center; font-size: 16px; font-weight: 500; color: #111; margin-bottom: 30px; gap: 15px; }
.notice-title-box > .sub-title::after { content: ''; flex-grow: 1; height: 1px; background-color: #000; max-width: 80px; }
.notice-title-box > .main-title { font-size: 30px; font-weight: 700; color: #111; line-height: 1.45; letter-spacing: -0.04em; margin: 0; }

.notice-container > .notice-content-grid { width: 72%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; }

.notice-content-grid > .notice-card { display: flex; flex-direction: column; background-color: #f8f9fa; padding: 40px 35px; border-radius: 12px; text-decoration: none; height: 280px; box-sizing: border-box; transition: transform 0.25s ease, box-shadow 0.25s ease; }
.notice-content-grid > .notice-card:hover { transform: translateY(-6px); box-shadow: 0 15px 30px rgba(0,0,0,0.06); background-color: #fff; border: 1px solid #eee; margin: -1px; }

.notice-card > .card-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; }
.card-top > .category { font-size: 15px; font-weight: 700; color: #1a73e8; letter-spacing: -0.02em; }
.card-top > .icon-plus { font-size: 22px; color: #1a73e8; font-weight: 300; line-height: 1; }

.notice-card > .card-title { font-size: 21px; font-weight: 700; color: #111; line-height: 1.45; margin: 0 0 15px 0; min-height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.notice-card > .card-desc { font-size: 15px; color: #666; line-height: 1.6; margin: 0 0 auto 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; }
.notice-card > .card-date { font-size: 14px; color: #999; margin-top: auto; font-family: 'Playfair Display', sans-serif; }

.notice-content-grid > .notice-slide-box { position: relative; border-radius: 12px; overflow: hidden; height: 280px; display: flex; flex-direction: column; box-sizing: border-box; }
.notice-slide-box > .slide-list { width: 100%; height: 100%; position: relative; flex-grow: 1; background-color: #f0f0f0; border-radius: 12px; overflow: hidden; }
.slide-list > .slide-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease; }
.slide-list > .slide-item.active { opacity: 1; visibility: visible; }
.slide-item > a { display: block; width: 100%; height: 100%; }
.slide-item > a > img { width: 100%; height: 100%; object-fit: cover; display: block; }
.notice-slide-box > .slide-list-mobile{display: none;}

.notice-slide-box > .slide-controls { position: absolute; bottom: 25px; right: 25px; display: flex; align-items: center; background-color: rgba(255, 255, 255, 0.95); padding: 8px 16px; border-radius: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); z-index: 10; gap: 10px; }
.slide-controls > button { background: none; border: none; cursor: pointer; font-size: 13px; color: #333; display: flex; align-items: center; justify-content: center; padding: 0; width: 26px; height: 26px; border-radius: 50%; transition: background-color 0.2s; }
.slide-controls > button:hover { background-color: #f0f0f0; }
.slide-controls > .slide-page-status { display: flex; align-items: center; font-size: 14px; font-weight: 500; color: #333; font-family: monospace; }
.slide-page-status > .current { color: #111; font-weight: 700; }
.slide-page-status > .divider { margin: 0 5px; color: #ccc; }
.slide-page-status > .total { color: #888; }



/* business */
.main > .business{width:100%; background:#f8f8f8; overflow:hidden; padding:80px 0 120px;}
.main > .business > .inner{max-width:1400px; margin:0 auto; box-sizing:border-box;}
.main > .business > .inner > .section-title{margin-bottom:50px;}
.main > .business > .inner > .section-title > h2{font-size:30px; font-weight:800; color:#111; margin-bottom:20px;}

.main > .business > .inner > .section-title > p{font-size:22px; line-height:1.5; color:#333;}

.main > .business > .inner > .section-title > .sub-title { display: flex; align-items: center; font-size: 16px; font-weight: 500; color: #111; margin-bottom: 30px; gap: 15px; }
.main > .business > .inner > .section-title > .sub-title::after { content: ''; flex-grow: 1; height: 1px; background-color: #000; max-width: 80px; }

.main > .business > .inner > .business-container{display:flex; gap:14px; width:100%; height:520px;}

.main > .business > .inner > .business-container > .business-item{ position:relative; flex:0.7; border-radius:26px; overflow:hidden; cursor:pointer; transition:all .6s cubic-bezier(.22,1,.36,1);}

.main > .business > .inner > .business-container > .business-item.expand{flex:3.8;}

.main > .business > .inner > .business-container > .business-item > .thumb{ position:absolute; inset:0;}

.main > .business > .inner > .business-container > .business-item > .thumb > img{width:100%; height:100%; object-fit:cover; transition:transform 1s ease;}

.main > .business > .inner > .business-container > .business-item.expand > .thumb > img{ transform:scale(1.05);}

.main > .business > .inner > .business-container > .business-item > .overlay{ position:absolute; inset:0; background:rgba(0,0,0,.45); transition:.4s;}

.main > .business > .inner > .business-container > .business-item.expand > .overlay{background:rgba(0,0,0,.2);}

.main > .business > .inner > .business-container > .business-item > .txt-box{position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:30px; color:#fff; transition:.4s;}

.business-item .mini-title{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;

    font-size:24px;
    font-weight:700;
    line-height:1.5;
    text-align:center;
    word-break:keep-all;

    color:#fff;
}

.business-item.expand .mini-title{
    display:none;
}

.business-item .full-content{
    display:none;
}

.business-item.expand .full-content{
    display:block;
}

.main > .business > .inner > .business-container > .business-item.expand > .txt-box{
    align-items:flex-start;
    justify-content:flex-end;
    text-align:left;
}

.main > .business > .inner > .business-container > .business-item.expand > .txt-box > .full-content > h3{
    font-size:42px;
    font-weight:800;
    line-height:1.3;
    color:#fff;
}

.main > .business > .inner > .business-container > .business-item.expand > .txt-box > .full-content > .desc{
    margin-top:18px;
    font-size:17px;
    line-height:1.7;
    color:#fff;
}

.main > .business > .inner > .business-container > .business-item.expand > .txt-box > .full-content > .view-more{
    display:inline-flex;
    margin-top:24px;
    padding:12px 24px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.7);
    color:#fff;
    transition:.3s;
}

.main > .business > .inner > .business-container > .business-item.expand > .txt-box > .full-content > .view-more:hover{
    background:#fff;
    color:#111;
}
.main > .business > .inner > .business-container > .business-item:not(.expand) > .txt-box > .desc,
.main > .business > .inner > .business-container > .business-item:not(.expand) > .txt-box > .view-more{
    display:none;
}

.main > .business > .inner > .business-container > .business-item.expand > .txt-box{
    writing-mode:initial;
    align-items:flex-start;
    justify-content:flex-end;
    text-align:left;
}

.main > .business > .inner > .business-container > .business-item.expand > .txt-box > h3{
    font-size:42px;
    font-weight:800;
    line-height:1.3;
}

.main > .business > .inner > .business-container > .business-item.expand > .txt-box > .desc{
    margin-top:18px;
    font-size:17px;
    line-height:1.7;
    opacity:1;
}

.main > .business > .inner > .business-container > .business-item.expand > .txt-box > .view-more{
    display:inline-flex;
    margin-top:24px;
    padding:12px 24px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.7);
    color:#fff;
    transition:.3s;
}

.main > .business > .inner > .business-container > .business-item.expand > .txt-box > .view-more:hover{
    background:#fff;
    color:#111;
}

/* initiatives */
.main > .initiatives{position:relative;width:100%;padding:100px 0;background:url('/images/main/initBg.png') center/cover no-repeat;}
.main > .initiatives::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.55);}
.main > .initiatives > .container{position:relative;max-width:1400px;margin:0 auto; z-index:2;}

.main > .initiatives > .container > .title{font-size:45px;font-weight:900;color:#d4ff00;margin-bottom:50px;line-height:1.3;}
.main > .initiatives > .container > .sub-title { display: flex; align-items: center; font-size: 16px; font-weight: 500; color: #d4ff00; margin-bottom: 30px; gap: 15px; }
.main > .initiatives > .container > .sub-title::after { content: ''; flex-grow: 1; height: 1px; background-color: #d4ff00; max-width: 80px; }

.main > .initiatives .swiper{padding:20px 0;overflow:hidden;}

.main > .initiatives .swiper-wrapper{align-items:stretch; margin-bottom: 30px;}

.main > .initiatives .swiper-slide{height:auto !important;display:flex;}

.main .initiatives .swiper-slide::before{
    display:none !important;
}

.main > .initiatives .card{width:100%;height:220px;padding:40px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(212,255,0,.35);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:flex-start; overflow:hidden;}

.main > .initiatives .card .category{font-size:12px;color:#d4ff00;margin-bottom:12px;}

.main > .initiatives .card .card-title{font-size:25px;font-weight:800;color:#fff;line-height:1.3;margin-bottom:10px;}

.main > .initiatives .card .description{font-size:16px;color:rgba(255,255,255,.7);line-height:1.7; margin-top: 15px;}

.main > .initiatives .swiper-pagination{bottom:0 !important;}

.main > .initiatives .swiper-pagination-bullet{background:rgba(255,255,255,.3);opacity:1;}

.main > .initiatives .swiper-pagination-bullet-active{background:#d4ff00;width:22px;border-radius:10px;}



/* full-banner */

.banner {
    display: flex;
    width: 100%;
    height: 600px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.banner,
.banner * {
    box-sizing: border-box;
}

.banner a {
    display: block;
    flex: 1;
    height: 100%;
    position: relative;
    z-index: 1;
    text-decoration: none;
}


.banner .banner-item {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
}


.banner .banner-item img.bg-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
    transition: transform 0.6s ease;
}


.banner .banner-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.6),
        transparent
    );
    z-index: 1;
}

.banner .banner-item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 90, 180, 0.9),
        rgba(0, 130, 255, 0.3),
        transparent
    );
    opacity: 0;
    z-index: 2;
    transition: opacity 0.4s ease;
}

.banner .banner-item::before,
.banner .banner-item::after {
    pointer-events: none;
}


.banner .text-box {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 3;
    transition: transform 0.4s ease;
}

.banner .text-box h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    margin: 0;
    letter-spacing: -0.5px;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    transition: text-shadow 0.4s ease;
}


.banner .banner-item:hover img.bg-img {
    transform: scale(1.08);
}

.banner .banner-item:hover::after {
    opacity: 1;
}

.banner .banner-item:hover .text-box {
    transform: translateY(-15px);
}

.banner .banner-item:hover .text-box h3 {
    text-shadow: none;
}

.banner img {
    display: block;
}

.banner .banner-item iframe.bg-video{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    border:0;

    object-fit:cover;

    pointer-events:none;

    z-index:0;

    transform:scale(1.4);
}

.banner-youtube{position:relative;}
.banner-youtube > .ytimg{
    position:absolute;
    top:30px;
    left:50%;
    transform:translateX(-50%);
    z-index:999;
}

.banner-youtube > .ytimg img{
    display:block;
    max-width:none;
    width:auto;
    height:60px;
}



@media (max-width: 1200px) {
	.main{width:100%; margin: 0 auto; overflow: hidden; }
	.main .swiper-slide {
        height: 520px;
    }

    .main img {
        height: 100%;
        object-fit: cover;
    }

     .main .slide_txt .en-wrap{
        left:40px;
        top:52%;
        font-size:30px;
        line-height:1.4;
    }

    .main .slide_txt .kr-wrap{
        left:55px;
        top:18%;
    }
	
	.main .slide_txt .txt-inner > br{display: block;}

    .main .slide_txt .kr-wrap .kr-img{
        width:240px;
    }


    .main > .mySwiper01 .swiper-pagination {
        bottom: 15px !important;
    }

    .main > .mySwiper01 .swiper-button-next,
    .main > .mySwiper01 .swiper-button-prev {
        display: none;
    }
	
	.notice-wrap{
        padding:70px 20px;
    }

    .notice-wrap > .notice-container{
        flex-direction:column;
        gap:35px;
    }

    .notice-container > .notice-title-box{
        width:100%;
        min-width:auto;
    }

    .notice-title-box > .main-title{
        font-size:20px;
        line-height:1.4;
    }

    .notice-container > .notice-content-grid{
        width:100%;
        grid-template-columns:repeat(2, 1fr);
        gap:18px;
    }

    /* 핵심 */
    .notice-content-grid > .notice-card,
    .notice-content-grid > .notice-slide-box{
        height:180px;
    }

    .notice-content-grid > .notice-card{
        padding:22px 20px;
    }

    .notice-card > .card-top{
        margin-bottom:12px;
    }

    .notice-card > .card-title{
        font-size:15px;
        line-height:1.4;
        min-height:auto;

        -webkit-line-clamp:2;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

    .notice-card > .card-desc{
        font-size:13px;
        line-height:1.5;

        -webkit-line-clamp:1;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

    .notice-card > .card-date{
        margin-top:12px;
    }

    .slide-item > a > img{
        width:100%;
        height:100%;
        object-fit:cover;
    }
	
	.notice-title-box > .sub-title{font-size:12px; margin-bottom: 10px;}
	.notice-title-box > .sub-title::after { max-width: 50px;}
	
	
    .slide-controls > .btn-toggle-play{
        display:none;
    }

    .notice-slide-box > .slide-controls{
        right:10px;
        bottom:10px;

        padding:7px 10px;

        gap:6px;

        border-radius:999px;

        background:rgba(255,255,255,.92);
    }

    .slide-controls > button{
        width:28px;
        height:28px;

        min-width:28px;

        font-size:16px;
        font-weight:700;

        display:flex;
        align-items:center;
        justify-content:center;

        padding:0;
        line-height:1;

        flex-shrink:0;
    }

    .slide-controls > .slide-page-status{
        font-size:12px;
        white-space:nowrap;
    }
	
	.notice-slide-box > .slide-list-pc{display: none;}
	.notice-slide-box > .slide-list-mobile{display: block;}
	
	
    .main > .main-info-section {
        margin: 60px 0;
    }
	
	.main > .main-info-section > .inner > .info-box > .box-header > .more-btn{display: none;}

    .main > .main-info-section > .inner {
        flex-direction: column;
        gap: 40px;
    }

    .main > .main-info-section > .inner > .info-box {
        width: 100%;
    }

    .main > .main-info-section > .inner > .video-area {
        max-width: 100%;
    }

    .main > .main-info-section > .inner > .video-area .video-container {
        height: 200px;
    }

    .main > .main-info-section > .inner > .notice-area > .tab-header {
        flex-direction: column;
        gap: 12px;
    }

    .main > .main-info-section > .inner > .notice-area > .tab-menu {
        gap: 10px;
    }

    .main > .main-info-section > .inner > .notice-area > .tab-menu > li {
        font-size: 14px;
        padding: 8px 10px;
    }

    .main > .main-info-section > .inner > .support-area {
        /* max-width: 100%; */
		display: none;
    }
	
	.main > .business { padding: 30px 10px 50px;}
	 .main > .business > .inner > .business-container {
        flex-direction: column;
        height: auto;
        gap: 12px;
    }
	
	.main > .business > .inner > .section-title > h2 {font-size: 25px;}
	.main > .business > .inner > .section-title > p {font-size: 16px;}
	
	.main > .business > .inner > .section-title > .sub-title{font-size:12px; margin-bottom: 10px;}
	.main > .business > .inner > .section-title > .sub-title::after { max-width: 50px;}
	
	.main > .business > .inner > .section-title {margin-bottom: 20px;}
    .main > .business > .inner > .business-container > .business-item {
        flex: none !important;
        width: 100%;
        height: 120px;
        border-radius: 18px;
        transition: all .4s ease;
    }
    .main > .business > .inner > .business-container > .business-item.expand {
        height: 180px;
        flex: none !important;
    }

    .main > .business > .inner > .business-container > .business-item > .thumb img {
        transform: none !important;
    }

    .main > .business > .inner > .business-container > .business-item > .overlay {
        background: rgba(0,0,0,.35);
    }

    .business-item .mini-title {
        font-size: 15px;
        line-height: 1.4;
        padding: 0 10px;
    }
	
	.business-item .mini-title br{display: none;}

    .main > .business > .inner > .business-container > .business-item.expand > .txt-box {
        padding: 16px;
        align-items: flex-start;
        justify-content: flex-end;
    }

    .main > .business > .inner > .business-container > .business-item.expand > .txt-box > .full-content > h3 {
        font-size: 18px;
    }

    .main > .business > .inner > .business-container > .business-item.expand > .txt-box > .full-content > .desc {
        font-size: 13px;
        margin-top: 6px;
    }

    .main > .business > .inner > .business-container > .business-item.expand > .txt-box > .full-content > .view-more {
        padding: 8px 14px;
        font-size: 13px;
    }

    .main > .initiatives {
        padding: 60px 0;
    }

    .main > .initiatives > .container > .title {
        font-size: 28px;
        margin-bottom: 20px;
        text-align: left;
		padding-left: 30px;
    }
	
	.main > .initiatives > .container > .sub-title{font-size:12px; margin-bottom: 13px; padding-left: 30px;}
	.main > .initiatives > .container > .sub-title::after { max-width: 50px;}
	

    .main > .initiatives .swiper {
        padding: 10px 0 40px;
    }

    .main > .initiatives .swiper-slide {
        display: flex;
        justify-content: center;
    }

    .main > .initiatives .card {
        width: 100%;
        height: auto;
        min-height: 160px;
        padding: 18px;
        border-radius: 14px;
		margin: 0 30px;
    }

    .main > .initiatives .card .card-title {
        font-size: 17px;
    }

    .main > .initiatives .card .description {
        font-size: 13px;
        line-height: 1.5;
    }

    .main > .initiatives .swiper-slide-active,
    .main > .initiatives .swiper-slide-prev,
    .main > .initiatives .swiper-slide-next {
        transform: none !important;
    }
	
	
    .banner {
        flex-wrap: wrap;
        height: auto;
    }

    .banner a {
        flex: 0 0 50%;
        height: 180px;
    }

    .banner .banner-item {
        height: 180px;
    }

    .banner .text-box {
        bottom: 20px;
    }

    .banner .text-box h3 {
        font-size: 16px;
    }
	
	.banner-youtube > .ytimg{display: none;}
}