/* BASIC css start */ #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 { height:110px; text-align: center; border: 1px solid #d8d8d8; background:#fff } #faqWrap .search-wrap { margin:30px auto 0; position:relative; width:812px } #faqWrap .search-wrap .keyword input { padding-left:10px; width:483px; height:28px; line-height:28px; border:1px solid #ddd } #faqWrap .search-wrap .select-category { width:183px; height:32px; font-size:14px; color:#7b7b7b; border:1px solid #ddd } #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 } #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:60px; padding:15px 0; border-bottom:1px solid #000; overflow:hidden } #faqWrap .faq-menu { padding-left:1px; *zoom:1 } #faqWrap .faq-menu:after { display:block; clear:both; content:'' } #faqWrap .faq-menu li { padding:0 15px; float:left; white-space:nowrap; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/bu_2x8.gif) 0 3px no-repeat } #faqWrap .faq-menu li.first { padding-left:0; background:none } #faqWrap .faq-menu li a { font-size:13px } #faqWrap .faq-menu li.now a { font-weight:bold } /* 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 { white-space: pre-line; color:#999 } #faqWrap #faqTable td .tb-slide .adv dt { font-size:18px; color:#b17efe; font-weight:bold } #faqWrap #faqTable td .tb-slide .adv dd { white-space: pre-line; } #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; } /* ========================= MUSELYNN BOARD TOP ========================= */ #content .muselynn-board-top{ width:1100px !important; max-width:calc(100% - 40px) !important; margin:60px auto 18px !important; padding:0 !important; box-sizing:border-box !important; } #content .muselynn-board-top *{ box-sizing:border-box !important; } #content .muselynn-board-top .board-top-inner{ width:100% !important; min-height:150px !important; border:1px solid #e5e5e5 !important; display:flex !important; align-items:center !important; background:#fff !important; } #content .muselynn-board-top .board-cs-box{ width:450px !important; flex:0 0 450px !important; padding:24px 100px !important; border-right:1px solid #e5e5e5 !important; } #content .muselynn-board-top .board-cs-box h2{ margin:0 0 22px !important; font-size:30px !important; line-height:1.15 !important; font-weight:700 !important; letter-spacing:-0.03em !important; color:#111 !important; white-space:nowrap !important; } #content .muselynn-board-top .cs-phone{ margin-bottom:14px !important; font-size:34px !important; line-height:1 !important; font-weight:700 !important; letter-spacing:-0.03em !important; color:#111 !important; } #content .muselynn-board-top .cs-time{ font-size:13px !important; line-height:1.65 !important; color:#666 !important; letter-spacing:-0.02em !important; } #content .muselynn-board-top .board-menu-box{ flex:1 !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:18px !important; padding:18px 30px !important; } #content .muselynn-board-top .board-menu-item{ width:102px !important; height:102px !important; border:1px solid #ddd !important; border-radius:50% !important; display:flex !important; align-items:center !important; justify-content:center !important; background:#fff !important; color:#111 !important; text-align:center !important; text-decoration:none !important; font-size:14px !important; font-weight:700 !important; letter-spacing:-0.02em !important; transition:all .2s ease !important; } #content .muselynn-board-top .board-menu-item:hover{ background:#111 !important; border-color:#111 !important; color:#fff !important; } #content .muselynn-board-top + .page-body, #content .muselynn-board-top ~ .page-body{ margin-top:0 !important; padding-top:0 !important; } #content .navi_wrap{ margin-bottom:10px !important; } /* 모바일 */ @media (max-width:1024px){ #content .muselynn-board-top{ width:auto !important; max-width:none !important; margin:40px 15px 18px !important; } #content .muselynn-board-top .board-top-inner{ display:block !important; min-height:0 !important; } #content .muselynn-board-top .board-cs-box{ width:100% !important; flex:none !important; padding:26px 24px !important; border-right:0 !important; border-bottom:1px solid #e5e5e5 !important; } #content .muselynn-board-top .board-cs-box h2{ margin-bottom:16px !important; font-size:24px !important; } #content .muselynn-board-top .cs-phone{ margin-bottom:12px !important; font-size:28px !important; } #content .muselynn-board-top .cs-time{ font-size:12px !important; line-height:1.7 !important; } #content .muselynn-board-top .board-menu-box{ gap:14px !important; padding:22px 20px !important; } #content .muselynn-board-top .board-menu-item{ width:86px !important; height:86px !important; font-size:13px !important; } } /* 현재 선택 메뉴 */ #content .muselynn-board-top .board-menu-item.active{ background:#111 !important; border-color:#111 !important; color:#fff !important; } /* hover 유지 */ #content .muselynn-board-top .board-menu-item:hover{ background:#111 !important; border-color:#111 !important; color:#fff !important; } /* BASIC css end */