@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/bg.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: 484px; margin: 0 auto; overflow: hidden; }
#_smart6 .smart6-right { position: relative; width: 888px; height: 700px; margin: 0 auto; overflow: hidden; }

#_smart6 .map { border:1px solid #ccc; border-top-left-radius: 50px; border-bottom-right-radius: 50px; 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 #222083;
    width: 230px; padding: 13px;
}
#_smart6 .maplink.link1 { background: #222083; color: #ededed;}
#_smart6 .maplink.link2 { color: #222083; }



#_smart6 .smart6-right { position: relative; padding-top:30px; }
#_smart6 .smart6-right .smart6-title {
    position: relative; overflow: hidden; margin:0 auto; text-align: center;
    font-size:2rem; letter-spacing: -2px; font-weight: 600; font-style: italic;
}
#_smart6 .smart6-right .smart6-title strong { color: #CD0170; }

#_smart6 .smart6-list { position: relative; margin:30px 0 0 0; }
#_smart6 .item {
    position: relative; display: flex; gap: 20px; justify-content: center; align-items: center; overflow: hidden; transition: all 0.5s ease-in-out 0s;
    padding: 13px 10px; border-bottom: 1px dotted rgba(0,0,0,0.6); cursor: default;
    left:150px;  opacity: 0
}
#_smart6 .item > div { letter-spacing: -1px; }
#_smart6 .item .ico  {
    position: relative; width: 80px; height: 80px;
    border-radius: 10px; background-color: #191D62; border:1px solid rgba(0,0,0,0.3);
    display: flex; justify-content: center; align-items: center;
}
#_smart6 .item:nth-child(even) .ico {  background-color: #681A7B; }
#_smart6 .item .ico img { width:60%; filter: brightness(1); }
#_smart6 .item .txt { position: relative; flex:1; }
#_smart6 .item .txt1 { font-size: 1.3rem; font-weight: 600; }
#_smart6 .item .txt2 { font-size: 1rem; line-height: 1.4rem; word-break: keep-all;  }

#_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:hover .txt1 { color: #800252}

#_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; }