@charset "utf-8";
@import url(pretendard.css);

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family: 'Pretendard', sans-serif;background:#fff;min-width:360px}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5 {font-size:1em;font-family: 'Pretendard', sans-serif}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'Pretendard', sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Pretendard', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

#container {text-align:center;}

.placeholdersjs {color:#aaa !important}

.hide-text {
	position: absolute;
	width: 1px;
	height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.ulct {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.flex {
	display:flex;
	align-items: center;
}

.rolling {width:750px; margin:0 auto; overflow:hidden; }
.rolling>img{padding-bottom: 80px;}
.rolling:after {display:block;visibility:hidden;clear:both;content:""}
.rolling .slide{
  width: 100%;height:100px; margin: 0 auto 16px; position: relative; overflow: hidden; transform: translate3d(0, 0, 0);}
.rolling .slide .slide-content1{
  height: 100%;
  width: 99999px;
    background-image: url(../img/logos1.png);
    background-size: contain;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0);
    animation: logoSlide 1500s linear infinite;
}
.rolling .slide .slide-content2{
  height: 100%;
  width: 99999px;
    background-image: url(../img/logos2.png);
    background-size: contain;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate3d(0, 0, 0);
    animation: logoSlide2 1500s linear infinite;
}

.faq {background:#fff; width:750px; margin:0 auto; padding:100px 50px 20px} /* 20250917 수정 */
.faq .title {margin-bottom:75px;text-align:center;}
.faq .title h1 {font-size:40px; color:#161616; font-weight:700}
.faq .ref {text-align:left;}
.faq .ref .cp1:after {display:block;visibility:hidden;clear:both;content:""}
.faq .ref .cp2:after {display:block;visibility:hidden;clear:both;content:""}
.faq .ref .cp2.open:after {height:16px;}
.faq .ref .sps:after {display:block;visibility:hidden;clear:both;content:""}
.faq .ref .sps {margin-bottom:30px}
.faq .ref .cp1 {position:relative; padding:36px 0; line-height:35px; border-top:1px solid #e5e5e5;}
.faq .ref .cp1 h2 {position:absolute; left:0; font-size:24px; color:#161616; font-weight:600}
.faq .ref .cp1 a {display:inline-block; width:100%; text-align:right; z-index:9; position:relative}
.faq .ref .cp2 {
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    max-height: 0;
}
.faq .ref .cp2 h3 {display:block; font-size:21px; color:#161616; font-weight:600; margin-bottom:8px}
.faq .ref .cp2 p {display:block; font-size:17px; line-height:1.65; color:#161616; font-weight:400; letter-spacing: -0.5px;}
.faq .ref .cp2.open {
    max-height: 2000px;
}

.fixed {position:fixed; left:0; width:100%;  bottom:0; z-index:99}
.fixed a {display:inline-block; width:100%; padding:25px 0; background:#000; font-size:40px; color:#fff; font-weight:600; text-align:center}

.img9 {margin-bottom: 98px;} /* 20250917 추가 */

@keyframes logoSlide { 100% { transform: translateX(-66.6666%); } 
 }
 @keyframes logoSlide2 { 100% { transform: translateX(66.6666%); } 
 }


@media screen and (max-width:749px) {
.img img {width:100%; height:auto}
.fixed a {padding:15px 0; font-size:2em}

.rolling {width:100%; margin:0 auto 40px;}
.rolling .slide{height:70px;}


.faq {width:100%; padding:50px 20px 20px} /* 20250917 수정 */
.faq .title { margin-bottom:50px}
.faq .title h1 {font-size:2.5em; letter-spacing:-1px}
.faq .ref .sps {margin-bottom:10px}
.faq .ref .cp1 {padding:24px 0; line-height:auto; margin-bottom:0px}
.faq .ref .cp1 h2 {font-size:22px}
.faq .ref .cp2 h3 {font-size:19px}
.faq .ref .cp2 p {font-size:1.25em; line-height:1.5em}

.img9 {margin-bottom: 59px;} /* 20250917 추가 */

}