/* 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_wrap { display:flex; border-bottom: 2px solid #000; justify-content: space-between; align-items: center; padding-bottom: 30px; } 
#faqWrap .faq-tit { color: black; font-size: 28px; font-weight: 500; line-height: 34px; word-wrap: break-word; } 
#faqWrap .faq-search { text-align: center; background:#fff } 
#faqWrap .search-wrap { } 
#faqWrap .search-wrap .keyword { display: inline-block; border: 1px solid #d9d9d9; height: 34px; line-height: 34px; box-sizing: border-box; vertical-align: middle; } 
#faqWrap .search-wrap .keyword input { border: none; box-sizing: border-box; margin: 0; padding: 0 38px 0 10px; background: transparent; height: 34px; line-height: 34px; vertical-align: top; } 
#faqWrap .search-wrap .select-category { width: 110px; height: 34px; line-height: 34px; font-size: 13px; color: #969696; border: 1px solid #d9d9d9; box-sizing: border-box; margin-right: -4px; } 
#faqWrap .search-wrap .btn-submit { position: absolute; font-size:13px; line-height:30px; right: 11px; } 

_:-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 { padding: 40px 129px; border-bottom: 1px solid #f2f2f2; overflow:hidden; } 
#faqWrap .faq-menu { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px 10px; } 
#faqWrap .faq-menu li { } 
#faqWrap .faq-menu li.first { padding-left:0; background:none } 
#faqWrap .faq-menu li a { display: inline-block; color: #777777; font-size: 15px; font-weight: 400; line-height: 20px; word-wrap: break-word; padding: 10px 20px; background: #f4f4f4; border-radius: 50px; } 
#faqWrap .faq-menu li.now a { font-weight:bold; background: #000; color: #fff; } 
#faqWrap .faq-menu li a:hover { font-weight:bold; background: #000; color: #fff; } 
/* faq ¸®½ºÆ® */
#faqWrap #faqTable { } 
#faqWrap #faqTable th,
#faqWrap #faqTable tr td { padding: 25px 0; border-bottom: 1px solid #e9e9e9; background:#fff; font-size: 14px; font-weight: 400; } 
#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 td img { position:absolute; right:0; } 
#faqWrap #faqTable tr td .faq_cate { display: inline-block; color: #555555; font-size: 13px; font-weight: 400; line-height: 18px; word-wrap: break-word; border: 1px solid; border-color: rgba(217, 217, 217, 0.80); padding: 6px; width: 127px; box-sizing: border-box; } 
#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; } 
#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 .adv dt { font-size:18px; color:#b17efe; font-weight:bold } 
#faqWrap #faqTable td .tb-slide dl dd { padding: 0 40px; } 
#faqWrap #faqTable td .tb-slide dl.adv { } 
#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_icon { transition: transform 0.3s ease; } 
.faq_icon.rotate { transform: rotate(180deg); } 



/* BASIC css end */

