/* BASIC css start */ #contentWrap{max-width:100% !important; padding-top:0 !important; background:#f9f9f9;} #faqWrap{padding-bottom:150px;} .page-body{max-width:1300px; margin:0 auto; background-color: #fff; box-shadow:rgba(20, 20, 21, 0.06) 0px 30px 60px; padding:40px; border-radius:20px;} .faq-top{padding:170px 0 60px; text-align:center;/*background:url('//resfor.cafe24.com/wig/site/mosim/faq_bg1.jpg');background-size:cover;background-position:top center;animation:bg-scale 3s ease-out forwards;object-fit:cover;transform-origin:center;*/} .faq-top .tit {font-size:40px; line-height:2; font-family: 'FlightSans-Bold', sans-serif;} .faq-top .desc{line-height:1.48; font-size:15px; color:#121212;} @keyframes bg-scale { 0% { background-size:110% auto; } 100% { background-size:100% auto; } } select {padding-right:10px !important;} #search-category>img{margin-right:10px !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 {max-width:1300px; margin:0 auto;padding-bottom:50px; font-size:2.5rem; text-align:center; font-family: 'FlightSans-Bold', sans-serif;} #faqWrap .faq-search { max-width:1300px; border-radius:10px; padding: 40px 0 30px; text-align:center; background:rgba(228, 235, 253, .5);} #faqWrap .search-wrap { position:relative;} #faqWrap .search-wrap .sh-input {background:#fff;border:2px solid #355BF5; border-radius:30px; display:inline-block;margin-right:10px;} #faqWrap .search-wrap .keyword input { padding-left:20px; margin-right:10px; width:350px; height:42px; line-height:42px; border-radius:30px; font-size:16px;border:none } #faqWrap .search-wrap .select-category {padding:0 10px; width:160px; height:48px; font-size:15px; color:#666; outline:none; border:none; border-radius:30px; font-family: 'FlightSans-Regular', sans-serif; } #faqWrap .search-wrap .select-category i{margin-right:20px !important;} #faqWrap .search-wrap .btn-submit { width:130px; height:42px; font-size:13px; font-weight:700; line-height:42px; border-radius:50px; background:#355BF5; color:#ccff00;border:2px solid #355BF5; padding:1px 0;} #faqWrap .search-wrap .btn-submit:hover {background:#fff; color:#355BF5;} _:-ms-input-placeholder, :root #faqWrap .search-wrap .btn-submit { line-height:34px } #faqWrap .search-wrap .best-keyword { margin:20px auto 0; width:100%; text-align:center; color:#355BF5;} #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; width: auto; height: 17px; font-size:15px; } #faqWrap .search-wrap .best-keyword dt { } #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:15px; vertical-align:top; color:#355BF5;} /* faq 메뉴 */ #faq-category { display:inline-block; vertical-align:middle; width:100%; margin:40px 0; padding:0; border:none; text-align:center;} #faqWrap .faq-menu { display:inline-block; vertical-align:middle;} #faqWrap .faq-menu li {display:inline-block; vertical-align:middle; position:relative; float:left; width:100px; margin-left:30px; padding-bottom:30px; font-size:14px; color:#aeaeba; line-height:40px; } #faqWrap .faq-menu li.first { margin-left:0; } #faqWrap .faq-menu li a {display:inline-block; vertical-align:middle; position:relative; width:98px; height:98px; padding:0; border:rgba(98, 85, 246, 0.2) solid 1px; border-radius:50px; background-color:#fff; font-size:14px; color:rgba(0, 0, 0, 0);} #faqWrap .faq-menu li a:before {content:""; position:absolute; left:50%; top:24px; width:30px; height:30px; margin-left:-15px;} #faqWrap .faq-menu li a:after {content:""; position:absolute; left:0; right:0; bottom:19px; font-size:12px; font-weight:900; color:#355BF5; line-height:20px;} #faqWrap .faq-menu li a span {display:inline-block; vertical-align:middle; position:absolute; left:-20px; right:-20px; top:auto; bottom:-35px; font-size:1rem; font-weight:400; color:#999; line-height:20px;} #faqWrap .faq-menu li:hover a {background-color:rgba(228, 235, 253, .5);border-color:#355BF5;} #faqWrap .faq-menu li.now a {background-color:rgba(228, 235, 253, .5);color:#355BF5; border-color:#355BF5;} #faqWrap .faq-menu li:hover a span {color:#355BF5;} #faqWrap .faq-menu li.now a span {color:#355BF5;} #faqWrap .faq-menu li:nth-child(1) a:before{background:url(//resfor.cafe24.com/wig/site/mosim/icon_all.png); background-repeat:no-repeat; background-size:cover;} #faqWrap .faq-menu li:nth-child(1) a:after{content:"ALL";} #faqWrap .faq-menu li:nth-child(2) a:before{background:url(//resfor.cafe24.com/wig/site/mosim/icon_wig.png); background-repeat:no-repeat; background-size:cover;} #faqWrap .faq-menu li:nth-child(2) a:after{content:"WIGS";} #faqWrap .faq-menu li:nth-child(3) a:before{background:url(//resfor.cafe24.com/wig/site/mosim/icon_mall.png); background-repeat:no-repeat; background-size:cover;} #faqWrap .faq-menu li:nth-child(3) a:after{content:"SHOPPIONG";} #faqWrap .faq-menu li:nth-child(4) a:before{background:url(//resfor.cafe24.com/wig/site/mosim/icon_pay.png); background-repeat:no-repeat; background-size:cover;} #faqWrap .faq-menu li:nth-child(4) a:after{content:"ORDER";} #faqWrap .faq-menu li:nth-child(5) a:before{background:url(//resfor.cafe24.com/wig/site/mosim/icon_delivery.png); background-repeat:no-repeat; background-size:cover;} #faqWrap .faq-menu li:nth-child(5) a:after{content:"DELIVERY";} #faqWrap .faq-menu li:nth-child(6) a:before{background:url(//resfor.cafe24.com/wig/site/mosim/icon_change.png); background-repeat:no-repeat; background-size:cover;} #faqWrap .faq-menu li:nth-child(6) a:after{content:"REFUND";} #faqWrap .faq-menu li:nth-child(7) a:before{background:url(//resfor.cafe24.com/wig/site/mosim/icon_global.png); background-repeat:no-repeat; background-size:cover;} #faqWrap .faq-menu li:nth-child(7) a:after{content:"GLOBAL";} /* faq 리스트 */ #faqWrap #faqTable { border-top:1px solid #ddd; } .tb-center{text-align:left } .tb-center>span {margin-right:15px; background:#e7280e; color:#fff !important; border-radius:30px; width:32px; height:32px; display:inline-block;font-family: 'FlightSans-Bold', sans-serif;line-height:32px;text-align:center !important;} #faqWrap #faqTable th, #faqWrap #faqTable td { padding:16px 30px 16px 40px; font-family: 'FlightSans-Regular', sans-serif; color:#323232; font-size:18px; transition:all .3s; text-align:center !important;cursor: pointer; } #faqWrap #faqTable .que {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:35px 0; border:none;} #faqWrap #faqTable .que div {display:inline-block; vertical-align:middle; position:absolute; box-sizing:border-box; width:100%; padding:0; border:0;} #faqWrap #faqTable .que .tb-center {position:relative; min-height:50px; padding-left:240px;} #faqWrap #faqTable .que .tb-center p{display:inline-block; vertical-align:middle; padding:0; width:100%; position:relative;} #faqWrap #faqTable .que .tb-center p span {display:inline-block; vertical-align:middle; position:absolute; left:0; top:10px; width:30px; height:30px; margin:0; padding:0; border-radius:50%; background-color:#f5f5fa; font-size:16px; font-weight:900; color:#355BF5; line-height:30px; text-align:center;transition:all .3s;} #faqWrap #faqTable .que .tb-center p span:before{content:"Q"; } #faqWrap #faqTable .que .tb-center p strong {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; width:100%; padding:10px 0; padding-left:45px; font-size:18px; font-weight:500; color:#141415; line-height:30px; word-wrap:normal; word-break:keep-all; transition:all .3s;} #faqWrap #faqTable .que .tb-center p strong:before{content:"";display:inline-block; vertical-align:middle; position:absolute; z-index:1; right:41px; top:22px; width:6px; height:6px; margin-top:-3px; margin-left:-4px; border-top:#355BF5 solid 2px; border-right:#355BF5 solid 2px;transform:rotate(135deg);-webkit-transform:rotate(135deg);transition:0.3s;-webkit-transition:0.3s;} #faqWrap #faqTable .que .tb-center p strong:after{content:"";display:inline-block; vertical-align:middle; position:absolute;right:20px; top:0; width:48px; height:48px; border:rgba(98, 85, 246, 0.1) solid 1px; border-radius:25px; background:#fff; color #355BF5;} #faqWrap #faqTable .que div:nth-child(1) {left:0; top:45px; width:60px; font-size:12px; font-weight:900; color:#355BF5; line-height:30px;} #faqWrap #faqTable .que div:nth-child(2) {left:60px; top:45px; width:180px; padding-left:20px; font-size:14px; font-weight:400; text-align:left; } #faqWrap #faqTable .que div:nth-child(2) span{display:inline-block; transition:all .3s; padding:7px 10px;color:#aeaeba; transition:all .3s;border-radius:5px;} #faqWrap #faqTable th { font-size:13px; font-weight:bold } #faqWrap #faqTable tr.slide-show {margin-bottom:30px; transition:all .3s;} #faqWrap #faqTable tr.slide-show dl { display: block; } #faqWrap #faqTable tr.slide-hide td, #faqWrap #faqTable tr.slide-show td {cursor: default; border-bottom: 0px; background:rgba(228, 235, 253, .5); border-radius:0 0 20px 20px; padding-left:285px; height:auto; padding-top:45px; padding-bottom:45px; left:auto; top:auto; font-family:'FlightSans-Regular', sans-serif; margin-bottom:35px;transition: all 0.4s ease;} #faqWrap #faqTable .tb-slide { position:relative; line-height:30px;} #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 span {position:absolute;display:inline-block; vertical-align:middle; position:absolute; left:-45px; top:0; font-size:16px; margin:0; padding:0;font-weight:900; color:#355BF5; background:#fff; border-radius:50%; width:30px; height:30px;line-height:30px;text-align:center;} #faqWrap #faqTable td .tb-slide span:before {content:"A";} #faqWrap #faqTable td .tb-slide dl.adv { padding:15px 0; text-align:left; color:#323232 !important;} #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-row {transition: background-color 0.2s; border-top:#f5f5fa solid 1px; transition:all .3s;} .faq-row:first-child {border-top:none;} .faq-row:hover {background:rgba(228, 235, 253, .5);} .faq-row:hover td{} .faq-row:hover .que .tb-center p strong:before { } .faq-row:hover .que .tb-center p span{background-color:#355BF5 !important; color:#ccff00 !important;} .faq-row:hover .cate span{color:#355BF5 !important;} .faq-row.active {} .faq-row.active td{color:#fff !important;} .faq-row.active .que .tb-center p strong:before {top:25px !important; transform:rotate(-45deg); -webkit-transform:rotate(-45deg) !important;} .faq-row.active .que .tb-center p span{background-color:#355BF5 !important; color:#ccff00 !important;} .faq-row.active .cate span{color:#355BF5 !important;} .slide-hide {transition: all 0.4s ease; height:0;} .tb-center,.tb-slide {cursor: pointer;} .tb-slide {text-align:left !important;} .paging{margin-top:30px;} /* BASIC css end */