/* policy-guide pages */

/* user-guideline */
@charset "UTF-8";

/* user-guideline */
.main#user_guideline .content .content_wrap .content_box .txt_block {
    gap: unset;
}

.main#user_guideline .faq_wrap {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.main#user_guideline .faq_wrap .faq_box {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.main#user_guideline .faq_wrap .faq_box .faq_ttl {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.8px;
    color: #1F1F1F;
}

.main#user_guideline .faq_wrap .faq_box .faq_ttl::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background-image: url(/images/policy/faq_ttl_ico.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.main#user_guideline .faq_wrap .faq_box .faq_txt {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.8px;
    color: #1F1F1F;
}

.main#user_guideline .faq_wrap .faq_box .qna_wrap {
    display: flex;
    flex-direction: column;
}

.main#user_guideline .faq_wrap .faq_box .qna_wrap .que {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0 14px;
    font-size: 18px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.8px;
    color: #1F1F1F;
}

.main#user_guideline .faq_wrap .faq_box .qna_wrap .que::before {
    content: 'Q.';
    display: block;
    font-weight: 700;
    color: #0041CA;
}

.main#user_guideline .faq_wrap .faq_box .qna_wrap .ans {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.8px;
    background-color: #F3F6FB;
}

.main#user_guideline .faq_wrap .faq_box .qna_wrap .ans::before {
    content: 'A.';
    display: block;
    font-weight: 600;
}

.main#user_guideline .point_wrap {
    padding: 28px;
    border-radius: 8px;
    background-color: #F3F6FB;
}

.main#user_guideline .point_wrap .ttl {
    font-size: 18px;
}

.main#user_guideline .point_wrap .txt a {
    text-decoration: underline;
    color: #0041CA;
}

.main#user_guideline .point_wrap ul p {
    word-break: break-all;
}

@media (max-width:799px) {
    .main#user_guideline .txt_block .ttl {
        line-height: 128%;
    }

    .main#user_guideline .faq_wrap .faq_box .qna_wrap .que {
        line-height: 128%;
    }

    .main#user_guideline .faq_wrap .faq_box .qna_wrap .ans {
        padding: 12px;
        font-size: 15px;
    }

    .main#user_guideline .point_wrap {
        padding: 20px 16px;
    }
}

/* policy-regulations */
@charset "UTF-8";

/* policy_regulations */
.main#policy_regulations .content .content_wrap .content_box .txt_block {
    gap: unset;
}

.main#policy_regulations .txt_block .ttl {
    font-weight: 600;
}

.main#policy_regulations .txt_block .ttl.fw_bold {
    font-weight: 700;
}

.main#policy_regulations .txt_block > div {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.8px;
    color: #1F1F1F;
}

.main#policy_regulations .txt_block > div + div {
    margin-top: 12px;
}

.main#policy_regulations .txt_block .ttl:nth-of-type(1) {
    line-height: 132%;
}

.main#policy_regulations .chapter {
    display: inline-block;
    width: fit-content;
    padding: 11px 18px;
    font-size: 18px;
    font-weight: 700;
    line-height: 128%;
    letter-spacing: -0.8px;
    word-break: keep-all;
    color: #000000;
    background-color: #F3F6FB;
    border-radius: 4px;
}

.main#policy_regulations .supplementary {
    color: #555555;
}

.main#policy_regulations .supplementary_list {
    font-size: 15px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.8px;
    color: #1F1F1F;
}

.main#policy_regulations .point_wrap {
    padding: 28px;
    border-radius: 8px;
    background-color: #F3F6FB;
}

.main#policy_regulations .point_wrap .ttl {
    font-size: 18px;
    text-align: left !important;
}

.main#policy_regulations .point_wrap .txt a {
    text-decoration: underline;
    color: #0041CA;
}

.main#policy_regulations .point_wrap ul p {
    word-break: break-all;
}

@media (max-width:799px) {
    .main#policy_regulations .txt_block .ttl:nth-of-type(1) {
        text-align: center;
    }

    .main#policy_regulations .supplementary_list {
        font-size: 14px;
    }

    .main#policy_regulations .point_wrap {
        padding: 20px 16px;
    }
}

/* policy-commentary */
@charset "UTF-8";

/* policy_commentary */
.main#policy_commentary .content .content_wrap .content_box .txt_block {
    gap: unset;
}

.main#policy_commentary .content .flex_row_pc,
.main#dictionary_policy .content .flex_row_pc {
    gap: 40px;
}

