/* 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;} #faqWrap .paging{padding:0 ! important;} #faqWrap .paging a{margin: 0 5px;} /* FAQ검색 폼 */ #faqWrap { max-width: 1440px; margin: 0 auto; overflow: hidden; } #faqWrap h3 { position: relative; padding-bottom: 5px; font-size: 22px; line-height: 35px; } #faqWrap h3 a { position: absolute; top: 0; right: 0; width: 30px; text-align: center; font-size: 21px; } #faqWrap .faq-search { overflow: hidden; margin-bottom: 30px; margin-top: 50px;} #faqWrap .search-wrap { background-color: #fff; border: 0; margin: 30px 16px 15px; } #faqWrap .search-wrap h3 { font-size: 20px; line-height: 32px; padding-bottom: 5px; font-weight: 500; } #faqWrap .search-wrap .item-search { border: 2px solid #444; padding: 0; } #faqWrap .search-wrap .item-search label { position: revert; display: inline-block; width: 24%; } #faqWrap .search-wrap .item-search select { display: inline-block; border: 0; padding: 0; width: 100%; font-size: 12px; text-indent: 8px; } #faqWrap .search-wrap .item-search .wrap { display: inline-block; width: 65%; margin-left:0; padding-right: 0; } #faqWrap .search-wrap .item-search .wrap input { height:38px; padding: 0; border: 0; } #faqWrap .search-wrap .item-search .btn_search { display: inline-block; width: 22px; padding: 2px; } #faqWrap .keywords {zoom:1; overflow:hidden; padding:0 !important; display: none; } #faqWrap .search-wrap .keywords h5 { float: left; line-height: 22px; padding: 0 8px; background: #000; color: #fff; font-weight: normal; font-size: 11px; margin-right: 10px; } #faqWrap .search-wrap .keywords ul { float: left; } #faqWrap .search-wrap .keywords li { position: relative; background: none; line-height: 22px; } #faqWrap .search-wrap .keywords li:first-child:before { width: 0; padding: 0; } #faqWrap .search-wrap .keywords li:before { content: ""; position:absolute; top: 6px; left: 0; width: 1px; height: 11px; background: #dfdfdf; } #faqWrap .search-wrap .keywords li a { color:#707070; font-size: 11px; } #faqWrap .cs-info {display: flex; justify-content: space-between; align-items: center; background: #333; padding: 30px; color: #bbb; } #faqWrap .cs-info h4 { font-size: 12px; color: #fff; margin-bottom: 4px;} #faqWrap .cs-info p{font-size: 13px; line-height: 18px;} #faqWrap .cs-info .phonenumber { font-size: 20px; color: #fff; letter-spacing: 2px; } /* faq 메뉴 */ #faqWrap .faq-menu {display: flex; flex-wrap: wrap; border-bottom: 1px solid; border-top: 1px solid; margin-bottom: 16px;} #faqWrap .faq-menu li { background-color: #fff; height: 39px; text-align: center; width: calc((100% - 5px) / 5); border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;} #faqWrap .faq-menu li.now {border-bottom: none; height: 40px; margin-bottom: -2px; background: #000; } #faqWrap .faq-menu li.now a{color: #fff;} #faqWrap .faq-menu li a { display: block; line-height: 40px; font-size: 12px; color: #222; } /* faq 리스트 */ #faqWrap #faqTable { position: relative;} #faqWrap #faqTable table{width:100%;} #faqWrap #faqTable th, #faqWrap #faqTable tr td { padding: 16px 0 16px 16px; border-bottom: 1px solid #dfdfdf; background-color: #FFFFFF; font-size: 14px; } #faqWrap #faqTable tr td .iconQ { background: #000; color: #fff; border-radius: 30px; width: 22px; height: 22px; line-height: 22px; text-align: center; display: inline-block; margin-right: 5px; } #faqWrap #faqTable tr td .iconA { background: #fe7900; color: #fff; border-radius: 30px; width: 22px; height: 22px; line-height: 22px; text-align: center; display: inline-block; } #faqWrap #faqTable tr td div{font-size: 12px;} #faqWrap #faqTable tr.slide-hide td { border-bottom: 0px; } #faqWrap #faqTable th { background-color: #f3f3f3; } #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-color: #f6f6f6; } #faqWrap #faqTable .tb-slide { padding: 25px 0; } #faqWrap #faqTable .tb-slide a { text-decoration: underline; } #faqWrap #faqTable .tb-slide ol, #faqWrap #faqTable .tb-slide ul { margin-left:35px; } #faqWrap #faqTable .tb-slide dl { position: relative; width: 100%; } #faqWrap #faqTable .tb-slide dl.qst{display:none;} #faqWrap #faqTable td .tb-slide dl dt { position: absolute; left: 0; top: 0; } #faqWrap #faqTable td .tb-slide dl dd {color: #666; line-height: 22px; padding: 0 16px 0 32px;} #faqWrap #faqTable td .tb-slide dl.adv { } #faqWrap .pager { position: absolute; top: 45px; right: 0; } #faqWrap .pager strong { text-decoration: underline; } #faqWrap .pager ol li { display: inline; padding: 0px 5px; font-size: 13px; } #faqWrap .pager ol li a { font-size: 13px; } #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; } #faqWrap .cs-menu { display: grid; grid-template-columns: repeat(5, minmax(calc(0% - 0px), 1fr)); gap: 1px 1px; background: #dfdfdf; border: 1px solid #dfdfdf; margin-bottom: 50px; } #faqWrap .cs-menu a { position: relative; display: block; height: 56px; line-height: 56px; font-size: 14px; text-indent: 20px; color: inherit; background: #fff; text-align: left; } #faqWrap .cs-menu a:after { content: ""; position: absolute; top: 25px; right: 20px; width: 6px; height: 6px; transform: rotate(45deg); border-top: 1px solid #a5a5a5; border-right: 1px solid #a5a5a5; } #faqWrap .cs-menu a:last-child:after { border: 0!important; } .board-box { width: 40%; float: right; padding-top: 37px; } .notice table { border-top: 1px solid #000; } .notice tr td { padding: 7px 0 6px; border-bottom: 1px solid #dfdfdf; background-color: #FFFFFF; font-size: 14px; } .notice tr td a { display: block; padding: 10px; font-size: 14px; } .notice tr td a b { font-weight: normal; } .member { display: grid; grid-template-columns: repeat(2, minmax(calc(0% - 0px), 1fr)); gap: 0px 20px; margin-top: 44px; } .member a { position: relative; display: block; height: 60px; line-height: 60px; border: 1px solid #000; font-size: 16px; text-indent: 20px; color: inherit; background: #fff; text-align: left; } .member a:after { content: ""; position: absolute; top: 25px; right: 20px; width: 8px; height: 8px; transform: rotate(45deg); border-top: 1px solid #000; border-right: 1px solid #000; } /*팝업*/ #popup-cookie { position: fixed; top: 126px; left: 50px; z-index: 101;} #popup-cookie .popup-cont { width: 400px; } #popup-cookie .popup-cont a { display: block; } #popup-cookie .popup-cont img { width: 100%; } #popup-cookie .close-wrap { position: relative; background: #fff; height: 51px; border: 1px solid #ddd; } #popup-cookie .close-wrap li { float: left; width: 50%; height: 50px; text-align: center; } #popup-cookie .close-wrap li:last-child { width: 49.9%; border-left: 1px solid #ddd; } #popup-cookie .close-wrap li a { color: #000; font-size: 14px; line-height: 50px; } /*텍스트팝업*/ .popup_wrap { padding:55px 0; text-align:center; font-size:15px; color:#333; line-height:1.6em; background:#f9f9f9; font-weight:400; } .popup_wrap h3 { font-size:22px; margin-bottom:25px; font-weight:600; letter-spacing:-0.3px; } .popup_wrap .txt_bold { font-weight:400; } .popup_wrap .txt_sub { font-size:15px; font-weight: 600; padding: 30px 0; } .board-tab ul{border-top: 1px solid #e5e5e5;} .board-tab ul::after{content: ''; display: block; clear: both;} .board-tab ul li{width: calc(50% - 1px); float: left; text-align: center; border-bottom: 1px solid #e5e5e5; line-height: 50px; height: 50px;} .board-tab ul li:nth-of-type(2n-1){border-right: 1px solid #e5e5e5;} .board-tab ul li a{display: block; position: relative;} .board-tab ul li a::after{content: url(https://mazia2008.img3.kr/snapskin/img/pc/common/icon_arrow_down.svg); display: block; transform: rotate(-90deg); background-position: center; background-repeat: no-repeat; float: right;} /* BASIC css end */