@charset 'utf-8';

/*==========================메인 2025 리뉴얼==========================*/
body.renew2025 *:focus {outline-width: 0px !important;
    box-shadow:none !important;
    outline-color: none !important;
    outline-offset: 0 !important;}
body.renew2025 *:focus-visible {outline-width: 0px !important;
    box-shadow: rgba(37, 110, 244, 0.97) 0px 0px 0px 1.93726px inset !important;
    outline-color: rgb(247, 248, 250) !important;
    outline-offset: -3.875px !important; }

body.renew2025 {width: 100vw; height: 100vh; position: relative; font-family: 'Pretendard GOV';}
body.renew2025::-webkit-scrollbar {display: none;}
body.renew2025 .headerWrap {width: 100%; position: fixed; top: 0; z-index: 1000; }
body.renew2025 .headerWrap .header-actions .form-group {margin-top: 10px;}
body.renew2025 .headerWrap .header-actions .form-group .form-tit {display: none;}
body.renew2025 .headerWrap .header-actions .form-group .form-conts input.mainSearch {font-size: 16px; font-family: 'pretendard GOV'; max-height:40px; min-height: 40px; border-radius: 8px;}
body.renew2025 .headerWrap .header-actions .form-group .form-conts input.qt {font-family: 'pretendard GOV'; max-height:40px; min-height: 40px; border-radius: 8px;}
body.renew2025 .headerWrap .krds-main-menu .gnb-toggle-wrap {overflow-y: scroll;  max-height: calc( 100vh - 196.5px );}
body.renew2025 .headerWrap .krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-list .gnb-sub-content ul li {position: relative; }
body.renew2025 .headerWrap .krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-list .gnb-sub-content ul li.directIcon a { padding: 0.8rem 1.5rem 0.8rem 1rem; width: 100%;}
body.renew2025 .headerWrap .krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-list .gnb-sub-content ul li.directIcon a span {position:relative; width:100%;}
body.renew2025 .headerWrap .krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-list .gnb-sub-content ul li.directIcon a span::after {position: absolute;  top: 50%;   transform: translate(50%, -50%);   right: 0; content:''; background: url('../../../img/2025Renewal/main/window-restore-solid-full.svg') center center / cover no-repeat;   width: 16px;  height: 16px;  display: inline-block;  filter: brightness(0) saturate(100%) invert(29%) sepia(86%) saturate(2223%) hue-rotate(199deg) brightness(101%) contrast(106%);}
body.renew2025.is-gnb-web.hasScrollY #krds-header .gnb-toggle-wrap {padding-right: 0 !important;}
body.renew2025.is-gnb-web.hasScrollY #krds-masthead {padding-right: 0 !important;}
body.renew2025.is-gnb-web.hasScrollY #krds-header .header-container {padding-right: 0 !important;}
body.renew2025.is-gnb-web.hasScrollY #krds-header .krds-main-menu {padding-right: 0 !important;}

