a, a:visited, a:hover, a:link {text-decoration: none;}

.w1_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* 반투명 배경 */
    display: flex;
    align-items: flex-end; /* 하단 정렬 */
    padding-left: 4em;
    justify-content: center;
  }

#mainHeroTitle { font-family: Figtree, Courier; font-size:48px; color: rgba(255, 255, 255, 0.4);}
.mainTitle {font-family: "Noto Sans", Courier; font-size:2.4em; color:#000000;}
.mainDesc {font-family: "Noto Sans", Courier; font-size:1.2em; color:#000000;}

.blackBG {background-color: #000000;}
.iconStyle {font-family: Figtree; font-weight:bold; font-size:10px; color:#DADADA; margin-right:10px;}
.smallStyle {font-family: Figtree; font-weight:bold; font-size:11px;}
.wFont {color:#ffffff;}
.f20 {font-size:1.2em;;}
.f25 {font-size:1.3em;}
.f11 {font-size:0.8em;}
.f9 {font-size:0.7em;}
.pd4 {padding:4em;}
.vcenter {display: flex; align-items: center; }
.vhcenter {display: flex; align-items: center; justify-content: center;}

#AtomicHabits {margin-top: 0.5em; color:#C7C7C7; font-size: 8em; font-family: Figtree, Courier;font-weight: bold;}
.blueCircle { width: 124px; height: 124px; border-radius: 50%; background-color: #0773F2;}
.blueCircleBox { width: 124px; height: 40px;}

.desc-arrow {width:48px; height:48px; background-image: url(/static/img/main/arrow-right.png); margin: 0.5em; margin-top: -2.3em;}

#bgss1 {  background-image: url('/static/img/main/ss1.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; /* 컨테이너를 완전히 채움 */
}

#bgss2 {  background-image: url('/static/img/main/ss2.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto; 
}

#bgss3 {  background-image: url('/static/img/main/ss3.png');
  background-repeat: no-repeat;
  background-position: 76% 80%;
  background-size: auto;
}

.mg2 {margin: 1.6em;}
.mr2 {margin-right: 2em;}
.inputBox { width:100%; padding: 0.5em; color:#ffffff; background-color: #000000; border:1px solid #ffffff; margin-bottom: 0.5em;font-size: 0.8em;}
input::placeholder, textarea::placeholder {
  color: white; /* Placeholder 텍스트를 하얀색으로 설정 */
  opacity: 1;   /* 투명도 조정 (0 ~ 1) */
}
.btn-w {width:100%;  padding: 0.5em; color:#000000; background-color: #ffffff; border:1px solid #cccccc; margin-bottom: 0.5em; font-size: 0.8em;}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 991px) {
  .vhcenter.moset {
    flex-direction: column;
    align-items: center;
  }
  .desc-arrow {
    transform: rotate(90deg);
    margin: 1em 0;
  }
  .text-center {
    margin-bottom: 1em;
  }

  #AtomicHabits {font-size: 5em;}
  .row {
    padding: 0.5em;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

}