/* BASIC css start */ /* BASIC css start */ #content{width:1200px; margin:0 auto;} .loc-navi{width:1200px;} #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 {position: relative;font-weight:bold;font-size: 40px;line-height: 1;color: #000;text-align: center;margin-top: 65px;margin-bottom: 70px;border-bottom: 0;} #faqWrap .faq-search {text-align: center;border-top: 1px solid #222222;background: #fafafa;padding: 60px 0 40px;} #faqWrap .search-wrap {position:relative;text-align: center;font-size: 0;} #faqWrap .search-wrap span{font-size: 40px; color: #222; font-family: 'Roboto', sans-serif; display: inline-block; font-weight: 900; vertical-align: top;} span {} #faqWrap .search-wrap .keyword input {padding-left:10px;width: 439px;height: 50px;line-height: 50px;border:1px solid #ddd;box-sizing: border-box;margin-right: 0;vertical-align: top;} #faqWrap .search-wrap .select-category {width: 190px;height: 50px;line-height: 50px;font-size: 16px;color: #a6a6a6;border:1px solid #ddd;text-align: center;box-sizing: border-box;display: inline-block;margin-right: 9px;margin-left: 20px;vertical-align: top;appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(/design/soopsori/images/select_ico.png) white right 19px center no-repeat; text-align-last: center; text-align: center; -ms-text-align-last: center; -moz-text-align-last: center; } #faqWrap .search-wrap .select-category::-ms-expand{display:none;} #faqWrap .search-wrap .btn-submit {width: 130px;height: 50px;font-size: 17px;line-height: 50px;box-sizing: border-box;background: #3d3d3d;} #faqWrap .search-wrap .btn-submit:hover{color:#fff;} #faqWrap .search-wrap .best-keyword {text-align: center;display: inline-block;margin-top: 13px;} #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;font-size: 15px;} #faqWrap .search-wrap .best-keyword dt {color: #9e9e9e;font-size: 15px;} #faqWrap .search-wrap .best-keyword dd ul li::after {content:',';} #faqWrap .search-wrap .best-keyword dd ul li:last-child::after{content:none !important;} #faqWrap .search-wrap .best-keyword dd ul li a { white-space: nowrap; font-size:14px; color: #222; vertical-align:top } /* faq 메뉴 */ #faq-category {margin-top: 50px;border-bottom: 2px solid #3d3d3d;overflow:hidden;} #faqWrap .faq-menu {display: table;width: 100%; table-layout:fixed;} #faqWrap .faq-menu:after { display:block; clear:both; content:unset !important; } #faqWrap .faq-menu li {white-space:nowrap;display: table-cell;text-align: center;border-top: 1px solid #efefef;border-right: 1px solid #efefef;} #faqWrap .faq-menu li.first {border-left: 1px solid #efefef;} #faqWrap .faq-menu li a {font-size: 15px;padding: 17px 0;display: block;} #faqWrap .faq-menu li.now{background: #3d3d3d;} #faqWrap .faq-menu li.now a {font-weight:bold;color: #fff;} /* faq 리스트 */ #faqWrap #faqTable { } #faqWrap #faqTable th, #faqWrap #faqTable tr td {padding: 17px 0;border-bottom: 1px solid #e9e9e9;background:#fff;font-size: 15px;color: #353535;} #faqWrap #faqTable tr td div{padding:0 30px;} #faqWrap #faqTable tr td div img{ margin-right: 20px; } #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.on td{background: #f7f7f7; font-weight:bold;} #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;padding: 0 30px;} #faqWrap #faqTable tr.slide-show dl.qst{ background: #f7f7f7; padding: 0 32px; box-sizing: border-box; border-bottom: 1px solid #dadada; } #faqWrap #faqTable tr.slide-hide td, #faqWrap #faqTable tr.slide-show td {cursor: default;background: #fff !important;padding: 0px;} #faqWrap #faqTable .tb-slide {padding: 0;} #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: 0; */top: 18px;} #faqWrap #faqTable td .tb-slide .qst dt { font-size:18px; color:#000; font-weight:bold } #faqWrap #faqTable td .tb-slide .qst dd {color:#999;padding: 23px 0;color: #353535;} #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; */margin-left: 12px;padding: 0px 30px;} #faqWrap #faqTable td .tb-slide dl.adv dd{margin-left: 75px;padding: 7px 0;min-height: 50px;} #faqWrap #faqTable td .tb-slide dl.adv dd td{padding: 17px 0;} #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; } .mid_bnr{display:table; width:100%;} .mid_bnr a{display:table-cell;} .mid_bnr a img{width:100%;} h4 {position:relative; font-size: 31px; color: #000; font-weight: 600; margin-top: 90px; margin-bottom: 20px;} h4 .view {position: absolute;bottom: 0;right:0;font-family: 'Roboto', sans-serif;font-size: 15px;color: #5a5a5a;font-weight: 500;} /* BASIC css end */ /* BASIC css end */