/* BASIC css start */
#faqWrap {padding:57px 0 100px;width: 948px; margin:0 auto;}
#faqWrap .page-body { float:right; width:716px; }

#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-tit { padding-bottom:48px; font-size:22px; color:#1c1b1b; font-weight:500; text-align:center; }
#faqWrap .faq-search {  }
#faqWrap .search-wrap {  position:relative;  }
#faqWrap .sel_input_box { float:left; margin-left: 5px; }

#faqWrap .sel_input_box {
    float: left;
    width: 604px;
    height: 32px;
    border: 1px solid #1c1b1b;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom:17px;
    margin-left:8px;
    overflow:hidden;
}

#faqWrap .search-wrap input::placeholder { color:#888; }

#faqWrap .search-wrap input {
    width: 574px;
    height: 30px;
    line-height: 36px;
    border: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0;
    padding-left: 12px;
    margin: 0;
    font-size: 11px;
    color: #1c1b1b;
    font-weight: 400;
    background: none;
}
#faqWrap .search-wrap .select-category {
    float:left;
    width: 104px;
    height: 32px;
    line-height: 32px;
    font-size: 11px;
    background: #fff url(/design/surflo/pc/lang_arrow.svg) no-repeat 86% 50%;
    background-size: 9px auto;
}
#faqWrap .search-wrap .btn-submit { width:118px; height:30px; font-size:13px; line-height:30px }




_:-ms-input-placeholder, :root #faqWrap .search-wrap .btn-submit { line-height:34px }

_:-ms-input-placeholder, :root #faqWrap .search-wrap .btn-submit { line-height:34px }

#faqWrap .search-wrap .best-keyword { position: absolute; left:192px; top:40px; width:495px }
#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; font-size:14px; line-height: 17px; }
#faqWrap .search-wrap .best-keyword dt { color: #000 }
#faqWrap .search-wrap .best-keyword dd ul li { margin-left:5px }
#faqWrap .search-wrap .best-keyword dd ul li a { white-space: nowrap; font-size:14px; color: #7b7b7b; vertical-align:top }
/* faq 메뉴 */
#faq-category {overflow:hidden;float: left;width: 128px; margin-top:63px;}
#faqWrap .faq-menu { padding-left:1px; *zoom:1 }
#faqWrap .faq-menu:after { display:block; clear:both; content:'' }
#faqWrap .faq-menu li {white-space:nowrap;margin: 15px 0;}
#faqWrap .faq-menu li.first {padding-left:0; margin-top:0; }
#faqWrap .faq-menu li a {font-size: 12px;color: #888;font-weight: 400;display: block;padding: 8px 0;}
#faqWrap .faq-menu li.now { border-bottom: 1px solid #1c1b1b; background: url(/design/surflo/pc/ic_arrow_right.svg) 100% 39% no-repeat; background-size:10px auto; }
#faqWrap .faq-menu li.now a {color: #1c1b1b;}
/* faq 리스트 */
#faqWrap #faqTable {  }
#faqWrap #faqTable th,
#faqWrap #faqTable tr td { padding:15px 0; border-bottom: 1px solid #e9e9e9; background:#fff }
#faqWrap #faqTable tr.slide-hide td { border-bottom: 0px; }
#faqWrap #faqTable th { font-size:13px; font-weight:bold }
#faqWrap #faqTable td,
#faqWrap #faqTable td a { color:#343434 }
#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:#fafafa !important }
#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:10px; top:8px }
#faqWrap #faqTable td .tb-slide .qst dt { font-size:18px; color:#000; font-weight:bold }
#faqWrap #faqTable td .tb-slide .qst dd { color:#999 }
#faqWrap #faqTable td .tb-slide .adv dt { font-size:18px; color:#b17efe; font-weight:bold }
#faqWrap #faqTable td .tb-slide dl dd { margin-left:45px; padding:15px 0 }
#faqWrap #faqTable td .tb-slide dl.adv { margin-top: 5px; border-top: 1px dashed #e9e9e9; }
#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; }



.faq_box_list {cursor:pointer;}
.faq_box { border-bottom: 1px solid #1c1b1b; }
.faq_box_list .faq_box:last-child { border-bottom: 1px solid #1c1b1b; }
.faq_box_list .faq_box:first-child { border-top: none; }
.faq_box_list .que_box {/* padding-left: 40px; */position:relative;overflow: hidden;}
.faq_box_list .que_box p, .faq_box_list .ans_box p, .notice_box_list .notice_box p  {display:inline-block;padding: 20px 0;}
.faq_box_list .ans_box p { padding: 40px 0 }
.faq_box_list .que_box p:first-child {font-size: 11px;font-weight: 700;color: #1b1c1c;width: 104px;float: left;text-align: center;position:relative;box-sizing: border-box;-webkit-box-sizing: border-box;height: 56.25px;}
.faq_box_list .que_box p:first-child span {
 position:absolute;
 left:50%;
 top:50%;
 transform: translate(-50%,-50%);
 -webkit-transform: translate(-50%,-50%);
 -ms-transform: translate(-50%,-50%);
 -o-transform: translate(-50%,-50%);
 -moz-transform: translate(-50%,-50%);
 }
.faq_box_list .que_box p:nth-child(2) {font-size: 13px;font-weight: 400;color: #1c1b1b;width: calc(100% - 104px);float: left;margin-top: 0px;}



.arrow_down {position:absolute;right: 8px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);}

.faq_box_list .ans_box {display:none;position:relative;background: #fff;border-top: 1px solid #1c1b1b;  }

/*.ans_box p:first-child {width: 104px;vertical-align: middle;text-align: center;position: relative;height: 100%;float: left;}*/
.faq_box_list .ans_box p {font-size: 13px;color:#000;font-weight: 400;line-height: 2;width: calc(71%);box-sizing:border-box;-webkit-box-sizing:border-box;}
.faq_arrow_img {position:absolute;left: 47px;top: 46%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);}

/* BASIC css end */