@charset "utf-8";
div.pagination ul li.arrow a { background: url(/common/img/ico/sp_page.png) 0 0 #f0f0f0 no-repeat }
div.pagination ul li.prev a { background-position: 0 -43px; }
div.pagination ul li.next a { background-position: 1px -93px; }
div.pagination ul li.begin a { background-position: 0 7px; }
div.pagination ul li.end a { background-position: 1px -143px; } 

table.faq_table tr:nth-child(2n+1) td:nth-child(3) { font-weight: 400; }

@media all and (max-width : 1480px){
    #new_cmm_sub { padding: 0 20px; }
    .title { font-size: 28px; }
    .title img { position: relative; top: -3px; margin-right: 10px; }
    .select { margin-bottom: 30px; }
    .select a { border-right: 0; height: 58px; line-height: 58px; }
    .faq_search_box { margin-bottom: 30px; padding: 30px 0; height: auto; }
    .faq_search { height: auto; line-height: 40px; }
    .faq_search form { position: relative; }
    .searchbox_submit { top: 12px; right: 20px !important; }
    
    ul.tab3 { display: flex; align-items: stretch; }
    ul.tab3 > li > a { padding: 25px 0; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; line-height: 16px; }
    ul.tab3 > li > a > img { margin: 0 0 20px 0; width: 45px; height: 40px; object-fit: contain; } 
}

@media all and (max-width : 1024px){
    #new_cmm_sub { padding: 110px 20px 0; }
    .title { margin-bottom: 25px; }
    .select { flex-wrap: wrap; margin-bottom: 25px; }
    .select a { width: calc(50% - 2px); }
    .select a:nth-child(3) { border-right: 1px solid #ddd; border-top: 0; }
    .select a:nth-child(4) { border-left: 0; border-top: 0; border-right: 1px solid #ddd; }
    .faq_search_box { margin-bottom: 25px; padding: 30px 20px; }
    .faq_search_text { display: none; }
    .faq_search { width: 100%; }
    #sch_text { width: 100%; height: 38px; box-sizing: border-box; }
    .faq_search form { width: 100%; }
    .searchbox_submit { top: 11px; width: 16px; height: 16px; }

    .s_text { margin-bottom: 15px; font-size: 20px; font-weight: 500; line-height: 29px; text-align: left; }
    .s_box { position: relative; margin-bottom: 25px; padding-left: 12px; width: 100%; font-size: 14px; font-weight: 500; color: #848484; line-height: 40px; border: 1px solid #C4C4C4; border-radius: 4px; text-align: left; box-sizing: border-box; }
    .s_box::after { position: absolute; top: 16px; right: 12px; width: 10px; height: 7px; background: url(/common/img/ico/arr_g84.svg) no-repeat center/contain; display: block; content: ""; }
    .s_box.on::after { transform: rotate(180deg); transition-duration: 0.3s; }
    .s_con { display: none; position: absolute; top: 85px; left: 0; z-index: 99; width: calc(100% - 2px); margin-top: 7px; border: 1px solid #c4c4c4; border-radius: 4px; background: #fff; }
    .s_con > li { border-bottom: 1px solid #c4c4c4; }
    .s_con > li:last-child { border-bottom: 0; }
    .s_con > li > a { display: block; padding: 11px 12px; font-size: 14px; font-weight: 400; color: #ababab; line-height: 20px; text-align: left; }

    table.faq_table { display: block; }
    table.faq_table tbody { display: block; }
    table.faq_table tr { padding: 18px 0; display: block; width: 100%; border-bottom: 1px solid #C4C4C4; }
    table.faq_table tr td { padding: 0 !important; border-bottom: 0; }
    table.faq_table tr:nth-child(2n+1) td:nth-child(1) { display: none; }
    table.faq_table tr:nth-child(2n+1) td:nth-child(2) { display: block; text-align: left; margin-bottom: 4px; font-size: 14px; font-weight: 700; color: #1A2BA6; }
    table.faq_table tr:nth-child(2n+1) td:nth-child(3) { display: block; text-align: left; font-size: 18px; }
    table.faq_table tr:nth-child(2n+1) td:nth-child(4) { display: none; }
    .faq_view { padding: 18px 15px !important; background: #F6F6F6; box-sizing: border-box; }
}

@media all and (max-width : 719px){

    table.faq_table tr:nth-child(2n+1) td:nth-child(3) { display: block; text-align: left; font-size: 16px; }

    div.pagination ul li a { min-width: 20px; height: 20px; line-height: 20px; }
    div.pagination ul li.prev a { background-position: -2px -44px; }
    div.pagination ul li.next a { background-position: 0px -94px; }
    div.pagination ul li.begin a { background-position: -2px 6px; }
    div.pagination ul li.end a { background-position: 0px -144px; } 

    div.pagination ul li.prev a:focus, div.pagination ul li.prev a:hover { background-position: -3px -44px }
    div.pagination ul li.next a:focus, div.pagination ul li.next a:hover { background-position: 1px -94px }
    div.pagination ul li.begin a:focus, div.pagination ul li.begin a:hover { background-position: -3px 6px }
    div.pagination ul li.end a:focus, div.pagination ul li.end a:hover { background-position: 1px -144px }
}