@charset "UTF-8";

.s-lists > li { margin-bottom: 10%; }
.s-lists a { padding: 6% 0; border-bottom: 1px solid #e0e0e0; position: relative; }
.s-lists a:after { content: '\f105'; color: var(--gray); font-size: 4vw; font-family: 'icon'; font-weight: bold; position: absolute; right: 4%; top: 32%; }

/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {

.second-text { width: 90%; margin: 0 auto; }
.s-lists > li { margin-bottom: 40px; }
.s-lists a { padding: 26px 6px; position: relative; overflow: hidden; transition: ease .2s; }
.s-lists a span { position: relative; z-index: 3; }
.s-lists a:hover { opacity: 1; }
.s-lists a:hover:after { transform-origin: left top; transform: scale(1, 1); }
.s-lists a:after { font-size: 18px; font-family: 'icon'; position: absolute; top: 22px; right: 30px; transition: all 0.3s ease-in-out; z-index: 3; }
.s-lists a:hover:after { right: 10px; }
}

@media screen and (min-width: 960px) {
.s-lists .links { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.s-lists .links li { width: 48%; }
}

@media screen and (min-width: 1200px) {
.s-lists { margin: 0; }
}