@charset "utf-8";@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
/* reset */
* { margin: 0; padding: 0; box-sizing: border-box; } 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; } 
h1, h2, h3, h4, h5, h6 { font-weight: 700; font-size: inherit; } 
a { color: inherit; text-decoration: inherit; } 
img { vertical-align: middle; } 
a img { border: none; } 
li { list-style: none; } 
address, em, i { font-style: normal; } 
a:focus { outline: none } 
button:focus { outline: none } 

body { font-family: "Pretendard Variable", sans-serif; } 
.qna .inner { width: 85%; margin: 160px auto; } 
.qna .titleBox { width: 100%; text-align: center; border-bottom: 1px solid #8d8d8d; } 
.qna .titleBox h2 { font-size: 35px; margin-bottom: 30px; } 
.qna .titleBox p { font-size: 16px; } 
.qna .titleBox ul { font-size: 16px; display: flex; justify-content: space-between; width: 450px; margin: 70px auto 35px; color: #555; font-weight: 500; } 
.qna .titleBox ul li:nth-child(2) { color: #000; font-weight: bold; border-bottom: 2px solid #555; } 
.qna .titleBox ul li:not(:nth-child(2)) {border-bottom: 2px solid transparent; transition: border-bottom 0.3s ease;}
.qna .titleBox ul li:not(:nth-child(2)):hover {border-bottom: 2px solid #555;}

.qna .textBox { width: 100%; } 
.qna .textBox ul li { display: flex; justify-content: space-between; font-size: 18px; height: 100px; border-bottom: 1px solid #d4d4d4; align-items: center; flex-wrap: wrap; transition: height 0.3s ease; padding:0 30px; } 
.qna .textBox ul li:last-child { border: none; } 
.qna .textBox ul li a.left { display: flex; width: 80%; } 
.qna .textBox ul li a.left b { width: 30px; margin-right: 8px; } 
.qna .textBox ul li button { cursor: pointer; border: none; background: none; } 
.qna .textBox ul li button img { width: 23px; opacity: 0.8; } 
.qna .textBox ul li .content { display: none; font-size: 16px; color: #555; width: 100%; align-items: center; margin-bottom: 10px; } 

.qna .textBox ul li.open { height: 150px; /* 열렸을 때만 */
 background: #f6f6f6; border: none; } 






@media screen and (max-width: 1610px){
 .qna .textBox ul li .content { line-height: 1.3; } 
 }


@media screen and (max-width: 810px){
 .qna .textBox ul li.open { height: 200px; } 
 }
@media screen and (max-width: 768px){
 .qna .inner { margin: 130px auto; } 
 .gnb { display: none !important; }
 .menu-toggle {
  display: block !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  z-index: 1001;
}
 }
@media screen and (max-width: 580px){
 .qna .titleBox ul { width: 400px; } 
 .qna .textBox ul li a { line-height: 1.5; } 
 }
@media screen and (max-width: 480px){
 .qna .titleBox ul { width: 370px; } 
 .qna .inner { width: 100%; margin: 110px auto; } 
}