/*인트로4배너*/
.wrap{display:flex;justify-content:space-between;}
	/*인트로*/
	.intro{width:30%;color:#FFF;}
	.intro h3{font-size:40px;font-family:'Noto Sans KR';}
	.intro h3 span{display:block;}
	.intro h3:after{content:"";display:block;width:50px;height:2px;background:#FFF;margin-top:20px;}
	.intro p{margin-top:20px;}
.intro h3:after {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    background: #FFF;
    margin-top: 20px;
}
/*3배너*/
	.banner_3{width:60%;display:flex;justify-content:space-between;}
	.banner_3 a{width:33.33333%;font-size:26px;letter-spacing: -.1rem;font-family:'Noto Sans KR';color:#FFF;padding:30px;}
	.banner_3 a:after{content:"";display:block;width:30px;height:1px;background:#FFF;margin-top:20px;}
	.banner_3 a.a_1{background:#0a2963 url(img/business-people.png) 80% 80% no-repeat;}
	.banner_3 a.a_2{background:#1e5ea1 url(img/business-intelligence.png) 80% 80% no-repeat;}
	.banner_3 a.a_3{background:#1184b7 url(img/finance-and-business.png) 80% 80% no-repeat;}
	@media all and (max-width:1024px) {
		.wrap{display:block;}
		.intro,
		.banner_3{width:100%;}
		.intro{margin-bottom:50px;}
		.intro h3{font-size:30px;}
		.banner_3 a{font-size:22px;padding:40px 40px 60px 30px;background-size:40px !important;background-position:95% 80% !important;}
	}
	@media all and (max-width:480px) {
		.banner_3{flex-wrap:wrap;}
		.banner_3 a{width:100%;padding:20px 20px 40px 20px;}
	}
/*4배너*/
.banner_4{display:flex;justify-content:space-between;margin-top:150px;}
.banner_4 a{width:25%;color:#FFF;font-size:22px;font-weight:500;position:relative;}
.banner_4 a span{display:block;font-size:16px;border:1px solid rgba(255,255,255,0.5);padding:10px 0;text-align:center;width:100px;margin-top:25px;}
.banner_4:before{content:"";display:block;width:100%;height:1px;background:rgba(255,255,255,0.5);position:absolute;left:0;top:120px;}
.banner_4 a:before{content:"";display:block;width:10px;height:10px;background:#FFF;border-radius:100%;position:absolute;left:0;top:-35px;}
@media all and (max-width:768px) {
	.banner_4:before,
	.banner_4 a:before,
	.banner_4 a span{display:none;}
	.banner_4{flex-wrap:wrap;margin-top:20px;}
	.banner_4 a{font-size:18px;width:48%;text-align:center;border:1px solid #FFF;padding:15px;margin:1%;}
}


/*HOVER****************************************/
@media all and (min-width:1025px) {
	.moveSlide a:hover{filter:alpha(opacity=100);opacity:1;}

	.banner_3 a:hover{background-color:#7d7d7d;}

	.banner_4 a:hover span{background:#FFF;color:#222;}
	.banner_4 a:hover:before{width:20px;height:20px;background:#FFF url(img/arrow_13_b.png) center no-repeat;top:-40px;transition: all 0.1s cubic-bezier(0.2, 0, 0.3, 1);}
}


.wrap_notice{
    word-break:break-all;
    min-height:200px;
}
 .wrap_notice:before{
    content:"";
    display:block;
    width:100%;
    height:1px;
    background:rgba(255,255,255,0.5);
    position:absolute;
    left:0;
    top:60px;
}
/*게시판*/
 .wrap_notice > ul{
    display:flex;
    align-items:center;
}
 .wrap_notice > ul > li{
 list-style: none;
}
/*타이틀*/
 .wrap_notice .title{
    margin-right:25px;
    position:relative;
}
 .wrap_notice .title a{
    display:inline-block;
    font-size:18px;
    color:#FFF;
    font-weight:400;
    line-height:1;
    padding-bottom:5px;
    border-bottom:2px solid transparent;
}
 .wrap_notice > ul > li.active .title a{
    font-size:22px;
    color:#00d2ff;
    border-color:#00d2ff;
}
/*목록*/
 .wrap_notice .list{
    position:absolute;
    top:85px;
    left:0;
    width:100%;
}
 .wrap_notice .list ul{
  list-style: none;
    display:flex;
    justify-content:flex-start;
    align-contents:center;
}
 .wrap_notice .list ul li{
  list-style: none;
    width:23.5%;
    position:relative;
    margin-right:2%;
}
 .wrap_notice .list ul li:last-child{
    margin-right:0;
}
 .wrap_notice .list ul li:before{
    content:"";
    display:block;
    width:10px;
    height:10px;
    background:#FFF;
    border-radius:100%;
    position:absolute;
    left:0;
    top:-30px;
}
/*noData*/
 .wrap_notice .list .nodata{
    font-size:18px;
    text-align:center;
    padding:30px 0;
    width:100% !important;
    color:#FFF;
}
/*썸네일*/
 .wrap_notice .thumb{
    display:none;
}
 .wrap_notice .thumb img{
}
/*컨텐츠*/
 .wrap_notice .con{
}
 .wrap_notice a.subject{
    display:block;
    padding:5px 0;
    position:relative;
}
/*제목*/
 .wrap_notice .subjectText{
    position:relative;
    font-size:18px;
    color:#FFF;
    line-height:1.3;
    padding-left:90px;
}
 .wrap_notice .subjectText span{
    display:inline-block;
    height:50px;
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:break-word;
}
/*내용*/
 .wrap_notice .content{
    display:none;
}
/*날짜*/
.wrap_notice .date {
    font-size: 16px; /* Default font size */
    color: #FFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 500;
    position: absolute;
    left: 0;
    top: 0px;
}

/* Media query for mobile devices */
@media only screen and (max-width: 767px) {
    .wrap_notice .date {
        font-size: 12px; /* Adjusted font size for mobile */
    }
}


/*활성화*/
 .wrap_notice .list, .wrap_notice .more{
    display:none
}
 .wrap_notice > ul > li.active .list, .wrap_notice > ul > li.active .more{
    display:block
}
 @media only screen and (max-width:1024px){
     .wrap_notice{
        padding:50px 0;
        min-height:240px;
    }
     .wrap_notice .title a{
        color:#888;
    }
     .wrap_notice .subjectText{
        padding-left:0;
        color:#222;
    }
     .wrap_notice .date{
        position:relative;
        left:auto;
        top:auto;
        color:#fff;
    }
     .wrap_notice .list{
        top:100px;
        width:100%;
    }
     .wrap_notice:before, .wrap_notice .list ul li:before{
        display:none;
    }
     .wrap_notice .more{
        background:url(img/plus_3_b.png) center no-repeat;
        top:45px;
    }
}
 @media only screen and (max-width:768px){
     .wrap_notice{
        min-height:135px;
    }
     .wrap_notice > ul > li.active .title a{
        font-size:18px;
    }
     .wrap_notice .list{
        top:10px;
    }
     .wrap_notice .list ul{
        display:block;
    }
     .wrap_notice .list ul li{
        width:100%;
        margin-right:0;
    }
     .wrap_notice .subjectText{
        font-size:16px;
    }
     .wrap_notice .subjectText span{
        height:auto;
        white-space:nowrap;
        width:calc(100% - 100px);
    }
     .wrap_notice .date{
        position:absolute;
        right:0;
        top:5px;
    }
     .wrap_notice .more{
        right:auto;
        top:auto;
        bottom:20px;
        width:100%;
    }
}
 @media only screen and (min-width: 1025px) .wrap_notice .list ul li:hover:before {
     width: 8px;
     height: 13px;
     background: url(img/arrow_2_w.png) center no-repeat;
     left: 50%;
     top: -31px;
     transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
}
 .wrap_notice .list ul li:before {
     content: "";
     display: block;
     width: 10px;
     height: 10px;
     background: #FFF;
     border-radius: 100%;
     position: absolute;
     left: 0;
     top: -30px;
}
 @media only screen and (max-width: 600px) {
     .wrap_notice .list ul li:before {
         display: none;
    }
}
 #multipleContentsDiv_templet_04_7 ._obj:nth-child(3) {
     position: absolute;
     bottom: 0;
     width: 1400px !important;
     left: 50%;
     margin-left: -700px !important;
}
 #multipleContentsDiv_templet_04_7 ._obj:nth-child(3) {
     position: absolute;
     bottom: 0;
     width: 1400px !important;
     left: 50%;
     margin-left: -700px !important;
}
 ._obj {
     overflow: hidden;
     position: relative;
}
/*HOVER****************************************/
 @media only screen and (min-width:1025px){
     .wrap_notice .title a:hover{
        border-color:#FFF;
    }
     .wrap_notice .list ul li:hover:before{
        width:8px;
        height:13px;
        background:url(img/arrow_2_w.png) center no-repeat;
        left:50%;
        top:-31px;
        transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
    }
}
 .custom-position-1 {
     position: relative;
     margin-top: -350px;
}

 @media (max-width: 767px) {
    .custom-position-1 {
     background: #152c42;
     margin-top: 0px;
  }
}

 .custom-tabs-style-1.tabs .nav-tabs .nav-link.active h4 {
     color: #00ADD2;
}
 @media (max-width: 767px) {
     .custom-tabs-style-1.tabs .nav-tabs .nav-link.active h4 {
         font-size: 14px;
    }
}
 .custom-tabs-style-1.tabs .nav-tabs .nav-link h4 {
     color: #fff;
}
 @media (max-width: 767px) {
     .custom-tabs-style-1.tabs .nav-tabs .nav-link h4 {
         font-size: 14px;
    }
}
 .featured-boxes-full .featured-box-full .icons, .featured-boxes-full .featured-box-full [class*="fa-"] {
     font-size: 3.9em;
     margin-bottom: 15px;
}
 .featured-boxes-full .featured-box-full [class*="fa-"], .featured-boxes-full .featured-box-full .icons, .featured-boxes-full .featured-box-full h1, .featured-boxes-full .featured-box-full h2, .featured-boxes-full .featured-box-full h3, .featured-boxes-full .featured-box-full h4, .featured-boxes-full .featured-box-full h5, .featured-boxes-full .featured-box-full h6, .featured-boxes-full .featured-box-full p, .featured-boxes-full .featured-box-full a {
     padding: 0;
     margin: 0;
}
 .featured-boxes-full .featured-box-full {
     text-align: center;
     padding: 55px;
}
 html .featured-boxes-full .featured-box-full-quaternary {
     background-color: #383f48;
     color: #FFF;
}
 .featured-boxes-full .featured-box-full {
     text-align: center;
     padding: 30px;
     height: 220px;
}
 html .text-color-light, html .text-light {
     color: #FFF !important;
}
 .custom-nav-arrows-1 .owl-nav .owl-prev, .custom-nav-arrows-1 .owl-nav .owl-next {
     width: 45px !important;
     height: 120px !important;
     background: rgba(16, 16, 25, 0.5);
}
 .custom-nav-arrows-1 .owl-nav .owl-prev:hover, .custom-nav-arrows-1 .owl-nav .owl-next:hover {
     background: #101019;
}
 .custom-nav-arrows-1 .owl-nav .owl-prev:before, .custom-nav-arrows-1 .owl-nav .owl-next:before {
     content: '' !important;
     position: absolute !important;
     top: 50% !important;
     left: 70% !important;
     width: 30px;
     height: 30px;
     border-top: 1px solid #FFF;
     border-left: 1px solid #FFF;
     transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
 .custom-nav-arrows-1 .owl-nav .owl-prev:after, .custom-nav-arrows-1 .owl-nav .owl-next:after {
     content: '';
     display: block;
     position: absolute;
     left: 106%;
     top: 50%;
     width: 70px;
     border-top: 1px solid #FFF;
     transform: translate3d(-50%, -50%, 0);
}
 .custom-nav-arrows-1 .owl-nav .owl-next {
     right: 0 !important;
}
 .custom-nav-arrows-1 .owl-nav .owl-prev {
     left: 0 !important;
}
 @media (max-width: 767px) {
     .custom-nav-arrows-1 .owl-nav .owl-prev, .custom-nav-arrows-1 .owl-nav .owl-next {
         width: 30px;
         height: 90px;
    }
     .custom-nav-arrows-1 .owl-nav .owl-prev:before, .custom-nav-arrows-1 .owl-nav .owl-next:before {
         width: 20px;
         height: 20px;
    }
     .custom-nav-arrows-1 .owl-nav .owl-prev:after, .custom-nav-arrows-1 .owl-nav .owl-next:after {
         width: 50px;
    }
}
 .custom-nav-arrows-1 .owl-nav .owl-next {
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     transform: rotate(180deg) !important;
     transform-origin: 50% 28%;
}
 .custom-row-about .col-12 {
     height: 520px;
}
 .custom-col-about-bg {
     height: 520px;
     background-size: auto;
     background-position: 100% 0;
}
 .custom-about-play-icon {
     left: 50%;
     transform: translate(50%, -50%);
     margin: 0 0 0 -50px;
}
 .custom-col-about-bg-text, .custom-about-play-icon {
     text-align: center;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
}
 html .bg-color-quaternary, html .bg-quaternary {
     background-color: #333 !important;
}
 .tab {
     display: none;
}
 .active {
     display: block;
}
 .custom-cards {
     position: relative;
}
 .custom-cards.custom-cards-slider .cards-container {
     margin: -170px auto 0;
}
 @media only screen and (max-width: 768px) {
     .custom-cards.custom-cards-slider .cards-container {
         margin: -50px auto 0;
    }
}
 .custom-cards .cards-container:before {
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
}
 .heading-block {
     margin-bottom: 50px;
}
 .heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 {
     margin-bottom: 0;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: -1px;
     color: #333;
}
 .mx-auto {
     float: none !important;
     margin-right: auto !important;
     margin-left: auto !important;
     top: 100px;
}
 .icon-line-chevron-right {
     position: relative;
     left: 0;
     transition: left 0.3s ease;
    /* 애니메이션 속성 설정 */
}
 .arrow-container:hover .icon-line-chevron-right {
     left: 8px;
    /* 마우스 오버 시 이동할 거리 설정 */
}
 .fbox-icon2 {
     position: relative;
     display: inline-block;
}
 .fbox-icon2:hover h3 + .icon-arrow-right1 {
     transform: translateX(20px);
    /* 마우스 오버 시 h3와 인접한 icon-arrow-right1를 오른쪽으로 이동 */
     transition: transform 0.3s ease;
    /* 애니메이션 속성 설정 */
}
 .icon-arrow-right1:hover {
     transform: translateX(20px);
    /* icon-arrow-right1에 대한 개별 마우스 오버 시 오른쪽으로 이동 */
     transition: transform 0.3s ease;
    /* 애니메이션 속성 설정 */
}
 #rotate-icon {
    /* 초기 스타일 */
     transition: transform 0.3s ease;
    /* 회전 효과를 부드럽게 만듭니다. */
}
 #rotate-icon:hover {
    /* 마우스 오버 시 스타일 */
     transform: rotate(360deg);
    /* 360도 회전합니다. */
}
 .custom-table {
     border-collapse: separate;
     border-spacing: 0 0px;
     border-top: 4px solid black;
}
 .custom-table tbody tr:last-child td {
     border-bottom: 4px solid black;
}
 .btn-outline-dark {
     --bs-btn-color: #212529;
     --bs-btn-border-color: #212529;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #212529;
     --bs-btn-hover-border-color: #212529;
     --bs-btn-focus-shadow-rgb: 33, 37, 41;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #212529;
     --bs-btn-active-border-color: #212529;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #212529;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #212529;
     --bs-gradient: none;
}
 .table-mob {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
}
 .center {
     text-align: center !important;
}
 .carousel-half-full-width-wrapper > .owl-carousel .owl-stage-outer {
     padding-top: 40px;
     margin-bottom: 0;
}
 .carousel-half-full-width-wrapper > .owl-carousel .owl-nav {
     position: absolute;
     top: 0;
     margin: 0;
     padding: 0;
     width: auto;
     transform: none;
     text-align: left;
}
 .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"] {
     background-color: #00a335;
     border-color: #00a335 #00a335 #007024;
     color: #FFF;
}
 .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"] {
     background-color: #00a335;
     border-color: #00a335 #00a335 #007024;
     color: #FFF;
}
 .owl-carousel.nav-dark.nav-style-1 .owl-nav .owl-next, .owl-carousel.nav-dark.nav-style-1 .owl-nav .owl-prev {
     color: #212529 !important;
}
 .carousel-half-full-width-wrapper > .owl-carousel .owl-nav button.owl-prev {
     margin-right: 5px;
}
 .carousel-half-full-width-wrapper > .owl-carousel .owl-nav button.owl-prev, .carousel-half-full-width-wrapper > .owl-carousel .owl-nav button.owl-next {
     position: static;
     transform: none;
}
 .carousel-half-full-width-wrapper > .owl-carousel .owl-nav button.owl-next {
     margin-left: 5px;
}
 .custom-icon-style-1 {
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 95px;
     height: 95px;
}
 .custom-icon-style-1:before {
     border-color: #1c5fa8;
}
 .custom-icon-style-1:before {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     border: 2px solid #013160;
     border-radius: 7px;
     transform: rotate(45deg);
     z-index: 0;
     transition: ease background 300ms;
}