.main#policy_commentary .content .tab_wrap,
.main#dictionary_policy .content .tab_wrap {
    width: 220px;
}

.main#policy_commentary .content .content_wrap,
.main#dictionary_policy .content .content_wrap {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    max-width: 100%;
}

.main#policy_commentary .content .content_wrap .content_box,
.main#policy_commentary .content .content_wrap .content_box .txt_block,
.main#dictionary_policy .content .content_wrap .content_box,
.main#dictionary_policy .content .content_wrap .content_box .txt_block {
    min-width: 0;
    max-width: 100%;
}

.main#policy_commentary .btn_block .btn {
    width: 300px;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.8px;
    color: #666666;
}

.main#policy_commentary .commentary_wrap {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 600px;
    overflow: hidden;
    background-color: #F3F6FB;
}

.main#policy_commentary .commentary_wrap iframe,
.main#dictionary_policy .report_wrap iframe {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width:799px) {
    .main#policy_commentary .btn_block .btn {
        width: 100%;
        max-width: 390px;
    }

    .main#policy_commentary .btn_block .btn._download span {
        justify-content: unset;
        width: unset;
        gap: 4px;
    }

    .main#policy_commentary .commentary_wrap {
        height: 512px;
    }
}

/* person-info-policy */
@charset "UTF-8";

/* person-info-policy */
.main#person_info_policy .content .content_wrap .content_box .txt_block {
    gap: unset;
}

.main#person_info_policy .content .board_search_wrap .board_search_box .board_input_wrap .input_box {
    width: 320px;
}

.main#person_info_policy .content .board_search_wrap .board_search_box .board_search_btn._reset {
    background-color: #888888;
}

@media (max-width:1269px) {
    .main#person_info_policy .content .board_search_wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .main#person_info_policy .content .board_search_wrap .board_search_box {
        flex-direction: column;
        width: 100%;
    }

    .main#person_info_policy .content .board_search_wrap .board_search_box .board_input_wrap .input_box {
        width: 100%;
    }

    .main#person_info_policy .content .board_search_wrap .board_search_box .board_input_wrap .select_box {
        width: calc(50% - 3px);
    }

    .main#person_info_policy .content .board_search_wrap .board_search_box .board_search_btn {
        width: 100%;
    }
}

.main#person_info_policy .board_search_btn_wrap {
    display: flex;
    gap: 6px;
}

.main#person_info_policy .board_wrap .board_post_wrap table th,
.main#person_info_policy .board_wrap .board_post_wrap table td {
    font-size: 15px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.8px;
    text-align: center;
    color: #1F1F1F;
    vertical-align: middle;
}

.main#person_info_policy .board_wrap._02 .board_post_wrap table tbody td:nth-child(2) {
    padding: 18px 16px;
}

.main#person_info_policy .board_wrap._01 .board_post_wrap table tbody td:nth-child(4),
.main#person_info_policy .board_wrap._02 .board_post_wrap table tbody td:nth-child(2) ul {
    padding: 16px;
    line-height: 132%;
    text-align: left;
}

.main#person_info_policy .board_wrap._01 .board_post_wrap table tbody td:nth-child(4) span {
    display: block;
    line-height: 150%;
}

.main#person_info_policy .board_wrap._01 .board_post_wrap table tr:not(.content .board_post_wrap table thead tr):hover {
    background-color: #F7F9FD;
}