body.renew2025 .krds-main-menu-mobile .gnb-wrap .gnb-body {    background-color: #eef2f7;}
body.renew2025 .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger {padding:6px;}
body.renew2025 .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger {padding:4px;}
body.renew2025 .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger span {line-height:1.3;}
body.renew2025 .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list ul li {position: relative;font-size:15px; }
body.renew2025 .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list ul li.directIcon a { width: 100%; padding-right:2rem;}
body.renew2025 .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list ul li.directIcon a span { position:relative; display:inline-block; word-break:break-all;}
body.renew2025 .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list ul li.directIcon a span::after { position: absolute;   right: -26px;   content:''; background: url('../../../img/2025Renewal/main/window-restore-solid-full.svg') center center / cover no-repeat;   width: 14px;   height: 14px;   display: inline-block;  top: 50%; transform: translate(-50%, -50%);  filter: brightness(0) saturate(100%) invert(29%) sepia(86%) saturate(2223%) hue-rotate(199deg) brightness(101%) contrast(106%);}

.krds-main-menu .gnb-toggle-wrap .gnb-main-list.fullDepth[data-has-submenu=true]::before {display: none;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list.fullDepth .gnb-sub-list {width: 100%; padding: var(--krds-main-menu--sub-menu-padding-y) 0; position: unset;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list.fullDepth .gnb-sub-list .fullDepthArea { grid-template-columns: repeat(4, 1fr);grid-row-gap: var(--krds-gap-7);}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list.fullDepth .gnb-sub-list .fullDepthArea .fullDepthArea-li {display: inline-flex; flex-flow: column wrap; align-items: flex-start; justify-content: flex-start; gap: 0.5rem;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list.fullDepth .gnb-sub-list .fullDepthArea .fullDepthArea-li .depthTitle {background-color: #e8f2ff; font-weight: 600;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list.fullDepth .gnb-sub-list .fullDepthArea .fullDepthArea-li .depthList {width: 100%; }
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a.depthTitle::before {display:none;}

#krds-header {transition: transform 0.4s ease-in-out; will-change: transform; transform: translateY(0);}
#krds-header.scrolling {transform: translateY(-100%);}

body.renew2025 .renewBody {width: 100%; height: auto;  position: relative;}
body.renew2025 .renewBody section {height: calc( 100vh - 196.5px ); background: #ccc center center / cover no-repeat; width: 100%;  }

/*Top button*/
body.renew2025 .topBtn {position: fixed; right: 20px; bottom: 2vh; z-index: 99;}

/*quick Menu*/
body.renew2025 .quickWrap {position: fixed; right: -177px; top: 30vh; z-index: 100; display: inline-block; transition:  0.3s ease-in-out;}
body.renew2025 .quickWrap.active {right: 0;}
body.renew2025 .quickWrap .quickArea {width: auto; display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: flex-end;}
body.renew2025 .quickWrap .btnArea {width: 38px;}
body.renew2025 .quickWrap .btnArea .decoIcon {width: 100%;}
body.renew2025 .quickWrap .btnArea .textArea {width: 100%; background-color: #256ef4; writing-mode: vertical-rl; display: flex; flex-flow: column wrap; align-items: center; justify-content: center; padding: 10px 0; color: #fff; font-weight: 500;}
body.renew2025 .quickWrap .btnArea .openBtn {box-shadow: 1px 1px 4px 1px rgba(255, 255, 255, 0.3); width: 100%; aspect-ratio: 1; background-color: var(--krds-color-light-secondary-70); display: flex; flex-flow: column wrap; align-items: center; justify-content: center; border-radius: 0 0 0 8px;}
body.renew2025 .quickWrap.active .btnArea .openBtn img {transform: rotate(180deg); transition: all 0.3s ease-in-out;}
body.renew2025 .quickWrap .directArea {margin-top: 32px;  background-color: #fff; padding: 10px 15px;  display: flex; flex-flow: column wrap; align-items: center; justify-content: flex-start;  transition: all 0.2s ease-in-out; border-bottom-left-radius: 10px;     }
body.renew2025 .quickWrap.active .directArea {box-shadow: -3px 4px 10px rgba(0, 0, 0, 0.2);}
body.renew2025 .quickWrap .directArea .title {font-size: 18px; margin-bottom: 14px;}
body.renew2025 .quickWrap .directArea .title .color {color: var(--krds-color-light-primary-60);}
body.renew2025 .quickWrap .directArea .menuWrap {width: 100%; display: flex; flex-flow: column wrap; align-items: flex-start; justify-content: flex-start; gap: 10px; }
body.renew2025 .quickWrap .directArea .menuWrap .menuBox {width: 100%; display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start; gap: 5px; border-bottom: 1px solid #ccc; padding: 0 7px 7px 7px;}
body.renew2025 .quickWrap .directArea .menuWrap .menuBox:last-child {border-bottom: none;}
body.renew2025 .quickWrap .directArea .menuWrap .menuBox:hover .text {font-weight: 600;}
body.renew2025 .quickWrap .directArea .menuWrap .menuBox .icon {line-height: 1.1; width: 18px;}
body.renew2025 .quickWrap .directArea .menuWrap .menuBox .icon img {max-width: 100%;}
body.renew2025 .quickWrap .directArea .menuWrap .menuBox .text {flex: 1; font-size: 16px; font-weight: 500; color: var(--krds-color-light-secondary-70);}

/*main pagenation*/
.pagination-nav {  position: fixed;  left: 16px;  top: 50%;  transform: translateY(-50%);  z-index: 51;}
.pagination-dots {  display: flex;  flex-direction: column;  gap: 16px;}
.pagination-dots .dot {   width: 14px;  height: 14px;  border-radius: 50%;  background-color: #ccc;  border: none;  cursor: pointer;  transition: background-color 0.3s ease;}
.pagination-dots .dot.active {  background-color: #256ef4;   box-shadow: 0 0 0 3px rgba(255,255,255,0.3);  animation: pulseDot 1.5s ease-in-out infinite;}
@keyframes pulseDot {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
  }
}

/*section1 mainVisual*/
body.renew2025 .renewBody section.section1 {margin-top: 196.5px; position: relative;}
body.renew2025 .renewBody section.section1 .Swiper01 {width: 100%; height: 100%;}
body.renew2025 .renewBody section.section1 .mainVisualWrap {width: 100%;  height: 100%; position: relative; background: #ccc center center / cover no-repeat; display: flex;  flex-flow: column wrap; align-items: flex-start;  justify-content: flex-end;}
body.renew2025 .renewBody section.section1 .mainVisualWrap.top {background-position: top center;}
body.renew2025 .renewBody section.section1 .mainVisualWrap.middle {background-position: center center;}
body.renew2025 .renewBody section.section1 .mainVisualWrap.bottom {background-position: bottom center;}
body.renew2025 .renewBody section.section1 .mainVisualWrap::after {content: ''; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background:linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent 65%); z-index: 0;}
body.renew2025 .renewBody section.section1 .mainVisualWrap.opacity::after {display:none;}

body.renew2025 .renewBody section.section1 .mainTitleWrap {background-color:transparent; position: relative; z-index: 1; color: #fff; width: 100%; max-width: 1200px; margin: 0 auto; padding-bottom: 12vh;}
body.renew2025 .renewBody section.section1 .mainTitleWrap .mainTitle {text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); font-size: 50px;  width: 100%;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}
body.renew2025 .renewBody section.section1 .mainTitleWrap .mainTitle.opacity {display:none;}
body.renew2025 .renewBody section.section1 .mainTitleWrap .mainTextArea {display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis; max-width: 80%; width: 100%; font-size: 20px;}
body.renew2025 .renewBody section.section1 .mainTitleWrap .directBtn {font-size: 18px; color: #fff; flex-flow: row wrap; align-items: center; justify-content: flex-start; gap: 5px; border: 1px solid #fff; display: inline-flex; padding: 3px 10px; border-radius: 8px; margin-top: 20px; transition: all 0.2s ease-in-out;}
body.renew2025 .renewBody section.section1 .mainTitleWrap .directBtn:hover {background-color: var(--krds-color-light-primary-60); border: 1px solid var(--krds-color-light-primary-60);}
body.renew2025 .renewBody section.section1 .mainTitleWrap .directBtn .icon {line-height: 0.9;}

body.renew2025 .renewBody section.section1 .swiperBtnWrap {display: none;}
body.renew2025 .renewBody section.section1 .swiper-pagination {gap:20px; width: 100%; max-width: 1200px; position: absolute; bottom: 3vh; z-index: 1; left: 50%; transform: translateX(-50%); display: flex; flex-flow: row wrap; align-items: stretch; justify-content: flex-start;height: auto;}
body.renew2025 .renewBody section.section1 .swiper-pagination .swiper-pagination-bullet { width: auto; flex:1; height: auto;  border-radius: 8px; line-height: 1.5;  font-size: 16px; opacity: 1;  background: rgba(0, 0, 0, 0.4); border: 1px solid #fff; color: #fff; padding: 12px 10px; font-weight: 600; text-align: left; margin: 0;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  position: relative;}
body.renew2025 .renewBody section.section1 .swiper-pagination .swiper-pagination-bullet-active {  color: #fff;  background: linear-gradient(90deg, #256EF4, #063A74 );   position: relative; padding-right: 40px;}
body.renew2025 .renewBody section.section1 .swiper-pagination .swiper-pagination-bullet-active::after {content:url('../../../img/2025Renewal/main/chevron-right-solid-full.svg'); width: 20px; height: 20px; position: absolute; right: 0;}

/*section2*/
body.renew2025 .renewBody section.section2 {background: url('../../../img/2025Renewal/main/section2_bg.jpg') right bottom / cover no-repeat; width: 100%;     display: flex;  flex-flow: column nowrap;  align-items: center;  justify-content: center;}
.renewBody section.section2 .sectionWrap {    max-height: 85%; height: 100%; width:100%; max-width:1200px; margin:0 auto; padding:0; display:flex; flex-flow:row nowrap; align-items:center; justify-content:center; gap:30px; }
.renewBody section.section2 .sectionWrap .leftWrap {height: 100%; flex:1; display:flex; flex-flow:column nowrap; align-items:stretch; justify-content:center; gap:30px;}
.renewBody section.section2 .tabWrap {display: flex; gap:20px; flex-flow: column nowrap;  align-items: stretch;  justify-content: flex-start; width:100%;height: 100%; padding:20px; background-color:#E3EEFF; border:1px solid #ddd; border-radius:10px;}
.renewBody section.section2 .tabWrap .tabBtnWrap {width:100%; display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between;}
.renewBody section.section2 .tabWrap .tabBtnWrap .tabBtnArea {display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-start; gap:30px;}
.renewBody section.section2 .tabWrap .tabBtnWrap .tabBtnArea .tabBtn {line-height:1; font-size:20px; color:#58616A; font-weight:600; position:relative;}
.renewBody section.section2 .tabWrap .tabBtnWrap .tabBtnArea .tabBtn .icon {display:none;}
.renewBody section.section2 .tabWrap .tabBtnWrap .tabBtnArea .tabBtn::before {content:''; display:inline-block; width:1px; height:14px; position:absolute; top:50%; left:-15px; transform:translate(50%,-50%); background-color:#b3b3b3;}
.renewBody section.section2 .tabWrap .tabBtnWrap .tabBtnArea .tabBtn:first-child::before {display:none;}
.renewBody section.section2 .tabWrap .tabBtnWrap .tabBtnArea .tabBtn.active::after {content:''; background: url('../../../img/2025Renewal/main/circle-check-solid-full.svg'); filter: invert(19%) sepia(43%) saturate(3183%) hue-rotate(196deg) brightness(79%) contrast(97%); width: 16px; height: 16px; display:inline-block;}
.renewBody section.section2 .tabWrap .tabBtnWrap .tabBtnArea .tabBtn.active {color:#063A74; font-weight:800; display:inline-flex; align-items:center; position:relative;}
.renewBody section.section2 .tabWrap .tabBtnWrap .moreBtn {display: none !important;  align-items: center; justify-content: center; transition:all 0.5s;}
.renewBody section.section2 .tabWrap .tabBtnWrap .moreBtn.active {display: inline-flex !important;}
.renewBody section.section2 .tabWrap .tabBtnWrap .moreBtn.active:hover {transform:rotate(360deg);}
.renewBody section.section2 .tabWrap .tabBtnWrap .moreBtn.active img {max-width:20px;}
.renewBody section.section2 .tabWrap .tabContWrap {flex: 1;}
.renewBody section.section2 .tabWrap .tabContWrap .tabCont {display:none;}
.renewBody section.section2 .tabWrap .tabContWrap .tabCont.active {    height: 100%; color:#333; display:flex;  flex-flow:column wrap; align-items:stretch; justify-content:space-between; gap:10px;}
.renewBody section.section2 .tabWrap .tabContWrap .tabCont .tabBox {flex: 1; height:auto; font-size:18px; font-weight:500; width:100%; display:flex; flex-flow:row nowrap; align-items:center; justify-content:space-between; background-color:#fff; padding:4px 10px; border-radius:4px; gap:20px;}
.renewBody section.section2 .tabWrap .tabContWrap .tabCont .tabBox:hover {font-weight:700;}
.renewBody section.section2 .tabWrap .tabContWrap .tabCont .tabBox .left { display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-start; flex:1; gap:20px;}
.renewBody section.section2 .tabWrap .tabContWrap .tabCont .tabBox .left .text {word-break:break-all; font-size:1em; font-weight: 600; flex:1; display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}
.renewBody section.section2 .tabWrap .tabContWrap .tabCont .tabBox:hover .left .text {font-weight:700;}
.renewBody section.section2 .tabWrap .tabContWrap .tabCont .tabBox .right {font-size:0.85em; width:fit-content; color:#696969;}
.renewBody section.section2 .badge { position:relative; width:fit-content; font-size:0.9em; font-weight:700;}
.renewBody section.section2 .badge.color01 {color:#086226;}
.renewBody section.section2 .badge.color02 {color:#063A74;}
.renewBody section.section2 .badge.color03 {color:#D63D4A;}
.renewBody section.section2 .badge.color04 {color:#256EF4;}
.renewBody section.section2 .badge::after {content:''; display:inline-block; width:1px; height:12px; position:absolute; top:50%; right:-10px; transform:translate(50%,-50%); background-color:#b3b3b3;}
.renewBody section.section2 .badge:last-child::after {display:none;}
.renewBody section.section2 .sectionWrap .rightWrap {width:40%; height:100%; display:flex; flex-flow:column nowrap; align-items:stretch; justify-content:space-between; gap:30px;}
.renewBody section.section2 .sectionWrap .rightWrap .topArea {}
.renewBody section.section2 .sectionWrap .rightWrap .topArea, .renewBody section.section2 .sectionWrap .rightWrap .botArea {height: calc((100% - 30px) / 2); display:flex; flex-flow:row nowrap; align-items:stretch; justify-content:flex-start; gap:30px;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox {width:calc( ( 100% - 30px ) / 2 );  overflow:hidden; display:flex; flex-flow:column nowrap; align-items:stretch; justify-content:flex-start; gap:20px; background-color:#fff; border-radius:10px; border:1px solid #063A74; padding:20px;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox .titleArea {flex-shrink:0; display:flex; width:100%; flex-flow:row wrap; align-items:Center; justify-content:space-between;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox .titleArea .boxTitle {font-size:20px; line-height:1;color:#063A74; }
.renewBody section.section2 .sectionWrap .rightWrap .rightBox .titleArea .swiperBtnWrap {display:flex;flex-flow:row wrap; align-items:Center; justify-content:flex-end; gap:10px;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox .titleArea .swiperBtnWrap button {filter:invert(0.5); display:inline-flex; align-items:center; justify-content:center;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox .titleArea .swiperBtnWrap button:hover {filter: invert(19%) sepia(43%) saturate(3183%) hue-rotate(196deg) brightness(79%) contrast(97%);}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox .titleArea .swiperBtnWrap button img {width:18px; height:18px;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox .titleArea .swiperBtnWrap button.small img {width:14px; height:14px;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox .titleArea .swiperBtnWrap button.Swiper02Play {display:none;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox .titleArea .swiperBtnWrap button.Swiper03Play {display:none;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox .titleArea .swiperBtnWrap button.Swiper05Play {display:none;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column {background-color:unset; border:none; border-radius:0; padding:0; display:flex; flex-flow:column wrap; align-items:stretch; justify-content:space-between; gap:20px;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column .box {flex:1; background-color:#fff; border-radius:10px; border:1px solid #063A74; padding:10px;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox .swiper {flex:1; width: 100%; border-radius:4px;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox .swiper-slide {}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox .swiper-slide img {    width: 100%;   height: 100%;  object-fit: fill;  object-position: center;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox .swiper-slide.youtube {}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox .swiper-slide.youtube img {object-fit:cover;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column .box { height: calc((100% - 40px) / 3); position:relative;display:flex; flex-flow: row nowrap; align-items:center; justify-content:flex-start; gap:14px;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column .box:hover {background-color:#256ef4;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column .box:hover .directText {font-weight:700; color:#fff;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column .box:hover .directText .bottom::after {filter:invert(1); }
.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column .box .img {width:35%; display: inline-flex;  align-items: center;   justify-content: center;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column .box .img img {width: 100%; min-width:unset;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column .box .directText {line-height: 1; font-size:18px; color:#063A74; font-weight:600;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column .box .directText .top {display:block;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column .box .directText .bottom {position:relative;line-height:1.2; display:inline-block;}
.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column .box .directText .bottom::after {filter:invert(0.5);  background: url('../../../img/2025Renewal/main/arrow-up-right-from-square-solid-full.svg'); content:''; display:inline-block; width:16px; height:16px; position:absolute; top:50%; right:-10px; transform:translate(50%,-50%); } 
.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column .box.position .img img {max-height:88px;}

/*section3*/
body.renew2025 .renewBody section.section3 {background: url('../../../img/2025Renewal/main/section3_bg.jpg') right bottom / cover no-repeat; width: 100%;     display: flex;  flex-flow: column nowrap;  align-items: center;  justify-content: center;}
.renewBody section.section3 .sectionWrap {padding:4vh 0 6vh; height: 100%; width:100%; max-width:1200px; margin:0 auto; display:flex; flex-flow:column nowrap; align-items:center; justify-content:center; gap:30px; color: #fff;}
.renewBody section.section3 .sectionWrap .titleArea {color:#fff; font-size: 18px; text-align:center;}
.renewBody section.section3 .sectionWrap .titleArea .main {font-size:2.2em;}
.renewBody section.section3 .sectionWrap .titleArea .sub {font-size:1em;}
.renewBody section.section3 .sectionWrap .tabBtnWrap { width:80%; padding:8px; border-radius:40px; background-color:rgba(255,255,255,0.5); display:flex; flex-flow: row wrap; align-items:center; justify-content:center;}
.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn {position:relative; flex:1; color:#33363D; font-size:18px; font-weight:500; display:inline-flex; align-items:center; flex-flow:row nowrap; justify-content:center; gap:5px;}
.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn:hover {font-weight:700;}
.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn.active { background-color:#256EF4; font-weight:700; color:#fff; border-radius:30px; padding:6px;}
.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn .text {position:relative; padding-right:15px;}
.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn .text::after {background-position:center; background-size:cover; content:''; display:inline-block; width:16px; height:16px; position:absolute; top:50%; right:0px; transform:translate(50%,-50%); } 
.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn.insta .text::after {background-image: url('../../../img/2025Renewal/main/instaIcon.png'); filter: grayscale(1);} 
.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn.insta.active .text::after {filter:none;} 
.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn.youtube .text::after {width: 20px;  height: 15px; background-image: url('../../../img/2025Renewal/main/youtubeIcon2.png');  } 
.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn.youtube.active .text::after {background-image: url('../../../img/2025Renewal/main/youtubeIcon.png'); } 
.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn.blog .text::after { width: 18px; height: 16px; background-image: url('../../../img/2025Renewal/main/blogIcon2.png');  } 
.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn.blog.active .text::after {background-image: url('../../../img/2025Renewal/main/blogIcon.png'); } 
.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn.facebook .text::after {background-image: url('../../../img/2025Renewal/main/facebookIcon2.png');  } 
.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn.facebook.active .text::after {background-image: url('../../../img/2025Renewal/main/facebookIcon.png'); } 
.renewBody section.section3 .sectionWrap .tabContWrap {position:relative;}
.renewBody section.section3 .sectionWrap .tabContWrap .tabCont {display:none;}
.renewBody section.section3 .sectionWrap .tabContWrap .tabCont.active {display:flex; flex-flow:row wrap; align-items:stretch; justify-content:space-between; gap:30px; }
.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox {min-height:390px; display:flex; flex-flow:column nowrap; align-items:stretch; justify-content:flex-start; gap:14px; width: calc( ( 100% - 90px ) / 4 ); font-size:15px; color:#333; padding:20px; border-radius:10px; background-color:#fff;}
.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox .imgArea {flex-shrink: 0; border-radius:6px; display:flex; align-items: center;  justify-content: stretch; width:100%; aspect-ratio:1; overflow: hidden; border: 1px solid #efefef; box-sizing: border-box;}
.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox .imgArea img {object-position:center; transition:all 0.2s ease-in-out; object-fit: fill;   width: 100%;  height: 100%;}
.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox:hover .imgArea img {transform:scale(1.1);}
.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox .textArea {flex:1; display:inline-flex; flex-flow:column nowrap; align-items:stretch; justify-content:space-between; gap:8px;}
.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox .textArea .text { word-break: break-all; text-align: justify; color:#333; display: -webkit-box; -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis; font-weight:500; font-size:1.05em;  -webkit-line-clamp: 3; }
.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox .textArea .date {font-size:0.9em; text-align:right; width:100%; color:#575757;}
.renewBody section.section3 .sectionWrap .tabContWrap .decoImg {position:absolute; bottom:0; right:-45px;}
.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .sec3More {transition:all 0.2s ease-in-out;  display:flex; flex-flow: row wrap; align-items:center; justify-content:flex-end; gap:5px; position:absolute; bottom: -40px; right:0;}
.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .sec3More .icon {width: 20px;  height: 20px; transition:all 0.2s easr-in-out; }
.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .sec3More .icon img {filter:invert(1);}
.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .sec3More .text {font-size:15px; color:#fff; line-height:1;}
.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .sec3More:hover {background-color:#256ef4; border-radius:20px; padding:4px 14px; }
.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .sec3More:hover .icon {animation: sec3More 1.5s ease-in-out infinite;}
.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .sec3More:hover .text {font-weight:600;}
@keyframes sec3More {
  0% {
    transform: translateX(0px)
  }
  50% {
    transform: translateX(10px)
  }
  100% {
    transform: translateX(0px)
  }
}

/*section4*/
body.renew2025 .renewBody section.section4 {    height: auto;   padding: 7vh 0; width: 100%; margin: 0 auto; background-color:#fff; display: flex;  flex-flow: column wrap;  align-items: center;  justify-content: center; }
.renewBody section.section4 .sectionWrap {width: 100%; height: 100%;  display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; gap: 24px;  max-width: 1200px; }
.renewBody section.section4 .sectionWrap .midWrap {width: 100%; overflow: hidden; background-color: #fff; }
.renewBody section.section4 .sectionWrap .midWrap iframe {width: 100%; height: 320px;}
.renewBody section.section4 .sectionWrap .botWrap {width: 100%; background-color:#F4F5F6 ; border-radius: 12px; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; padding: 14px;}
.renewBody section.section4 .sectionWrap .botWrap .swiperBtnWrap {display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; flex: 1; gap: 10px; line-height: 0.9;}
.renewBody section.section4 .sectionWrap .botWrap .swiperBtnWrap .Swiper04Play {display: none;}
.renewBody section.section4 .sectionWrap .botWrap .swiperBtnWrap > button {display:inline-block; width: 24px;}
.renewBody section.section4 .sectionWrap .botWrap .swiperBtnWrap > button.small {width:18px;}
.renewBody section.section4 .sectionWrap .botWrap .Swiper04 {width: 90%; }
.renewBody section.section4 .sectionWrap .botWrap .Swiper04 .swiper-wrapper .swiper-slide {padding: 5px 10px; font-size: 14px; font-weight: 500; border: 1px solid #C3C3C3; border-radius: 20px; position: relative;}
.renewBody section.section4 .sectionWrap .botWrap .Swiper04 .swiper-wrapper .swiper-slide::after {content: '\f0c1'; font-family: fontAwesome; position: absolute; right: 10px; font-size: 0.8em; line-height: 2;}
.renewBody section.section4 .sectionWrap .botWrap .Swiper04 .swiper-wrapper .swiper-slide:hover {background-color: #ECF2FE;  font-weight: 700;}

/*footer sns align*/
body.renew2025 #krds-footer .f-cnt {align-items: stretch;}
body.renew2025 #krds-footer .f-btm .f-btm-text .f-menu {font-size: 16px; gap: 20px;}
body.renew2025 #krds-footer .f-btm .f-btm-text .f-menu .point {color: var(--krds-color-light-primary-60); font-weight: 600;}
body.renew2025 #krds-footer .f-cnt .f-link { flex-shrink: unset; justify-content: space-between; width: auto; }
 
/* main-footer modal */
#externalLayer.external-layer { position: fixed;  inset: 0;   display: none;  z-index: 9999;  -webkit-overflow-scrolling: touch;}
#externalLayer.external-layer iframe { width: 100%;  height: 100%;  border: 0;}
.renew2025 .krds-modal[data-type=full] {background-color: rgba(238, 242, 247, 0.95);}
.renew2025 .krds-modal .modal-dialog .btn-close {right:50% !important;transform: translate(50%, -50%)!important;  top: 8%!important; transition:all 0.2s ease-in-out;}
.renew2025 .krds-modal .modal-dialog .btn-close.krds-btn.icon .svg-icon {background-color:#7b7b7b;}
.renew2025 .krds-modal .modal-dialog .btn-close:hover i {transform:rotate(180deg);}
.renew2025 .modal-wrap .modal-dialog .modal-content {padding: 6.5% 15%;}
.renew2025 .modal-wrap .modal-dialog .modal-content .modal-header {margin-bottom: 2em; text-align: center; width: 100%;}
.renew2025 .modal-wrap .modal-dialog .modal-content .modal-header .modal-title { margin-bottom:50px; overflow: visible; position:relative; text-align: center; font-size: 36px; display: inline-block;}
.renew2025 .modal-wrap .modal-dialog .modal-content .modal-header .modal-title::after {content:''; position:absolute; bottom:-20px; right:50%; transform:translate(50%,-50%); width:30px; height: 2px; background-color: #0058ff;   display: inline-block;}
.renew2025 .modal-wrap .modal-dialog .modal-content .modal-header .tab-container {width: 100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; gap: 20px;}
.renew2025 .modal-wrap .modal-dialog .modal-content .modal-header .tab-container button {    font-size: 20px; width: calc( ( 100% - 80px ) / 5 ); border: 1px solid #ccc; padding: 5px 10px; border-radius: 20px; font-weight: 500;}
.renew2025 .modal-wrap .modal-dialog .modal-content .modal-header .tab-container button.active {background-color: var(--krds-color-light-secondary-70); color: #fff; font-weight: 600;}
.renew2025 .modal-wrap .modal-dialog .modal-content .modal-header .tab-container button:hover {font-weight: 600;}
.renew2025 .modal-wrap .modal-dialog .modal-content .modal-conts [role="tabpanel"] { display: none;}
.renew2025 .modal-wrap .modal-dialog .modal-content .modal-conts [role="tabpanel"].active { display: block;}
.renew2025 .modal-wrap .modal-dialog .modal-content .modal-conts .pop-foot-links {width: 100%; display: flex; flex-flow: row wrap; align-items: stretch; justify-content: flex-start; gap: 20px;}
.renew2025 .modal-wrap .modal-dialog .modal-content .modal-conts .pop-foot-links li {display: flex; width: calc( ( 100% - 80px ) / 5 ); }
.renew2025 .modal-wrap .modal-dialog .modal-content .modal-conts .pop-foot-links li::before {content:'·'; font-size: 18px; display: inline-block; color: #1d1d1d; padding-right: 5px; font-weight: 800;}
.renew2025 .modal-wrap .modal-dialog .modal-content .modal-conts .pop-foot-links li:hover {font-weight: 600;}
.renew2025 .modal-wrap .modal-dialog .modal-content .modal-conts .pop-foot-links li a {display: inline-flex;  align-items: flex-start;  justify-content: flex-start;   gap: 5px; font-size: 20px;  font-weight: 500;  color: #333; word-break: break-all; width: 100%; height: 100%;}


/*기존 서브페이지에 renew2025클래스로 레이아웃 조정*/
body#sub #root #container.sub-renew2025 {position:unset; margin-top:0; padding-top:22rem;}
/* 스크롤시 헤더 움직임에 따른 서브페이지 여백 조정 */
body#sub #root #container.sub-renew2025.scrolling {padding-top:17rem;}

/*krds css에 추가 클래스로 레이아웃 조정*/
.krds-drop-wrap.snsWrap .drop-menu .drop-list .item-link {height:3.8rem;padding: 0 1rem; font-size:15px;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list.fullDepth .gnb-sub-list .fullDepthArea .fullDepthArea-li .depthList li a {padding:0.5rem 1rem;}
.renew2025 #krds-header .header-container .btn-navi.navi-row.pcMenu {min-width: 107px; min-height:unset; padding: 0 10px; max-height: 40px;   margin-top: 10px; }
.renew2025 #krds-header .header-container .btn-navi.navi-row.pcMenu::before {content:''; width:20px; aspect-ratio:1; display:inline-flex; transition:0.2s ease-in-out; background: url('../../img/2025Renewal/main/bars-solid-full.svg') center center / cover no-repeat;}
.renew2025 #krds-header .header-container .btn-navi.navi-row.pcMenu:hover::before {background-image: url('../../img/2025Renewal/main/bars-staggered-solid-full.svg');}

/*krds css에 추가 클래스로 레이아웃 조정-nav gnb 리디자인*/
.renew2025 .krds-drop-wrap .drop-menu { min-width: 15rem;}
.renew2025 .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list {  background-color: var(--krds-main-menu-mobile--sub-menu-color-surface);}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true].ver2::before {display: none;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list.ver2 {width: 100%; display: flex; flex-flow: row wrap; align-items: stretch; justify-content: space-between;  max-width: unset;}
.krds-main-menu .gnb-toggle-wrap::-webkit-scrollbar {display: none;width: 0 !important;   height: 0 !important;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list.ver2 .depthTitleArea {padding-left: calc( ( 100% - 1200px ) / 2 ); background: url('../../img/2025Renewal/main/depth02_bg.jpg') left top / cover no-repeat;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list.ver2 .depthTitleArea .title {word-break:keep-all; margin-top: 2.3rem; margin-right: 2rem;  width: 144px; line-height: 1.4; font-size: 28px; color: #fff; text-align: right;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list.ver2 .depthWrap {padding: 3rem calc( ( 100% - 1200px ) / 2 ) 2rem 2rem; flex: 1;  display: flex; flex-flow: row wrap; align-items: stretch; justify-content: flex-start; gap: 20px;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list.ver2 .depthWrap .depthArea { margin-bottom: 10px; width: calc( ( 100% - 60px ) / 4 );  display: flex;  flex-flow: column wrap; align-items: flex-start;  justify-content: flex-start;  gap: 7px;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list.ver2 .depthWrap .depthArea .depthTitle {word-break:keep-all; font-size: 18px; font-weight: 700; border-left: 3px solid #063A74; color: #063A74; padding-left: 8px; line-height: 1.2; }
.krds-main-menu .gnb-toggle-wrap .gnb-main-list.ver2 .depthWrap.color .depthArea .depthTitle {color:#666;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list.ver2 .depthWrap .depthArea .depthBox {}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list.ver2 .depthWrap .depthArea .depthBox li {display: flex;  align-items: flex-start;  justify-content: flex-start; color: #666; font-size: 16px;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list.ver2 .depthWrap .depthArea .depthBox li:hover {font-weight: 600;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list.ver2 .depthWrap .depthArea .depthBox li::before {line-height: 1.2; content: '·'; font-size: 18px; display: inline-block; color: #1d1d1d; padding-right: 5px; font-weight: 800;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list.ver2 .depthWrap .depthArea .depthBox li a {line-height: 1;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list.ver2 .depthWrap .depthArea .depthBox li a.direct::after {content: url('../../img/2025Renewal/main/windowIcon.svg'); width: 13px; height: 10px; display: inline-block; margin-left: 5px;}



/* 미디어쿼리 */
@media (min-width: 1280px) and (max-width: 1600px) and (min-height: 680px) and (max-height: 768px) {
	.renewBody section.section2 .tabWrap .tabContWrap .tabCont.active .tabBox:last-child {display:none;}
}

@media only screen and (max-width: 1920px){
}

@media only screen and (max-width: 1600px){
	.renewBody section.section2 .tabWrap .tabBtnWrap .tabBtnArea .tabBtn {font-size:18px;}
	.renewBody section.section2 .tabWrap .tabContWrap .tabCont .tabBox {font-size:17px;}
	.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column .box .directText {font-size:17px;}
	
	.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox .imgArea {aspect-ratio: 4 / 3;}
	.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox { min-height: 328px;}
}

@media only screen and (max-width: 1440px){
	.renew2025 .krds-modal .modal-dialog .btn-close { width: 3rem !important;  height: auto!important;  aspect-ratio: 1!important;}
	.renew2025 .modal-wrap .modal-dialog .modal-content {  padding: 7% 15%; }
	.renew2025 .modal-wrap .modal-dialog .modal-content .modal-header .modal-title {font-size:30px;}
	.renew2025 .modal-wrap .modal-dialog .modal-content .modal-header .tab-container button {font-size:18px;}
	.renew2025 .modal-wrap .modal-dialog .modal-content .modal-conts .pop-foot-links li a {font-size:18px;}
	
	body.renew2025 .quickWrap {right: -162.5px;}
	body.renew2025 .quickWrap .directArea .title {font-size: 16px;}
	body.renew2025 .quickWrap .directArea .menuWrap .menuBox .text {font-size: 14px;}

	body.renew2025 .renewBody section {overflow: hidden;}
	body.renew2025 .renewBody section.section1 .mainTitleWrap {padding-bottom: 15vh; max-width: 95vw;}
	body.renew2025 .renewBody section.section1 .mainTitleWrap .mainTitle {font-size: 44px;}
	body.renew2025 .renewBody section.section1 .mainTitleWrap .mainTextArea {    -webkit-line-clamp: 2;font-size: 22px; max-width: 70%;}
	body.renew2025 .renewBody section.section1 .swiper-pagination {max-width: 95vw; }
	
	.renewBody section.section2 .sectionWrap {max-width: 95vw; max-height: 90%; gap:20px;}
	.renewBody section.section2 .sectionWrap .leftWrap {gap:20px;     height: stretch;}
	.renewBody section.section2 .sectionWrap .rightWrap {gap:20px;}
	.renewBody section.section2 .sectionWrap .rightWrap .topArea, .renewBody section.section2 .sectionWrap .rightWrap .botArea {gap:20px; height: calc((100% - 20px) / 2);}
	.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column .box .img img {max-height: 60px;  width: fit-content;}
	.renewBody section.section2 .tabWrap .tabBtnWrap .tabBtnArea .tabBtn {font-size:18px;}
	.renewBody section.section2 .tabWrap .tabContWrap .tabCont .tabBox {font-size:16px;}
	.renewBody section.section2 .sectionWrap .rightWrap .rightBox .titleArea .boxTitle {font-size:18px;}
	.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column .box .directText {font-size:16px;}
	

	.renewBody section.section3 .sectionWrap {max-width:95vw; gap:20px;}
	.renewBody section.section3 .sectionWrap .titleArea {font-size:16px;}
	.renewBody section.section3 .sectionWrap .tabBtnWrap {  width: 50%; }
	.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn {font-size:16px;}
	.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox { min-height: 336px;}
	
	.renewBody section.section4 .sectionWrap {max-width: 95vw;}

	.renew2025 .modal-wrap .modal-dialog .modal-content .modal-header .tab-container {gap: 15px;}
	.renew2025 .modal-wrap .modal-dialog .modal-content .modal-header .tab-container button { width: calc( ( 100% - 45px ) / 4 );}
	.renew2025 .modal-wrap .modal-dialog .modal-content .modal-conts .pop-foot-links {gap: 15px;}
	.renew2025 .modal-wrap .modal-dialog .modal-content .modal-conts .pop-foot-links li {width: calc( ( 100% - 45px ) / 4 );}

	.pagination-nav {left: 10px;}
	.pagination-dots .dot {width:10px;height:10px;}
}

@media only screen and (max-width: 1280px){
	.krds-main-menu .gnb-toggle-wrap .gnb-main-list.fullDepth .gnb-sub-list {padding:var(--krds-main-menu--sub-menu-padding-y) var(--krds-main-menu--sub-menu-padding-x);}
	
	body.renew2025 .renewBody section {height: auto;}
	body.renew2025 .renewBody section.section1 {height: calc(100vh - 196.5px);}
	body.renew2025 .renewBody section.section1 .mainTitleWrap .mainTitle {font-size:40px;}
	body.renew2025 .renewBody section.section1 .mainTitleWrap .mainTextArea {max-width: 80%;font-size: 20px;}
	
	.renewBody section.section2 .sectionWrap {max-height:100%; padding:7vh 0; }
	.renewBody section.section2 .sectionWrap .rightWrap {height: stretch;}
	.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column {gap:10px;}
	.renewBody section.section2 .tabWrap .tabContWrap .tabCont .tabBox .left .text {font-size:0.95em;}
	
	.renewBody section.section3 .sectionWrap {padding:7vh 0 9vh;}
	.renewBody section.section3 .sectionWrap .tabBtnWrap {width:70%; padding:6px;}
	.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn.active {padding:4px;}
	.renewBody section.section3 .sectionWrap .tabContWrap .tabCont.active {gap:20px;}
	.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox {font-size:14px; padding:14px; min-height: 319px; width: calc( ( 100% - 60px ) / 4 );  }
	.renewBody section.section3 .sectionWrap .tabContWrap .decoImg {right: -33px;}
	.renewBody section.section3 .sectionWrap .tabContWrap .decoImg img {max-width: 60px;}
	
	
	
	.renewBody section.section4 {padding:5rem 0;}
	.renewBody section.section4 .sectionWrap .topWrap {height:30vh;}
	
}

@media only screen and (max-width: 1024px){
	.renew2025 #krds-header .header-container .btn-navi.navi-row.pcMenu {display:none;}
	#krds-header,
    #krds-header.scrolling { transform: none !important; transition: none !important; will-change: auto; }
    .krds-main-menu-mobile.is-open {margin-top:32px;}
	
	body#sub #root #container.sub-renew2025 {margin-top:0!important;}
	body#sub.renew2025 {background-color: #e8eff5;}
	body.renew2025 .headerWrap .header-actions .form-group {display:none;}

	body.renew2025 .renewBody section.section1 {margin-top: 102.5px; height: calc(100vh - 102.5px)}
	body.renew2025 .renewBody section.section1 .mainTitleWrap { padding-bottom: 11vh; }
	body.renew2025 .renewBody section.section1 .mainTitleWrap .mainTitle {font-size: 44px;}
	body.renew2025 .renewBody section.section1 .mainTitleWrap .mainTextArea {font-size: 18px;}
	body.renew2025 .renewBody section.section1 .mainTitleWrap .directBtn {font-size: 14px;}
	body.renew2025 .renewBody section.section1 .swiper-pagination .swiper-pagination-bullet {font-size: 14px;}
	
	.renewBody section.section2 .sectionWrap {flex-flow:column wrap;}
	.renewBody section.section2 .sectionWrap .leftWrap {flex-flow: row nowrap; justify-content:space-between;}
	.renewBody section.section2 .sectionWrap .rightWrap {width:100%; flex-flow:row nowrap; height: 300px;}
	.renewBody section.section2 .sectionWrap .rightWrap .topArea, .renewBody section.section2 .sectionWrap .rightWrap .botArea {width: calc((100% - 20px) / 2); height: auto;}
    .renewBody section.section2 .sectionWrap .rightWrap .rightBox {width:auto; flex:1;}
    .renewBody section.section2 .tabWrap .tabContWrap .tabCont .tabBox {padding:10px;}
    .renewBody section.section2 .tabWrap .tabContWrap .tabCont .tabBox {font-size:15px;}
    .renewBody section.section2 .tabWrap .tabBtnWrap .tabBtnArea .tabBtn {font-size:16px;}
    .renewBody section.section2 .sectionWrap .rightWrap .rightBox .titleArea .boxTitle {font-size:16px;}
    
    .renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox { min-height: 328px; }
    .renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox .imgArea {aspect-ratio: 1;}

	.renewBody section.section4 .sectionWrap .botWrap .Swiper04 {width: 88%; }
	
	.renew2025 .modal-wrap .modal-dialog .modal-content {padding:10%;}
}

@media only screen and (max-width: 890px){
	.renewBody section.section2 .sectionWrap .leftWrap {flex-direction:column;  width: 100%;}
	
	.renewBody section.section3 .sectionWrap .titleArea {  font-size: 14px;  }
	.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn {font-size:14px;}
	.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox { min-height: 296px;}
	.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn.active {font-weight:600;}
}


@media only screen and (max-width: 768px){
	.renew2025 .modal-wrap .modal-dialog .modal-content .modal-header {padding:2rem 0 0;}
	
	body.renew2025 .topBtn {bottom: 10vh; right: 2vw;}
	body.renew2025 .topBtn img {max-width: 50px;}
	body.renew2025 .quickWrap {right: -162px;}
	body.renew2025 .quickWrap .btnArea {  width: 30px; position: absolute; left: -30px;  top: -30px;}
	body.renew2025 .quickWrap .btnArea .textArea {font-size: 14px;}
	body.renew2025 .quickWrap .btnArea .decoIcon img {max-width: 31px;}
	body.renew2025 .quickWrap .quickArea {display: block; position:relative;align-items: unset;}
	body.renew2025 .quickWrap .directArea { margin-top: 26px;}
	
	body.renew2025 .renewBody section.section1 {height: 60vh;   margin-top: 99.5px;}
	body.renew2025 .renewBody section.section1 .mainTitleWrap {max-width: 93vw; padding-bottom: 10vh; }
	body.renew2025 .renewBody section.section1 .mainTitleWrap .mainTextArea {font-size:16px;}
	body.renew2025 .renewBody section.section1 .mainTitleWrap .mainTitle {font-size:32px; margin-bottom:0;-webkit-line-clamp: 2;width: fit-content;}
	body.renew2025 .renewBody section.section1 .mainTitleWrap .mainTitle::after {margin-left:5px; content:'';background: url('/img/2025Renewal/main/mainRenew-Icon-link01.svg') center center / cover no-repeat; width:12px; height:12px; display:inline-block;}
	body.renew2025 .renewBody section.section1 .mainTitleWrap .directBtn {display:none;}
	body.renew2025 .renewBody section.section1 .swiper-pagination .swiper-pagination-bullet {padding:6px;         font-size: 13px;}
	body.renew2025 .renewBody section.section1 .swiper-pagination .swiper-pagination-bullet-active {padding-right: 30px;}
	body.renew2025 .renewBody section.section1 .swiper-pagination .swiper-pagination-bullet-active::after {width: 8px;  height: 15px;   right: 10px;  top: 50%;  transform: translate(50%, -50%);}
	
	.renewBody section.section2 .sectionWrap {max-width:90vw;}
	.renewBody section.section2 .sectionWrap .rightWrap {flex-direction:column; height:auto;}
	.renewBody section.section2 .sectionWrap .rightWrap .topArea, .renewBody section.section2 .sectionWrap .rightWrap .botArea {width:100%;}
	.renewBody section.section2 .sectionWrap .rightWrap .rightBox { width: calc((100% - 20px) / 2); flex:unset;}
	.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column .box .directText {flex:1; display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-start; gap:4px;}
	.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column .box.position .img img {  max-height: 80px;}
	.renewBody section.section2 .tabWrap .tabBtnWrap .moreBtn.active img {max-width:16px;}
	
	.renewBody section.section3 .sectionWrap {max-width:90vw;}
	.renewBody section.section3 .sectionWrap .tabBtnWrap {width:80%;}
	.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox {  min-height: unset; }
	.renewBody section.section3 .sectionWrap .tabContWrap .tabCont.active {gap:14px; flex-wrap: wrap;}
	.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox { flex: unset;  width: calc((100% - 14px) / 2);  flex-flow: row nowrap;  }
	.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox .imgArea {width: 33%;}
	.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox .textArea .text {word-break:break-all; border-left:none; padding-left:0;}
	
	body.renew2025 .renewBody section.section4 {padding: 4vh 0 5vh;}
	.renewBody section.section4 .sectionWrap .botWrap {border-radius: 10px;}
	.renewBody section.section4 .sectionWrap .botWrap .Swiper04 {width: 85%;}

	.renew2025 .modal-wrap .modal-dialog .modal-content {padding: 10%;}
	.renew2025 .modal-wrap .modal-dialog .modal-content .modal-header .tab-container button {font-size: 16px; width: calc((100% - 30px) / 3);}
	.renew2025 .modal-wrap .modal-dialog .modal-content .modal-conts .pop-foot-links li {font-size: 15px; width: calc((100% - 30px) / 3);}
	
	.pagination-nav {display: none;}

	.renew2025 .modal-wrap .modal-dialog .modal-content .modal-header .modal-title {font-size: 30px;}
	.renew2025 .modal-wrap .modal-dialog .modal-content .modal-conts .pop-foot-links li a {font-size:18px;}
}

@media only screen and (max-width: 550px){
	body.renew2025 .quickWrap {top: unset; right: -163px; bottom:-5vh;}
	body.renew2025 .quickWrap.active {right: -1px; bottom:1vh;}
	body.renew2025 .topBtn {bottom: 1vh;}
	.renewBody section.section3 .topWrap .tab.full > ul > li > button {  font-size: 15px;   padding: 0 8px;}
	
	body.renew2025 .renewBody section.section1 .mainVisualWrap::after {background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent 70%);}
	body.renew2025 .renewBody section.section1 .swiperBtnWrap {display:flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; gap:10px; position: absolute; bottom: 2vh; z-index: 10; width: 100%; color: #fff; font-size: 28px; margin-left: 4vw;}
	body.renew2025 .renewBody section.section1 .swiperBtnWrap button {color:#818181; display: inline-flex; width: fit-content; }
	body.renew2025 .renewBody section.section1 .swiperBtnWrap button img {width:20px; height:20px; filter:invert(1);}
	body.renew2025 .renewBody section.section1 .swiperBtnWrap button.small img {width:14px; height:14px;}
	body.renew2025 .renewBody section.section1 .swiperBtnWrap .Swiper01Play {display: none;}
	body.renew2025 .renewBody section.section1 .mainTitleWrap {padding-bottom:5vh;  max-width:90vw;}
	body.renew2025 .renewBody section.section1 .mainTitleWrap .mainTitle {font-size:28px;}
	body.renew2025 .renewBody section.section1 .mainTitleWrap .mainTitle::after {display:none;}
	body.renew2025 .renewBody section.section1 .mainTitleWrap .mainTextArea {max-width: 90%; font-size:16px; -webkit-line-clamp:2;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis; margin-bottom: 10px;}
	body.renew2025 .renewBody section.section1 .mainTitleWrap .directBtn {margin-top: 5px; display:none;}
	body.renew2025 .renewBody section.section1 .swiper-pagination {display: none; gap: 10px; width: 100%; bottom: 10px;}
	body.renew2025 .renewBody section.section1 .swiper-pagination .swiper-pagination-bullet {width: calc( ( 100% - 10px ) / 2 ); flex: unset; padding: 5px;}
	body.renew2025 .renewBody section.section1 .swiper-pagination .swiper-pagination-bullet-active::after {width: 14px; height: 14px; top: 7px;}

	body.renew2025 .renewBody section.section2 {background-position:top left;}
	.renewBody section.section2 .sectionWrap {padding:5vh 0;}
	.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column .box .directText {flex-direction:column; gap:0; align-items: flex-start;}
	.renewBody section.section2 .tabWrap,.renewBody section.section2 .sectionWrap .rightWrap .rightBox {padding:14px; }
	.renewBody section.section2 .tabWrap {gap:14px;}
	.renewBody section.section2 .tabWrap .tabBtnWrap .tabBtnArea {gap:14px;}
	.renewBody section.section2 .tabWrap .tabBtnWrap .tabBtnArea .tabBtn {font-size:14px;}
	.renewBody section.section2 .tabWrap .tabBtnWrap .tabBtnArea .tabBtn::before {left:-8px; height:9px;}
	.renewBody section.section2 .tabWrap .tabBtnWrap .tabBtnArea .tabBtn.active::after {width:12px; height:12px; background-size: cover;}
	.renewBody section.section2 .tabWrap .tabBtnWrap .moreBtn.active img {max-width:14px;}
	.renewBody section.section2 .tabWrap .tabContWrap .tabCont .tabBox {padding:6px; gap:10px; font-size:14px;}
	.renewBody section.section2 .sectionWrap .rightWrap .rightBox .titleArea .boxTitle {font-size:14px;}
	.renewBody section.section2 .sectionWrap .rightWrap .rightBox.column .box .directText {font-size:14px;}
	.renewBody section.section2 .sectionWrap .rightWrap .topArea, .renewBody section.section2 .sectionWrap .rightWrap .botArea {gap:10px;}
	.renewBody section.section2 .sectionWrap .rightWrap .rightBox {width: calc((100% - 10px) / 2);}
	
	.renewBody section.section3 .sectionWrap { padding: 5vh 0 9vh; }
	.renewBody section.section3 .sectionWrap .tabBtnWrap {width:100%;}
	.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox {flex-direction: column; min-height: 251px; padding: 8px;}
	.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox .imgArea { width: 100%; }
	.renewBody section.section3 .sectionWrap .tabContWrap .tabCont.youtube .tabBox .imgArea img {object-fit: fill;}
	.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .tabBox .textArea .text {font-size: 1em; -webkit-line-clamp: 2;}
	.renewBody section.section3 .sectionWrap .tabContWrap .decoImg img {max-width:60px;}
	.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .sec3More {right:50%; transform:translate(50%,-50%); bottom: -54px;  width: 100%;  justify-content: center; background-color: #256ef4;  border-radius: 20px;  padding: 4px 14px;}
	.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .sec3More .icon {  animation: sec3More 1.5s ease-in-out infinite;}
	.renewBody section.section3 .sectionWrap .tabContWrap .tabCont .sec3More .text {font-weight:600;}

	.renewBody section.section4 .sectionWrap {gap:14px;}
	.renewBody section.section4 .sectionWrap .botWrap {flex-flow: column wrap; gap: 10px;}
	.renewBody section.section4 .sectionWrap .botWrap .Swiper04 {width: 100%; }
	
	.renew2025 .krds-modal .modal-dialog .btn-close {top:6% !important;}
	.renew2025 .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-conts {padding-inline:0;}
	.renew2025 .modal-wrap .modal-dialog .modal-content .modal-header {margin-bottom: 1em; padding: 5rem 0 0;}
	.renew2025 .modal-wrap .modal-dialog .modal-content .modal-header .tab-container {gap: 10px;}
	.renew2025 .modal-wrap .modal-dialog .modal-content .modal-header .modal-title {   font-size: 24px; margin-bottom:20px; } 
	.renew2025 .modal-wrap .modal-dialog .modal-content .modal-header .modal-title::after {display:none;}   
	.renew2025 .modal-wrap .modal-dialog .modal-content {padding: 4%;}
	.renew2025 .modal-wrap .modal-dialog .modal-content .modal-header .tab-container button {font-size: 15px; width: calc((100% - 10px) / 2);}
	.renew2025 .modal-wrap .modal-dialog .modal-content .modal-conts .pop-foot-links li {font-size: 16px; width: calc((100% - 15px) / 2);}
	.renew2025 .modal-wrap .modal-dialog .modal-content .modal-conts .pop-foot-links li a {  font-size: 16px;}
	
}

@media only screen and (max-width: 475px){
	.renewBody section.section4 .sectionWrap .midWrap iframe {height: 372px;}	
}

@media only screen and (max-width: 425px){
	.renewBody section.section3 .sectionWrap .titleArea .main {font-size:1.8em;}
	.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn .text {padding-right:0; padding-top:14px;}
	.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn .text::after {width:12px; height:12px; top: 6px;  right: 50%;}
	.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn.youtube .text::after {  width: 16px;   height: 12px;}
	.renewBody section.section3 .sectionWrap .tabBtnWrap .tabBtn.blog .text::after {  width: 13px;  height: 12px;}

}

@media only screen and (max-width: 375px){
	.renewBody section.section4 .sectionWrap .midWrap iframe {  height: 300px;}
	.renewBody section.section4 .sectionWrap .botWrap .Swiper04 .swiper-wrapper .swiper-slide {  padding: 4px 8px;  font-size: 12px; text-align:center;}
	.renewBody section.section4 .sectionWrap .botWrap .Swiper04 .swiper-wrapper .swiper-slide::after {display:none;}
}



/*260224 메인 팝업 수정 + 리뉴얼 전 기존 클래스 유지하여 수정 진행*/
.popup-wrapper {position: fixed;  top: 50%;  right: 50%;  max-width:100vw;  max-height:100vh;  width:100%;   height:100%;   background-color:rgba(0,0,0,0.5);  z-index:1001;  transform: translate(50%, -50%);}
.main-dialog-popup {height: auto; width: 100%; position: fixed; top: 50%;  right: 50%; transform: translate(50%, -50%);  background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 1002; flex-flow: column nowrap;  align-items: stretch;  justify-content: flex-start;}
.main-dialog-popup.scroll {max-height: 70vh; overflow: hidden;}
.main-dialog-popup.textPopup {max-width:50vw; font-size:18px; }

.main-dialog-popup .title {padding-top:2em;}
.main-dialog-popup .title h2 {font-size: 2em; letter-spacing: -1px; font-weight: 700; line-height: 1.3; text-align: center;}
.main-dialog-popup .title h2>em {font-weight: 700 !important;}
.main-dialog-popup .title h2>em.color-01 { color:#256ef4;}
.main-dialog-popup .title h2>em.color-02 {color: #0A3F71;}
.main-dialog-popup .title p { font-size: 1em; margin-top: 2rem; text-align: center; font-weight:600; color:#1d1d1d;}
.main-dialog-popup .detail {background-color: #fff;padding:2em;}
.main-dialog-popup .dialog-body {display: block; width:100%;}
.main-dialog-popup .detail .content .contBox {width:100%; margin-bottom:22px; display:flex; flex-flow: row nowrap; align-items:flex-start; justify-content:flex-start; gap:14px;}
.main-dialog-popup .detail .content .contBox:last-child {margin-bottom:0;}
.main-dialog-popup .detail .content .contBox .p-tit {width:17%; line-height:1.4; font-weight:700; padding-left:5px; border-left:3px solid #256ef4; color:#256ef4;}
.main-dialog-popup .detail .content .contBox .point {flex:1; line-height:1.4; color:#454545; font-weight:400;}
.main-dialog-popup .detail .content .in-box {position:relative; width:100%; background: #f0f6ff; padding: 1.5rem 90px 1.5rem 1.5rem; border-radius: 5px; margin-top: 1rem; font-size:16px;}
.main-dialog-popup .detail .content .in-box p {font-size: 1em;color: #666;}
.main-dialog-popup .detail .content .in-box .deco {position: absolute; bottom:0; right:0;}

.main-dialog-popup .dialog-footer { width:100%; display: flex; align-items: center; justify-content: space-between; background: #f2f2f2; border-top: 1px solid #ccc; border-bottom:1px solid #ccc; padding: 1rem;}
.main-dialog-popup .dialog-footer .showCheckbox { font-size: 16px; display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-start; gap:5px; }
.main-dialog-popup .dialog-footer .showCheckbox input {position: unset !important;   width: 18px !important;   height: 18px !important;   padding: 5px !important;  margin: 0px !important;  overflow: unset !important;  clip: unset !important;   white-space: unset !important;    border: 0 !important;}
.main-dialog-popup .dialog-footer .close-btn {cursor: pointer; font-size:16px;}

.main-dialog-popup .dialog-footer .close-btn.access {cursor: pointer; display: inline-flex; justify-content: center; align-items: center; flex-direction: row; font-size:16px;}
.main-dialog-popup>a.event {position: relative; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; }
.main-dialog-popup>a.event:focus { border: none; outline: none;}
.main-dialog-popup .dialog-footer .close-btn.access:before {content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; background-image: url(/img/2021Renewal/common/ico-close.png); background-size: cover; background-repeat: no-repeat; margin-right: 0.5rem;}
input#dont-show-again:focus {outline: 2px solid #007BFF; box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);}
.dialog-body { pointer-events: none;}

.main-dialog-popup.scroll .dialog-footer {flex-shirink:0;}
.main-dialog-popup.scroll > a.event {  display: block;  width: 100%;   flex: 1;        overflow-y: auto;    overflow-x: hidden;   -webkit-overflow-scrolling: touch;  }
.main-dialog-popup.scroll .responsive-image { display: block;  width: 100%;  height: auto;   vertical-align: middle; }
.main-dialog-popup.scroll > a.event::-webkit-scrollbar {  width: 8px; }
.main-dialog-popup.scroll > a.event::-webkit-scrollbar-thumb {  background: #ccc;   border-radius: 4px; }
.main-dialog-popup.scroll > a.event::-webkit-scrollbar-track {    background: #f1f1f1; }

@media only screen and ( max-width : 1440px) {
	.main-dialog-popup.textPopup {max-width:80vw;}
	
}
@media only screen and ( max-width : 1024px) {
	.main-dialog-popup.textPopup {max-width:95vw;max-height: 85vh !important;   height: auto !important;  display: flex;   flex-direction: column; }
	.main-dialog-popup.textPopup .detail .content .contBox .p-tit {width:20%;}
    .main-dialog-popup.textPopup .dialog-body {  display: flex; flex-direction: column; flex: 1;  min-height: 0;  pointer-events: auto;  }
    .main-dialog-popup.textPopup .detail {  flex: 1;  overflow-y: auto; -webkit-overflow-scrolling: touch; }
    .main-dialog-popup.textPopup .detail::-webkit-scrollbar {  width: 6px; }
	.main-dialog-popup.textPopup .detail::-webkit-scrollbar-thumb {  background-color: #ccc;  border-radius: 10px; }
}
@media only screen and ( max-width : 768px) {
	.main-dialog-popup { height: auto !important; max-width: 90vw; }
	
	.main-dialog-popup.textPopup {font-size:16px;}
	.main-dialog-popup.textPopup .detail .content .in-box {font-size:14px;}
	.main-dialog-popup.textPopup .detail .content .in-box {padding:12px 70px 12px 12px;}
	.main-dialog-popup.textPopup .detail .content .in-box .deco img {max-width:60px;}
}

@media only screen and ( max-width : 550px) {
	.main-dialog-popup .dialog-footer .showCheckbox {font-size:14px;}
	.main-dialog-popup .dialog-footer .close-btn.access {font-size:14px;}
	
	.main-dialog-popup .title {padding:1.2em;}
	.main-dialog-popup .title h2 {font-size:1.8em;}
	
	.main-dialog-popup.textPopup .detail {padding:1.2em;}
	.main-dialog-popup.textPopup .detail .content .in-box {padding:12px 50px 12px 12px;}
	.main-dialog-popup.textPopup .detail .content .in-box .deco {right:-10px;}
}

@media only screen and ( max-width : 425px) {
	.main-dialog-popup.textPopup .detail .content .contBox {flex-flow:column wrap; gap:5px;}
	.main-dialog-popup.textPopup .detail .content .contBox .p-tit {width:100%; text-align:left;}
	.main-dialog-popup.textPopup .detail .content .contBox .point {flex:unset; width:100%; text-align:left;}
}


/*기존 교육부 css를 변형하여 수정하는 사이즈*/
/*해당 사이즈에서는 기초 작업 외에 추가 사용하지 말 것*/
@media only screen and (max-width: 1200px){
	body#sub #root.renew2025-root {margin-top:102.5px !important;}
	body#sub #root #container.sub-renew2025 {margin-top:10rem; padding: 5rem 0;}
}
/*==========================기존 교육부 css를 변형 종료==========================*/