/* BASIC css start */ #MS_WritenBySEB P { margin-top:7px; margin-bottom:7px;} #faqWrap BLOCKQUOTE { margin-left:15px; } #faqWrap BLOCKQUOTE.q1, #faqWrap BLOCKQUOTE.q2, #faqWrap BLOCKQUOTE.q3, #faqWrap BLOCKQUOTE.q4, #faqWrap BLOCKQUOTE.q5, #faqWrap BLOCKQUOTE.q6, #faqWrap BLOCKQUOTE.q7{ padding:10px; margin-left:15px; margin-right:15px;} #faqWrap BLOCKQUOTE.q1{ padding:0 10px; border-left:2px solid #ccc;} #faqWrap BLOCKQUOTE.q2{ padding:0 10px; background:url(/images/d3/modern_simple/common/bg_qmark.gif) no-repeat;} #faqWrap BLOCKQUOTE.q3{ border:1px solid #d9d9d9;} #faqWrap BLOCKQUOTE.q4{ border:1px solid #d9d9d9; background:#fbfbfb;} #faqWrap BLOCKQUOTE.q5{ border:2px solid #707070;} #faqWrap BLOCKQUOTE.q6{ border:1px dashed #707070;} #faqWrap BLOCKQUOTE.q7{ border:1px dashed #707070; background:#fbfbfb;} /* FAQ검색 폼 */ #faqWrap .faq-search { text-align: center; border: 1px solid #d8d8d8; background-color: #FFFFFF; } #faqWrap .search-wrap { position: relative; height: 118px; width: 455px; margin-left: auto; margin-right: auto; } #faqWrap .search-wrap h4, #faqWrap .search-wrap .keyword, #faqWrap .search-wrap .select-category, #faqWrap .search-wrap .btn-submit, #faqWrap .search-wrap .best-keyword { position: absolute; } #faqWrap .faq-search h4 { left: 0px; top: 23px; font-size: 0; line-height: 0; } #faqWrap .search-wrap .keyword { left: 240px; top: 23px; width: 137px; padding-left: 3px; border: 3px solid #555; } #faqWrap .search-wrap .keyword input { float: left; height: 100%; border: 0; height: 15px; font-size: 11px; line-height: 15px; } #faqWrap .search-wrap .select-category { top: 23px; width:110px; left: 125px; height: 23px; } #faqWrap .search-wrap .btn-submit { left: 390px; top: 23px; } #faqWrap .search-wrap .best-keyword { left: 126px; top: 50px; width: 450px; } #faqWrap .search-wrap .best-keyword dt, #faqWrap .search-wrap .best-keyword dd, #faqWrap .search-wrap .best-keyword dd ul, #faqWrap .search-wrap .best-keyword dd ul li { display: inline; float: left; width: auto; height: 17px; line-height: 17px; } #faqWrap .search-wrap .best-keyword dt strong { font-weight: bold; color: #5789c2; } #faqWrap .search-wrap .best-keyword dd ul li { margin-left: 7px; } #faqWrap .search-wrap .best-keyword dd ul li a { white-space: nowrap; color: #999; } /* faq 메뉴 */ #faq-category { margin-top: 10px; margin-bottom: 10px; } #faqWrap .faq-menu { *zoom: 1; margin-left: 5px; margin-top: -10px; margin-bottom: -10px; overflow: hidden; } #faqWrap .faq-menu li, #faqWrap .faq-menu li a { float: left; width: auto; heihgt: 35px;line-height: 35px; } #faqWrap .faq-menu li { padding-left: 8px; background: url(/images/d3/modern_simple/common/bull_faq_link.gif) no-repeat 0 45%; } #faqWrap .faq-menu li a { color: #999; font-weight: bold; padding-right: 20px; white-space: nowrap; } #faqWrap .faq-menu li.now a { color: #555; } /* faq 리스트 */ #faqWrap #faqTable { border-top: 2px solid #797979; border-bottom: 1px solid #dadada; } #faqWrap #faqTable th, #faqWrap #faqTable tr td { padding: 7px 0 6px; border-bottom: 1px solid #dadada; background-color: #FFFFFF; } #faqWrap #faqTable tr.slide-hide td { border-bottom: 0px; } #faqWrap #faqTable th { background-color: #f3f3f3; } #faqWrap #faqTable td, #faqWrap #faqTable td a { color: #555; } #faqWrap #faqTable td { cursor: pointer; } #faqWrap #faqTable tr.slide-hide, #faqWrap #faqTable tr.slide-hide dl { display: none; } #faqWrap #faqTable tr.slide-show { display: table-rows; *display: block; } #faqWrap #faqTable tr.slide-show dl { display: block; } #faqWrap #faqTable tr.slide-hide td, #faqWrap #faqTable tr.slide-show td { cursor: default; background-color: #fffae5; } #faqWrap #faqTable .tb-slide { padding: 0 20px; } #faqWrap #faqTable .tb-slide a { text-decoration: underline; color : #800080; } #faqWrap #faqTable .tb-slide ol, #faqWrap #faqTable .tb-slide ul { margin-left:35px; } #faqWrap #faqTable .tb-slide dl { position: relative; width: 100%; } #faqWrap #faqTable td .tb-slide dl dt { position: absolute; left: 1px; top: 10px; } #faqWrap #faqTable td .tb-slide dl dd { margin-left: 35px; padding: 10px 0; font-weight: bold; white-space: pre-line; } #faqWrap #faqTable td .tb-slide dl.adv { margin-top: 5px; border-top: 1px dashed #d8d8d8; } #faqWrap .pager { text-align: center; margin-top: 20px; } #faqWrap .pager ol li { display: inline; padding: 0px 5px; } #faqWrap .pager ol li img { margin-top: 2px; } #faqWrap .pager ol li.first, #faqWrap .pager ol li.next { padding-right: 0; } #faqWrap .pager ol li.last, #faqWrap .pager ol li.prev { padding-left: 0; } /* ===== 2026-08-31 v2 : brand.pinkage.co.kr/faq (page id=244) 디자인 이식 ===== */ #faqWrap{--ink:#141414;--sub:#6b6b6b;--en:#a6a6a6;--line:#e7e7e7; --fs-lg:clamp(19px,2.4vw,22px);--fs-md:clamp(15px,1.8vw,16.5px);--fs-sm:14.5px; max-width:900px;margin:0 auto;padding:0 24px;box-sizing:border-box;color:var(--ink);line-height:1.9} #faqWrap *{box-sizing:border-box} #faqWrap .loc-navi{display:none} /* 제목 */ #faqWrap h1{display:block!important;text-align:center!important;font-size:var(--fs-lg)!important; font-weight:700!important;letter-spacing:-.01em!important;color:var(--ink)!important; margin:clamp(48px,7vw,84px) 0 6px!important;padding:0!important;border:0!important;line-height:1.5!important} #faqWrap h1::before{content:"FAQ";display:block;font-size:var(--fs-sm);letter-spacing:.2em;font-weight:700;color:var(--ink);margin-bottom:14px} /* 검색 */ #faqWrap .faq-search{border:0;background:transparent;margin:26px 0 0;padding:0;text-align:left} #faqWrap .search-wrap{position:static;display:block;width:100%;height:auto;margin:0} #faqWrap .search-wrap fieldset{border:0;margin:0;padding:0;display:flex;align-items:stretch} #faqWrap .search-wrap legend,#faqWrap .search-wrap h4{display:none} #faqWrap .search-wrap .select-category,#faqWrap .search-wrap .keyword,#faqWrap .search-wrap .btn-submit,#faqWrap .search-wrap .best-keyword{position:static;left:auto;top:auto} #faqWrap .search-wrap select.select-category{flex:0 0 160px;width:auto;height:52px;padding:0 14px;margin:0;border:1px solid var(--ink);border-right:0;background:#fff;font-family:inherit;font-size:var(--fs-md);color:var(--ink)} #faqWrap .search-wrap .keyword{flex:1 1 auto;width:auto;height:52px;margin:0;padding:0;border:1px solid var(--ink);border-right:0} #faqWrap .search-wrap .keyword input{float:none;width:100%;height:50px;padding:0 18px;margin:0;border:0;font-family:inherit;font-size:var(--fs-md);line-height:50px;background:#fff} #faqWrap .search-wrap fieldset>a{flex:0 0 104px;position:relative;height:52px;background:var(--ink);text-decoration:none} #faqWrap img.btn-submit{display:none} #faqWrap .search-wrap fieldset>a::after{content:"SEARCH";position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12.5px;letter-spacing:.14em;font-weight:700} #faqWrap .search-wrap .best-keyword{display:none;width:auto;height:auto;margin:10px 0 0;text-align:left} #faqWrap .search-wrap .best-keyword:has(li){display:block} #faqWrap .search-wrap .best-keyword dt,#faqWrap .search-wrap .best-keyword dd,#faqWrap .search-wrap .best-keyword dd ul,#faqWrap .search-wrap .best-keyword dd ul li{float:none;display:inline-block;width:auto;height:auto;line-height:1.8;font-size:var(--fs-sm)} /* 분류  알약 */ #faq-category{margin:22px 0 0;padding:14px 0;border-bottom:1px solid var(--line)} #faqWrap .faq-menu{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0;overflow:visible} #faqWrap .faq-menu li{flex:0 0 auto;float:none;display:block;margin:0;padding:0;background:none;height:auto;line-height:normal} #faqWrap .faq-menu li a{display:block;float:none;padding:9px 15px;border:1px solid var(--line);border-radius:999px;background:#fff; color:var(--sub);font-size:var(--fs-sm);font-weight:600;line-height:1.2;white-space:nowrap;transition:.15s} #faqWrap .faq-menu li a:hover{border-color:var(--ink);color:var(--ink)} #faqWrap .faq-menu li.now a{background:var(--ink);color:#fff;border-color:var(--ink)} /* 목록  아코디언 */ #faqWrap #faqTable{display:block;width:100%;margin:0;border:0} #faqWrap #faqTable table{display:block;width:100%;table-layout:auto;border-collapse:collapse;border:0} #faqWrap #faqTable colgroup{display:none} #faqWrap #faqTable table>tbody{display:block;width:100%} #faqWrap #faqTable table>tbody>tr{display:block;width:100%} #faqWrap #faqTable table>tbody>tr>td{display:block;width:100%} #faqWrap #faqTable thead{display:none} #faqWrap #faqTable tbody tr[uid]{border-bottom:1px solid var(--line)} #faqWrap #faqTable tbody tr[uid] td{padding:0;border:0;background:transparent} #faqWrap #faqTable tbody tr[uid] td:nth-child(1),#faqWrap #faqTable tbody tr[uid] td:nth-child(2){display:none} #faqWrap #faqTable tbody tr[uid] td:last-child{display:block;position:relative;padding:18px 34px 18px 2px; font-size:var(--fs-md);font-weight:600;line-height:1.5;color:var(--ink);text-align:left;cursor:pointer} #faqWrap #faqTable tbody tr[uid] td:last-child .tb-left,#faqWrap #faqTable tbody tr[uid] td:last-child .tb-center{text-align:left} #faqWrap #faqTable tbody tr[uid] td:last-child::after{content:"+";position:absolute;right:2px;top:17px;font-size:20px;line-height:1;font-weight:400;color:var(--sub)} #faqWrap #faqTable tbody tr[uid]:has(+ tr.slide-show) td:last-child::after{content:"\2013"} #faqWrap #faqTable tr:hover td{background:transparent} /* 답변 */ #faqWrap #faqTable tr.slide-show td,#faqWrap #faqTable tr.slide-hide td{padding:0;border:0;background:transparent} #faqWrap #faqTable .tb-slide{padding:0 2px 22px} #faqWrap #faqTable .tb-slide dl.qst{display:none} #faqWrap #faqTable .tb-slide dl.adv{margin:0;border:0;position:static} #faqWrap #faqTable .tb-slide dl.adv dt{display:none} #faqWrap #faqTable td .tb-slide dl.adv dd{margin:0;padding:0;font-size:var(--fs-sm);font-weight:400;line-height:1.95;color:var(--sub);white-space:normal} /* 페이저 */ #faqWrap .pager{margin:34px 0 90px;text-align:center;line-height:0} #faqWrap .pager ol{display:inline-block;margin:0;padding:0;line-height:0} #faqWrap .pager ol li{display:inline-block;margin:0;padding:0} #faqWrap .pager ol li a,#faqWrap .pager ol li strong{display:inline-block;padding:8px 11px;font-size:var(--fs-sm);line-height:1;color:var(--en);font-weight:400;text-decoration:none} #faqWrap .pager ol li a:hover{color:var(--ink)} #faqWrap .pager ol li strong{color:var(--ink);font-weight:700} @media (max-width:600px){ #faqWrap{padding:0 18px} #faqWrap .search-wrap fieldset{flex-wrap:wrap} #faqWrap select.select-category{flex:0 0 100%;border-right:1px solid var(--ink)} #faqWrap .search-wrap .keyword{flex:1 1 auto;border-top:0} #faqWrap .search-wrap fieldset>a{border-top:0} } /* BASIC css end */