@media (max-width:799px) {
    .main#person_info_policy .board_search_wrap .board_search_box .board_input_wrap .select_box {
        width: calc(50% - 3px) !important;
    }

    .main#person_info_policy .board_wrap._01 .board_post_wrap .board_list_txt_wrap .board_list_txt_box {
        align-items: flex-start;
        gap: 32px;
    }

    .main#person_info_policy .board_wrap._02 .board_post_wrap .board_list_txt_wrap {
        flex-direction: row;
        gap: 32px;
    }

    .main#person_info_policy .board_wrap._02 .board_post_wrap ul {
        border-top: unset;
    }

    .main#person_info_policy .board_wrap._02 .board_post_wrap > ul {
        border-top: 1px solid #1F1F1F;
    }

    .main#person_info_policy .board_wrap._02 .board_post_wrap ul li {
        padding: 0;
    }

    .main#person_info_policy .board_wrap._02 .board_post_wrap > ul > li {
        padding: 20px 0 20px 12px;
    }

    .main#person_info_policy .board_wrap._02 .board_post_wrap .board_list_txt_wrap .board_list_txt_box {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .main#person_info_policy .board_wrap .board_post_wrap .board_list_txt_wrap .board_list_txt_box:nth-of-type(1) {
        flex-shrink: 0;
    }

    .main#person_info_policy .board_wrap._02 .board_post_wrap .board_list_txt_wrap .board_list_txt_box:nth-child(2) {
        text-align: left;
        color: #333333;
    }

    .main#person_info_policy .board_wrap._01 .board_post_wrap .board_list_txt_wrap .board_list_txt_box p,
    .main#person_info_policy .board_wrap._02 .board_post_wrap .board_list_txt_wrap .board_list_txt_box p {
        font-size: 14px;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: -0.8px;
        color: #333333;
    }

    .main#person_info_policy .board_wrap._01 .board_post_wrap .board_list_txt_wrap .board_list_txt_box p:nth-of-type(1) {
        flex-shrink: 0;
        width: 60px;
        font-weight: 600;
    }

    .main#person_info_policy .board_wrap._01 .board_post_wrap .board_list_txt_wrap .board_list_txt_box:nth-of-type(4) p:nth-of-type(2),
    .main#person_info_policy .board_wrap._02 .board_post_wrap .board_list_txt_wrap .board_list_txt_box:nth-of-type(4) p:nth-of-type(2) {
        padding-top: 2px;
        padding-bottom: 2px;
        line-height: 140%;
    }

    .main#person_info_policy .board_wrap._02 .board_post_wrap .board_list_txt_wrap .board_list_txt_box ul {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .main#person_info_policy .board_wrap._02 .board_post_wrap .board_list_txt_wrap .board_list_txt_box ul li {
        align-items: flex-start;
        gap: 5px;
        border-bottom: unset;
        line-height: 100%;
    }

    .main#person_info_policy .board_wrap._02 .board_post_wrap .board_list_txt_wrap .board_list_txt_box ul li::before {
        content: '';
        display: block;
        flex-shrink: 0;
        width: 3px;
        height: 3px;
        margin-top: 0.5em;
        border-radius: 50%;
        background-color: #1F1F1F;
    }

    .main#person_info_policy .content .content_wrap .content_box .btn_block .btn {
        width: 100%;
        height: 56px;
        justify-content: flex-start;
    }

    .main#person_info_policy .content .content_wrap .content_box .btn_block .btn span {
        justify-content: space-between;
        width: 100%;
    }
}

/* dictionary-policy */
@charset "UTF-8";

/* dictionary_policy */
.main#dictionary_policy .content .content_wrap .content_box .txt_block {
    gap: unset;
}

.main#dictionary_policy .point_wrap {
    padding: 28px;
    border-radius: 8px;
    background-color: #F3F6FB;
}

.main#dictionary_policy .point_wrap._02 {
    width: fit-content;
    padding: 12px;
    border-radius: unset;
}

.main#dictionary_policy .point_wrap._02 img {
    max-width: 317px;
}

.main#dictionary_policy .point_wrap .ttl {
    font-size: 18px;
    word-break: keep-all;
}

.main#dictionary_policy .point_wrap .txt {
    word-break: keep-all;
}

.main#dictionary_policy .point_wrap .txt a {
    text-decoration: underline;
    color: #0041CA;
}

.main#dictionary_policy .point_wrap ul.txt_indent {
    text-indent: -1em;
}

.main#dictionary_policy .report_wrap {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 600px;
    overflow: hidden;
    background-color: #F3F6FB;
}

@media (max-width:799px) {
    .main#dictionary_policy .txt_block .ttl {
        line-height: 128%;
        word-break: normal;
    }

    .main#dictionary_policy .point_wrap .txt {
        font-size: 15px;
        word-break: normal;
    }

    .main#dictionary_policy .point_wrap {
        padding: 20px 16px;
    }

    .main#dictionary_policy .point_wrap._02 {
        padding: 14px;
    }

    .main#dictionary_policy .point_wrap._02 img {
        max-width: 324px;
    }

    .main#dictionary_policy .report_wrap {
        height: 512px;
    }
}

/* discrimination-campaign */
.main#discrimination_campaign .content .content_wrap .content_box .txt_block {
    gap: unset;
}

.main#discrimination_campaign .tab_ttl {
    line-height: 128%;
}

.main#discrimination_campaign .w800 {
    max-width: 800px;
}

@media (max-width:799px) {
    .main#discrimination_campaign .tab_ttl {
        line-height: 100%;
    }
}

