/* BASIC css start */
#MS_WritenBySEB P { margin-top:7px; margin-bottom:7px;}
#faqWrap .mb-ir-hidden {display:block; position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); clip-path: polygon(0px 0px, 0px 0px, 0px 0px);}
#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 {margin-bottom: 60px;}
#faqWrap .search-wrap > fieldset {display: flex;}
.search-wrap .search-cate__w {width: 236px;}
.search-wrap .search-input__w {position: relative; margin-left: 30px; width: 725px; height: 45px; border-bottom: 2px solid #000;}
#faqWrap .search-wrap .keyword {display: block; width: 100%; height: 100%; padding-right: 50px; box-sizing: border-box;}
#faqWrap .search-wrap .keyword input {width: 100%; height: 100%; margin: 0; padding: 4px 8px; border: 0; box-sizing: border-box; color: #000; font-size: 13px;}
#faqWrap .search-wrap .select-category {width: 100%; height: 45px; border: 1px solid #aaa; border-radius: 0; box-sizing: border-box; padding-left: 8px; color: #000; font-size: 13px;}
#faqWrap .search-wrap .btn-submit { left: 390px; top: 23px; }
#faqWrap .search-wrap .search-btnx__submit {
  position: absolute; right: 0; top: 0; width: 40px; height: 45px;
  background-repeat: no-repeat; background-position: right center; background-size: 30px auto;
  /* background-image: url(/design/mayblue/smartskin_re/img/re2023/h/i9-search.png); */
  background-image: url(/design/mayblue/smartskin_re/img/re2023/h/i3-search.png);
}
#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-bottom: 30px; box-sizing: border-box;}
#faq-category * {box-sizing: inherit;}
#faqWrap .faq-menu {display: flex;}
#faqWrap .faq-menu li {width: 100%; border: 1px solid #aaa; border-left: 0;}
#faqWrap .faq-menu li:first-child {border-left: 1px solid #aaa;}
#faqWrap .faq-menu li a {display: block; width: 100%; padding: 15px 5px;  text-align: center; color: #000; font-size: 13px;}
#faqWrap .faq-menu li.now a { background-color: #000; color: #fff; }
/* 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; }
#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; }

#faqWrap .page-head {padding: 70px 10px 40px;}
.page-head h2 {font-size: 30px; line-height: 1.25; font-weight: 700; text-align: center; color: #000;}
#faqWrap .page-body {padding-bottom: 70px;}
.page-body .faq-of-faqs {margin-bottom: 80px;}
.page-body .faq-of-faqs h3 {font-size: 24px; color: #000;}
.faq-of-faqs .fof-grid {margin-top: 30px; box-sizing: border-box;}
.faq-of-faqs .fof-grid * {box-sizing: inherit;}
.fof-grid ul {display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px;}
.fof-grid li {display: block; min-width: 0;}
.fof-grid li > a {display: block; width: 100%; height: 100%; padding: 20px; border: 1px solid #eee; background-color: #fafafa; color: #000;}
.fof-grid li > a > span {font-size: 15px; font-weight: 700;}
.fof-grid li > a > p {margin-top: 6px; font-size: 14px;}

.faq-list-box {box-sizing: border-box;}
.faq-list-box * {box-sizing: inherit;}
.faq-list-box .fdd__w {color: #000; font-size: 13px;}
.faq-list-box .fdd__s {display: none;}

.faq-list-box .fdd__row {display: flex;}
.faq-list-box .fdd-wcol__a {flex: 0 0 244px; padding: 0 8px; display: flex; justify-content: center; align-items: center;}
.faq-list-box .fdd-wcol__bx {flex: 1 1 auto;}
.faq-list-box .fdd__row-q {border-bottom: 1px solid #aaa;}
.faq-list-box .fdd__row.fdd__row-a {display: none; border-bottom: 1px solid #aaa;}
.faq-list-box .fdd__q {position: relative; padding: 22px 0; padding-left: 34px; padding-right: 20px; min-height: 3em;}
.faq-list-box .fdd__q::after {
  content: ''; display: inline-block; position: absolute; right: 0;
  top: 50%; margin-top: -7.5px; width: 15px; height: 15px;
  background-size: 15px 11px; background-position: center center; background-repeat: no-repeat;
	background-image: url(/design/mayblue/smartskin_re/img/re2018/pc/d-ar-down-2.png);
}
.faq-list-box .fdd__a {position: relative; padding: 20px 0; padding-left: 34px; min-height: 3em;}
.faq-list-box .fdd__a .t {white-space: pre-wrap;}
.faq-list-box .fdd--open .fdd__q::after {transform: rotate(180deg);}
.faq-list-box .fdd--open .fdd__row.fdd__row-a {display: flex;}
.faq-list-box .fdd__i {display: inline-block; position: absolute; left: 0; top: 18px; width: 24px;}
.faq-list-box .fdd__i img {display: block; width: 100%; height: auto;}
.faq-list-box .fdd__a .fdd__i {top: 16px;}

#faqWrap .page-body .paging {margin-top: 50px; padding: 0 5px; height: auto; text-align: center;}
.page-body .paging .pager-num {
  display: inline-block; width: auto; height: auto;
  font-size: 13px; line-height: 18px; padding: 0 2px; margin: 0 2px;
  vertical-align: top; border: 0; background-color: transparent; color: #000;
}
.page-body .paging .pager-num.now {font-weight: 700; color: #205b3a; border-bottom: 2px solid #205b3a;}
.page-body .paging .btnx-pn {
  display: inline-block; width: 12px; height: 12px;
  background-size: 100% 100%; background-position: center center; background-repeat: no-repeat;
	background-image: url(/design/mayblue/smartskin_re/img/re2023/p/arrow_ico.png);
}
.page-body .paging .btnx-pn.prev {transform: rotate(180deg);}
.page-body .paging .btnx-pn.next {}

/* BASIC css end */