@charset "UTF-8";
/* 전체 박스 */
#wrap { position:relative;overflow: hidden; }

/* 공통 섹션 */
.section { position: relative; } 
.section-common-title { display: flex; position: relative; color: #222; font-weight: 700; font-size: 3.6rem; line-height: normal; font-style: normal; gap:1rem 1.2rem; align-items: flex-end; padding-top:1.8rem; margin-bottom:4rem; } 
.section-common-title span { color:#757575; font-weight: 500; font-size: 1.8rem; line-height: 150%; font-style: normal; } 
.section-common-title:before { display: block; position: absolute; top:0; left:0; width:6.8rem; height: 1.7rem; background: url(../images/main/section-common-title-img.png) no-repeat center center/cover; content:""; } 
.section-common-title.title-type02 { color:#fff; } 
.section-common-title.title-type02 span { color:#fff; opacity: .7; } 
.section-common-title.title-type02:before { background: url(../images/main/section-common-title-img02.png) no-repeat center center/cover; } 
@media (max-width:767px){
.section-common-title { flex-direction: column;align-items: flex-start; }
}

/* 배너 */
.banner-wrap { position: absolute; top:50%; right:0;  z-index: 3; margin-top:-19.75rem;display: none; }    
.banner-wrap.on { display: flex; }              
.banner-wrap .banner-bg { position: fixed;left:0;top:0;width:100%;height: 100%;background: #222;opacity: .6; z-index: 2; display:none; }    
.banner-wrap .banner { width:32rem;position: relative; z-index: 3;}   
.banner-wrap .banner .banner-title { margin-bottom:.8rem; } 
.banner-wrap .banner .banner-title strong { display: flex; gap:.8rem; align-items: center; } 
.banner-wrap .banner .banner-title strong span { color: #FFF; font-weight: 600; font-size: 1.6rem; line-height: 150%; font-family: "Montserrat"; font-style: normal; } 
.banner-wrap .banner .banner-slide { height: 35.5rem; } 
.banner-wrap .banner .banner-control { display: flex; position: absolute; top:.5rem; right:0; gap:.6rem; } 
.banner-wrap .banner .banner-control .banner-arrow i { color:#fff; font-size:2rem; } 
.banner-wrap .banner .banner-control .banner-number { width:3rem; color: #FFF; font-weight: 500; font-size: 1.4rem; font-style: normal; flex-shrink: 0; } 
.banner-wrap .banner .banner-control .banner-play button i { color:#fff; font-size:1.8rem; } 
.banner-wrap.empty { display:none; } 
.banner-wrap.empty .banner .banner-slide p { padding:2rem 0; width:100%; text-align:center; align-self: flex-start; background:#fff; border-radius:1rem; color:#222; } 
.banner-wrap.empty .banner .banner-control { display:none; } 
.banner-wrap.empty .banner .banner-slide p { padding:2rem 0; width:100%; text-align:center; align-self: flex-start; background:#fff; border-radius:1rem; color:#222; } 
.banner-wrap.empty .banner .banner-control { display:none; } 
.banner-wrap .banner .banner-close { margin-top:.8rem; display: flex; justify-content: flex-end; }
.banner-wrap .banner .banner-close button { display: flex;gap:.2rem; }
.banner-wrap .banner .banner-close button span { font-size:1.8rem;font-weight: 500;color:#fff; }
.banner-wrap .banner .banner-close button i { color:#fff;font-size: 2.2rem; }
.banner-wrap .banner a { display: block;width:100%;height: 100%; }
.banner-wrap .banner a img { width:100%;height: 100%;object-fit: cover; } 
.banner-wrap .banner .banner-close .banner-today { display: none; }
.banner-wrap .banner .banner-close .banner-today label input { display: none; } 
.banner-wrap .banner .banner-close .banner-today label p { display: flex; position: relative; gap:.6rem; align-items: center; } 
.banner-wrap .banner .banner-today label p:before { color:#fff; font-size:1.8rem; font-family: "remixicon"; content:"\eb7a";width:1.8rem;height: 1.8rem;display: block;background: #fff;text-align: center;line-height: 1;text-indent: .1rem; }    
.banner-wrap .banner .banner-today label p span { color:#fff; font-weight: 500; font-size: 1.5rem; } 
.banner-wrap .banner .banner-today label input[type="checkbox"]:checked+p:before { background:#1877CF;color:#fff; }    
@media (max-width:1550px){
.banner-wrap { right:7rem; }       
}
@media (max-width:1024px){
.banner-wrap { position: fixed;width:100%;height: 100%;left:0;top:0;right:auto;margin:0;  align-items: center; justify-content: center; }  
.banner-wrap .banner-bg { display: block; }   
.banner-wrap .banner {  max-width:40rem;width:calc(100% - 4rem); }   
.banner-wrap .banner .banner-slide { height: auto; }   
.banner-wrap .banner .banner-close { justify-content: space-between;align-items: center; }
.banner-wrap .banner .banner-close .banner-today { display: block; }
}       
  
/* 공통 게시판 */
.board-wrap { display: flex; gap:3.2rem; } 
.board { display: flex; position: relative; width:calc(50% - 1.8rem); padding:4rem 4.8rem; background: #FFF; border-radius: 1.6rem; box-shadow: .5rem .5rem 3rem 0 rgba(0, 0, 0, 0.08); flex-direction: column; } 
.board .board-title { display: block; padding-bottom:1.2rem; } 
.board .board-box { border-top:1px solid #d9d9d9; padding-top:3.2rem; } 
.board .board-title span { position: relative; color:#222; font-weight: 700; font-size: 2rem; line-height: 150%; font-style: normal; } 
.board .board-title span:before { display: block; position: absolute; bottom:-1.6rem; left:0; width:100%; height: 2px; background: #222; content:""; } 
.board .board-more { position: absolute; top:4rem; right:4.8rem; } 
.board .board-more i { display: block; color:#222; font-size:2.8rem; transition: all .5s; } 
.board .board-more:hover i { transform: rotate(180deg); }   

/* 게시판 type01 */
.board.board-type01 .board-box ul { display: flex; flex-direction: column; gap:1.6rem; } 
.board.board-type01 .board-box ul li a { display: flex; flex-direction: column; gap:.4rem; } 
.board.board-type01 .board-box ul li a .board-box-title { display: block; color:#222; font-weight: 600; font-size: 1.8rem; line-height: 150%; white-space:nowrap; overflow: hidden; font-style: normal; text-overflow: ellipsis; } 
.board.board-type01 .board-box ul li a:hover .board-box-title { color:#1877CF; text-decoration: underline; } 
.board.board-type01 .board-box ul li a .board-box-date { color:#757575; font-weight: 400; font-size: 1.6rem; line-height: 150%; font-style: normal; } 

/* 게시판 type02 */
.board.board-type02 .board-box ul { display: flex; gap:2.4rem; } 
.board.board-type02 .board-box ul li { width:calc(50% - 1.2rem); } 
.board.board-type02 .board-box ul li a { display: flex; flex-direction: column; gap:1.6rem; } 
.board.board-type02 .board-box ul li a .board-box-img { display: block; height: 22.6rem; border-radius: .8rem; overflow: hidden; } 
.board.board-type02 .board-box ul li a .board-box-img img { width:100%; height: 100%; object-fit: cover; transition: all .5s; } 
.board.board-type02 .board-box ul li a .board-box-txt { display: -webkit-box; color:#222; font-weight: 500; font-size: 1.8rem; line-height: 150%; overflow: hidden; text-overflow: ellipsis; font-style: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } 
.board.board-type02 .board-box ul li a:hover .board-box-img img { transform: scale(1.2); } 
.board.board-type02 .board-box ul li a:hover .board-box-txt { color:#1877CF; text-decoration: underline; } 

/* 게시판 type03 */
.board.board-type03 { display: flex; flex-direction: row; flex-wrap: wrap; gap:0 2rem; } 
.board.board-type03 .board-title.on span { color:#222; font-weight: 700; } 
.board.board-type03 .board-title span { color:#757575; font-weight: 500; } 
.board.board-type03 .board-title span:before { display: none; } 
.board.board-type03 .board-title.on span:before { display: block; } 
.board.board-type03 .board-box { display: none; width:100%; order: 999; gap:4.8rem; } 
.board.board-type03 .board-box.on { display: flex; } 
.board.board-type03 .board-box .board-box-img { display: block; width:18rem; height:24.8rem; box-shadow: 1.6rem 1.6rem 4rem 0 rgba(0, 60, 115, 0.15); border-radius: .8rem; overflow: hidden; flex-shrink: 0; } 
.board.board-type03 .board-box .board-box-content { display: flex; height: 24.8rem; flex-direction: column; } 
.board.board-type03 .board-box .board-box-content .board-box-value { display: block; color:#1877CF; font-weight: 700; font-size: 1.8rem; line-height: 150%; font-style: normal; margin-bottom:.7rem; } 
.board.board-type03 .board-box .board-box-content .board-box-txt { display: block; display: -webkit-box; color:#222; font-weight: 700; font-size: 2.4rem; line-height: 140%; font-style: normal; margin-bottom:1.6rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } 
.board.board-type03 .board-box .board-box-content .board-box-date { color:#757575; font-weight: 400; font-size: 1.6rem; line-height: 150%; font-style: normal; } 
.board.board-type03 .board-box .board-box-content .board-box-download { display: inline-flex; padding:1rem 2rem; background: #fff; margin-top: auto; min-width: 16rem; align-self: self-start; border-radius: 5rem; justify-content: space-between; border:1px solid #D9D9D9; } 
.board.board-type03 .board-box .board-box-content .board-box-download span { color:#222; font-weight: 400; font-size: 1.6rem; line-height: 150%; } 
.board.board-type03 .board-box .board-box-content .board-box-download i { font-size:1.8rem; color:#222; } 
.board.board-type03 .board-box .board-box-content .board-box-download:hover { background:#1877CF;border-color:#1877CF; }
.board.board-type03 .board-box .board-box-content .board-box-download:hover span { color:#fff; }
.board.board-type03 .board-box .board-box-content .board-box-download:hover i { color:#fff; }
.board.board-type03 .board-more { display: none; }    
.board.board-type03 .board-more.on { display: block; } 

/* 게시판 type04 */
.board.board-type04 ul { display: flex; flex-direction: column; gap:1.6rem; } 
.board.board-type04 ul li a { display: flex; gap:1.6rem; } 
.board.board-type04 .board-box-content { display: flex; justify-content: center; gap:.4rem; flex-direction: column; } 
.board.board-type04 .board-box-date { display: flex; width:7.2rem; height: 7.2rem; background: #F5F8FD; font-weight: 400; font-size:1.6rem; align-items: center; justify-content: center; border-radius: .8rem; flex-direction: column; gap:.45rem;flex-shrink: 0; }   
.board.board-type04 .board-box-date b { color:#003C73; font-weight: 700; font-size: 2.6rem; line-height: 100%; font-style: normal; } 
.board.board-type04 .board-box-title { color:#222; font-weight: 700; font-size: 2rem; line-height: 140%; font-style: normal; } 
.board.board-type04 .board-box-txt { color:#757575; font-weight: 400; font-size: 1.6rem; line-height: 150%; font-style: normal; } 
.board.board-type04 ul li a:hover .board-box-title { color:#1877CF; text-decoration: underline; } 
@media (max-width:1024px){
.board-wrap { flex-direction: column; }
.board { width:100%; }
}
@media (max-width:640px){
.board { padding:4rem; }
.board.board-type02 .board-box ul li { width:100%; }
.board.board-type02 .board-box ul li:first-of-type ~ li { display: none; } 
.board.board-type02 .board-box ul li a .board-box-img { height:30rem; }
}

/* 퀵 메뉴 */
.quickmenu { z-index:2;background:#243F57; }

/* 팝업 */
.popup { display: none; position: fixed; top:0; width:100%; background: #D4EBFF; z-index: 2; } 
.popup-slide { width:100%; margin:0 auto; } 
.popup-slide .swiper-slide a { display: block; height: 10rem; text-align: center; } 
.popup-slide .swiper-slide a img { width:100%; height: 100%; object-fit: contain; } 
.popup.on { display: block; } 

/* 팝업 컨트롤 */
.popup .popup-control { display: flex; position: absolute; top:50%; right:4rem; transform: translateY(-50%); z-index: 1; align-items: center; padding-right: 4.4rem; gap:2.4rem; } 

/* 팝업 네이게이션 */
.popup .popup-control .popup-navigation { display: flex; gap:.4rem; } 
.popup .popup-control .popup-navigation button { width:3.2rem; height: 3.2rem; background: #fff; border-radius: 50%; } 
.popup .popup-control .popup-navigation button i { color:#757575; font-size: 2rem; } 

/* 팝업 오늘하루체크 */
.popup .popup-control .popup-today label input { display: none; } 
.popup .popup-control .popup-today label p { display: flex; position: relative; gap:.4rem; align-items: center; } 
.popup .popup-control .popup-today label p:before { color:#fff; font-size:2rem; font-family: "remixicon"; content:"\eb7e"; } 
.popup .popup-control .popup-today label p span { color:#757575; font-weight: 500; font-size: 1.5rem; } 
.popup .popup-control .popup-today label input[type="checkbox"]:checked+p:before { content:"\eb82";color:#003C73; }  

/* 팝업 닫기 */ 
.popup .popup-control .popup-close { position: absolute; top:50%; right:0; transform: translateY(-50%); } 
.popup .popup-control .popup-close button i { color:#757575; font-size:2.4rem; } 
@media (max-width:1600px) {
.popup .popup-control { flex-direction: column; gap:.5rem; align-items: flex-end; } 
}
@media (max-width:1024px) {
.popup .popup-control .popup-today label p:before { color:#ddd; }
.popup .popup-control { position: relative; top: auto; right: auto; padding:.75rem 2rem; background: #fff; transform: none; flex-direction: row; align-items: center; justify-content: flex-end; margin-right: 0; } 
.popup .popup-control .popup-navigation { margin-right:1rem; }
.popup .popup-control .popup-navigation button { background: #315485; } 
.popup .popup-control .popup-navigation button i { color:#fff; } 
.popup .popup-control .popup-close { position: relative; top:auto; right: auto; transform: none; } 
}

/* 팝업 헤더 */
.header { z-index:3; }
.header.pop-on { top: 10rem; } 
@media (max-width:1024px) {
.header.pop-on { top: 14.7rem; }     
.header.all { z-index: 3; }     
.header.all .header-logo a img { transform: translateY(-4rem); }
.popup.all { z-index: 3; }        
}     

/* 섹션01 */
.section01 { display: flex; height: 112.5rem; padding-top:13.3rem; align-items: center; } 
.section01.pop-on { height: 127rem; padding-top:14.5rem; } 
.section01.pop-on .section-visual { top:14.5rem; height:calc(100% - 14.5rem); z-index: 1; } 
.section01 .section-visual .swiper-slide { position: relative; } 
.section01 .section-visual .swiper-slide:before { display: block; position: absolute; top:0; left:0; width:100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%); content:""; z-index: 1; } 
.section01 .section-visual { position:absolute; top:4.5rem; left:0; width:100%; height:calc(100% - 4.5rem); clip-path: ellipse(256rem 100% at 50% 0); } 
.section01 .section-visual video { position: absolute; right: 0; bottom: 0; width:100%; height: 100%; object-fit: cover; } 
.section01 .section-visual div { width:100%; height: 100%; } 
.section01 .layout { display: flex; flex-direction: column; gap:4.15rem; z-index: 1; transform: translateY(-5rem); }     
.section01 .layout .section-title { padding-right:34rem; }
.section01 .layout .section-title div { display: flex; flex-direction: column; gap:1.6rem; } 
.section01 .layout .section-title div p { color: #FFF; font-weight: 600; font-size: 1.8rem; line-height: 150%; font-family: "Montserrat"; font-style: normal; } 
.section01 .layout .section-title div strong { color: #FFF; font-weight: 700; font-size: 5.6rem; line-height: 130%; letter-spacing: -0.168rem; font-style: normal; } 
.section01 .layout .section-title div { display: none; } 
.section01 .layout .section-title div.active { display: flex; flex-direction: column; } 
.section01 .layout .section-title div.active strong { visibility: hidden; opacity: 0; transform: translateY(4rem); transition: all 1s; filter: blur(5px); } 
.section01 .layout .section-title div.active.animation-text strong { opacity: 1; transform: translateY(0); visibility: visible; filter: blur(0); } 

/* 섹션01 비주얼 컨트롤 */
.section01 .layout .visual-control { display: flex; align-items: center; gap:2.4rem; } 
.section01 .layout .visual-control .visual-progress { display: flex; position: relative; position: relative; width:19.3rem; justify-content: space-between; } 
.section01 .layout .visual-control .visual-progress .progress-bar { position: absolute; top: 50%; left: 50%; width:calc(100% - 6rem); transform: translate(-50%, -50%); } 
.section01 .layout .visual-control .visual-progress .progress-bar:before { position: absolute; top:0; left:0; width:100%; height:2px; background: #fff; content:""; opacity: .3; } 
.section01 .layout .visual-control .visual-progress .progress-bar .progress-this { display: block; height:2px; background-color: #fff; animation-timing-function: linear; animation-iteration-count: 1; } 
.section01 .layout .visual-control .visual-progress .visual-number { color: #FFF; font-weight: 500; font-size: 1.6rem; line-height: 130%; font-family: "Montserrat"; letter-spacing: -0.048rem; font-style: normal; } 
.section01 .layout .visual-control .visual-move { display: flex; gap:.4rem; } 
.section01 .layout .visual-control .visual-move .btn-arrow i { color:#fff; font-weight: normal; font-size: 2.4rem; } 
.section01 .layout .visual-control .visual-move .btn-arrow.swiper-button-disabled { opacity:.4; } 
.section01 .layout .visual-control .visual-move .visual-play button i { color:#fff; font-weight: normal; font-size: 2.4rem; } 
@keyframes progressBarAnimation { from { width: 0%; }  to { width: 100%; } }
@media (max-width:1024px){
.section01 { height: 100vh; }
.section01 .layout .section-title { padding:0; }  
.section01.pop-on { height: 100vh; }
.section01 .section-visual { clip-path: ellipse(135rem 100% at 50% 0); }  
}  
@media (max-width:640px){ 
.section01 .layout .section-title div { gap:1.2rem; }
.section01 .layout .section-title div.active strong { font-size:4.6rem; }
.section01 .layout .section-title div p { font-size:1.6rem; }
}  
@media (max-width:580px){
.section01 .layout .section-title div { gap:1rem; } 
.section01 .layout .section-title div.active strong { font-size:3.6rem; }
.section01 .layout .section-title div p { font-size:1.4rem; }
}
@media (max-width:480px){         
.section01 .layout .section-title div { gap:.8rem; } 
.section01 .layout .section-title div.active strong { font-size:3.2rem; }     
.section01 .layout .section-title div p { font-size:1.3rem; }  
}   

/* 섹션02 */
.section02 { padding:8rem 0; } 

/* 섹션03 */
.section03 { padding:8rem 0; background: url(../images/main/section03-bg.jpg) no-repeat center center/cover; } 
.section03 .crisis { display: flex; gap:2.4rem; flex-wrap: wrap; } 
.section03 .crisis li { width:calc(16.666% - 2rem); }   
.section03 .crisis li a { display: flex; position: relative; width:100%; height: 20rem; padding:4rem 2rem; background: rgba(245, 248, 253, 0.10); border-radius: 1.6rem; overflow: hidden; align-items: center; justify-content: center; flex-direction: column; gap:1.6rem; transition: all .5s; } 
.section03 .crisis li a img { width:8rem; height: 8rem; flex-shrink: 0; } 
.section03 .crisis li a img:last-of-type { display: none; } 
.section03 .crisis li a span { color:#fff; font-weight: 500; font-size: 1.8rem; line-height: 150%; font-style: normal; } 
.section03 .crisis li a:hover { box-shadow: 1.6rem 1.6rem 4rem 0 rgba(0, 60, 115, 0.15); background: #fff; } 
.section03 .crisis li a:hover span { color:#222; text-decoration: underline; } 
.section03 .crisis li a:hover img:first-of-type { display: none; } 
.section03 .crisis li a:hover img:last-of-type { display: block; } 
@media (max-width:767px){
.section03 .crisis li { width:calc(33.333% - 1.6rem); }    
}   
@media (max-width:640px){
.board { padding:4rem 2rem; }
.board.board-type03 .board-box { gap:2rem; }   
}
@media (max-width:480px){
.section03 .crisis { gap:1.5rem; }
.section03 .crisis li { width: calc(33.333% - 1rem); }
.section03 .crisis li a { height: 15rem; } 
.section03 .crisis li a img { width:6rem;height: 6rem; }   
}

/* 섹션04 */
.section04 { padding:6rem 0; } 

/* 섹션05 */
.section05 { position: relative; padding:8rem 0; background: url(../images/main/section05-bg.jpg) no-repeat center center/cover; } 
.section05 .business { display: flex;gap:1.6rem; }
.section05 .business .business-item { width:10rem;min-height: 52rem;padding:5.4rem 3.5rem; border-radius: 1.6rem;position: relative;transition: all .8s;overflow: hidden; display: flex;align-items: flex-end; }
.section05 .business .business-item .business-item-info { position: absolute;flex-direction: column;bottom:5.4rem;left:3.5rem;display: flex; gap:2rem; width:98.2rem; } 
.section05 .business .business-item.on .business-item-info { width:calc(100% - 7rem); }
.section05 .business .business-item:after { content: attr(aria-title); display: flex; font-size:2rem;color:#fff;font-weight: 700;position: absolute;top: 50%;
width: 52rem;left: 50%;transform: translate(-50%, -50%) rotate(90deg);padding: 0 5.4rem;text-align: left;transition: all .5s;align-items: center;height: 10rem;cursor: pointer; }
.section05 .business .business-item:before { content:"";width:115.2rem;height: 100%;position: absolute;top:0;left:50%;transform: translateX(-50%); }
.section05 .business .business-item:nth-of-type(1):before { background: url(../images/main/business-item-bg01.jpg) no-repeat center center/cover; } 
.section05 .business .business-item:nth-of-type(2):before { background: url(../images/main/business-item-bg02.jpg) no-repeat center center/cover; } 
.section05 .business .business-item:nth-of-type(3):before { background: url(../images/main/business-item-bg03.jpg) no-repeat center center/cover; } 
.section05 .business .business-item:nth-of-type(4):before { background: url(../images/main/business-item-bg04.jpg) no-repeat center center/cover; } 
.section05 .business .business-item.on { flex-grow: 1; } 
.section05 .business .business-item.on:after { opacity: 0; }  
.section05 .business .business-item .business-item-info strong { opacity: 0; transform: translateY(-4rem); }
.section05 .business .business-item.on .business-item-info strong { opacity: 1;transition: all .8s .8s ease-in-out; transform: translateY(0); }  
.section05 .business .business-item .business-item-info strong a { color:#fff;font-size: 2.8rem;font-weight: 700;line-height: 150%;display: flex;gap:.8rem;align-items: center; }
.section05 .business .business-item .business-item-info strong a i {display: flex;width:3.2rem;height: 3.2rem;border-radius: 50%;background: #1877CF;align-items: center; justify-content: center;transition: all .6s; }
.section05 .business .business-item .business-item-info strong a:hover i { transform: rotate(180deg); }
.section05 .business .business-item .business-item-info p { color:#fff;font-size: 1.6rem;font-style: normal;font-weight: 500;line-height: 150%;opacity: 0;transform: translateY(-4rem); } 
.section05 .business .business-item.on .business-item-info p { opacity: 1;transition: all .8s .9s ease-in-out; transform: translateY(0); }
.section05 .business .business-item .business-item-info>ul { display: flex;gap:1rem 2rem;flex-wrap:wrap;opacity: 0;transform: translateY(-4rem); }
.section05 .business .business-item.on .business-item-info>ul { opacity: 1;transition: all .8s 1s ease-in-out; transform: translateY(0); }
.section05 .business .business-item .business-item-info>ul>li>a { display: flex;align-items: center;gap:.4rem; }
.section05 .business .business-item .business-item-info>ul>li>a>span { color:#fff; }
.section05 .business .business-item .business-item-info>ul>li>a>i { width:2.4rem;height: 2.4rem;background: rgba(255, 255, 255, 0.20);display: flex;border-radius: 50%;align-items: center;justify-content: center;color:#fff; }
.section05 .business .business-item .business-item-info>ul>li>a:hover>i { background: #1877CF; }
.section05 .business .business-item .business-item-info>ul>li>a:hover>span { text-decoration: underline; } 
.section05 .swiper-pagination { display: none; }    
@media (max-width:840px){
.section05 .business .business-item.on .business-item-info p br { display: none; }
}
@media (max-width:767px){
.section05 .business { gap:0; }
.section05 .business .business-item { width:100%;transition: none;flex-grow:1; } 
.section05 .swiper-pagination { position: relative;bottom:auto;left:auto;margin-top:4rem;z-index: 1; display: block; }            
.section05 .swiper-pagination .swiper-pagination-bullet { width:1.2rem;height: 1.2rem; }
.section05 .swiper-pagination .swiper-pagination-bullet-active { background: #1877CF; }
}             
 
/* 섹션06 */ 
.section06 { padding:10rem 0 5rem 0; } 
.section06 .place { display: flex; gap:2.4rem; } 
.section06 .place .place-box { display: flex; width:calc(50% - 1.2rem); padding:4.8rem; min-height: 32rem; border-radius: 1.6rem; flex-direction: column; justify-content: flex-end; } 
.section06 .place .place-box:first-of-type { background: url(../images/main/place-box-img01.png) no-repeat center center/cover; } 
.section06 .place .place-box:nth-of-type(2) { background: url(../images/main/place-box-img02.png) no-repeat center center/cover; } 
.section06 .place .place-box strong { display: block; color:#fff; font-weight: 700; font-size:2.4rem; line-height: 3.12rem; margin-bottom:1.6rem; } 
.section06 .place .place-box ul { display: flex; gap:0 1.6rem; flex-wrap: wrap; } 
.section06 .place .place-box ul li a { display: flex; gap:.8rem; } 
.section06 .place .place-box ul li a span { color:#fff; font-weight: 500; font-size:1.6rem; line-height: 2.4rem; } 
.section06 .place .place-box ul li a i { width:2.4rem;height: 2.4rem;background: rgba(255, 255, 255, 0.20);display: flex;border-radius: 50%;align-items: center;justify-content: center;color:#fff; }
.section06 .place .place-box ul li a:hover i { background: #1877CF; }
.section06 .place .place-box ul li a:hover span { text-decoration: underline; }
@media (max-width:640px){
.section06 .place { flex-direction: column; }   
.section06 .place .place-box { width:100%;padding:4rem;min-height: 25rem; }
}

/* 섹션07 */
.section07 { padding:8rem 0 8rem 0; } 
.section07 .media { display: flex; justify-content: flex-end; gap:4rem .8rem; flex-wrap: wrap; position: relative; margin-top:-9rem; } 
.section07 .media .media-btn { height: 5rem; padding:0 2rem; border:1px solid #E0E0E0; border-radius: 5rem; display: flex; align-items: center; justify-content: center; } 
.section07 .media .media-btn.on { background: #1877CF; border-color:#1877CF; } 
.section07 .media .media-btn.on span { color:#fff; } 
.section07 .media .media-content { width:100%; order:999; display: none; } 
.section07 .media .media-content.on { display: block; } 
.section07 .media .media-more { width:5rem; height: 5rem; border-radius: 5rem; display: flex; border:1px solid #E0E0E0; align-items: center; justify-content: center; display: none; order:998; margin-left:2.4rem; position: relative; } 
.section07 .media .media-more:before { width:1px; height:1.9rem; top:50%; left:-1.8rem; transform: translateY(-50%); content:""; background: #D9D9D9; position: absolute; } 
.section07 .media .media-more i { color:#757575; font-size: 2rem; transition: all .5s; } 
.section07 .media .media-more:hover i { transform: rotate(180deg); } 
.section07 .media .media-more.on { display: flex; } 
.section07 .media .media-content .swiper-slide a { display: flex; flex-direction: column; gap:2.4rem; } 
.section07 .media .media-content .swiper-slide a .media-content-img { height: 24rem; border-radius: 1.6rem; overflow: hidden; } 
.section07 .media .media-content .swiper-slide a .media-content-img img { width:100%; height: 100%; object-fit: cover; } 
.section07 .media .media-content .swiper-slide a .media-content-txt { display: flex; flex-direction: column; gap:1.6rem; } 
.section07 .media .media-content .swiper-slide a .media-content-txt strong { display: block; font-size: 1.8rem; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#222; } 
.section07 .media .media-content .swiper-slide a .media-content-txt span { display: block; font-size: 1.6rem; color:#757575; } 
.section07 .media .media-content .swiper-slide a:hover .media-content-txt strong { text-decoration: underline; color:#1877CF; } 
.section07 .media .media-content .swiper-pagination { position:relative; z-index:2; left:auto;bottom:auto;margin-top:4rem; }     
.section07 .media .media-content .swiper-pagination .swiper-pagination-bullet { width: 1.2rem; height: 1.2rem; }
.section07 .media .media-content .swiper-pagination .swiper-pagination-bullet-active { background:#1877CF; }
@media (max-width:640px){    
.section07 .media { margin-top:0; justify-content: flex-start; }
.section07 .media .media-more { margin-left:auto; }  
.section07 .media .media-more:before { display: none; }
}  

/* 섹션08 */
.section08 { padding: 13rem 0 40rem 0; clip-path: ellipse(192rem 100% at 50% 100%); background: url(../images/main/section08-bg.png) no-repeat center center/cover; position: relative; }  
.section08 .section-common-title { flex-direction: column; align-items: center; gap:2.4rem; } 
.section08 .section-common-title:before { left:50%; transform: translateX(-50%); } 
.section08 .section-common-title span { text-align: center; } 
.section08 .section-common-content .newletter-quick { display: flex; justify-content: center; gap:1.6rem; max-width:45.6rem; width:100%; margin:0 auto; }    
.section08 .section-common-content .newletter-quick li { flex:1; } 
.section08 .section-common-content .newletter-quick li a { display: flex; justify-content: space-between; border:1px solid rgba(255, 255, 255, 0.3); height: 5.2rem; align-items: center; padding:0 2.4rem; border-radius: 5.2rem;width:100%; } 
.section08 .section-common-content .newletter-quick li a span { color:#fff; } 
.section08 .section-common-content .newletter-quick li a i { color:#fff; font-size:1.6rem; } 
.section08 .section-common-content .newletter-quick li a:hover { background: #fff; } 
.section08 .section-common-content .newletter-quick li a:hover span { color:#003C73 } 
.section08 .section-common-content .newletter-quick li a:hover i { color:#003C73; } 
@media (max-width:640px){  
.section08 { padding:10rem 0 55rem 0; }       
}     
   
/* 헤더 스크롤 온*/
.header.on .header-container .layout .header-menu>ul>li>a>span,
body.scroll .header .header-container .layout .header-menu>ul>li>a>span { color:#222; } 
.header .header-container .layout .header-menu>ul>li>div.on { visibility: visible; opacity: 1; } 
.header.on .header-container.bottom { background: #fff; } 
body.scroll .header .header-container.bottom { background: #fff; transition: all .5s; } 
.header.on .header-container .layout .header-util .header-sitemap button i { color:#222; } 
body.scroll .header .header-container .layout .header-util .header-sitemap button i { color:#222; } 
.header.on .header-logo a img { transform: translateY(-50%); } 
body.scroll .header .header-logo a img { transform: translateY(-50%); } 

/* 푸터 */
#footer { background: none;position:absolute;bottom:0;width:100%; }  
@media (max-width:640px){
#footer { padding:6rem 0 14rem 0; }
}