/* hate-speech-guideline */
@charset "UTF-8";

/* hate_speech_guideline */
.main#hate_speech_guideline .content .content_wrap .content_box .txt_block {
    gap: unset;
}

.main#hate_speech_guideline .txt_block .ttl {
    font-weight: 600;
}

.main#hate_speech_guideline .enacted_txt {
    font-size: 14px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -0.8px;
    color: #1F1F1F;
}

.main#hate_speech_guideline .txt_block ol ul {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.8px;
    color: #1F1F1F;
}

@media (max-width:799px) {
    
}

/* chatbot-ethics-guideline */
@charset "UTF-8";

/* chatbot_ethics_guideline */
.main#chatbot_ethics_guideline .content .content_wrap .content_box .txt_block {
    gap: unset;
}

.main#chatbot_ethics_guideline .txt_block .ttl {
    font-weight: 600;
}

.main#chatbot_ethics_guideline .enacted_txt {
    font-size: 14px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -0.8px;
    color: #1F1F1F;
}

.main#chatbot_ethics_guideline .txt_block ol ul {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.8px;
    color: #1F1F1F;
}

@media (max-width:799px) {
    
}

/* youth-search-guideline */
@charset "UTF-8";

/* youth_search_guideline */
.main#youth_search_guideline .content .content_wrap .content_box .txt_block {
    gap: unset;
}

.main#youth_search_guideline .txt_block .ttl {
    font-weight: 600;
}

.main#youth_search_guideline .enacted_txt {
    font-size: 14px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -0.8px;
    color: #1F1F1F;
}

.main#youth_search_guideline .txt_block ol ul {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.8px;
    color: #1F1F1F;
}

@media (max-width:799px) {
    
}

/* story-content-guideline */
@charset "UTF-8";

/* story_content_guideline */
.main#story_content_guideline .content .content_wrap .content_box .txt_block {
    gap: unset;
}

.main#story_content_guideline .txt_block .ttl {
    font-weight: 600;
}

.main#story_content_guideline .enacted_txt {
    font-size: 14px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -0.8px;
    color: #1F1F1F;
}

.main#story_content_guideline .txt_block ol ul {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.8px;
    color: #1F1F1F;
}

.main#story_content_guideline .tbl_block.pc_only table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #1F1F1F;
}

.main#story_content_guideline .tbl_block.pc_only table th {
    padding: 19px;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    color: #1F1F1F;
    background-color: #F3F6FB;
    vertical-align: middle;
}

.main#story_content_guideline .tbl_block.pc_only table th:nth-of-type(1) {
    width: 13%;
    min-width: 130px;
}

.main#story_content_guideline .tbl_block.pc_only table th:nth-of-type(2) {
    width: 17%;
    min-width: 130px;
}

.main#story_content_guideline .tbl_block.pc_only table td {
    padding: 20px;
    border: 1px solid #DDDDDD;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -1px;
    text-align: center;
    word-break: keep-all;
    color: #1F1F1F;
    vertical-align: middle;
}

.main#story_content_guideline .tbl_block.pc_only table td.bl_none {
    border-left: none;
}

.main#story_content_guideline .tbl_block.pc_only table td.br_none {
    border-right: none;
    text-align: left;
}

@media (max-width:799px) {
    .main#story_content_guideline .tbl_block.sp_only table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        border-top: 1px solid #1F1F1F;
    }

    .main#story_content_guideline .tbl_block.sp_only table th {
        padding: 19px 14px;
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        color: #1F1F1F;
        background-color: #F3F6FB;
        vertical-align: middle;
    }

    .main#story_content_guideline .tbl_block.sp_only table th:nth-of-type(1) {
        width: 22%;
        min-width: 77px;
    }

    .main#story_content_guideline .tbl_block.sp_only table td {
        padding: 16px;
        border: 1px solid #DDDDDD;
        word-break: keep-all;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: -1px;
        color: #1F1F1F;
    }

    .main#story_content_guideline .tbl_block.sp_only table td > p {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: -1px;
        color: #1F1F1F;
    }

    .main#story_content_guideline .tbl_block.sp_only table td ul {
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: -1px;
        color: #1F1F1F;
    }

    .main#story_content_guideline .tbl_block.sp_only table td.bl_none {
        border-left: none;
        vertical-align: middle;
        text-align: center;
    }

    .main#story_content_guideline .tbl_block.sp_only table td.br_none {
        border-right: none;
        text-align: left;
    }
}
