@charset "utf-8";

#dashboard-page .sec-com{padding:var(--gap-lg) 0;}
#dashboard-page .con-tit{margin-bottom:calc(var(--gap-lg) - 20px);text-align: center;}
#dashboard-page .con-tit p{margin-top:20px;font-size:var(--font18);letter-spacing: -0.36px;color:#666;}
#dashboard-page .con-img img{width:100%;}

#dashboard-page .sub-visual{position:relative;width:100%;background:#EDF5FB;overflow:hidden;}
#dashboard-page .visual-bg{position:absolute;top:0;left:0;width:100vw;aspect-ratio:1700/1265;background:#0EB3FF url('../../img/sub/dashboard/visual_bg.jpg') no-repeat bottom center / contain;}
#dashboard-page .sub-visual .visual-con{position:relative;z-index:1;width:100%;height:100%;}
#dashboard-page .page-tit h2::before{content:'Dashboard';}
#dashboard-page .visual-img{text-align: center;}
#dashboard-page .visual-img .inner{position:relative;}
#dashboard-page .visual-img .main-img{width:90%;}
#dashboard-page .visual-img .pop1{position:absolute;bottom:28%;left:0;width:32.5%;box-shadow: 22px 13px 40px 0 rgba(26, 26, 26, 0.10);border-radius: 10px;}
#dashboard-page .visual-img .pop2{position:absolute;bottom:32%;right:0;width:25%;}
/* #dashboard-page .visual-img .inner::after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:20%;background: linear-gradient(180deg, rgba(237, 245, 251, 0.00) 37.68%, #EDF5FB 96.1%);} */


#dashboard-page .sec01{background:#EDF5FB;}

@media screen and (max-width:1600px){
  #dashboard-page .visual-img .pop1{left:50px;}
  #dashboard-page .visual-img .pop2{right:50px;}
  
}

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

@media screen and (min-width:1201px){
 
  
}

@media screen and (min-width:1025px){

  .subpage{overflow-x:hidden;}


}


@media screen and (max-width:1024px){

  #dashboard-page .visual-img .pop1{left:30px;}
  #dashboard-page .visual-img .pop2{right:30px;}


  
}


@media screen and (max-width:768px){

  

  #dashboard-page .visual-bg{background:#0EB3FF url('../../img/sub/about/visual_bg_m.jpg') no-repeat bottom center / cover;aspect-ratio: 375/497;max-height:500px;}
  #dashboard-page .sec02 .con-img .inner{padding-right:0;width:100%;overflow-x:scroll}
  #dashboard-page .sec02 .con-img img{width:max-content;max-width:300%;margin-right:20px;}
  #dashboard-page .visual-img .pop1{left:20px;}
  #dashboard-page .visual-img .pop2{right:20px;}
  
  
}

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