@charset "utf-8";
@media all and (max-width: 1720px) {
#section02:before { width:calc(100% - 4rem); } 
}
@media all and (max-width: 1440px) {
.slogan-txt .slogan-tit {font-size: 4rem; } 
.visual-slide-bg .icon-img {width: 24rem;right: 42vw; } 
.intro-link { padding:10rem 4rem; } 
.intro-link .biko { position:relative; top:auto; transform:none; right:auto; margin-top:2rem; } 
 }  
@media all and (max-width: 1200px) {
.slogan-txt .slogan-txt br { display:none; } 
.visual-slide-bg .icon-img {width: 20rem; } 
.business-perform { flex-direction: column;gap:4rem;padding: 4rem;background-color: #f5f5f5;border-radius: 16px;     }     
  
.perform-list {flex-direction: column;width: 50%; } 
.intro-link {padding: 10rem 22rem; } 
.intro-link .title br { display:none; }  
#section01 h2.perform-title br { display:none; }
} 
@media all and (max-width: 1023px) {
#visual {margin-bottom: 4rem; } 
.visual-slide-bg { max-width: calc(100% - 16px - 16px); }
.visual-slide-bg,  
.visual-slide-bg .slogan-img,  
.visual-slide-bg .slogan-img img {height: 100%; width: 100%; }        
.visual-slide-bg .icon-img {top: 4rem;right: 8rem;bottom: auto; } 
.visual-slide-bg div { width:100% !important; height:100% !important; }   
.visual-slide {align-items: unset; height: auto;max-width: calc(100% - 24px - 24px - 8rem);padding: 8rem 0; } 
.current-status {position: relative;right: auto;width: 100%;margin-top: 8rem; } 
.current-status h2 {font-size: 2.6rem; } 
.current-status > ul {display: flex;gap: 4%; } 
.current-status > ul > li {flex: calc(100% / 2); } 
.current-status > ul > li + li {margin: 0; } 
.current-status .status-box {padding: 0 2rem; } 
.current-status .status-box .num-count .num {font-size: 3rem; } 
#section01 {margin-top: 4rem; } 
.main-board {width: 100%;margin: 0 0 4rem 0; } 
.main-board .board-cont-box .board-cont > ul {min-height: inherit; } 
.main-popup-zone {width: 40rem; } 
#section01 > .container:has(.bannerEmpty) .business-perform { margin-left:0;width:100%; }  
#section01 > .container:has(.bannerEmpty) .business-perform .perform-list .perform-box .tit br { display:none; }
   
.main-popup-zone .main-popup-slide,
.main-popup-zone .main-popup-slide a {width: 40rem;height: 38.8rem; } 
.business-perform {flex-direction: column;justify-content: center;align-items: inherit;width: calc(100% - 40rem - 4rem);margin: 0 0 0 4rem; } 
#section01 h2,
#section01 h2.perform-title {font-size: 2.6rem; width: 100%;padding: 0;} 

.perform-list {width: 100%;gap: 2rem; } 
.perform-list .perform-box .tit {font-size: 2rem; } 
.intro-link {padding: 10rem 4rem; }    
.intro-link .title {font-size: 3.4rem; } 
  
}  
@media all and (max-width: 767px) {
.visual-slide-bg .icon-img {right: 4rem;width: 14rem; } 
.slogan-txt .slogan-tit {font-size: 3.6rem; } 
.current-status > ul { flex-direction: column; } 
.current-status > ul > li + li {margin-top: 2rem; } 
.main-board .board-cont-box .board-cont .board-list01 > li {padding: 1.6rem 1.6rem; } 
.main-board .board-tab > li a {padding: 1rem 1.4rem; } 
.main-board .board-cont-box .board-cont .more {width: 3rem;height: 4.5rem; } 
.main-popup-zone {width: 50%; } 
.main-popup-zone .main-popup-slide,  
.main-popup-zone .main-popup-slide a {width: 100%;height: 40rem; }  
.main-popup-zone .slider-btn-wrap {top: 0.5rem; }      
.business-perform {width: calc(100% - 50% - 2rem);margin-left: 2rem;padding: 4rem; }   
#section02 {margin-top: 4rem; }   
.intro-link {padding:14rem 4rem; }   
.intro-link .title {font-size: 3rem; }    
 }
@media all and (max-width: 590px) {
.visual-slide-bg .icon-img {top: 6rem;width: 10rem; }  
.visual-slide {max-width: calc(100% - 20px - 20px - 4rem);padding: 75px 0 102px 0; }  
.slogan-txt .slogan-tit {font-size: 25px; }        
.slogan-txt .slogan-txt { font-size:15px; }
.current-status {margin-top: 4rem; } 
.main-board .board-cont-box .board-cont .board-list01 > li {padding: 1.2rem 1.6rem; } 
.main-board .board-cont-box .board-cont .board-list02 .thumb {height: 11rem; } 
.main-popup-zone {width: 100%;margin-bottom: 4rem;padding-top:4rem; } 
.main-popup-zone .main-popup-slide {width: 100%;height:auto; }        
.main-popup-zone .main-popup-slide a {margin: 0 auto; height:auto; }      
.business-perform {width: 100%;margin-left: 0;padding: 6rem; } 
.intro-link {padding: 32px 24px; border-radius:24px; }    
.business-perform {padding: 8%; }     
.perform-list .perform-box .tit br { display:none; }
.slogan-txt .more span { font-size:12px; }
.intro-link .title { font-size:20px; }   
.intro-link .biko { width:auto; }
.visual-slide-bg .slogan-img img { display:none; }  
.visual-slide-bg .slogan-img { 
background:url(/resources/images/bbd/main/img-visual01-mo.png) no-repeat center center/cover; }     
}