@charset "utf-8";




/*
	## 내용
*/
section { position:relative; }
.main-link { width:100% !important; letter-spacing:-1px; display:block; border-radius:5px !important; }



/* 이미지 애니메이션 */
.swiper-slide .anim-blind { position:relative; }
.swiper-slide .anim-blind-inner {
    position: absolute; display: flex; width: 100%; height:100%; left:0; top: 0; z-index: 3;
    flex-direction: column;/* 가로(row), 세로변경(column) */ overflow: hidden; 
    /*border: 1px solid red;*/
}
.swiper-slide .anim-blind .anim-blind-inner > span {
    position: relative; width: 100%; height: 100%; clip-path:inset(0); transition: clip-path .7s; transform: scale(1.05);
}

.swiper-slide.swiper-slide-active .anim-blind.right .anim-blind-inner > span { clip-path: inset(0 100% 0 0); transition-delay: calc((var(--i) - 1) * 0.07s); }
.swiper-slide.swiper-slide-active .anim-blind.down .anim-blind-inner > span { clip-path: inset(100% 0 0 0); transition-delay: calc((var(--i) - 1) * 0.07s); }





/* 스마트6 */
#smart6 { background-color:#EAEEED; padding:70px 0;  }
#smart6 .title { position: relative; width: 95%; margin: 0 auto;  padding-bottom:40px;  }
#smart6 .item { position: relative; display: flex; justify-content: left; width: 95%; margin: 0 auto; padding: 10px 0; border-top: 1px solid #ccc; }
#smart6 .item .ico { display:flex; align-items: center; vertical-align: middle; padding: 0 10px}
#smart6 .item .ico img { display: inline-block; vertical-align: middle; width:110% }
#smart6 .item .txt { word-break: keep-all; letter-spacing: -1px; padding: 10px}
#smart6 .item .txt strong {  font-size:1.1rem; }
#smart6 .item .txt div {  font-size:1rem; }

/* 약도 */
#mainmap { padding:70px 0 }
#mainmap .map { position:relative; width:90%; margin:0 auto }
#mainmap .add_tt { margin-top: 20px; text-align:center;  }
#mainmap .add_tt1 { font-size: 1.4rem; font-weight: 800; color: #4d4d4f; letter-spacing: -1px; }
#mainmap .add_tt2 { font-size: 1.2rem; font-weight: 400; color: #2f2523; letter-spacing: -1px; }
#mainmap .btn_box { position: relative; display: flex; gap: 10px; justify-content: center; align-items: center; text-align: center; margin-top: 20px;}
#mainmap .maplink {
    position: relative; display: inline-block; font-size: 1rem; text-align: center; border: 1px solid #282B45;
    width: 43%; padding: 10px; letter-spacing: -1px;
}
#mainmap .maplink.link1 { background:#282B45; color: #ededed;}
#mainmap .maplink.link2 { color: #2f2523; }






#section4 { padding: 70px 0 100px }
#section4 .tt { padding: 0 0 30px 0; }
.mapbox { position:relative; width:100%; margin-bottom: 130px; }
.warp-map { position: relative; width:95%; margin:0 auto; text-align:center; }
 
.map1 { position: relative; width:100%;  margin:0 auto 30px;}
.map2 { width:100%; height:388px; border: 1px solid #7D7D7D; margin-bottom: 50px }

.map1 .wrap { position: relative; display: flex; background-color:#F3EFEE  }
.map1 .wrap div  {
    padding: 10px; font-size:1rem; letter-spacing: -2px; border: 1px solid #7D7D7D; border-top: 0;
    text-align: center; word-break: keep-all;
}
.map1 .wrap div:nth-child(1) { flex-grow: 1.4; font-size:1rem; border-right:0 }
.map1 .wrap div:nth-child(2) { flex-grow: 0.6; cursor: pointer; }

.map2 .wrap div  {
    padding: 10px; font-size:1rem; letter-spacing: -2px; border: 1px solid #7D7D7D;
    text-align: center; word-break: keep-all; background-color:#F3EFEE; margin-top: 0px;
}
.mapbox .wrap div b { margin-right:8px; }







#MainMovie { position;relative; padding:20px 5px }
#MainMovie .title { font-size:18px; padding-bottom: 5px; font-family: Noto Sans KR; }