@import url('https://fonts.googleapis.com/css2?family=42dot+Sans:wght@300..800&family=DM+Serif+Text:ital@0;1&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nanum+Gothic&family=Nanum+Myeongjo&family=Noto+Sans+KR:wght@100..900&family=Noto+Serif+KR:wght@200..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

li { list-style: none; }

#_smart6 { background-color: #fff; width: 100%;
    background: url('./img/sect4bg.jpg') no-repeat center / cover; font-family: "42dot Sans", sans-serif; }

#_smart6 .smart6-box {
    position: absolute; display: flex; justify-content: center; align-items: center; gap: 100px;
    top: 50%; left: 50%; transform: translate(-50%, -50%);
}
#_smart6 .smart6-left { position: relative; width: 570px; margin: 0 auto; overflow: hidden; }
#_smart6 .smart6-right { position: relative; width: 800px; height: 700px; margin: 0 auto; overflow: hidden; }

#_smart6 .add_tt { margin-top: 20px; text-align:center;  }
#_smart6 .add_tt1 { font-size: 1.4rem; font-weight: 800; color: #4d4d4f; letter-spacing: -1px; }
#_smart6 .add_tt2 { font-size: 1.2rem; font-weight: 400; color: #2f2523; letter-spacing: -1px; }


#_smart6 .btn_box { position: relative; display: flex; gap: 25px; justify-content: center; align-items: center; text-align: center; margin-top: 20px;}
#_smart6 .maplink {
    position: relative; display: inline-block; font-size: 1.1rem; text-align: center; border: 1px solid #282B45;
    width: 230px; padding: 13px;
}
#_smart6 .maplink.link1 { background:#282B45; color: #ededed;}
#_smart6 .maplink.link2 { color: #2f2523; }


#_smart6 .smart6-right .smart6-title { position: relative; overflow: hidden; margin:0 auto; }
#_smart6 .smart6-right .smart6-title img { position: relative;  margin-left:-100px; }

#_smart6 .smart6-list { position: relative; margin:50px 0 0 -100px; }
#_smart6 .item { position: relative; width: 1000px; height: 90px; border-top: 1px solid #ccc; overflow: hidden; transition: all 0.5s ease-in-out 0s; left:150px;  opacity: 0 }
/*#_smart6 .item::before { content: ""; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background: rgba(255, 255, 255, 0.7); transition: width 0.8s ease; z-index: 0; }*/

#_smart6 .item:before {content: ""; position: absolute; top: 0; width: 0%; height: 100%; background: rgba(255, 255, 255, 0.7); transition: width 0.5s ease; z-index: 0;}
#_smart6 .item:before { left: 0; }
/*#_smart6 .item:nth-child(odd):before { left: 0; }*/
/*#_smart6 .item:nth-child(even):before { right: 0; }*/
#_smart6 .item:hover::before { width: 100%; }
#_smart6 .item img { position: relative; z-index: 1; }


#_smart6.on .item { left:0; opacity: 1; }
#_smart6.on .item:nth-child(1) { transition-delay: 0.1s; }
#_smart6.on .item:nth-child(2) { transition-delay: 0.2s; }
#_smart6.on .item:nth-child(3) { transition-delay: 0.3s; }
#_smart6.on .item:nth-child(4) { transition-delay: 0.4s; }
#_smart6.on .item:nth-child(5) { transition-delay: 0.5s; }
#_smart6.on .item:nth-child(6) { transition-delay: 0.6s; }