/* 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; } 
/* 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 } 
.select-category {display: inline-block;height: 40px;line-height: 38px;padding: 0 15px;border: 1px solid #ccc;border-radius: 6px;color: #222;font-size: 16px;background: #fff url(/design/vittz/img/select_arr.jpg) no-repeat right 20px center;background-size: 15px auto;appearance: none;-webkit-appearance: none;width: auto;flex-shrink: 0;margin-right: 10px;} 
#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 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: 15px; } 
#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 { margin-left:45px; padding:15px 0 } 
#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; } 


@charset "utf-8";/* CSS Document */

/* ------------- 이용약관, 개인정보 처리방침 ------------- */
.service_tit { margin:0 0 20px 0; padding:0 0 10px 0; font-size:16px; border-bottom:1px solid #999999; } 
.service_cont { } 
/* 회사소개 */
.service_cont .service_company { } 
/* 이용안내 */
.service_cont .service_guide { } 

/* 고객센터 메인 */
.service_main { } 
.service_main .board_zone_list { min-height:500px; } 
.service_main_cont { float:left; position:relative; width:100%; margin:50px 0 0 0; } 
.service_main_cont:after { display:block; clear:both; content:""; } 

/* ------------- 공지사항,이벤트 공통 ------------- */
.service_main_cont h3 { padding:0 0 10px 0; font-size:18px; border-bottom:1px solid #999999; } 
.service_main_cont ul { margin:-1px 0 0 0; border-top:1px solid #999999; } 
.service_main_cont li { position:relative; padding:0 10px 0 0; border-bottom:1px solid #dbdbdb; line-height:1; } 
.service_main_cont li span { float:right; padding:10px 0 0 0; color:#acacac; } 
.service_main_cont li a { display:block; overflow:hidden; padding:10px 15px 9px 20px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;background:url(/design/vittz/img/icon_board_list.png) no-repeat 7px 15px; } 
.service_main_cont li a:hover { text-decoration:underline; } 
/* 공지사항 영역 위치 */
.service_main_notice { float:left; position:relative; width:47%; } 
/* 이벤트 영역 위치 */
.service_main_event { float:right; position:relative; width:47%; } 

/* ------------- 설문조사 ------------- */
.poll_sec { } 
.poll_sec .poll_tit { margin:0 0 20px 0; padding:0 0 10px 0; font-size:16px; border-bottom:1px solid #999999; } 
.poll_cont { } 
.poll_list_box { } 
.poll_list_box input[type="text"] { width:100%; margin:0 0 0 10px; } 
.poll_list_box textarea { width:100%; height:100px; margin:0 0 0 10px; } 
.poll_list_box + .btn_center_box { margin:20px 0 0 0; } 
/* 설문조사 제목 + 리스트 */
.poll_list_tit { padding:10px 0 5px 0; font-size:14px; } 
.poll_list_tit strong { color:#ab3e55; } 
.poll_list_cont { padding:0 0 30px 10px; } 
.poll_list_cont ul { width:100%; } 
.poll_list_cont li { width:100%; margin:10px 0 10px 0; } 
/* 설문조사 input 셋팅 */
.poll_list_cont .form_element { display:block; padding:0 0 0 25px; } 
.poll_list_cont .form_element label { margin:0 0 0 -20px; } 
.poll_list_cont .form_element label + input[type="text"] { display:block; position:static; width:60%; margin:5px 0 0 0; } 

/* 설문조사 완료 */
.poll_end_cont { padding:80px 0 0 0; text-align:center; line-height:2.8; } 
.poll_end_cont strong { display:block; font-size:28px; } 
.poll_end_cont span { display:block; font-size:16px; } 
.poll_end_cont a { font-size:14px; } 
.poll_end_cont a em,
.poll_end_cont a em:hover { border-bottom:1px solid #333333; } 
.poll_end_cont + .btn_center_box { margin:30px 0 0 0; } 

/* 설문조사 결과보기 */
.poll_info_box { margin:0 0 30px 0; padding:20px 20px 20px 20px; border:1px solid #eeeeee; background:#f8f8f8; } 
.poll_info_box dl { overflow:hidden; padding:5px 0 5px 0; } 
.poll_info_box dt { float:left; width:80px; font-weight:bold; } 
.poll_info_box dd { float:left; width:400px; } 

/* 설문조사 결과 제목 + 리스트 */
.poll_result_tit { padding:5px 0 5px 0; font-size:14px; } 
.poll_result_tit strong { color:#ab3e55; } 
.poll_result_cont { padding:0 0 30px 10px; } 
.poll_result_cont ul { width:100%; } 
.poll_result_cont li { display:table; width:100%; margin:15px 0 15px 0; padding:0 0 10px 0; vertical-align:middle; border-bottom:1px solid #eeeeee; } 
.poll_result_cont .poll_result_view { padding:10px 10px 10px 10px; border:1px solid #cecece; box-sizing:border-box; word-break:break-all; } 

.poll_result_txt { display:block; width:auto; padding:0 10px 0 0; } 
.poll_stick { display:inline-block; width:400px; height:15px; margin:10px 0 0 0; background:#f9f9f9; } 
.poll_stick em { display:inline-table; height:15px; background:#ab3e55; } 
.poll_percent { display:inline-block; padding:0 0 0 15px; vertical-align:middle; } 

/* ------------- FAQ ------------- */
/* 게시판 기본 */
.board_zone_sec { position:relative; } 
.board_zone_tit { margin:0 0 10px 0; padding:0 0 10px 0; font-size:16px; } 
.board_zone_cont { } 
.board_list_table { width:100%; margin:0 0 20px 0; border:0; border-spacing:0; border-collapse:collapse; border-top:1px solid #3c3c3c; text-align:center; } 
.board_list_table th { padding:10px 10px 10px 14px; border-bottom:1px solid #dbdbdb; background:#fbfbfb; } 
.board_list_table td { padding:13px 10px 15px 10px; border-bottom:1px solid #dbdbdb; } 
/* 게시판 이미지 */
.board_list_table .board_img { overflow:hidden; position:relative; text-align:center; border:1px solid #ebebeb; } 
.board_list_table .board_img a { display:table-cell; height:100%; vertical-align:middle; } 
/* 게시판 제목 */
.board_list_table .board_tit { text-align:left; vertical-align:middle; } 
.board_list_table .board_tit strong { font-weight:normal; } 
.board_list_table .board_tit strong > span { color:#ab3e55; } 
.board_list_table .board_tit.on strong { font-weight:bold; } 
.board_list_table .board_tit img { margin:0 2px 0 2px; vertical-align:middle; } 
.board_list_table .board_tit strong:hover { text-decoration:underline; } 
/* 게시판 제목 답글 */
.board_list_table .board_tit .reply { } 
.board_list_table .board_tit .reply { margin:0 0 0 15px; padding:0 0 0 20px; background:url(/design/vittz/img/icon_comment_reply.png) no-repeat 8px 4px; } 

/* 자주묻는 질문 검색 */
.date_check_box { margin:0 0 35px 0; padding:20px 20px 20px 30px; border:3px solid #eeeeee; } 
.date_check_box:after { display:block; clear:both; content:""; } 
.date_check_box h3 { float:left; padding:6px 15px 0 0; color:#777777; font-size:13px; } 
.date_check_list { float:left; } 
.date_check_list button { float:left; width:54px; height:31px; margin:0 0 0 -1px; color:#777777; font-size:12px; border:1px solid #d6d6d6; } 
.date_check_list button:hover,
.date_check_list button.on { color:#ffffff; background:#aeaeae; } 
.date_check_calendar { float:left; margin:0 10px 0 10px; } 
.date_check_calendar .anniversary { background:url(/design/vittz/img/icon_calendar.png) no-repeat right center; } 
.date_faq_list { display:inline-block; width:70%; } 
.date_faq_list h2 { padding:0 0 10px 0; } 
.date_faq_list input[type="text"] { width:70%; } 
.date_faq_txt { display:inline-block; width:23%; padding:10px 0 10px 50px; border-left:1px solid #dbdbdb; } 
.date_faq_txt strong { display:block; padding:0 0 10px 0; } 
/* FAQ 질문 리스트 */
.board_hot_list { padding:10px 0 50px 0; font-size:0; text-align:left; border-top:1px solid #999999; } 
.board_hot_list ul { display:inline-block; font-size:12px; } 
.board_hot_list ul li { display:inline-block; width:auto; margin:0; vertical-align:middle; } 
.board_hot_list ul li.on { font-weight:bold; } 
.board_hot_list ul li.on span { color:#ab3e55; } 
.board_hot_list ul li a { display:block; height:11px; padding:0 5px 0 5px; border-left:1px solid #cccccc; } 
.board_hot_list ul li a span { position:relative; top:-5px; } 
.board_hot_list ul li a span:hover { font-weight:bold; border-bottom:1px solid #ab3e55; color:#ab3e55; } 
.board_hot_list ul li:first-child a { border-left:none 0; } 
/* FAQ 게시판 */
.board_list_faq { position:relative; } 
.board_list_faq .board_hot_list { padding:10px 0 20px 0; } 
.board_list_faq .board_list_table { border-top:1px solid #dbdbdb; } 
.board_list_faq .board_list_table .board_tit { padding-left:42px; } 
.board_list_faq .board_list_table .board_tit a { display:block; padding:0 30px 0 0; background:url(/design/vittz/img/icon_toggle_open.png) no-repeat right center; } 
.board_list_faq .board_list_table .board_tit.on a { background:url(/design/vittz/img/icon_toggle_close.png) no-repeat right center; } 
.board_list_faq .icon_qan { margin:0 0 0 -31px; padding:0 10px 0 0; } 
.board_faq { text-align:left; background:#f8f8f8; } 
.board_faq_cont { position:relative; max-width:730px; min-height:70px; margin:0 0 0 193px; } 
.board_faq_cont .icon_qan { position:absolute; top:4px; left:-27px; margin:0; } 

.often_question_box .search_box .search_box_in { display: flex; align-items: flex-end; } 

/* 게시판 메인 */
.srvIdx .service_visual,
.srvIdx .date_faq_txt{ display:block !important; } 
.srvIdx .sub_top_tit,
.srvIdx .trxTab { display:none !important; } 
#frmList { display: flex; align-items: center; justify-content: space-between; } 
.srvIdx .often_question_box .search_box { width: calc(100% - 426px); } 


/****** JHT 20240110 ******/
.qna {
        font-family: Arial, sans-serif;
        line-height: 1.6;
        margin: 20px auto;
        max-width: 900px;
    }

    .question {
        font-weight: bold;
        color: #333333;
        font-size: 45px;
        margin-bottom: 10px;
    }

    .answer {
        margin-left: 20px;
        color: #333333;
        font-size: 25px;
        margin-bottom: 20px;
    }

    .answer::before {
        content: 'A';
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
        background-color: black;
        color: white;
        font-size: 20px;
        margin-right: 10px;
    }

    .answer p {
        display: inline;
        /* 추가된 부분 */
        vertical-align: middle;
        /* 추가된 부분 */
    }
    
     /* 모바일 화면에 대한 스타일 */
        @media (max-width: 600px) {
            .question {
                font-size: 30px;
            }

            .answer {
                font-size: 18px;
            }

            .answer::before {
                font-size: 16px;
                width: 30px;
                height: 30px;
                line-height: 30px;
            }
        }
        
/****************/
/* BASIC css end */