/* BASIC css start */ #contentWrapper {background: #f4f4f4;padding-bottom: 100px;} #content {margin:0 auto;} #layout_footer {margin-top: 0 !important;} #faqWrap {text-align: center;padding: 100px 0;} #faqWrap .faqWrap {width: 980px;margin: 0 auto;background: #fff;border-radius: 40px;margin-top: 30px;padding: 50px;box-sizing: border-box;box-shadow: 0px 0px 8px rgb(0 0 0 / 8%);} #faqWrap .tit {font-size: 20px;font-weight: 500;color: #191919;line-height: 1;} .h3_wrap {clear:both; text-align:center; margin-top:0; margin-bottom:30px;} .h3_wrap > h3 {/*background:url('../images/common/icon_h4.png') no-repeat left 12px; padding-left:18px;*/text-align:center; padding: 0;margin: 0;background: none;font-size: 28px;color: #191919;font-weight: 500;line-height: 1;} /* 서비스 바로가기 */ #faqWrap .csWrap {padding: 30px 0 50px;width: 880px;margin: 0 auto;} #faqWrap .csWrap ul {font-size: 0;} #faqWrap .csWrap li {display: inline-block;width: calc((100% - 70px) / 6);height: 150px;margin-right: 14px;text-align: center;padding: 35px 0 25px;background: #f4f4f4;vertical-align: top;border-radius: 20px;box-sizing: border-box;} #faqWrap .csWrap li:nth-child(6) {margin-right: 0;} #faqWrap .csWrap li .imgWrap {height: 45px;} #faqWrap .csWrap li .imgWrap img {vertical-align: middle;} #faqWrap .csWrap li .txt {font-size: 18px;color: #333333;font-weight: normal;margin-top: 25px;} /* 운영안내 */ #faqWrap .cs-info {margin-top: 30px;border: 10px solid #f4f4f4;border-radius: 20px;display: flex;padding: 25px 0;margin-bottom: 50px;} #faqWrap .cs-info > div {width: 50%;} #faqWrap .cs-info .lt {border-right: 1px solid #dbdbdb;} #faqWrap .cs-info dl {display: flex;align-items: flex-start;} #faqWrap .cs-info dt {font-size: 20px;font-weight: 500;width: 170px;padding-left: 50px;box-sizing: border-box;text-align: left; color:#191919;} #faqWrap .cs-info dd {color: #767676;font-size: 18px;text-align: left;font-weight: normal;line-height: 1.5;} /* 검색 */ #faqWrap .searchform {margin-top: 30px;position: relative;} #faqWrap .searchform select {display: none;} #faqWrap .searchform input {width: 100%;height: 50px;line-height: 50px;border-radius: 10px;background: #f4f4f4 !important;border: 0;padding: 0 30px;text-align: center;box-sizing: border-box;font-size: 18px;color: #999999;} #faqWrap .searchform input:focus {background: #f4f4f4 !important;} #faqWrap .searchform a {position: absolute;top: 50%;transform: translateY(-50%);right: 30px;background: url("/design/duduworld/220906/ico_form_srch.png") center / 22px no-repeat !important;text-indent: -9999px;display: inline-block;width: 22px;height: 22px;border: 0 !important;} #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:5px; font-size:18px; color:#202020; font-weight:bold } #faqWrap .faq-search .bbsbtn_wrap select {width:116px; border:1px solid #ccc;} #faqWrap .faq-search .bbsbtn_wrap .searchform input {width:268px; height:18px; line-height:18px; border:1px solid #ccc;} _:-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 {margin-top: 30px;padding-bottom: 26px;border-bottom: 1px solid #767676;overflow:hidden} #faqWrap .faq-menu {*zoom: 0;font-size: 0;text-align: left;} #faqWrap .faq-menu:after { display:block; clear:both; content:'' } #faqWrap .faq-menu li {white-space:nowrap;display: inline-block;width: calc((100% - 40px)/5);margin-right: 10px;margin-bottom: 14px;} #faqWrap .faq-menu li:nth-child(5n) {margin-right:0;} #faqWrap .faq-menu li a {font-size: 16px;display: block;height: 50px;line-height: 50px;background: #f4f4f4;color: #767676;border-radius: 10px;text-align: center;} #faqWrap .faq-menu li.now a {background: #ee4a44;color: #fff;} /* faq 리스트 */ .tb-right { padding: 0 5px; } #faqWrap #faqTable { } #faqWrap #faqTable thead {display:none;} #faqWrap #faqTable th, #faqWrap #faqTable tr td {padding: 30px 0;border-bottom: 1px solid #f4f4f4;background:#fff} #faqWrap #faqTable tr.slide-hide td { border-bottom: 0px; } #faqWrap #faqTable thead th {border-bottom:1px solid #aaa;} #faqWrap #faqTable th { font-size:17px; font-weight:bold } #faqWrap #faqTable td, #faqWrap #faqTable td a {color: #333333;font-size: 16px;font-weight: normal;} #faqWrap #faqTable td { cursor: pointer; } #faqWrap #faqTable td .cate {color:#999;} #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;padding: 0;} #faqWrap #faqTable .tb-slide p { font-size: 16px; color: #767676; font-weight: normal; line-height: 1.5 !important; text-align: left; } #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 {background: #f9f9f9!important;border-top: 1px solid #dbdbdb;padding: 30px 50px;} #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 #faqTable td .tb-slide span {font-size: 16px !important;color: #767676;font-weight: normal;line-height: 1.5;} #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 */