@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600&display=swap'); /* 자주하는질문 */ #faq-page {} #faq-page .category {} #faq-page .category ul {display:flex; flex-wrap:wrap; margin:0 0 0; padding:0;} #faq-page .category ul li {position:relative; flex:1 1 auto; margin:0 0 -1px -1px; padding:0; height:38px} #faq-page .category ul li.selected {z-index:10} #faq-page .category ul li a { display:block; height:38px; margin:0; padding:0 15px; color:#888; border:1px solid #c1c1c1; border-width:1px 1px 1px 1px; background:#fafafa; font-size:0.9375rem; line-height:35px; text-align:center; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; } #faq-page .category ul li.active {} #faq-page .category ul li.active a {position:relative; z-index:2; height:38px;;border-color:#303030; color:#111; background:#fff;} #faq-page .faq {margin:10px 0 0;padding:0; } #faq-page .faq li {position:relative;border-bottom:1px solid #e1e1e1;} #faq-page .faq li:first-child {border-top:1px solid #e1e1e1;} #faq-page .faq .q {padding:12px 10px 12px 35px;} #faq-page .faq .q.active {background:#f9f9f9;} #faq-page .faq .q:before {position:absolute;left:10px;font-size:1.286rem; color:#222;content:"Q";top:11px; font-family:'Lexend', sans-serif;} #faq-page .faq .q:hover, #faq-page .faq .q.active .subject {color:#000;} #faq-page .faq .q .subject {display:block;cursor:pointer; font-size:0.9375rem;} #faq-page .faq .a { position:relative; margin:10px 10px 10px 0; padding:20px 15px 20px 40px;background-color:#fff; border: 1px solid #ddd; border-radius: 5px; display:none; font-size:0.9375rem;line-height:1.7;} #faq-page .faq .a .answer:before {position:absolute; top:12px; left:15px; display:block; width:30px; height:30px;color:#222;font-size:1.286rem; content:"A"; font-family:'Lexend', sans-serif;} #faq-page .list-no-data {border-top:0px;} /* snb */ .container.page-contents {position:relative; padding-left:260px;} #column-snb {position:relative; left:-260px; float:left; margin-right:-260px; width:200px; padding:0;} #column-snb .inner {margin:80px 0 80px 0; border-top:1px solid #000; border-bottom:1px solid #000; background:#fff;} #column-snb .inner .snb-menu {margin:0; padding:15px 0; list-style:none;} #column-snb .inner .snb-menu li {margin:0; padding:0;} #column-snb .inner .snb-menu li.ui.divider {margin:.6rem 0 !important; border-top:1px dotted rgba(34,36,38,.1);} #column-snb .inner .snb-menu li a {position:relative; display:block; padding:8px 15px; color:#222; font-size: 0.9375rem;} #column-snb .inner .snb-menu li a i {position:absolute; right:5px; top:8px; display:none; font-weight:600;} #column-snb .inner .snb-menu li a em.count {position:absolute; top:50%; right:10px; display:none; min-width:19px; margin-top:-10px; padding:0 4px; text-align:center; font-style:normal; font-size:0.875rem; line-height:1.6; font-weight:bold; color:#fff; background:#333; border-radius:50px;} #column-snb .inner .snb-menu li a:hover {background:#f9f9f9;} #column-snb .inner .snb-menu li a:hover i {display:inline-block;} #column-snb .inner .snb-menu li.selected a {background:#f9f9f9;} #column-snb .inner .snb-menu li.selected a i {display:inline-block;} .container.page-contents .page-section {float:left; width:100%;}