/* BASIC css start */
.tb-left, .faq-menu {font-size:15px; color:#333}
.tb-center {font-size:15px; color:#999}
.tb-center-bk {font-size:15px; color:#333; text-align:center;}
#MS_WritenBySEB P { margin-top:7px; margin-bottom:7px;}
.pd10 {
    text-align: center;
    padding: 10px 16px;
    width: 360px;
    border: 1px solid #d6d6d6;
    color: #6b6b6b;
    margin: 60px auto 0;
}
#subPage {padding-bottom: 20px;}
#subPage .sub_tap li.on{border-left:1px solid #000;}
#subPage .sub_tap li {width: calc(100% / 3)!important;}
#faqWrap { max-width:1200px; margin:0 auto; }
#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-bottom: 1px solid #F1F1F1; background-color: #FFFFFF; }
#faqWrap .search-wrap { position: relative; height: 118px; width: 535px; 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: 30px; font-size: 0; line-height: 0; }
#faqWrap .search-wrap .keyword { left: 160px; top: 35px; width: 300px; padding-left: 3px; border: 1px solid #ddd;  }
#faqWrap .search-wrap .keyword input { float: left; height: 100%; border: 0; height: 35px; font-size: 11px; line-height: 15px; }
#faqWrap .search-wrap .select-category { top: 35px; width:150px; left: 0px; height: 35px; border: 1px solid #F1F1F1; }
#faqWrap .search-wrap .btn-submit {
     left: 470px;
    top: 35px;
    width: 60px;
    height: 37px;
    line-height: 35px;
}
#faqWrap .search-wrap .best-keyword { left: 126px; top: 70px; 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: #333; }
#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 메뉴 */
#faqWrap .faq-menu { *zoom: 1; overflow: hidden; }
#faqWrap .faq-menu li,
#faqWrap .faq-menu li a { float: left; width: auto; heihgt: 35px;line-height: 35px; }
#faqWrap .faq-menu li a { color: #999; font-weight: bold; padding-right: 20px; white-space: nowrap;	}
#faqWrap .faq-menu div {
    width: 16.666%;
    float: left;
    text-align: center;
    padding: 30px 0 20px;
    box-sizing: border-box;
    border-left: 1px solid #eee;
}
#faqWrap .faq-menu .faqicon {
    width: 60px;
    height: 60px;
    background: #eee;
    display: block;
    margin: 0 auto;
}
#faqWrap .faq-menu div:nth-child(2) a .faqicon { background: url("http://gi.esmplus.com/phdrop/shopskinmed/siteB/default/faq_icon_account.png")}
#faqWrap .faq-menu div:nth-child(3) a .faqicon { background: url("http://gi.esmplus.com/phdrop/shopskinmed/siteB/default/faq_icon_payment.png")}
#faqWrap .faq-menu div:nth-child(4) a .faqicon { background: url("http://gi.esmplus.com/phdrop/shopskinmed/siteB/default/faq_icon_delivery.png")}
#faqWrap .faq-menu div:nth-child(5) a .faqicon { background: url("http://gi.esmplus.com/phdrop/shopskinmed/siteB/default/faq_icon_exchange.png")}
#faqWrap .faq-menu div:nth-child(6) a .faqicon { background: url("http://gi.esmplus.com/phdrop/shopskinmed/siteB/default/faq_icon_coupon.png")}
#faqWrap .faq-menu div:nth-child(7) a .faqicon { background: url("http://gi.esmplus.com/phdrop/shopskinmed/siteB/default/faq_icon_etc.png")}


#faqWrap .faq-menu div:first-child {display: none;}
#faqWrap .faq-menu div:last-child {border-right: 1px solid #eee;}
#faqWrap .faq-menu li.now a { color: #555; }
/* faq 리스트 */
#faqWrap #faqTable { border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; }
#faqWrap #faqTable th,
#faqWrap #faqTable tr td { padding: 15px 0; background-color: #FFFFFF; }
#faqWrap #faqTable tr.slide-hide td { border-bottom: 0px; }
#faqWrap #faqTable th {     border-bottom: 2px solid #f1f1f1; }
#faqWrap #faqTable td,
#faqWrap #faqTable td a { color: #555; }
#faqWrap #faqTable td { cursor: pointer; }
#faqWrap #faqTable tr { border-top: 1px solid #f1f1f1; }
#faqWrap #faqTable tr.slide-hide,
#faqWrap #faqTable tr.slide-hide dl { display: none; }
#faqWrap #faqTable tr.slide-show { display: table-rows; border-top: 0; }
#faqWrap #faqTable tr.slide-show dl { display: block; }
#faqWrap #faqTable tr.slide-hide td,
#faqWrap #faqTable tr.slide-show td { cursor: default; background-color:#fff; }
#faqWrap #faqTable .tb-slide { padding: 0 10px; }
#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 { font-size: 15px; color:#333; margin-bottom: 5px;}
#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; }
/* BASIC css end */