@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
body {
	background: white; 
	margin:0px;
	font-family:pretendard;
}
.full-location-container {
	width:100%;
	height:100%;
	display:flex;
	flex-wrap:wrap;
}
.ad-banner-wrapper {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
  margin: 0 auto;
  top:50px;
}

.ad-banner {
  position: relative;
  height: 100%;
  width:100%;
}
.smhrd-link{
	position:absolute;
	top:75%;
	left:70%;
	width:200px;
	height:50px;
	background:linear-gradient(300deg, #1E9AFF 0, #96d0ff 100%);;
	border-radius:20px;
	text-decoration:none;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:20px;
	color:white;
	font-weight:bold;
}
.smhrd-link:hover{
	background:linear-gradient(300deg, #1E9AFF 0, #96d0ff 100%);;
	transform: translateY(1px);
	color:white;
}
.ad2-link{
	width:200px;
	height:50px;
	position:absolute;
	background:#FF7D21;
	color:white;
	font-weight:bold;
	font-size:20px;
	left:43%;
	top:71%;
	display:flex;
	justify-content:center;
	align-items:center;
	text-decoration:none;
}
.ad-banner-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ad3-link{
	position:absolute;
	top:75%;
	left:70%;
	width:200px;
	height:50px;
	background:linear-gradient(300deg, #1E9AFF 0, #96d0ff 100%);;
	border-radius:20px;
	text-decoration:none;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:20px;
	color:white;
	font-weight:bold;
}
/* 슬라이드 숨김 */
.ad-slide {
  display: none;
  width: 100%;
  height: 100%;
  aspect-ratio: 2/1;
  justify-content:flex-start;
  
}
.ad-pre{
	display: flex;
    flex-wrap: wrap;
    height: 150px;
    justify-content: flex-end;
    width:400px;
    position:absolute;
    top:30%;
    left:55%;
    gap:10px;
}
.ad-slide span{
	font-size: 20px;
    width: 100%;
    display: flex;
    justify-content: flex-end;;
}
.ad-pre-title{
	font-size:50px;
	width:100px;
}
/* 페이드 애니메이션 */
.fade {
  animation: fadeEffect 1s;
}
@keyframes fadeEffect {
  from {opacity: 0.4;}
  to {opacity: 1;}
}

/* 버튼 */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 24px;
  user-select: none;
  transition: 0.3s;
  transform: translateY(-50%);
}
.prev { left: 0; }
.next { right: 0; }

.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.4);
  border-radius: 50%;
}

/* 점 네비게이션 */
.dots {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 15px;
}
.dot {
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 4px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: 0.3s;
}
.dot.active, .dot:hover {
  background-color: #717171;
}

.ad-banner2-wrapper{
	width:100%;
	height:500px;
	display:flex;
	justify-content:center;
	position: relative;   
}
.ad-banner2{
	width:100%;
	height:100%;
	gap:40px;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	align-items:center;
}
.AI-comment-box{
	padding:10px;
}
.comment-box{
	width:400px;
	height:auto;
	font-size:30px;
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.schedule-alarm{
	width:100%;
	font-size:50px;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.ad-temMarket-comment{
	width:100%;
	font-size:50px;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.schedule-alarm2{
	width:100%;
}
.ai-image{
	width:250px;
	
}
.calander-img{
	width:400px;
	height:300px;
	border-radius:50%;
	
}
.goSchedule-btn{
	width:200px;
	font-size:20px;
	padding:10px;
	background-color:white;
	display:flex;
	justify-content:center;
	border-radius:10px;
	text-decoration: none;
	color:black;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.goSchedule-btn:hover{
	background-color:#96d0ff;
	color:white;
}
.calander-box{
	display:flex;
	flex-wrap:wrap;
	width: 500px;
    height: auto;
    justify-content:center;
}
.ad-banner3-wrapper{
	width:100%;
	height:500px;
	position: relative;
    margin-bottom:100px;
}
.ad-banner3{
	width:100%;
	height:100%;
	background-color:white;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	align-items:center;
	gap:40px;
}
.market-img-box{
	display:flex;
	flex-wrap: wrap;
    width: 500px;
    height: auto;
	justify-content:center;
}
.ad-temMarket{
	padding:10px;
}
.ad-temMarket-comment-box{
	width:400px;
	height:auto;
	font-size:30px;
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.ad-temMarket-comment{
	width:100%;
	font-size:50px;
}
.ad-temMarket-comment2{
	width:100%;
}
.ad-banner-wrapper {
  position: relative;
  max-width: 100%;
  height: 500px;
  overflow: hidden;
  margin: 0 auto;
}

.ad-banner {
  position: relative;
  height: 100%;
}

/* 슬라이드 숨김 */
.ad-slide {
  display: none;
  width: 100%;
  height: 100%;
}

/* 페이드 애니메이션 */
.fade {
  animation: fadeEffect 1s;
}
@keyframes fadeEffect {
  from {opacity: 0.4;}
  to {opacity: 1;}
}

/* 버튼 */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 24px;
  user-select: none;
  transition: 0.3s;
  transform: translateY(-50%);
}
.prev { left: 0; }
.next { right: 0; }

.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.4);
  border-radius: 50%;
}

/* 점 네비게이션 */
.dots {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 15px;
}
.dot {
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 4px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: 0.3s;
}
.dot.active, .dot:hover {
  background-color: #717171;
}
.moto-text-container,.moto-text-container2 {
	margin-top:50px;
	width:100%;
	height:180px;
	background:linear-gradient(360deg, #1E9AFF 0, #96d0ff 100%);;
	display:flex;
	justify-content:center;
}
.moto-text-box{
	width:1000px;
	height:100%;

	font-size:30px;
	color:white;
	font-weight:bold;
	display:flex;
	justify-content:center;
	align-items:center;
}
.ad-banner1-wrapper{
	width:100%;
	height:500px;
	display:flex;
	justify-content:center;
	position: relative; 
}
.ad-banner1{
	width:100%;
	height:100%;
	gap:40px;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	align-items:center;
}
.goNoteCreate-btn{
	width:200px;
	font-size:20px;
	padding:10px;
	background-color:white;
	display:flex;
	justify-content:center;
	border-radius:10px;
	text-decoration: none;
	color:black;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.goNoteCreate-btn:hover{
	background-color:#96d0ff;
	color:white;
}
.note-alarm{
	width:100%;
	font-size:50px;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.note-box{
	display:flex;
	flex-wrap:wrap;
	width: 500px;
    height: auto;
    justify-content:center;
}