/* BASIC css start */ /* BASIC css start */ /* 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 {max-width: 1300px; margin: 0 auto; overflow: hidden;} /* 타이틀 */ .board-tit { width:100%; padding:45px 0; text-align:center; } .board-tit h2 { font-size:30px; font-weight:500; } .board-tit .braket { padding: 0 15px; font-weight: bold; color: #cfcfcf; font-size: 14px; vertical-align: middle; } .board-tit em { margin-left: 10px; font-size: 11px; color: #898989;} /* 커뮤니티 카테고리 */ #faqWrap .community { 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 .community a { position: relative; display: block; color: inherit; background: #fff; text-align: left height: 55px; line-height: 55px; font-size: 15px; text-indent: 20px; ; } #faqWrap .community a.findDepositor { cursor: pointer; } #faqWrap .community a:after { content: ""; position: absolute; top: 25px; right: 20px; border-top: 1px solid #a5a5a5; border-right: 1px solid #a5a5a5;width: 6px; height: 6px; transform: rotate(45deg); } #faqWrap .community a:last-child:after { border: 0!important; } /* faq 상단 */ #faqWrap { max-width: 1300px; margin: 0 auto; overflow: hidden; } #faqWrap .faq-search { overflow: hidden; margin-bottom: 55px; } #faqWrap .search-wrap {position: relative;height: 160px;width: 66.5%;float: left;background-color: #f7f7f7;} #faqWrap .search-wrap h4, #faqWrap .search-wrap .keyword, #faqWrap .search-wrap .select-category, #faqWrap .search-wrap .btn-submit { float: left; } #faqWrap .search-wrap fieldset {position: relative;width: 92%;margin: 40px auto 0;/* border-bottom: 2px solid #000; */} #faqWrap .search-wrap h4 {/* line-height: 26px; */font-size: 26px;padding: 0 30px 10px 0;} #faqWrap .search-wrap .keyword {width: 450px;margin-top: 3px;/* border-radius: 51px; */} #faqWrap .search-wrap .keyword input {width: 100%;line-height: 25px;border: 0;font-size: 16px;background-color: #fff !important;padding-left: 10px;border-radius: 40px;height: 37px;border: 1px solid #eee;} #faqWrap .search-wrap .select-category { width:110px; height: 25px; margin-top: 25px; } #faqWrap .search-wrap .btn-submit {margin-top: 15px;margin-left: -70px;} #faqWrap .search-wrap .best-keyword { width: 90%; margin: 10px auto 0 auto;} #faqWrap .search-wrap .best-keyword dt { float: left; line-height: 22px; padding: 0 8px; background: #000; color: #fff; font-size:11px; } #faqWrap .search-wrap .best-keyword dd ul, #faqWrap .search-wrap .best-keyword dd ul li { position: relative; float: left; width: auto; padding: 0 10px; line-height: 22px; line-height: 22px; } #faqWrap .search-wrap .best-keyword dd ul li:after { content: ""; position:absolute; top: 6px; right: 0; width: 1px; height: 11px; background: #dfdfdf; } #faqWrap .search-wrap .best-keyword dd ul li:last-child:after { width: 0; } #faqWrap .search-wrap .best-keyword dd ul li a { white-space: nowrap; color: #888; } #faqWrap .cs-info {float: right;width: 26%;height: 129px;background: #000;padding: 21px 30px 10px;color: #bbb;} #faqWrap .cs-info h4 {font-size: 13px;color: #fff;padding: 5px 0px;} #faqWrap .cs-info .phonenumber {font-size: 18px;color: #fff;font-weight: 600;/* letter-spacing: 2px; */} /* faq 메뉴 */ #faq-category { } #faqWrap .faq-menu { height: 45px; border-bottom: 1px solid #000; } #faqWrap .faq-menu li {float: left;width: 13.7%;border: 1px solid #c6c6c6;border-bottom: none;border-left-width: 0;background-color: #fff;height: 44px;text-align: center;} #faqWrap .faq-menu li:first-child { border-left-width: 1px; } #faqWrap .faq-menu li.now { border: 1px solid #000; border-bottom: none; height: 45px; margin-bottom: -2px; } #faqWrap .faq-menu li.now a{ color: #000; font-weight:700; } #faqWrap .faq-menu li a { display: block; line-height: 44px; font-size: 13px; color: #222; } /* faq 리스트 */ #faqWrap #faqTable {position: relative;width: 60%;float: left;} #faqWrap #faqTable h3 { padding-bottom:10px; font-size: 22px; line-height: 35px; } #faqWrap #faqTable th, #faqWrap #faqTable tr td {padding: 14px 0 15px;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: #ff6d44; color: #fff; border-radius: 30px; width: 22px; height: 22px; line-height: 22px; text-align: center; display: inline-block; } #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; }faqTable #faqWrap #faqTable tr.slide-hide td, #faqWrap #faqTable tr.slide-show td { cursor: default; background-color: #f6f6f6; } #faqWrap #faqTable .tb-slide { padding: 5px 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 td .tb-slide dl dt { position: absolute; left: 113px; top: 0; } #faqWrap #faqTable td .tb-slide dl dd { margin-left: 130px; color: #666; line-height: 22px; padding-right: 20px; } #faqWrap #faqTable td .tb-slide dl.adv { } /* faq 페이징 */ #faqWrap #faqTable .paging {padding: 40px 0; text-align: center; display: flex; flex-direction: row; justify-content: center; gap: 3px;} #faqWrap #faqTable .paging a {display: inline-block;font-size: 13px; color: #707070; width: 31px; font-weight: 500; line-height: 31px; height: 31px; background-color: transparent; border: 1px solid #e8e8e8;} #faqWrap #faqTable .paging a:hover, #faqWrap #faqTable .paging a.now, #faqWrap #faqTable .paging .now { color:#fff; background-color:#000 } #faqWrap #faqTable .paging a.first, #faqWrap #faqTable .paging a.prev, #faqWrap #faqTable .paging a.next, #faqWrap #faqTable .paging a.last { font-size:13px; font-family:dotum; } #faqWrap #faqTable .paging a.first, #faqWrap #faqTable .paging a.last { letter-spacing:-4px } .bgBox{width:100%;min-height:90px;margin-bottom:60px;background:#f7f7f7;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0} .bgBox.stit{letter-spacing:-1px;font-family:'naMj',serif;font-size:15px;line-height:92px;text-align:center} h3 { padding-bottom:10px; font-size: 22px; line-height: 35px; } .serviceList ul{text-align:center} .serviceList ul:after{clear:both;display:block;content:''} .serviceList ul li{width:20%;text-align:center;float:left} .serviceList ul li a{padding:30px 0 25px 0;color:#212121;display:block;border-left:1px solid #f0f0f0;text-decoration:none} .serviceList ul li:first-child a{border-left:0} .serviceList ul li a span{width:54px;height:54px;margin:0 auto 16px;text-indent:-9999em;background:url(http://dailylike.jpg3.kr/hgodo/08_PC/etc/iconBg2.png) repeat;display:block} .serviceList ul li.service01 a span{background-position:0 -231px}.serviceList ul li.service02 a span{background-position:-54px -231px} .serviceList ul li.service03 a span{background-position:-108px -231px}.serviceList ul li.service04 a span{background-position:-162px -231px} .serviceList ul li.service05 a span{background-position:-216px -231px}.serviceList ul li.service06 a span{background-position:-270px -231px} .store{margin:30px;position:relative} .store:after{clear:both;display:block;content:''} .board-box {width: 35%;float: right;padding-top: 49px;} .notice h3 { position: relative; padding-bottom:6px; font-size: 21px; line-height: 35px; } .notice h3 a { position: absolute; top: 0; right: 0; width: 30px; text-align: center; font-size: 21px; } .notice table { border-top: 1px solid #000; } .notice tr td { padding: 4px 0 4px; border-bottom: 1px solid #dfdfdf; background-color: #FFFFFF; font-size: 14px; } .notice tr td a { display: block; padding: 11px; font-size: 14px; } .notice tr td a b { font-weight: normal; } .event { margin-top: 60px; } .event table { border-top: 1px solid #000; } .event h3 { position: relative; padding-bottom: 5px; font-size: 21px; line-height: 35px; } .event h3 a { position: absolute; top: 0; right: 0; width: 30px; text-align: center; font-size: 21px; } .event tr td { float: left; width: 31.5%; margin-left: 2.7%; padding-top: 15px; font-size: 14px; } .event tr td:first-child { margin-left: 0; } .event tr td a { display: block; font-size: 14px; } .event tr td img { width: 100%; } /* BASIC css end */ /* BASIC css end */ /* BASIC css end */