/**************************************************************/
  /**************************************************************/
  /*************************** main 메인 ************************/
  /**************************************************************/
  /**************************************************************/
  /* ----------------------- video visual ----------------------*/
  .main_copy {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    left: 50%;
    bottom: 4rem;
    transform: translate(-50%);
    text-align: center;
    z-index: 2;
    color: #fff;
}
.main_copy img {
    margin-bottom: 1.25rem;
}
.main_copy p {
    display: block;
    width: 100%;
    font-size: 1.75rem;
    font-family: var(--main-font);
    font-weight: 600;
    letter-spacing: 1px;
}
/* ------------------- sec basic setting ---------------------*/
.section .inner {
    width: var(--web-width);
    margin: 0 auto;
}
.section .inner>.tit {
    width: 100%;
    text-align: center;
    margin-bottom: 2.25rem;
    line-height: 2.5rem;
}
.section .inner>.tit h3 {
    font-size: 2.325rem;
    font-weight: 400;
    margin-bottom: 1.5rem;
}
.section .inner>.tit h3 span {
    font-weight: bold;
    font-size: 3.438rem;
    text-align: center;
    /* margin-bottom: 2.5rem; */
    color: #fff;
}
.section .inner>.tit h4 {
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--main-color);
}
/* -------------------------- sec1 ---------------------------*/
/* .sec1 {background: url(../images/main/sec_bg.png) no-repeat center center;background-size: cover;} */
/* -------------------------- sec1 ---------------------------*/
.sec1  {
    background: url(../images/main/sec2_bg.png) no-repeat;
    background-size: cover;
}
.sec1 .notice .box {
    cursor: pointer;
}
.sec1 .notice .box .tit .cate {font-weight: bold;color: var(--main-color);}
.sec1 .notice .box .info {
    font-weight: 500;
}
.sec1 .notice_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* gap: 2rem; */
    flex-direction: column;
}
.sec1 .notice_top .box {
    background: #fff;
    padding: 2rem 2rem;
    border-radius: var(--radius-all-sm);
    border: 1px solid #fff;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
    transition: 0.3s;
}
.sec1 .notice_top .box:hover {
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);
}
.sec1 .notice_top .box .tit h4 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.4em;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 3.5rem;
    color: #333;
    margin: 0.325rem 0 0.75rem;
}
.sec1 .notice_top .box .tit .cate {
    width: 100%;
    margin: 0;
    font-size: 0.925rem;
}
.sec1 .notice_top .box .tit p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 4.25rem;
    font-weight: 400;
    color: #333;
    font-size: 0.925rem;
}
.sec1 .notice_top .box .info {
    text-align: right;
    margin-top: 1.5rem;
}
.sec1 .notice_bottom {
    border-top: 1px solid var(--sub-color-3);
    margin-top: 2rem;
}
.sec1 .notice_bottom .box {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
    border-bottom: 1px solid var(--sub-color-3);
}
.sec1 .notice_bottom .box .tit {
    display: flex;
    max-width: calc(100% - 7rem);
}
.sec1 .notice_bottom .box .tit h4 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 1.25rem;
    font-weight: 500;
}

/* -------------------------- sec2 ---------------------------*/
.sec2 {
    background: url(../images/main/sec3_bg.png) no-repeat;
    background-size: cover;
}
.sec2 .gallery_top {
    display: flex;
    gap: 2rem;
}
.sec2 .gallery_top .box {
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
    transition: 0.3s;
    background: #fff;
    border: 1px solid #fff;
    border-radius: var(--radius-all-sm);
    overflow: hidden;
    width: calc((100% - 4rem) / 3);
    cursor: pointer;
}
.sec2 .gallery_top .box:hover {
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);
}
.sec2 .gallery_top .box .img {
    height: 13rem;
    overflow: hidden;
    border-bottom: 1px solid #efefef;
}
.sec2 .gallery_top .box .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sec2 .gallery_top .box .tit {
    padding: 2rem 2rem 0;
}
.sec2 .gallery_top .box .tit h4 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.4em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 3.25rem;
}
.sec2 .gallery_top .box .info {
    padding: 0 2rem 1.5rem;
}
.sec2 .gallery_top .box .info p {
    text-align: right;
    font-weight: 500;
    color: #757575;
    margin-top: 1.25rem;
}
.sec2 .gallery_bottom {
    margin-top: 2rem;
}
.sec2 .gallery_bottom .btn_ic_wrap .btn_ic {
    width: calc((100% - 1rem) / 2);
}

/* -------------------------- sec3 ---------------------------*/
.sec3_bg {
    width: 100%;
    height: 100%;
    background: url(../images/main/sec4_bg.png) no-repeat;
    background-size: cover;
}
.sec3 .inner {
    padding: 12vh 0 5vh;
}
.sec3 .inner>.tit {
    display: block;
    color: #fff;
    text-align: right;
}

/* -------------------------- sec4 ---------------------------*/
.sec4_bg {
    width: 100%;
    height: 100%;
    background: url(../images/main/sec5_bg.png) no-repeat;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.sec4 .inner {
    padding: 12vh 0 5vh;
}
.sec4 .inner>.tit {
    display: block;
    color: #fff;
    text-align: right;
}