/* BASIC css start */
.faqMenuSwiper .swiper-slide {
  width: auto;
}

.faqMenuSwiper a {
  display: block;
  padding: 8px 14px;
  white-space: nowrap;
}

.faqMenuSwiper a.now {
  font-weight: bold;
  border-bottom: 2px solid #000;
}







.cs-box { display:none; padding:0 4% }
.cs-box ul { display:table; width:100%; border:1px solid #ddd }
.cs-box li { display:table-cell; padding:5px 0; width:33.3%; text-align:center; border-right:1px solid #ddd }
.cs-box li:last-child { border-right:0 }
.cs-box li img { display:block; margin:0 auto; width:48px }

#faqWrap .pd10 {margin:10px 0;}
#faqWrap .search-wrap {
    margin-top: 50px;
    padding: 30px 20px;
    background: #F6F6F6;
    margin-bottom: 40px;;}
#faqWrap .search-wrap .item-search {margin-bottom:30px;position: relative;}
#faqWrap .search-wrap .item-search select {width: 30%; display: inline-block;}
#faqWrap .search-wrap .item-search .wrap {position: relative;display: inline-block;width: 100%;}
#faqWrap .search-wrap .item-search .wrap input {
    background: #fff;
    width: 100%;
    color: #5e5e5e;
    height: 48px;
    line-height: 48px;
    border: 1px solid #9E9E9E;
    font-size: 15px ! IMPORTANT;
    font-weight: 400 !important;
    letter-spacing: -.5px;}
    
#faqWrap .search-wrap .item-search h4{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 12px;}
    
#faqWrap .search-wrap .item-search .btn_Black { 
    width: 36px;
    display: inline-block;
    height: 36px;
    position: absolute;
    right: 10px;
    top: 5px;
    background: url(/design/mhmall2023/2025_renewal/mo/search.svg) no-repeat;
    background-size: 25px;
    background-position: center;
    text-indent: -999em;}
    
#faqWrap .search-wrap .msg{
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    display: block;}

#faqWrap .search-wrap .msg a{
    font-weight: 500;
    font-size: 15px;
    text-decoration: underline;
    line-height: 1.3;
    margin-left: 12px;}

#faqWrap .keywords {zoom:1; position:relative; overflow:hidden;}
#faqWrap .search-wrap .keywords h5 {font-weight:bold; margin-bottom:5px;}
#faqWrap .search-wrap .keywords li {float:left; margin-right:10px;}
#faqWrap .search-wrap .keywords li a {color:#707070;}
#faqWrap .faq-menu { 
    text-align: center;
    margin: 0 15px 30px 15px;
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow: auto;}
    
#faqWrap .faq-menu a {
    margin-right: 5px;
    white-space: pre;
    padding: 7px 15px;
    background: #F6F6F6;
    border-radius: 999px;
    font-size: 12px;
    color: #6A6A6A;
    font-weight: 400; }
#faqWrap .faq-menu a.now {  font-weight: 600; background: #000; color: #fff; }
#faqWrap .faq-menu a:nth-last-child(1){margin-right: 30px}

#faqWrap #faqTable {
    border-top: 1px solid #9E9E9E;
    margin: 0 15px;
    width: calc(100% - 30px);}
#faqWrap #faqTable tr {border-bottom: 1px solid #E0E2E5;}
#faqWrap #faqTable tr th, #faqWrap #faqTable tr td {line-height: 17px;
    font-size: 14px;
    padding: 16px 0;
    word-break: break-all;
    background: url(/design/mhmall2023/2025_renewal/mo/sel_arrow.svg) 98% center no-repeat;
    background-size: 14px; }
    
    
    
    
    
    
    
#faqWrap #faqTable tr th, #faqWrap #faqTable tr td.on { word-break: break-all; background: url(/design/mhmall2023/2025_renewal/mo/sel_arrow_on.svg) 98% center no-repeat; background-size: 14px; }
#faqWrap #faqTable tr.slide-show th, #faqWrap #faqTable tr.slide-show td { 
    padding:20px;
    background: #F6F6F6;
    border-top: 1px solid #E0E2E5; }
#faqWrap #faqTable tr.slide-show td dd { line-height: 1.3;position: relative; padding-left: 0; box-sizing: border-box; }
#faqWrap #faqTable tr.slide-show td dd *{
    font-size: 14px !IMPORTANT;
    color: #000 ! IMPORTANT;}

#faqWrap #faqTable tr.slide-show img { width: 100%; }
#faqWrap #faqTable tr td strong { 
    color: #6A6A6A;
    width: 80px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    vertical-align: middle;}
    
#faqWrap #faqTable tr td em{
    font-weight: 400;
    color: #000000;
    vertical-align: middle;
    display: inline-block;}

#faqWrap #faqTable tr td .icon_q { margin: 0 5px; }
#faqWrap #faqTable tr td .icon_a { position: absolute; top: 0; left: 0; color: #97b4b9; display: none;}
/* BASIC css end */