.con {width:1500px;margin:0 auto;}
#container{padding-bottom:9.35rem;}

@media (max-width:1500px){
	.con {width:100%;padding:0 1rem;}
}

/*총장 인사말*/
.banner-wrap {
    width: 100%;
    overflow: hidden;       /* 밖으로 나간 텍스트는 안 보이게 */
}

/* 전체 움직이는 덩어리 */
.banner-track {
    display: inline-flex;   /* 가로로 쭉 나열 */
    width: max-content;     /* 내용 길이만큼 가로폭 */
    animation: banner_flow 30s linear infinite;
}

/* 각각 반복 텍스트 덩어리 */
.banner-txt {
    background: linear-gradient(270deg, #F39800 0%, #D9141C 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;display:flex;
	display:flex;
    font-family: 'Poppins';
    font-size: 4.25rem;
    font-weight: 700;
    letter-spacing: -0.02125rem;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1;

    padding-right: 4rem;    /* 문장 사이 간격 */
    flex-shrink: 0;         /* 줄어들지 않게 (중요!!) */
}

/* 흐르는 애니메이션 */
@keyframes banner_flow {
    0% {
        transform: translateX(0);
    }
    100% {
        /* span 두 개 기준 → 전체 길이의 절반만큼 이동 */
        transform: translateX(-50%);
    }
}

.president-message {overflow:hidden;}

.president-message .message-tit{color: #666; font-size: 1.5rem; font-weight: 700; line-height: 2.25rem; letter-spacing: -0.0075rem;margin-top:10.5rem;}
.president-message .message-tit span{color: rgba(51, 51, 51, 0.2); font-weight: 800; font-weight: bold; position: relative; display: inline-block;}
.president-message .message-tit span:before{-webkit-transition: all 0.5s; transition: all 0.5s; content: attr(title); display: block; position: absolute; top: 0; left: 0; width: 0%; white-space: nowrap; overflow: hidden; color: #000;}
.president-message .message-tit.on span:before{    width: 100%;}

.president-message .president-img {position:relative;background:url(../images/content/president-bg.jpg)no-repeat center center;background-size:cover;height:13.65rem;margin-top:1.8rem;border-radius: 12.5rem 0 0 12.5rem;margin-left:2rem;}


.president-message .president-img .img-tit{width:75rem;position:absolute;left:50%;transform:translateX(-50%);color: #FFF; font-family: 'Poppins'; font-size: 2.5rem; font-style: normal; font-weight: 700; line-height: 2.5rem; letter-spacing: -0.0125rem;opacity: 0.5;bottom:0;}
.president-message .president-img .img-img {position:absolute;right:22.5%;bottom:0;}

.president-message .president-txt-con {margin:5rem auto 2.5rem auto;display:flex;gap:3.45rem;border-bottom:1px solid #ddd;padding-bottom:5rem;}

.president-message .president-txt-con .president-txt {color: #666; font-size: 1rem; font-weight: 400; line-height: 1.5rem; letter-spacing: -0.005rem;width:calc((100% - 3.45rem) / 2);}

.president-message .president-name {display:flex;gap:0.75rem;color: #333; font-size: 0.9rem; font-weight: 400; line-height: 0.9rem; letter-spacing: -0.0045rem;align-items:center;
}

.president-message .img-point {    position: absolute; top: 50%; left: 50%; width: 100vw; width: calc(100vw - 15px); height: calc(100% + 2px); background: no-repeat left; transform: translate(-50%, -50%);}
.president-message .img-point:before {position: absolute; top: 0; right: calc(100% - 1px); width: 50vw; height: 100%; background-color: #fff; content: "";}

@media (max-width:1600px){
	.president-message .president-img .img-tit{padding-left:3rem;}
	.president-message .president-img{margin-left:1rem;}
	.president-message .president-img .img-img{right:1rem;}
}

@media (max-width:1500px){
	.president-message .president-img .img-tit{width:100%;padding:0 1rem;}
	.president-message .president-img .img-img{right:1rem;text-align:right;}
	.president-message .message-tit{margin-top:7.5rem;}
	.president-message .president-img .img-img img {width:80%;}
	.president-message .president-img .img-tit{padding-left:5rem;}
}
@media (max-width:1400px){
	.president-message .president-img .img-tit{font-size:1.8rem;        padding-right: 40%;}

}


@media (max-width:1200px){
	.president-message .president-txt-con{display:block;margin-top:2.5rem;}
	.president-message .president-txt-con .president-txt{width:100%;}
}
@media (max-width:1030px){
	.president-message .president-img .img-img img {width:70%;}
	.banner-txt {font-size:3.5rem;}
}


@media (max-width:767px){
	.president-message .message-tit{padding-right:0;margin-top:5rem;}
	.president-message .message-tit br{display:none;}
	.president-message .president-img .img-img{position:absolute;height:130%;right:0;}
	.president-message .president-img .img-img img{width:auto;height:100%;}
	.president-message .president-img{margin-top:2.5rem;}
	.president-message .president-img .img-tit{padding-right:40%;font-size:1.75rem;}
	

}

@media (max-width:500px){
	.president-message .president-img .img-img{height:120%;}
	.president-message .president-img .img-tit{font-size:1.5rem;}
	.president-message .message-tit{margin-top:2.5rem;}
		.president-message .president-img .img-tit{padding-left:1rem;}
		.president-message .president-img{border-radius:0;margin-left:0;}

}

/*80주년 기념 사업*/
.project-tit {color: #333; text-align: center; font-size: 3rem; font-weight: 700; line-height: 3rem; letter-spacing: -0.015rem; padding: 6.5rem 0 5rem 0;}
.project-list ul {display:flex;gap:2.25rem;flex-wrap:wrap;}
.project-list ul > li {width:calc((100% - (2.25rem * 2)) / 3);}
.project-list ul > li > a {display:block;padding:1.25rem 1rem 1.75rem 1rem;border-radius: 1rem;
background: #F8F8F8;}
.project-list ul > li > a span {display:block;width:1.7rem;height:1.7rem;border-radius:50%;border-radius: 0.85rem;background:linear-gradient(270deg, #F39800 0%, #D9141C 100%);color: #FFF; font-size: 0.8rem; font-weight: 600; line-height: 0.8rem; letter-spacing: -0.004rem;display:flex;justify-content:center;align-items:center;margin:1rem auto 0.75rem auto}
.project-list ul > li > a p{color: #333; font-size: 1.15rem; font-weight: 600; line-height: 1.15rem; letter-spacing: -0.00575rem;text-align:center;}
.project-list ul > li > a img {display:block;width:100%;}
.project-list ul > li > a:hover{ background: linear-gradient(180deg, #F39800 0%, #D9141C 100%);}
.project-list ul > li > a:hover span {background:#fff;color:#D9141C;}
.project-list ul > li > a:hover p {color:#fff;}

@media (max-width:1030px){
	.project-list ul > li{width:calc((100% - (2.25rem * 1)) / 2);}
}
@media (max-width:500px){
	.project-list ul > li{width:100%;}
}

/*80주년 기념사업 뷰페이지*/
.list-top{display:flex;justify-content:space-between;align-items:center;}
.list-top .total-box {color: #555; font-size: 0.8rem; font-weight: 600; line-height: 0.8rem; letter-spacing: -0.004rem;}
.list-top .total-box b{color:#D9141C;padding-left:0.4rem}
.list-top select{width:10rem;height:2.75rem;padding:0 1rem;border-radius: 2.5rem; border: 1px solid #222; background: #FFF;color: #888;font-size: 0.8rem; font-weight: 400; line-height: 1.4rem; letter-spacing: -0.004rem;background:#fff url(../images/content/sel-icon.svg)no-repeat center right+1rem;}

.project-view-list{border-top:1px solid #222;margin-top:1.75rem;}
.project-view-list > div {padding:2.9rem 0;border-bottom:1px solid #ddd;display:flex;gap:4.65rem;    align-items: center;}
.project-view-list > div .img-zone { width:620px;height:385px; position: relative;border-radius: 1rem; overflow: hidden; }

.project-view-list > div .img-zone img { position:absolute; width:100%; height:100%; left:0; top:0; object-fit: cover; }
.project-view-list > div .txt-zone {flex:1;}

.project-view-list > div .txt-zone .state{display:inline-block;padding:0.5rem;border-radius: 0.25rem; background: #FFF; font-size: 0.9rem; font-weight: 600; line-height: 0.9rem; letter-spacing: -0.0045rem;}
.project-view-list > div .txt-zone .state.state01 {color:#D9141C;border:1px solid #D9141C}
.project-view-list > div .txt-zone .state.state02 {color:#F39800;border:1px solid #F39800}
.project-view-list > div .txt-zone p.tit{color: #333; font-size: 1.4rem; font-weight: 600; line-height: 1.3; letter-spacing: -0.007rem;margin:0.75rem 0;}
.project-view-list > div .txt-zone p.txt {color: #666; font-size: 0.9rem; font-weight: 400; letter-spacing: -0.0045rem;line-height:1.3;}
.project-view-list > div .txt-zone ul.list {margin:2rem 0;display:flex;flex-direction:column;gap:0.5rem;
}
.project-view-list > div .txt-zone ul.list li {display:flex;position:relative;padding-left:0.45rem;}
.project-view-list > div .txt-zone ul.list li:before{content:'';position:absolute;width:0.2rem;height:0.2rem;background:#aaa;border-radius:50%;left:0;top:0.3rem;}
.project-view-list > div .txt-zone ul.list li span{width:4rem;display:inline-block;color: #666; font-size: 0.9rem; font-weight: 600; line-height: 0.9rem; letter-spacing: -0.0045rem;}
.project-view-list > div .txt-zone ul.list li p {color: #333; font-size: 0.9rem; font-weight: 400; letter-spacing: -0.0045rem;}
.project-view-list > div .txt-zone .g-box {border-radius: 0.75rem; background: #F8F8F8;padding:1.25rem;}
.project-view-list > div .txt-zone .g-box .tit-p {color: #333; font-size: 0.9rem; font-weight: 600; letter-spacing: -0.0045rem;}
.list-btn {width:7.5rem;height:2.75rem;border-radius: 2.5rem; border: 1px solid #333; background: #FFF;display:flex;justify-content:center;align-items:center;color: #333; text-align: center; font-size: 0.8rem; font-weight: 400; line-height: 0.8rem;letter-spacing: -0.004rem;margin:0 auto;margin-top:2.75rem;}
.list-btn:hover {background:#333;color:#fff;}

.project-view-list > div .txt-zone .g-box .desc {color: #666; font-size: 0.9rem; font-weight: 400; line-height: 1.3; letter-spacing: -0.0045rem;margin-top:0.75rem;}

@media (max-width:1500px){
	.project-view-list > div{gap:1.5rem;align-items: flex-start;}
	.project-view-list > div .img-zone{aspect-ratio: 1.61 / 1;width:40%;height:auto;}

}
@media (max-width:1030px){
	.project-view-list > div .img-zone {width:50%;}
}
@media (max-width:767px){
	.project-view-list > div{ flex-direction:column;}
	.project-view-list > div .img-zone{width:100%;}
	.project-view-list > div .txt-zone{width:100%;}
}


.custom-select {
    position: relative;
    width: 10rem;
}

.select-btn { width: 100%; background: #fff url(../images/content/sel-icon.svg)no-repeat center right+1rem; border: 1px solid #222222; padding:0 1rem; cursor: pointer; text-align: left; color: #888; font-size: 0.8rem; font-style: normal; font-weight: 400; line-height: 1.4rem;  letter-spacing: -0.004rem; height:2.75rem; border-radius:2.5rem;}

.select-btn.active {
    border-color: #000;
}

.select-list { position: absolute; left: 0; top: calc(100% + 2px); width: 100%; display: none; z-index: 10; border-radius: 0.75rem; border: 1px solid #DDD; background: #FFF; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08); overflow:hidden; padding:1.25rem;}

.select-list li { cursor: pointer; color: #888; font-family: 'SUIT'; font-size: 0.8rem; font-weight: 400; line-height: 0.8rem; letter-spacing: -0.004rem; }
.select-list li:not(:last-child){margin-bottom:0.75rem;}
.select-list li:hover{color:#333;}


/*행사일정*/
.event .event-list{display:flex;flex-wrap:wrap;border-top:1px solid #222;margin-top:1.75rem;}
.event .event-list > div {width:50%;padding:3rem 0;position:relative;border-bottom:1px solid #ddd;}
.event .event-list > div a {display:block;}
.event .event-list > div:nth-child(even) {padding-left:2.25rem;}
.event .event-list > div:nth-child(odd) {padding-right:2.25rem;}
.event .event-list > div .day {padding:0.5rem;border-radius: 0.25rem; background: #333;color: #FFF; font-size: 0.9rem; font-weight: 700; line-height: 0.9rem; letter-spacing: -0.0045rem;display:inline-block;}
.event .event-list > div p.tit {color: #333; font-size: 1.4rem; font-weight: 600; min-height: 3.8rem; letter-spacing: -0.007rem;margin-top:1rem;line-height:1.9rem;}
.event .event-list > div ul {border-radius: 0.75rem; background: #F8F8F8;padding:1.5rem;margin-top:2rem;display:flex; flex-direction:column;gap:0.5rem; }
.event .event-list > div ul li {display:flex;position:relative;padding-left:0.45rem;}
.event .event-list > div ul li:before{content:'';position:absolute;width:0.2rem;height:0.2rem;background:#aaa;border-radius:50%;left:0;top:0.25rem;}
.event .event-list > div ul li span{width:3.5rem;color: #666; font-size: 0.9rem; font-weight: 600; line-height: 0.9rem letter-spacing: -0.0045rem;}
.event .event-list > div ul li p {color: #333; font-size: 0.9rem; font-weight: 400; line-height: 0.9rem; letter-spacing: -0.0045rem;}
.event .event-list > div a:hover .day{ background: linear-gradient(270deg, #F39800 0%, #D9141C 100%);}
.event .event-list > div a:hover p.tit {background: linear-gradient(270deg, #F39800 0%, #D9141C 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.event .event-list > div a:hover ul { box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.08);background:#fff}

@media (max-width:767px){
	.event .event-list > div{width:100%;padding:1.5rem 0;}

	.event .event-list > div:nth-child(odd){padding-right:0;}
	.event .event-list > div:nth-child(even){padding-left:0;}
	.event .event-list > div ul{margin-top:1rem;}
	.event .event-list > div p.tit{font-size:1.2rem;}

}

/*행사일정-뷰페이지*/
.event .event-tit {color: #333; text-align: center; font-size: 3rem; font-weight: 700; line-height: 3rem; letter-spacing: -0.015rem;padding:6.5rem 0 5rem 0;}
.event .event-view {display:flex;gap:4.65rem;padding:2.75rem 0;border-top:1px solid #222;border-bottom:1px solid #ddd}
.event .event-view .day{border-radius: 0.25rem; background: #333;padding: 0.5rem; justify-content: center; align-items: center;color: #FFF; font-size: 0.9rem; font-weight: 700; line-height: 0.9rem; letter-spacing: -0.0045rem;display:inline-block;}
.event .event-view p.tit {color: #333; font-size: 1.4rem; font-weight: 600; line-height: 1.4rem; letter-spacing: -0.007rem;margin:0.75rem 0 0 0;}
.event .event-view ul {margin:2rem 0;padding:1.5rem ;border-radius: 0.75rem; background: #F8F8F8;display:flex; flex-direction:column;gap:0.5rem;
}
.event .event-view ul li {display:flex;position:relative;padding-left:0.45rem;}
.event .event-view ul li:before{content:'';position:absolute;width:0.2rem;height:0.2rem;background:#aaa;border-radius:50%;left:0;top:0.25rem;}

.event .event-view ul li span{width:3.5rem;color: #666; font-size: 0.9rem; font-weight: 600; line-height: 0.9rem; letter-spacing: -0.0045rem;}
.event .event-view ul li p  {color: #333; font-size: 0.9rem; font-weight: 400; line-height: 0.9rem; letter-spacing: -0.0045rem;flex:1;}
.event .event-view .img-zone {width: 620px;
  height: 385px;position:relative;}
.event .event-view .img-zone img {position:absolute;width:100%;height:100%;left:0;top:0;}
.event .event-view .txt-zone{flex:1;}
.event .event-view .txt-zone .txt {color: #666; font-size: 0.9rem; font-weight: 400; line-height: 1.4rem; letter-spacing: -0.0045rem;}

@media (max-width:1500px){
	.event .event-view{gap: 1.5rem; align-items: flex-start;}
	.event .event-view .img-zone {aspect-ratio: 1.61 / 1;width: 40%;height: auto;}
}

@media (max-width:767px){
	.event .event-view{flex-direction: column;}
	.event .event-view .img-zone {width:100%;}
	.event .event-view .txt-zone{width:100%;}
}

/*홍보영상*/
.promotional-video .video-zone {width:1100px;height:600px;position:relative;margin:0 auto;margin-top:5.75rem;border-radius:1rem;overflow:hidden;}
.promotional-video .video-zone .video-btn{position:absolute;width: 3.4872rem; height: 3.4872rem;background:url(../images/content/video-btn.png)no-repeat center center;background-size:cover;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;}
.promotional-video .video-zone .video-tit {padding:0.85rem 2rem;border-radius: 2.5rem; background:#D9141C;color: #FFF; text-shadow: 0 4px 15px rgba(0, 0, 0, 0.18); font-size: 1rem; font-weight: 600; line-height: 1rem; letter-spacing: -0.005rem;position:absolute;top:2.3rem;left:2.5rem;z-index:1;}
@media (max-width:1100px){
	.promotional-video .video-zone {width:100%;padding-top:56.25% !important;height:auto;}
	.promotional-video .video-zone iframe {width:100%;height:100% !important;position:absolute;left:0;top:0;}
	.promotional-video .video-zone .video-tit{left:1rem;top:1rem;}
}



/*공지사항*/
.board .board-tit {display:flex;justify-content:space-between;}
.board .board-tit .total-box {color: #555; font-size: 0.8rem; font-weight: 600; line-height: 0.8rem; letter-spacing: -0.004rem;}
.board .board-tit .total-box b{color:#D9141C; font-size: 0.8rem; font-weight: 600; line-height: 0.8rem; letter-spacing: -0.004rem;padding-left:0.4rem;}
.board .board-tit .bar-input{display:flex;gap:0.25rem;}
.board .board-tit .bar-input input[type="text"]{width:19.3rem;height:2.75rem;border-radius: 2.5rem; border: 1px solid #222; background: #FFF; }
.board .board-tit .bar-input input[type="submit"] {width:2.75rem;height:2.75rem;border-radius:50%; background:#222 url('../images/content/search-icon.svg') no-repeat center center; background-size: 1.2rem auto; border: none; color: transparent;}
.board .table-zone {margin-top:1.75rem;}

.table-zone table th{border:1px solid #333;border-left:none;border-right:none;padding:1.5rem 1rem;text-align:center;color: #333; font-size: 1rem; font-weight: 700; line-height: 1.4rem; letter-spacing: -0.005rem;}
.table-zone table td{padding:2.4rem 2.5rem;text-align:center;border-bottom:1px solid #333;color: #666; font-size: 0.9rem; font-weight: 400; line-height: 0.9rem; letter-spacing: -0.0045rem;}
.table-zone table td a {color: #333; font-size: 1.2rem; font-weight: 600; line-height: 1.2rem; letter-spacing: -0.006rem;   overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; }
.table-zone table td a:hover{background:  linear-gradient(270deg, #F39800 0%, #D9141C 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.table-zone table td.num {color:#333}

/*페이지네이션*/
.boardPageNav {display:flex;gap:0.5rem;justify-content:center;margin-top:4rem;}
.boardPageNav a {width:2rem;height:2rem;border-radius:50%}
.boardPageNav a.page{display:flex;justify-content:center;align-items:center;color: #666; text-align: center; font-size: 0.8rem; font-weight: 400; letter-spacing: -0.004rem; }
.boardPageNav a.page:hover{color:#D9141C;font-weight:600;}
.boardPageNav a.page.on {background:#D9141C;color:#fff !important;font-weight:600;}
.boardPageNav a.first-link {border:1px solid #ddd;background:#fff url(../images/content/first-btn.svg)no-repeat center center;background-size:0.8rem;}
.boardPageNav a.last-link {border:1px solid #ddd;background:#fff url(../images/content/last-btn.svg)no-repeat center center;background-size:0.8rem;}


@media (max-width: 767px) {

.table-zone table, .table-zone thead, .table-zone tbody, .table-zone th, .table-zone td, .table-zone tr { display: block; width: 100%; }

  .table-zone thead { display: none; }

  .table-zone tbody tr{ border: 1px solid #eee; border-radius: 10px; padding: 0.75rem; margin-bottom: 0.75rem; background:#fff; }

  .table-zone tbody td{ position: relative; padding: 0.5rem 0.5rem 0.5rem 5rem; /* 라벨 자리 */ border: none; text-align:left;min-height:37px;}

  .table-zone tbody td:last-child { border-bottom: none; }

  .table-zone tbody td::before{ content: attr(data-column);     /* 헤더 라벨 표시 */ position: absolute; left: 0; top:0.5rem;
width: 5rem;                 /* 라벨 폭 */ font-weight: 600; color: #666; }

  /* 제목은 두 줄까지만 보이고 말줄임 */
  .table-zone td.title a{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; white-space:normal; }
  .table-zone table td.num{padding-left:0;}
   .table-zone table td.num img{width:1.8rem;}
   .table-zone table td a {line-height:1.3;font-size:1.1rem;}
}


@media (max-width: 500px) {
	.board .board-tit{ flex-direction:column;  flex-direction: column-reverse;gap:1rem;}
	.board .board-tit .bar-input input[type="text"]{width:calc(100% - 3rem);}
}

/*게시판 뷰페이지*/
.boardView .view-tit{color: #222; font-size: 1.75rem; font-weight: 700; letter-spacing: -0.00875rem;line-height:1.3;}
.boardView .boardViewInfo {display:flex;flex-wrap:wrap;border-top: 2px solid #222;margin-top:2.5rem;}
.boardView .boardViewInfo > li {width:calc(100% / 3); display:flex;border-bottom:1px solid #ddd;}
.boardView .boardViewInfo > li > div.bg{width:50%; padding: 0.8rem 1rem;background: #F8F8F8;color: #222; font-size: 0.9rem; font-weight: 600;  letter-spacing: -0.0045rem; text-align:center;align-items: center;
    justify-content: center;
    display: flex;}
.boardView .boardViewInfo > li > div.txt{padding: 0.8rem 1rem;color: #555; font-size: 0.9rem; font-weight: 400; letter-spacing: -0.0045rem;flex:1;}
.boardView .boardViewInfo > li > div.txt a  {display:flex;align-items:center;gap:0.25rem;}
.boardView .boardViewInfo > li > div.txt a img {width:1.2rem}



.boardView .boardViewInfo02 > li{width:100%;}
.boardView .boardViewInfo02 > li > div:first-child {width:25%;}
.boardView .boardViewInfo02 > li > div:last-child{width:75%;}



.boardView .view-cont {min-height:14.15rem;border-bottom:1px solid #ddd;padding:4rem 0;}
.boardView .view-cont  img {max-width:100%;}
.boardView .view-cont .view-cont-btn{text-align:center;margin-top:4rem;border-top:1px solid #ddd;padding-top:2.5rem;}
.boardView .view-cont .view-cont-btn .app-btn{margin:0 auto;}
.boardView .boardPrev {display:flex;border-bottom:1px solid #ddd;}
.boardView .boardPrev > span,
.boardView .boardPrev > a{padding: 0.8rem 1rem;}
.boardView .boardPrev > span{width:7.5rem;background:#F8F8F8;color: #222; font-size: 0.9rem; font-weight: 600; line-height: 0.9rem; letter-spacing: -0.0045rem;text-align:center;}
.boardView .boardPrev > a {flex:1;color: #222; font-size: 0.9rem; font-weight: 400; letter-spacing: -0.0045rem;}
.boardView .boardNext{display:flex;border-bottom:1px solid #ddd;}
.boardView .boardNext > span,
.boardView .boardNext > a{padding: 0.8rem 1rem;}
.boardView .boardNext > span{width:7.5rem;background:#F8F8F8;color: #222; font-size: 0.9rem; font-weight: 600; line-height: 0.9rem; letter-spacing: -0.0045rem;text-align:center;}
.boardView .boardNext > a {flex:1;color: #222; font-size: 0.9rem; font-weight: 400; letter-spacing: -0.0045rem;}

@media (max-width: 767px) {
	.boardView .boardViewInfo > li{    width: 100%;}
	.boardView .boardViewInfo > li > div.bg{width: calc(100% / 6);}
	.boardView .boardViewInfo02 > li:last-child .bg{width:calc(100% / 6);}
}	

@media (max-width: 500px) {
	.boardView .boardViewInfo > li > div.bg{width: calc(100% / 5);}
	.boardView .boardViewInfo > li:last-child .bg{width: calc(100% / 5);}
	.boardView .boardPrev > span {width: calc(100% / 5);}
	.boardView .boardNext > span{width: calc(100% / 5);}
}

/*80년사 연대기*/
.chronicle .chronicle-main {padding:15.2rem 1rem 9.15rem 1rem;text-align:center;position:relative;overflow:hidden;}
.chronicle .chronicle-main .bg-img {position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;object-fit:cover;}

.chronicle .chronicle-main p.stxt{text-align: center; font-size: 1.15rem; font-weight: 700; line-height: 1.15rem; letter-spacing: -0.00575rem;background:  linear-gradient(270deg, #F39800 0%, #D9141C 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.chronicle .chronicle-main strong{color: #FFF; font-size: 3rem; font-weight: 700; line-height: 3rem; letter-spacing: -0.015rem;margin:1.25rem 0 2.75rem ;display:block;}
.chronicle .chronicle-main .desc {color: #FFF; text-align: center; font-size: 1rem; font-weight: 600; line-height: 1.5rem; letter-spacing: -0.005rem;}
.chronicle .chronicle-main .scroll {writing-mode: vertical-rl;position:absolute;left:50%;bottom:0;z-index:1;   padding-bottom:5.65rem;color: #FFF; font-family: 'Poppins'; font-size: 0.7rem; font-weight: 400; line-height: 0.7rem; letter-spacing: -0.0021rem;border-left:1px solid rgba(255,255,255,0.18);padding-left:0.3rem;}
.chronicle .chronicle-main .scroll:before{content:'';position:absolute;width:1px;height:2.5rem;left:-1px;top:0;background:#FFF;animation: scrollLine 2.2s ease-in-out infinite;}

.chronicle .chronicle-box .right-box .img-box {position:relative;}
.chronicle .history-line-container{position:relative;}
.chronicle .history-line-container .history-line{position:absolute;width:1px;height:calc(100% - 7.5rem);background:#ddd;left:6.45rem;top:7.5rem;overflow:hidden;}

.chronicle .history-line-container .history-line .bar {width: 4px; background: #f20157; position: absolute; left: 50%; transform: translateX(-50%);transition: height 0.2s linear;}

.chronicle .chronicle-box {display:flex;align-items:flex-start;}
.chronicle .chronicle-box .left-fixed{position:sticky;top:0;width:26%;background: #F8F8F8 url(../images/content/left-point.png)no-repeat left+2.25rem bottom+1.4rem;height:100vh;padding:7.5rem 2.85rem 1rem ;}
.chronicle .chronicle-box .left-fixed ul {display:flex;    flex-direction: column;gap:2.75rem;}
.chronicle .chronicle-box .left-fixed ul li {color: #666; font-size: 0.9rem; font-weight: 400; line-height: 0.9rem; letter-spacing: -0.0045rem;text-align:right;font-family: 'Poppins';}
.chronicle .chronicle-box .left-fixed ul li.act { font-size: 2.25rem; font-weight: 700; line-height: 2.25rem; letter-spacing: -0.01125rem;background:linear-gradient(270deg, #F39800 0%, #D9141C 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.chronicle .chronicle-box .left-fixed ul li p{cursor:pointer;}

.chronicle .chronicle-box .right-box {width:calc(100% - 26%);position:relative;display:flex;flex-direction: column;gap:7.5rem;}
.chronicle .chronicle-box .right-box .img-box .bg-img{width:100%;}

.chronicle .chronicle-box .right-box .txt-con {position:absolute;left:5.5rem;bottom:5.5rem;z-index:1;}
.chronicle .chronicle-box .right-box .txt-con strong {display:block;color: #FFF; font-size: 3rem; font-weight: 700; line-height: 3.5rem; letter-spacing: -0.015rem;}
.chronicle .chronicle-box .right-box .txt-con .desc{color: #FFF; font-size: 0.9rem; font-weight: 600; line-height: 1.4rem; letter-spacing: -0.0045rem;opacity: 0.8;margin-top:2.75rem;}
.chronicle .chronicle-box .history-container {padding:7.5rem 11.5rem 0 5.95rem;display:flex; flex-direction:column;gap:10rem; }
.chronicle .chronicle-box .history-container .history-flex{display:flex;gap:1rem;padding-left:3.25rem;}
.chronicle .chronicle-box .history-container .history-flex .history-date {color:#D9141C; font-family: 'Roboto'; font-size: 1.15rem; font-weight: 700; line-height: 1.15rem;  letter-spacing: -0.00575rem;position:relative;}
.chronicle .chronicle-box .history-container .history-flex .history-date:before{content:'';position:absolute;width:0.95rem;height:0.95rem;background:#fff url(../images/content/point-icon.svg)no-repeat center center;background-size:cover;left:-3.25rem;z-index:1;}

.chronicle .chronicle-box .history-container .history-flex .his-wrap {display:flex;justify-content:space-between;flex: 1;position:relative}
.chronicle .chronicle-box .history-container .history-flex .his-wrap .his-txt p.tit{color: #222; font-size: 1rem; font-weight: 400; line-height: 1.3; /* 100% */ letter-spacing: -0.005rem;}
.chronicle .chronicle-box .history-container .history-flex .his-wrap .his-txt ul{margin-top:1rem;}
.chronicle .chronicle-box .history-container .history-flex .his-wrap .his-txt ul li{color: #666; font-size: 0.9rem; font-weight: 400; line-height: 1.4rem; letter-spacing: -0.0045rem;position:relative;padding-left:0.6rem;}
.chronicle .chronicle-box .history-container .history-flex .his-wrap .his-txt ul li:before{content:'';width:0.25rem;height:1px;background:#666;left:0;top:0.65rem;position:absolute;}
.chronicle .chronicle-box .history-container .history-flex .his-wrap .img-con{position:absolute;right:0;top:0;width:14rem;height:9rem;}
.chronicle .chronicle-box .history-container .history-flex .his-wrap .img-con img {width:100%;height:100%;}
.chronicle .chronicle-box .history-container .history-flex .his-wrap .img-con p {color: #FFF; font-size: 0.65rem; font-weight: 500; line-height: 0.65rem; letter-spacing: -0.00325rem;left:1rem;bottom:1rem;z-index:1;position:absolute;}
.chronicle .chronicle02{margin-top:7.5rem;}

/*애니메이션*/


.chronicle .chronicle-box .right-box > div .img-box {overflow:hidden;}
.chronicle .chronicle-box .right-box > div .img-box .bg-img{transform: scale(1.08); transition: transform 1.5s ease-in-out; transform-origin: center center;}
.chronicle .chronicle-box .right-box > div.on .img-box .bg-img{ transform: scale(1);}

.chronicle .chronicle-main p.stxt {opacity: 0; transform: translateY(40px); transition: all 0.9s ease;}
.chronicle .chronicle-main.active p.stxt {    opacity: 1; transform: translateY(0); transition-delay: 0.1s;}
.chronicle .chronicle-main strong {opacity: 0; transform: translateY(40px); transition: all 0.9s ease;}
.chronicle .chronicle-main.active strong{    opacity: 1; transform: translateY(0); transition-delay: 0.3s;}
.chronicle .chronicle-main .desc {opacity: 0; transform: translateY(40px); transition: all 0.9s ease;}
.chronicle .chronicle-main.active .desc{    opacity:0.8; transform: translateY(0); transition-delay: 0.5s;}

.chronicle .chronicle-main .bg-img {transform: scale(1.08); transition: transform 1.5s ease-in-out; transform-origin: center center;}
.chronicle .chronicle-main.active .bg-img  
{ transform: scale(1);}

.chronicle .chronicle-box .right-box .txt-con strong {opacity: 0; transform: translateY(40px); transition: all 0.9s ease;}
.chronicle .chronicle-box .right-box > div.on  .txt-con strong {opacity: 1; transform: translateY(0); transition-delay: 0.1s;}
.chronicle .chronicle-box .right-box .txt-con .desc {opacity: 0; transform: translateY(40px); transition: all 0.9s ease;}
.chronicle .chronicle-box .right-box > div.on .txt-con .desc {opacity: 1; transform: translateY(0); transition-delay: 0.3s;}

.chronicle .chronicle-box .history-container .history-flex .his-txt{ opacity: 0; transform: translateY(30px); transition: all .6s ease;padding-right:15rem; }
.chronicle .chronicle-box .history-container .history-flex .img-con{ opacity: 0; transform: translateY(30px); transition: all .6s ease; }


.chronicle .chronicle-box .history-container .history-flex.on  .his-txt{ opacity: 1; transform: translateY(0); }
.chronicle .chronicle-box .history-container .history-flex.on .img-con{ opacity: 1; transform: translateY(0); }


@media (max-width: 1600px) {
	.chronicle .chronicle-box .left-fixed{width:20%;padding:5rem 1.5rem 1rem 0;}
	.chronicle .chronicle-box .right-box{width:calc(100% - 20%);}
	.chronicle .chronicle-box .left-fixed ul li.act{font-size:1.75rem;}
	.chronicle .chronicle-box .history-container{padding:5rem 5rem 0 5rem;}
	.chronicle .history-line-container .history-line{left:5rem;top:5rem;}
	.chronicle .chronicle-box .history-container .history-flex .history-date:before {transform:translateX(-50%);left:-1.5rem;}
	.chronicle .chronicle-box .history-container .history-flex{padding-left:1.5rem;}
	.chronicle .chronicle-box .left-fixed{background: #F8F8F8 url(../images/content/left-point.png) no-repeat left  bottom;        background-size: 15rem;}
}
@media (max-width: 1200px) {
	.chronicle .chronicle-box .right-box .txt-con{left:1.5rem;bottom:1.5rem;}
	.chronicle .chronicle-box .right-box .txt-con strong{font-size:2.5rem;line-height:1.3;}
	.chronicle .chronicle-box .right-box .txt-con .desc{margin-top:1.5rem;}
	.chronicle .chronicle-box .history-container{padding:5rem 1.5rem 0 1.5rem;}
	.chronicle .history-line-container .history-line{left:1.5rem;}
	.chronicle .chronicle-box .history-container{gap:5rem;}
}

@media (max-width: 900px) {
	.chronicle .chronicle-box .left-fixed{display:none;}
	.chronicle .chronicle-box .right-box{width:100%;}
	.chronicle .chronicle-box .history-container .history-flex .his-wrap .img-con{position:relative;}
	.chronicle .chronicle-box .history-container .history-flex .his-txt{padding-right:1rem;flex:1;}
}
@media (max-width: 500px) {
	.chronicle .chronicle-box .history-container .history-flex .his-wrap{flex-direction:column;gap:1rem;}
	.chronicle .chronicle-box .history-container .history-flex .his-txt{padding-right:0;}
	.chronicle .chronicle-box .right-box .txt-con strong{font-size:1.75rem;}
	.chronicle .chronicle-box .right-box .img-box{padding:5rem 1rem 3rem 1rem;}
	.chronicle .chronicle-box .right-box .txt-con{position:relative;left:auto;bottom:auto;}
	.chronicle .chronicle-box .right-box > div .img-box .bg-img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;}
	.chronicle .chronicle-main{padding:7.5rem 1rem 9.15rem 1rem;}

}


/*80주년 기념 엠블럼*/
.emblem {overflow:hidden;}
.emblem .img-zone {margin-top:5.75rem;height:29rem;}
.emblem .img-zone img{width:100%;height:100%;object-fit:cover;}
.emblem .one-box strong {text-align:center;display:block;color: #333; font-size: 2.25rem; font-weight: 700; line-height: 2.25rem; letter-spacing: -0.01125rem;margin-top:2.75rem;}
.emblem .one-box .one {width:24.95rem;height:24.95rem;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto;margin-top:-12.475rem;position:relative;z-index:1;}
.emblem .one-box .one-txt-box {display:flex;justify-content:center;margin-top:-3.8rem;position:relative;z-index:1;}
.emblem .one-box .one-txt-box > div {display: flex; width: 10.5rem; height: 3.8rem; justify-content: center; align-items: center;border-radius: 5rem; background: rgba(217, 20, 28, 0.20);color: #333; text-align: center; font-size: 1.15rem; font-weight: 400; line-height: 1.15rem; letter-spacing: -0.00575rem;}
.emblem .one-box .one-txt-box > div:nth-child(2) {border-radius: 5rem;
background: rgba(243, 152, 0, 0.20);margin-left:-1.25rem}
.emblem .one-box .desc {color: #666; text-align: center; font-size: 1rem; font-weight: 400; line-height: 1.5rem; letter-spacing: -0.005rem;margin-top:2.75rem;}

.emblem .signature {margin-top:7.1rem;}
.emblem h4{color: #333; font-size: 2.25rem; font-weight: 700; line-height: 2.25rem; letter-spacing: -0.01125rem;margin-bottom:2.75rem;}

.emblem .signature-tab {display:flex;justify-content:center;margin-bottom:2.75rem;border-bottom:1px solid #ddd;}
.emblem .signature-tab > div {color: #888; font-size: 1rem; font-weight: 700; line-height: 1rem; letter-spacing: -0.005rem;padding:1rem 2.5rem;cursor:pointer;}
.emblem .signature-tab > div.on {color:#D9141C;position:relative;}
.emblem .signature-tab > div.on:after{content:'';position:absolute;width:100%;height:2px;background:#D9141C;bottom:0;left:0;}
.emblem .signature-tab > div:hover{color:#D9141C}



.emblem .signature-list {display:flex;gap:2.35rem;padding-bottom:2.75rem;border-bottom:1px solid #ddd;}
.emblem .signature-list > div {width:calc((100% - (2.35rem * 2)) / 3);border:1px solid #ddd;border-radius:1rem;overflow:hidden;}
.emblem .signature-list > div .logo-box {background:url(../images/content/logo-box.png)no-repeat center center;border-radius:1rem;text-align:center;    height: 19.1rem;display:flex;justify-content:center;align-items:center;padding:0 1rem;}
.emblem .signature-list > div .logo-box img {max-width:100%;}
.emblem .signature-list > div p{color: #333; text-align: center; font-size: 1.15rem; font-weight: 600; line-height: 1.15rem; letter-spacing: -0.00575rem;background:#F8F8F8;padding:1.25rem 1rem;}


.emblem .signature  a.down-btn{display: flex; width: 11rem; height: 3rem; padding: 0.8rem;gap:0.9rem;border-radius: 2.5rem; border:1px solid #D9141C; color: #D9141C; text-align: center; font-size: 0.9rem; font-weight: 600; line-height: 0.9rem; letter-spacing: -0.0045rem;align-items:center;justify-content:space-between;margin:0 auto;margin-top:2.75rem;
}
.emblem .signature  a.down-btn:after{content:'';width:2.5rem;height:1.4rem;background:#D9141C url(../images/content/down-icon.png)no-repeat center center;background-size:cover;border-radius:2.5rem}

.emblem .signature  a.down-btn:hover{background:#D9141C;color:#fff;}
.emblem .signature  a.down-btn:hover:after {background:#fff url(../images/content/down-icon-on.png)no-repeat center center;background-size:cover;border-radius:2.5rem}

.emblem .color-box {margin-top:7.5rem;}
.emblem .color-box .color-wrap{position:relative;}
.emblem .color-box .color-wrap > div.con{display:flex;}
.emblem .color-box .color-wrap:before{content:'';position:absolute;width:50vw;height:100%;background:#D9141C;left:0;top:0;z-index:-1;}
.emblem .color-box .color-wrap:after{content:'';position:absolute;width:50vw;height:100%;background:#F39800;right:0;top:0;z-index:-1;}


.emblem .color-box .color-wrap > div.con > div {width:50%;padding:5rem 0;}
.emblem .color-box .color-wrap > div.con > div:first-child{background: #D9141C;}
.emblem .color-box .color-wrap > div.con > div:nth-child(2){background: #F39800;padding-left:10.5rem;}
.emblem .color-box .color-wrap > div.con > div .tit {color: #FFF; font-family: 'Poppins'; font-size: 1.5rem; font-weight: 700; line-height: 2rem; letter-spacing: -0.0075rem;opacity: 0.4;}
.emblem .color-box .color-wrap > div.con > div .desc {color: #FFF; font-size: 1rem; font-weight: 700; line-height: 1rem; letter-spacing: -0.005rem;line-height:1.3;margin:1.25rem 0 6.3rem;}
.emblem .color-box .color-wrap > div.con > div ul li {color: #FFF; font-size: 0.9rem; font-weight: 600; line-height: 0.9rem; letter-spacing: -0.0045rem;}
.emblem .color-box .color-wrap > div.con > div ul li b {font-weight:600}
.emblem .color-box .color-wrap > div.con > div ul li:not(:last-child){margin-bottom:0.5rem;}

.slogan{padding:7.5rem 0 10rem;}
.slogan h4 {text-align:center;}
.slogan .slogan-box {width:75rem;height:19rem;background:url(../images/content/slogan-box.png)no-repeat center center;background-size:cover;display:flex;justify-content:center;align-items:center;padding:1rem;border:1px solid #ddd;border-radius:1rem;}
.slogan .slogan-box img {max-width:100%;}
.slogan .slogan-txt {text-align:center;margin-top:2.75rem;}
.slogan .slogan-txt strong {color: #333; font-family: 'Poppins'; font-size: 1.5rem; font-weight: 700; line-height: 1.5rem; letter-spacing: -0.0075rem;display:block;}
.slogan .slogan-txt p {color: #666; font-size: 1rem; font-weight: 400; line-height: 1.5rem; letter-spacing: -0.005rem;margin-top:1.25rem;}
.slogan .slogan-txt p b {color:#333;font-weight:400}
.slogan .slogan-txt a {display: flex; width: 11rem; height: 3rem; padding: 0.8rem; gap: 0.9rem; border-radius: 2.5rem; border: 1px solid #D9141C; color: #D9141C; text-align: center; font-size: 0.9rem; font-weight: 600; line-height: 0.9rem; letter-spacing: -0.0045rem; align-items: center; justify-content: space-between; margin: 0 auto; margin-top: 2.75rem;}
.slogan .slogan-txt a:hover{    background: #D9141C; color: #fff;}
.slogan .slogan-txt a.down-btn:after {content: ''; width: 2.5rem; height: 1.4rem; background: #D9141C url(../images/content/down-icon.png) no-repeat center center; background-size: cover; border-radius: 2.5rem;}
.slogan .slogan-txt a.down-btn:hover:after{

    background: #fff url(../images/content/down-icon-on.png) no-repeat center center;
    background-size: cover;
    border-radius: 2.5rem;}

@media (max-width: 1500px) {
	.emblem .img-zone {height:20rem;}
	.emblem .color-box .color-wrap > div.con > div:nth-child(2){padding-left:1rem;}
	.slogan .slogan-box{width:100%;background-size:cover;}
}
@media (max-width: 1200px) {
	.emblem .signature-list > div .logo-box{height:12rem;}
	.emblem .signature-list > div .logo-box img{max-width:60%;}
	.emblem .signature-list > div:nth-child(2) .logo-box img {max-width:80%;}
	.emblem .signature-list > div:nth-child(3) .logo-box img {max-width:80%;}
}
@media (max-width: 1030px) {
	.emblem .one-box .one img {width:15rem;}
}
@media (max-width: 767px) {
	.emblem .color-box .color-wrap > div.con{flex-direction:column; }
	.emblem .color-box .color-wrap > div.con > div{width:100%;}
	.emblem .color-box .color-wrap:before{display:none}
	.emblem .color-box .color-wrap:after{display:none}
	.emblem .color-box .color-wrap > div.con > div:first-child{position:relative;}
	.emblem .color-box .color-wrap > div.con > div:first-child:before{content:'';position:absolute;width:100vw;height:100%;left:-1rem;top:0;background:#D9141C;z-index:-1;}
	.emblem .color-box .color-wrap > div.con > div:nth-child(2){position:relative;padding-left:0;}
	.emblem .color-box .color-wrap > div.con > div:nth-child(2):before{content:'';position:absolute;width:100vw;height:100%;left:-1rem;top:0;background:#F39800;z-index:-1;}
	.emblem .color-box .color-wrap > div.con > div .desc{margin:1.25rem 0 3rem;}
	.emblem .color-box .color-wrap > div.con > div{padding:3rem 0;}
}
@media (max-width: 500px) {
	.emblem .one-box .one{margin-top:3rem;width:auto;height:auto;}
	.emblem .one-box .one-txt-box{margin-top:1.5rem;}
	.emblem .one-box .one img {max-width:100%;}
		.emblem .signature-list{flex-direction:column;gap:1.5rem;}
	.emblem .signature-list > div{width:100%;}
	.emblem .signature-list > div .logo-box{padding:3rem 1rem;background-size:cover;height:auto;}
	.emblem .signature-tab > div{width:50%;padding:1rem;text-align:center;display:flex;justify-content:center;align-items:center;line-height:1.3;border-bottom:1px solid #ddd;}

	.emblem .signature-tab{flex-wrap:wrap;border-bottom:none;}


}