/**
 * Created by PhpStorm.
 * Date         : 2023-06-07
 * Developer    : InSeok Yang
 * Description  : style.css
 * ⓒ 2023. WebPlanet Co. All Rights Reserved.
 */

/*******************************************************************************************/
/* COMMON */
/*******************************************************************************************/
/* FONT */

@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'SEBANG_Gothic_Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Handletter';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_05@1.0/Handletter.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
    --font-preel: 'Pretendard-ExtraLight';
    --font-prel: 'Pretendard-Light';
    --font-prer: 'Pretendard-Regular';
    --font-prem: 'Pretendard-Medium';
    --font-preeb: 'Pretendard-ExtraBold';
    --font-preb: 'Pretendard-Bold';
    --font-presb: 'Pretendard-SemiBold';
    --font-sbg: 'SEBANG_Gothic_Bold';
    --font-ltr: 'Handletter';
}


/* Input[type=text] reset */
.wp_solution input[type="text"],
.wp_solution input[type="password"] {
    outline: none;
    border: 1px solid #C4C4C4;
    font-size: 15px;
}

/* Input[type=checkbox] reset */
.wp_solution input[type="checkbox"] {
    display: none;
}

.wp_solution input[type="checkbox"] + label {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    background-image: url(/_wp/app/bbs/skin/wp_basic/img/ico_chk_off.png);
    background-repeat: no-repeat;
    margin-right: 5px;
}

.wp_solution input[type="checkbox"]:checked + label::after {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(/_wp/app/bbs/skin/wp_basic/img/ico_chk_on.png);
    background-repeat: no-repeat;
}

/* Input[type=radio] reset */
.wp_solution input[type="radio"] {
    vertical-align: middle;
    appearance: none;
    border: max(1px, 0.1em) solid #C4C4C4;
    border-radius: 50%;
    min-width: 20px;
    min-height: 20px;
}

.wp_solution input[type="radio"]:checked {
    border: 0.15em solid #fff;
    outline: 1px solid #67A7DF;
    background-color: #67A7DF;
}


/* textarea reset */
.wp_solution textarea {
    padding: 10px;
    border: 1px solid #D4D4D4;
    outline: none;
}


/* Select reset */
.wp_solution select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearence: none;
    outline: none;
    border: 1px solid #C4C4C4;
}


/* Button reset */
.wp_solution .wp_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    border: none;
    outline: none;
    box-sizing: border-box;
}


/* Write_Button_List */
.wp_solution #wp_write_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}

.wp_solution #wp_write_list .wp_btn_wrt {
    width: 85px;
    height: 40px;
    font-size: 15px;
    font-family: var(--font-prer);
    border: 1px solid #ABABAB;
    transition: 0.2s;
}

.wp_solution #wp_write_list .wp_btn_wrt:hover {
    color: #fff;
    background-color: #393939;
    border: 1px solid #393939;
    transition: 0.4s;
}


/* Danger Text */
.wp_solution .dg_txt {
    display: block;
    color: #D90B0B;
    font-size: 16px;
    font-family: var(--font-prer);
    margin-top: 5px;
}

/*******************************************************************************************/


/*******************************************************************************************/
/* LIST PAGE */
/*******************************************************************************************/
/* Head Area ================================================================ */
.wp_solution .wp_list_ctn .list_ctn_head {
    margin-bottom: 15px;
}

.wp_solution .wp_list_ctn .list_ctn_head .hd_line {
    gap: 10px;
}


/* Category */
.wp_solution #wp_ctg_box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 25px;
}

.wp_solution #wp_ctg_box .ctg_all {
    display: block;
    min-width: 28px;
    margin-right: 5px;
    font-size: 16px;
    font-family: var(--font-prel);
}

.wp_solution #wp_ctg_box .ctg_item {
    position: relative;
    padding: 5px 0;
}

.wp_solution #wp_ctg_box .ctg_item.on {
    font-size: 16px;
    font-family: var(--font-preb);
    font-weight: bold;
}

.wp_solution #wp_ctg_box .ctg_item.on:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 3px;
    background-color: #0E9DE6;
}

.wp_solution #wp_ctg_box .sub_ctg {
}

.wp_solution #wp_ctg_box .sub_ctg > li {
    display: inline-block;
    padding: 5px;
}

.wp_solution #wp_ctg_box .sub_ctg > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-family: var(--font-prel);
}

/* Total_Score */
.wp_solution #wp_total_score {
    min-width: 155px;
    font-size: 16px;
    font-family: var(--font-prer);
}

.wp_solution #wp_total_score .num {
    font-family: var(--font-presb);
}

.wp_solution #wp_total_score .page_num {
    font-family: var(--font-presb);
}


/* Min_Search */
.wp_solution #wp_min_sch {
    min-width: 280px;
}

.wp_solution #wp_min_sch > form {
}

.wp_solution #wp_min_sch .min_sch_inner {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}

.wp_solution #wp_min_sch .min_sch_inner select {
    width: 100px;
    min-width: 80px;
    height: 30px;
    padding: 0 5px;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearence: none;
    background-image: url(/_wp/app/bbs/skin/wp_basic/img/sel_dwn.png);
    background-repeat: no-repeat;
    background-position: 95% center;
}

.wp_solution #wp_min_sch .min_sch_inner .wp_shp_sch {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    padding: 5px;
    background-color: #F3F3F3;
}

.wp_solution #wp_min_sch .min_sch_inner .wp_shp_sch input[type="text"] {
    border: none;
    background: none;
    font-size: 14px;
    font-family: var(--font-prel);
}

.wp_solution #wp_min_sch .min_sch_inner .wp_shp_sch input::placeholder {
    font-size: 14px;
    font-family: var(--font-prel);
}

.wp_solution #wp_min_sch .min_sch_inner .wp_shp_sch button {
}

.wp_solution #wp_min_sch .min_sch_inner .wp_shp_sch button > img {
    min-width: 15px;
    min-height: 15px;
}


/* Body Area ============================================================================= */

.wp_solution .wp_list_ctn .list_ctn_body {
    margin-bottom: 60px;
}


.wp_solution #wp_shp_qa{}
.wp_solution #wp_shp_qa .qa_list{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap:15px;
}
.wp_solution #wp_shp_qa .qa_list>li{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:20px;
    padding:25px 15px;
    border:1px solid #ABABAB;
}
.wp_solution #wp_shp_qa .qa_list>li>input[type="checkbox"]{
    display: block;
    flex-grow: 0;
    width: 15px;
    height: 15px;
    margin:0 10px;
    border:1px solid #ABABAB;
}
.wp_solution #wp_shp_qa .qa_list>li>a{
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    align-content: center;
    overflow: hidden;
    gap:10px;
}
.wp_solution #wp_shp_qa .qa_list>li>a>.list_num{
    width: 80px;
    color:#7B7B7B;
    font-size: 15px;
    font-family: var(--font-prer);
}
.wp_solution #wp_shp_qa .qa_list>li>a>.list_tit{
    width: 80%;
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
}
.wp_solution #wp_shp_qa .qa_list>li>a>.list_tit .tit{
    font-size: 18px;
    font-family: var(--font-prer);
}
.wp_solution #wp_shp_qa .qa_list>li>a>.list_tit>i{
    font-size: 18px;
}
.wp_solution #wp_shp_qa .qa_list>li>a>.list_name{
    min-width: 60px;
    color:#707070;
    font-size: 16px;
    font-family: var(--font-prer);
}
.wp_solution #wp_shp_qa .qa_list>li>a>.list_date{
    min-width: 100px;
    color:#707070;
    font-size: 16px;
    font-family: var(--font-prer);
}
.wp_solution #wp_shp_qa .qa_list>li>.sq_box{
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 63px;
    min-height: 63px;
    font-size: 13px;
    font-family: var(--font-prer);
}

.wp_solution #wp_shp_qa .qa_list>li>.sq_box.rcpt{
    background-color: #fff;
    border:1px solid #707070;
    box-sizing: border-box;
}
.wp_solution #wp_shp_qa .qa_list>li>.sq_box.acpt{
    color:#fff;
    background-color: #67A7DF;
}
.wp_solution #wp_shp_qa .qa_list>li>.sq_box.ipg{
    color:#fff;
    background-color: #C7E4FE;
}

/* Foot Area ============================================================================= */
.wp_solution .list_ctn_foot {
}

/* Pager */
.wp_solution #wp_stn_pager {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.wp_solution #wp_stn_pager .pager {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_solution #wp_stn_pager .pager > a {
    width: 40px;
    height: 40px;
    font-size: 18px;
    font-family: var(--font-prel);
}

.wp_solution #wp_stn_pager .pager .wp_pg_num {
    transition: 0.2s;
}

.wp_solution #wp_stn_pager .pager .wp_pg_num.on {
    color: #fff;
    border-radius: 50%;
    background-color: #454545;
    transition: 0.3s;
}

.wp_solution #wp_stn_pager .pager .wp_pg_num:hover {
    color: #fff;
    border-radius: 50%;
    background-color: #67a7df;
    transition: 0.3s;
}

.wp_solution #wp_stn_pager .pager .wp_pg_arrow {
}

.wp_solution #wp_stn_pager .pager .wp_pg_arrow:hover svg path {
    fill: #67a7df;
}


/*PW_Modal -----------------------------------------------------------------------------------*/
.wp_solution .wp_bbs_modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
}

.wp_solution .wp_bbs_modal .modal_inner {
    width: 250px;
    /*height: 185px;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 15px;
    background-color: #fff;
    border: 2px solid #67A7DF;
    border-radius: 20px;
}

.wp_solution .wp_bbs_modal .modal_inner .modal_head {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wp_solution .wp_bbs_modal .modal_inner .modal_head .wp_pw_cls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: none;
}

.wp_solution .wp_bbs_modal .modal_inner .modal_body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
}

.wp_solution .wp_bbs_modal .modal_inner .modal_body .body_box {
    width: 100%;
}

.wp_solution .wp_bbs_modal .modal_inner .modal_body .body_box .modal_tit {
    display: block;
    font-size: 15px;
    font-family: var(--font-prer);
    text-align: left;
    /*margin-bottom: 25px;*/
    padding-bottom: 10px;
    border-bottom: 1px solid #C4C4C4;
}

.wp_solution .wp_bbs_modal#wp_file_modal .modal_inner .modal_body .body_box .modal_tit {
    text-align: left;
}

.wp_solution .wp_bbs_modal .modal_inner .modal_body .body_box .inp_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    padding-top: 15px;
}

.wp_solution .wp_bbs_modal#wp_file_modal .modal_inner .modal_body .body_box .inp_box {
    flex-direction: column;
    align-items: flex-start;
}

.wp_solution .wp_bbs_modal .modal_inner .modal_body .body_box .inp_box input {
    flex-grow: 1;
    height: 40px;
    border: 1px solid #D4D4D4;
}

.wp_solution .wp_bbs_modal .modal_inner .modal_body .body_box .inp_box input.pswd {
    max-width: 150px;
    width: 150px;
}
.wp_solution .wp_bbs_modal .modal_inner .modal_body .body_box .inp_box .wp_btn_sbm {
    width: 85px;
    height: 40px;
    color: #fff;
    background-color: #393939;
}

.wp_solution .wp_bbs_modal .modal_inner .modal_body .body_box .inp_box .wp_btn_dwn {
    gap: 5px;
    color: #707070;
    font-size: 14px;
    font-family: var(--font-prel);
}

.wp_solution .wp_bbs_modal .modal_inner .modal_body .body_box .inp_box .wp_btn_dwn>i {
    color: #67a7df;
    font-size: 18px;
}


/*반응형 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media (max-width: 992px) {
    .wp_solution #wp_shp_qa .qa_list>li>a{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .wp_solution #wp_shp_qa .qa_list>li>a>.list_tit{
        width: 100%;
    }

    .wp_solution #wp_shp_qa .qa_list>li>a>.list_tit .tit {
        font-size: 17px;
    }
}

@media (max-width: 768px) {

    /* Table_list */
    .wp_solution #wp_shp_table01 .wp_list_tr > a {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .wp_solution #wp_shp_table01 .wp_list_tr:first-child {
        display: none;
    }

    .wp_solution #wp_shp_table01 .wp_list_tr .wp_list_td.wp_ln_tit {
        width: 80%;
    }

    .wp_solution #wp_shp_table01 .wp_list_tr .wp_list_td.wp_ln_lk {
        display: none;
    }

    .wp_solution #wp_shp_table01 .wp_list_tr .wp_list_td.wp_ln_nm,
    .wp_solution #wp_shp_table01 .wp_list_tr .wp_list_td.wp_ln_date {
        min-width: 100%;
        text-align: right;
    }
}

@media (max-width: 576px) {
    /* Total_Score */
    .wp_solution #wp_total_score {
        text-align: right;
    }


    .wp_solution #wp_shp_qa .qa_list>li {
        padding: 20px 15px;
    }
    .wp_solution #wp_shp_qa .qa_list>li>a>.list_tit>i {
        font-size: 17px;
    }
    .wp_solution #wp_shp_qa .qa_list>li>a>.list_name {
        min-width: 55px;
        font-size: 15px;
    }
    .wp_solution #wp_shp_qa .qa_list>li>a>.list_date {
        font-size: 15px;
    }
    .wp_solution #wp_shp_qa .qa_list>li>a {
        gap: 8px;
    }
    .wp_solution #wp_min_sch .min_sch_inner select {
        width: 90px;
    }
}
@media (max-width: 575px) {
    /* Total_Score */
    .wp_solution #wp_total_score {
        text-align: right;
    }
}

@media (max-width: 420px) {
    .wp_solution #wp_min_sch .min_sch_inner .wp_shp_sch input[type="text"] {
        font-size: 13px;
    }
    .wp_solution #wp_total_score {
        font-size: 14px;
    }
    .wp_solution #wp_min_sch .min_sch_inner select {
        font-size: 14px;
    }
    .wp_solution #wp_min_sch .min_sch_inner {
        gap: 10px;
    }
    .wp_solution #wp_shp_qa .qa_list>li>a>.list_tit .tit {
        font-size: 16px;
    }
    .wp_solution #wp_shp_qa .qa_list>li>.sq_box {
        min-width: 60px;
        min-height: 60px;
    }
    .wp_solution #wp_shp_qa .qa_list>li>a {
        gap: 7px;
    }
}

@media (max-width: 375px) {
    .wp_solution #wp_min_sch {
        min-width: unset;
    }
    .wp_solution #wp_min_sch .min_sch_inner select {
        width: 100%;
        max-width: 80px;
        min-width: 50px;
    }
    .wp_solution #wp_min_sch .min_sch_inner .wp_shp_sch input[type="text"] {
        max-width: 130px;
    }
    .wp_solution #wp_shp_qa .qa_list>li {
        gap: 5px;
        padding: 15px 10px;
    }



    .wp_solution #wp_shp_qa .qa_list>li>a>.list_name {
        font-size: 14px;
    }
    .wp_solution #wp_shp_qa .qa_list>li>a>.list_date {
        font-size: 14px;
    }
    .wp_solution #wp_shp_qa .qa_list>li>a>.list_num {
        font-size: 14px;
    }
    .wp_solution #wp_shp_qa .qa_list>li>a>.list_tit .tit {
        font-size: 15px;
    }
}


@media (max-width: 320px) {
    .wp_solution #wp_min_sch .min_sch_inner {
        justify-content: space-between;
        gap: 10px;
    }
}


/*******************************************************************************************/


/****************************************************************************************************************************************/
/* View 페이지 */
/****************************************************************************************************************************************/
/*Head --------------------------------------------------------------------------------------------*/
.wp_solution #wp_view_head {
}

.wp_solution #wp_view_head .wp_head_content {
    border-top: 1px solid #707070;
}

.wp_solution #wp_view_head .wp_head_content .hd_line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px;
    border-bottom: 1px solid #D4D4D4;
}

.wp_solution #wp_view_head .wp_head_content .hd_line .wp_lt_cont {
}

.wp_solution #wp_view_head .wp_head_content .hd_line .wp_lt_cont .wp_head_tit {
    display: flex;
    align-items: center;
    color: #393939;
    font-size: 16px;
    font-family: var(--font-prem);
}

.wp_solution #wp_view_head .wp_head_content .hd_line .wp_lt_cont .tit_item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.wp_solution #wp_view_head .wp_head_content .hd_line .wp_lt_cont .tit_item > dt {
    color: #707070;
    font-size: 16px;
    font-family: var(--font-prer);
}

.wp_solution #wp_view_head .wp_head_content .hd_line .wp_lt_cont .tit_item > dd {
    color: #ABABAB;
    font-size: 16px;
    font-family: var(--font-prel);
}

.wp_solution #wp_view_head .wp_head_content .hd_line .wp_rt_cont {
}

.wp_solution #wp_view_head .wp_head_content .hd_line .wp_rt_cont .wp_ico_list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}

.wp_solution #wp_view_head .wp_head_content .hd_line .wp_rt_cont .wp_ico_list .wp_ico_item {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    color: #ABABAB;
    font-size: 16px;
    font-family: var(--font-prel);
}

.wp_solution #wp_view_head .wp_head_content .hd_line .wp_rt_cont .wp_ico_list .wp_ico_item > a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #717071;
}

.wp_solution #wp_view_head .wp_head_content .hd_line .wp_rt_cont .wp_ico_list .wp_ico_item > a > i,
.wp_solution #wp_view_head .wp_head_content .hd_line .wp_rt_cont .wp_ico_list .wp_ico_item > a > img {
}


/*Body --------------------------------------------------------------------------------------------*/
.wp_solution #wp_view_body {
}

.wp_solution #wp_view_body .wp_body_inner {
    padding: 30px 10px;
}

.wp_solution #wp_view_body .wp_body_inner > pre {
    width: 100%;
    min-height: 200px;
    /*background-color: #F8F8F8;*/
    white-space: pre-wrap;
    word-wrap: break-word;
}


/*Foot --------------------------------------------------------------------------------------------*/
.wp_solution #wp_view_foot {
}


/* 좋아요 영역 -----------------------------------------------------------------------------------*/
.wp_solution #wp_view_foot .wp_like_box {
    margin-bottom: 25px;
}

.wp_solution #wp_view_foot .wp_like_box .like_box {
    padding: 0 10px;
}

.wp_solution #wp_view_foot .wp_like_box .like_box .col_box {
    display: inline-block;
    color: #707070;
    font-size: 16px;
    font-family: var(--font-prer);
    cursor: pointer;
}

.wp_solution #wp_view_foot .wp_like_box .like_box .col_box > i {
    color: #67A7DF;
    font-size: 16px;
}

.wp_solution #wp_view_foot .wp_like_box .like_box .col_box > svg {
}

.wp_solution #wp_view_foot .wp_like_box .like_box .col_box.on > svg > path {
    fill: #67a7df;
}

.wp_solution #wp_view_foot .wp_like_box .file_box {
    padding: 0 10px;
}

.wp_solution #wp_view_foot .wp_like_box .file_box .row_box {
}

.wp_solution #wp_view_foot .wp_like_box .file_box .row_box .tit {
    display: block;
    color: #707070;
    font-size: 15px;
    font-family: var(--font-prel);
    margin-bottom: 5px;
}

.wp_solution #wp_view_foot .wp_like_box .file_box .row_box .wp_btn_dwn {
    display: inline-block;
}

.wp_solution #wp_view_foot .wp_like_box .file_box .row_box .wp_btn_dwn .btn_inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    color: #707070;
    font-size: 14px;
    font-family: var(--font-prel);
}

.wp_solution #wp_view_foot .wp_like_box .file_box .row_box .wp_btn_dwn .btn_inner > i {
    color: #67A7DF;
    font-size: 22px;
}

.wp_solution #wp_view_foot .wp_like_box .wp_line {
    width: 100%;
    height: 1px;
    margin: 15px 0;
    background-color: #D4D4D4;
}


/* 답변 영역 */
.wp_solution #wp_view_foot .wp_answer_box {
    margin-bottom: 25px;
}

.wp_solution #wp_view_foot .wp_answer_box .answer_head {
    padding: 10px;
    color: #707070;
    font-size: 14px;
    font-family: var(--font-prem);
    border-bottom: 1px solid #707070;
}

.wp_solution #wp_view_foot .wp_answer_box .answer_body {
    padding: 10px;
}

.wp_solution #wp_view_foot .wp_answer_box .answer_body pre {
    width: 100%;
    min-height: 70px;
    padding: 15px 10px;
    border: 1px solid #D4D4D4;
    outline: none;
    white-space: pre-wrap;

    word-wrap: break-word;
}


/* 댓글 영역 */
.wp_solution #wp_view_foot .wp_comment_box {
    margin-bottom: 25px;
}


/* 댓글영역 - 헤드 */
.wp_solution #wp_view_foot .wp_comment_box .comment_head {
    padding: 10px;
    color: #707070;
    font-size: 14px;
    font-family: var(--font-prem);
    border-bottom: 1px solid #707070;
}

.wp_solution #wp_view_foot .wp_comment_box .comment_head i {
}


/* 댓글영역 - 바디 */
.wp_solution #wp_view_foot .wp_comment_box .comment_body {
    border-bottom: 1px solid #C4C4C4;
}

.wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner {
}

.wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner.reply {
    padding-left: 30px;
}


.wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner .row_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner .row_box .col_lt {
}

.wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner .row_box .col_lt .info_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner .row_box .col_lt .info_box .name {
    font-size: 14px;
    font-family: var(--font-prem);
}

.wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner .row_box .col_lt .info_box .date {
    font-size: 12px;
    font-family: var(--font-prel);
}

.wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner .row_box .col_rt {
}

.wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner .row_box .col_rt .edit_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner .row_box .col_rt .edit_box .wp_btn_wrt {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}


.wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner .row_box .wp_body_txt {
    color: #2B2828;
    font-size: 14px;
    font-family: var(--font-prel);
    white-space: pre-wrap;
}

.wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner .row_box .wp_body_txt .target {
    font-weight: bold;
}

.wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner .row_body {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner .row_body .img_list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

@media (max-width: 576px) {
    .wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner .row_body .img_list {
        flex-direction: column;
    }
}

.wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner .row_body .img_list .img_frame {
    max-width: 500px;
}

.wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner .row_body .img_list .img_frame > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner .row_foot {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner .row_foot .wp_add_cmt {
}

.wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner .row_foot .wp_add_cmt .wp_btn_cmt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.wp_solution #wp_view_foot .wp_comment_box .comment_body .cmt_body_inner .row_foot .wp_add_cmt .wp_btn_cmt > i {
    color: #67A7DF;
}


/* 이전/다음 영역 */
.wp_solution #wp_view_foot .wp_arrow_box {
    margin-bottom: 25px;
    border-top: 1px solid #707070;
}

.wp_solution #wp_view_foot .wp_arrow_box .wp_arrow_frame {
    overflow: hidden;
    border-bottom: 1px solid #D4D4D4;
}

.wp_solution #wp_view_foot .wp_arrow_box .wp_arrow_frame > a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 10px;
    gap: 45px;
}

.wp_solution #wp_view_foot .wp_arrow_box .wp_arrow_frame > a > .col_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.wp_solution #wp_view_foot .wp_arrow_box .wp_arrow_frame > a > .col_box > i {
    color: #7B7B7B;
    font-size: 22px;
}

.wp_solution #wp_view_foot .wp_arrow_box .wp_arrow_frame > a > .col_box:nth-child(2) {
    flex-grow: 1;
    display: unset;
    width: 70%;
}

.wp_solution #wp_view_foot .wp_arrow_box .wp_arrow_frame > a > .col_box .col_arrow {
    color: #7B7B7B;
    font-size: 16px;
    font-family: var(--font-prem);
}

.wp_solution #wp_view_foot .wp_arrow_box .wp_arrow_frame > a > .col_box .col_tit {
    color: #393939;
    font-size: 16px;
    font-family: var(--font-prer);
}


/* 페이저 영역 */
.wp_solution #wp_view_foot .wp_pager_box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.wp_solution #wp_view_foot .wp_pager_box .pager_list {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_solution #wp_view_foot .wp_pager_box .pager_list > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    color: #393939;
    font-size: 16px;
    font-family: var(--font-prel);
    transition: 0.4s;
}

.wp_solution #wp_view_foot .wp_pager_box .pager_list > a:hover,
.wp_solution #wp_view_foot .wp_pager_box .pager_list > a.on {
    color: #fff;
    font-family: var(--font-prer);
    border-radius: 50%;
    background-color: #67A7DF;
    transition: 0.4s;
}

.wp_solution #wp_view_foot .wp_pager_box .pager_list > a:hover > svg path {
    fill: #fff;
}


/* 기본 댓글 달기 영역 -------- 수정사항  */

.wp_solution #wp_view_foot .basic_reply_wrt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #C4C4C4;
}

.wp_solution #wp_view_foot .basic_reply_wrt form {
    width: 100%;
}


.wp_solution #wp_view_foot .basic_reply_wrt .reply_wrt_head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.wp_solution #wp_view_foot .basic_reply_wrt .reply_wrt_head .tit_box {
    color: #393939;
    font-size: 14px;
    font-family: var(--font-prem);
}

.wp_solution #wp_view_foot .basic_reply_wrt .reply_wrt_head .tit_box.log_tit {
    /* padding-left: 20px; */
}

.wp_solution #wp_view_foot .basic_reply_wrt .reply_wrt_head .chk_box {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #7B7B7B;
    font-size: 14px;
    font-family: var(--font-prem);
}

.wp_solution #wp_view_foot .basic_reply_wrt .wp_add_wrt {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #7B7B7B;
    font-size: 14px;
    font-family: var(--font-prem);
}

.wp_solution #wp_view_foot .basic_reply_wrt .wp_add_wrt textarea {
    flex-grow: 1;
    height: 80px;
    border: 1px solid #D4D4D4;
}

.wp_solution #wp_view_foot .basic_reply_wrt .wp_add_wrt .wp_btn_rgt,
.wp_solution #wp_view_foot .basic_reply_wrt .wp_add_wrt .wp_btn_inp {
    width: 80px;
    height: 80px;
    font-size: 14px;
    font-family: var(--font-prel);
    border: 1px solid #C4C4C4;
    background-color: #fff;
    transition: 0.2s;
}

.wp_solution #wp_view_foot .basic_reply_wrt .wp_add_wrt .wp_btn_rgt:hover,
.wp_solution #wp_view_foot .basic_reply_wrt .wp_add_wrt .wp_btn_inp:hover {
    color: #fff;
    background-color: #393939;
    transition: 0.2s;
}


/* 대댓글 */
.wp_solution #wp_view_foot #reply_wrt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px;
    /*margin-bottom: 20px;*/
    /*border-bottom: 1px solid #C4C4C4;*/
}


.wp_solution #wp_view_foot #reply_wrt .reply_wrt_head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.wp_solution #wp_view_foot #reply_wrt .reply_wrt_head .tit_box {
    color: #393939;
    font-size: 14px;
    font-family: var(--font-prem);
}

.wp_solution #wp_view_foot #reply_wrt .reply_wrt_head .chk_box {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #7B7B7B;
    font-size: 14px;
    font-family: var(--font-prem);
}

.wp_solution #wp_view_foot #reply_wrt .wp_add_wrt {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    /*padding-left: 20px;*/
    color: #7B7B7B;
    font-size: 14px;
    font-family: var(--font-prem);
}

.wp_solution #wp_view_foot #reply_wrt .wp_add_wrt textarea {
    flex-grow: 1;
    height: 80px;
    border: 1px solid #D4D4D4;
}

.wp_solution #wp_view_foot #reply_wrt .wp_add_wrt .wp_btn_rgt,
.wp_solution #wp_view_foot #reply_wrt .wp_add_wrt .wp_btn_inp {
    width: 80px;
    height: 80px;
    font-size: 14px;
    font-family: var(--font-prel);
    border: 1px solid #C4C4C4;
    background-color: #fff;
    transition: 0.2s;
}

.wp_solution #wp_view_foot #reply_wrt .wp_add_wrt .wp_btn_rgt:hover,
.wp_solution #wp_view_foot #reply_wrt .wp_add_wrt .wp_btn_inp:hover {
    color: #fff;
    background-color: #393939;
    transition: 0.2s;
}


/* 대댓글 수정버젼 */
.wp_solution #wp_view_foot #reply_edit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px;
    /*margin-bottom: 20px;*/
    /*border-bottom: 1px solid #C4C4C4;*/
    background-color: #F3F3F3;
}


.wp_solution #wp_view_foot #reply_edit .reply_wrt_head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.wp_solution #wp_view_foot #reply_edit .reply_wrt_head .tit_box {
    color: #393939;
    font-size: 14px;
    font-family: var(--font-prem);
}

.wp_solution #wp_view_foot #reply_edit .reply_wrt_head .chk_box {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #7B7B7B;
    font-size: 14px;
    font-family: var(--font-prem);
}

.wp_solution #wp_view_foot #reply_edit .wp_add_wrt {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    /*padding-left: 20px;*/
    color: #7B7B7B;
    font-size: 14px;
    font-family: var(--font-prem);
}

.wp_solution #wp_view_foot #reply_edit .wp_add_wrt textarea {
    flex-grow: 1;
    height: 80px;
    border: 1px solid #D4D4D4;
}

.wp_solution #wp_view_foot #reply_edit .wp_add_wrt .wp_btn_rgt,
.wp_solution #wp_view_foot #reply_edit .wp_add_wrt .wp_btn_inp {
    width: 80px;
    height: 80px;
    font-size: 14px;
    font-family: var(--font-prel);
    border: 1px solid #C4C4C4;
    background-color: #fff;
    transition: 0.2s;
}

.wp_solution #wp_view_foot #reply_edit .wp_add_wrt .wp_btn_rgt:hover,
.wp_solution #wp_view_foot #reply_edit .wp_add_wrt .wp_btn_inp:hover {
    color: #fff;
    background-color: #393939;
    transition: 0.2s;
}


/* 이미지등록/입력하기 */
.wp_solution #wp_view_foot .row_reply_wrt .wp_add_wrt {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    padding: 20px;
}

.wp_solution #wp_view_foot .row_reply_wrt .wp_add_wrt > textarea {
    flex-grow: 1;
    height: 80px;
    border: 1px solid #D4D4D4;
}

.wp_solution #wp_view_foot .row_reply_wrt .wp_add_wrt .wp_btn_rgt,
.wp_solution #wp_view_foot .row_reply_wrt .wp_add_wrt .wp_btn_inp {
    width: 80px;
    height: 80px;
    font-size: 14px;
    font-family: var(--font-prel);
    border: 1px solid #C4C4C4;
    background-color: #fff;
    transition: 0.2s;
}

.wp_solution #wp_view_foot .row_reply_wrt .wp_add_wrt .wp_btn_rgt:hover,
.wp_solution #wp_view_foot .row_reply_wrt .wp_add_wrt .wp_btn_inp:hover {
    color: #fff;
    background-color: #393939;
    transition: 0.2s;
}


@media (max-width: 576px) {

    .wp_solution #wp_view_foot #reply_wrt .wp_add_wrt,
    .wp_solution #wp_view_foot #reply_edit .wp_add_wrt {
        padding: 0;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: flex-end;
    }

    .wp_solution #wp_view_foot #reply_wrt .wp_add_wrt textarea,
    .wp_solution #wp_view_foot #reply_edit .wp_add_wrt textarea {
        width: 100%;
        padding: 0;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: flex-end;
    }

    .wp_solution #wp_view_foot .row_reply_wrt .wp_add_wrt > textarea {
        width: 100%;
    }
}


/* 버튼영역 */

.wp_solution #wp_view_foot .wp_wrt_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}

.wp_solution #wp_view_foot .wp_wrt_list .wp_btn_wrt {
    width: 90px;
    height: 40px;
    color: #393939;
    font-size: 15px;
    font-family: var(--font-prer);
    border: 1px solid #ABABAB;
    transition: 0.4s;
}

.wp_solution #wp_view_foot .wp_wrt_list .wp_btn_wrt:hover {
    color: #fff;
    background-color: #393939;
    border: 1px solid #393939;
    transition: 0.4s;
}


/*이미지등록_Modal -----------------------------------------------------------------------------------*/
.wp_solution #wp_regist_modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
}

.wp_solution #wp_regist_modal .modal_inner {
    width: 350px;
    max-height: 340px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 25px 30px;
    background-color: #fff;
    border: 2px solid #67A7DF;
    border-radius: 36px;
}

.wp_solution #wp_regist_modal .modal_inner .modal_head {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wp_solution #wp_regist_modal .modal_inner .modal_head .wp_pw_cls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: none;
}

.wp_solution #wp_regist_modal .modal_inner .modal_head .wp_pw_cls > i {
    font-size: 20px;
}

.wp_solution #wp_regist_modal .modal_inner .modal_body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
}

.wp_solution #wp_regist_modal .modal_inner .modal_body .body_box {
}

.wp_solution #wp_regist_modal .modal_inner .modal_body .body_box .modal_tit {
    display: block;
    font-size: 20px;
    font-family: var(--font-prer);
    text-align: center;
}

.wp_solution #wp_regist_modal .modal_inner .modal_body .body_box .modal_des {
    display: block;
    color: #707070;
    font-size: 15px;
    font-family: var(--font-prer);
    text-align: center;
    margin-bottom: 10px;
}

.wp_solution #wp_regist_modal .modal_inner .modal_body .body_box .inp_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 5px;
    margin-bottom: 10px;
}

.wp_solution #wp_regist_modal .modal_inner .modal_body .body_box .inp_box .wp_file_frame {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_solution #wp_regist_modal .modal_inner .modal_body .body_box .inp_box .wp_file_frame .file_inp_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/*
.wp_solution #wp_regist_modal .modal_inner .modal_body .body_box .inp_box .wp_file_frame .file_inp_box .upload-name {
      display: inline-block;
      height: 30px;
      padding: 0 10px;
      border: 1px solid #dddddd;
      width: 60%;
      color: #999999;
} */

/* .wp_solution #wp_regist_modal .modal_inner .modal_body .body_box .inp_box .wp_file_frame .file_inp_box label {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 5px;
      padding: 10px 5px;
      background-color: #393939;
      cursor: pointer;
      width: 95px;
      height: 30px;
      color: #fff;
      font-size: 14px;
      font-family: var(--font-prel);
      box-sizing: border-box;
} */
/*
.wp_solution #wp_regist_modal .modal_inner .modal_body .body_box .inp_box .wp_file_frame .file_inp_box input[type="file"] {
      position: absolute;
      width: 0;
      height: 0;
      padding: 0;
      overflow: hidden;
      border: 0;
} */
.wp_solution #wp_regist_modal .modal_inner .modal_body .body_box .inp_box .wp_file_frame .file_inp_box {
    background-color: #393939;
    border: 1px solid #dddddd;
}

.wp_solution #wp_regist_modal .modal_inner .modal_body .body_box .inp_box .wp_file_frame .file_inp_box > i {
    color: #fff;
    font-size: 14px;
    padding: 0 0 0 5px;
}

.wp_solution #wp_regist_modal .modal_inner .modal_body .body_box .inp_box .wp_file_frame .file_inp_box > input[type=file] {
    width: 230px;
    color: #999999;
    /* border: 1px solid #dddddd; */
    border-left: none;
    background-color: #fff;
}

.wp_solution #wp_regist_modal .modal_inner .modal_body .body_box .inp_box .wp_file_frame .file_inp_box > input[type=file]::file-selector-button {
    gap: 5px;
    background-color: #393939;
    width: 65px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    font-family: var(--font-prel);
    border: none;
    box-sizing: border-box;
}

.wp_solution #wp_regist_modal .modal_inner .modal_body .body_box .inp_box .wp_file_chk {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp_solution #wp_regist_modal .modal_inner .modal_body .body_box .inp_box .wp_file_chk > input[type="checkbox"] {
    display: none;
}

.wp_solution #wp_regist_modal .modal_inner .modal_body .body_box .inp_box .wp_file_chk > input[type="checkbox"] + label {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    background-image: url(/_wp/app/bbs/skin/wp_basic/img/ico_chk_off.png);
    background-repeat: no-repeat;
    margin-right: 5px;
}

.wp_solution #wp_regist_modal .modal_inner .modal_body .body_box .inp_box .wp_file_chk > input[type="checkbox"]:checked + label::after {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(/_wp/app/bbs/skin/wp_basic/img/ico_chk_on.png);
    background-repeat: no-repeat;
}

.wp_solution #wp_regist_modal .modal_inner .modal_body .body_box .inp_box .wp_file_chk > label {
    color: #707070;
    font-size: 16px;
    font-family: var(--font-prer);
}


.wp_solution #wp_regist_modal .modal_inner .modal_body .body_box .inp_box .wp_file_frame > button {
}

.wp_solution #wp_regist_modal .modal_inner .modal_body .body_box .inp_box .wp_file_frame > button > i {
    font-size: 36px;
}

/* 반응형 ========================================================================================================== */
@media (max-width: 576px) {
    .wp_solution #wp_view_head .wp_head_content .hd_line {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .wp_solution #wp_view_body .wp_body_inner {
        padding: 20px 0px;
    }

    .wp_solution #wp_view_foot .wp_comment_box .reply_body .row_reply_wrt {
        padding: 10px;
    }

    .wp_solution #wp_view_foot .wp_comment_box .reply_body .row_reply_wrt .wp_add_wrt {
        padding: 0;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .wp_solution #wp_view_foot .wp_comment_box .reply_body .row_reply_wrt .wp_add_wrt > textarea {
        width: 100%;
    }

}


@media (max-width: 420px) {
    .wp_solution #wp_view_head .wp_head_content .hd_line {
        gap: 10px;
    }
}

/****************************************************************************************************************************************/


/****************************************************************************************************************************************/
/* 인풋 페이지 */
/****************************************************************************************************************************************/
/*Head --------------------------------------------------------------------------------------------*/
.wp_solution #wp_input_head {
}

.wp_solution #wp_input_head .wp_input_gd {
    margin-bottom: 20px;
}

.wp_solution #wp_input_head .wp_input_gd .txt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    color: #707070;
    font-size: 14px;
    font-family: var(--font-prer);
}

.wp_solution #wp_input_head .wp_input_gd .txt .dg_star {
    color: #D90B0B;
}

.wp_solution #wp_input_head .wp_head_content {
    border-top: 1px solid #707070;
}

.wp_solution #wp_input_head .wp_head_content .hd_line {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding: 10px;
    border-bottom: 1px solid #C4C4C4;
}

.wp_solution #wp_input_head .wp_head_content .hd_line .wp_inp_line {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.wp_solution #wp_input_head .wp_head_content .hd_line .wp_inp_line > dt {
    width: 100px;
    padding-top: 10px;
    color: #393939;
    font-size: 16px;
    font-family: var(--font-prem);
}

.wp_solution #wp_input_head .wp_head_content .hd_line .wp_inp_line > dt .dg_star {
    color: #D90B0B;
}

.wp_solution #wp_input_head .wp_head_content .hd_line .wp_inp_line > dd {
    flex-grow: 1;
}

.wp_solution #wp_input_head .wp_head_content .hd_line .wp_inp_line > dd input {
    width: 100%;
    height: 40px;
    border: 1px solid #C4C4C4;
    outline: none;
}

.wp_solution #wp_input_head .wp_head_content .hd_line .wp_inp_line > dd .dg_txt {
    display: block;
    margin-top: 5px;
    color: #D90B0B;
    font-size: 16px;
    font-family: var(--font-prer);
}

.wp_solution #input_ctn_head .head_inner .hd_line .wp_col > dd.wp_col_slt {
    flex-grow: 1;
}

.wp_solution #input_ctn_head .head_inner .hd_line .wp_col > dd.wp_col_slt > select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearence: none;
    /* width: 200px; */
    width: 100%;
    height: 40px;
    color: #707070;
    font-size: 14px;
    padding: 10px 15px;
    font-family: var(--font-prer);
    border: 1px solid #C4C4C4;
    background-image: url(/_wp/app/bbs/skin/wp_basic/img/sel_dwn02.png);
    background-position: 95% center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    outline: none;
}

.wp_solution #wp_input_head .wp_head_content .hd_line .wp_inp_chk {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    height: 40px;
}

.wp_solution #wp_input_head .wp_head_content .hd_line .wp_inp_chk > li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.wp_solution #wp_input_head .wp_head_content .hd_line .wp_inp_chk > li > input {
}

.wp_solution #wp_input_head .wp_head_content .hd_line .wp_inp_chk > li > input[type="checkbox"] {
    display: none;
}

.wp_solution #wp_input_head .wp_head_content .hd_line .wp_inp_chk > li > input[type="checkbox"] + label {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    background-image: url(/_wp/app/bbs/skin/wp_basic/img/ico_chk_off.png);
    background-repeat: no-repeat;
}

.wp_solution #wp_input_head .wp_head_content .hd_line .wp_inp_chk > li > input[type="checkbox"]:checked + label::after {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(/_wp/app/bbs/skin/wp_basic/img/ico_chk_on.png);
    background-repeat: no-repeat;
}

.wp_solution #wp_input_head .wp_head_content .hd_line .wp_inp_chk > li > label {
    font-size: 16px;
    font-family: var(--font-prer);
}

.wp_solution #wp_input_head .wp_head_content .hd_line .wp_inp_col01 {
    width: 50%;
}

.wp_solution #wp_input_head .wp_head_content .hd_line .wp_inp_col02 {
    width: 75%;
}

/*Body --------------------------------------------------------------------------------------------*/
.wp_solution #wp_input_body {
    padding: 30px 10px;
}

.wp_solution #wp_input_body > textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #D4D4D4;
    outline: none;
}

/*Foot --------------------------------------------------------------------------------------------*/
.wp_solution #wp_input_foot {
}


/* 파일첨부 영역 */
.wp_solution #wp_input_foot .wp_inp_file {
    margin-bottom: 35px;
    padding: 15px 10px;
    border-top: 1px solid #D4D4D4;
}

.wp_solution #wp_input_foot .wp_inp_file .wp_file_tit {
    font-size: 15px;
    font-family: var(--font-prel);
    margin-bottom: 10px;
}

.wp_solution #wp_input_foot .wp_inp_file .wp_file_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 10px;
    row-gap: 25px;
}

.wp_solution #wp_input_foot .wp_inp_file .wp_file_list > li {
    width: 19%;
}

.wp_solution #wp_input_foot .wp_inp_file .wp_file_list > li .wp_file_frame {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp_solution #wp_input_foot .wp_inp_file .wp_file_list > li .wp_file_frame .upload-name {
    display: inline-block;
    height: 30px;
    padding: 0 10px;
    border: 1px solid #dddddd;
    width: 60%;
    color: #999999;
}

.wp_solution #wp_input_foot .wp_inp_file .wp_file_list > li .wp_file_frame label {
}

.wp_solution #wp_input_foot .wp_inp_file .wp_file_list > li .wp_file_frame input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.wp_solution #wp_input_foot .wp_inp_file .wp_file_list > li .wp_file_chk {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
}

.wp_solution #wp_input_foot .wp_inp_file .wp_file_list > li .wp_file_chk > input[type="checkbox"] {
    display: none;
}

.wp_solution #wp_input_foot .wp_inp_file .wp_file_list > li .wp_file_chk > input[type="checkbox"] + label {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    background-image: url(/_wp/app/bbs/skin/wp_basic/img/ico_chk_off.png);
    background-repeat: no-repeat;
    margin-right: 5px;
}

.wp_solution #wp_input_foot .wp_inp_file .wp_file_list > li .wp_file_chk > input[type="checkbox"]:checked + label::after {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(/_wp/app/bbs/skin/wp_basic/img/ico_chk_on.png);
    background-repeat: no-repeat;
}

.wp_solution #wp_input_foot .wp_inp_file .wp_file_list > li .wp_file_chk > label {
    font-size: 16px;
    font-family: var(--font-prer);
}

/* 답변 영역 */
.wp_solution #wp_input_foot .wp_inp_answer {
    margin-bottom: 20px;
}

.wp_solution #wp_input_foot .wp_inp_answer .answer_tit {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    padding-left: 10px;
    font-size: 14px;
    font-family: var(--font-prem);
    margin-bottom: 10px;
}

.wp_solution #wp_input_foot .wp_answer_content {
    border-top: 1px solid #707070;
}

.wp_solution #wp_input_foot .wp_answer_content .stt_line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 15px 10px;
}

.wp_solution #wp_input_foot .wp_answer_content .stt_line > dl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
}

.wp_solution #wp_input_foot .wp_answer_content .stt_line > dl > dt {
    color: #393939;
    font-size: 14px;
    font-family: var(--font-prer);
}

.wp_solution #wp_input_foot .wp_answer_content .stt_line > dl > dd {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.wp_solution #wp_input_foot .wp_answer_content .stt_line > dl > dd .stt_col_list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.wp_solution #wp_input_foot .wp_answer_content .stt_line > dl > dd .stt_col_list .stt_col {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.wp_solution #wp_input_foot .wp_answer_content .stt_line > dl > dd .stt_col_list .stt_col input {
}


.wp_solution #wp_input_foot .wp_answer_content .stt_line > dl > dd .stt_col_list .stt_col input[type="radio"] {
    vertical-align: middle;
    appearance: none;
    border: max(1px, 0.1em) solid #C4C4C4;
    border-radius: 50%;
    min-width: 20px;
    min-height: 20px;
}

.wp_solution #wp_input_foot .wp_answer_content .stt_line > dl > dd .stt_col_list .stt_col input[type="radio"]:checked {
    border: 0.15em solid #fff;
    outline: 1px solid #67A7DF;
    background-color: #67A7DF;
}


.wp_solution #wp_input_foot .wp_answer_content .stt_line > dl > dd .stt_col_list .stt_col label {
    color: #707070;
    font-size: 14px;
    font-family: var(--font-prer);
}

.wp_solution #wp_input_foot .wp_answer_content .stt_line dl > dd .stt_gd_txt {
    color: #ABABAB;
    font-size: 14px;
    font-family: var(--font-prer);
}

.wp_solution #wp_input_foot .wp_answer_content .answer_line {
    padding: 0 10px;
}

.wp_solution #wp_input_foot .wp_answer_content .answer_line textarea {
    width: 100%;
    height: 75px;
    padding: 10px;
    border: 1px solid #D4D4D4;
    outline: none;
}


/* 버튼영역 */

.wp_solution #wp_input_foot .wp_wrt_list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}

.wp_solution #wp_input_foot .wp_wrt_list .wp_btn_wrt {
    width: 90px;
    height: 40px;
    color: #393939;
    font-size: 15px;
    font-family: var(--font-prer);
    border: 1px solid #ABABAB;
    transition: 0.4s;
}

.wp_solution #wp_input_foot .wp_wrt_list .wp_btn_wrt:hover {
    color: #fff;
    background-color: #393939;
    border: 1px solid #393939;
    transition: 0.4s;
}


/* 반응형 ========================================================================================================== */
@media (max-width: 992px) {
    .wp_solution #wp_input_foot .wp_inp_file .wp_file_list > li {
        width: 24%;
    }
}


@media (max-width: 768px) {
    .wp_solution #wp_input_head .wp_head_content .hd_line {
        flex-direction: column;
    }

    .wp_solution #wp_input_head .wp_head_content .hd_line .wp_inp_col01,
    .wp_solution #wp_input_head .wp_head_content .hd_line .wp_inp_col02 {
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .wp_solution #wp_input_head .wp_head_content .hd_line .wp_inp_line > dt,
    .wp_solution #wp_input_head .wp_head_content .hd_line .wp_inp_line > dd {
        width: 100%;
    }

    .wp_solution #wp_input_foot .wp_inp_file .wp_file_list {
        justify-content: flex-start;
    }

    .wp_solution #wp_input_foot .wp_inp_file .wp_file_list > li {
        min-width: 210px;
    }


    /*답변 */
    .wp_solution #wp_input_foot .wp_answer_content .stt_line > dl {
        gap: 10px;
    }

    .wp_solution #wp_input_foot .wp_answer_content .stt_line > dl > dd {
        flex-direction: column;
    }
}


@media (max-width: 375px) {

    /*답변 */
    .wp_solution #wp_input_foot .wp_answer_content .stt_line > dl > dt,
    .wp_solution #wp_input_foot .wp_answer_content .stt_line > dl > dd .stt_col_list .stt_col label,
    .wp_solution #wp_input_foot .wp_answer_content .stt_line dl > dd .stt_gd_txt {
        font-size: 12px;
    }
}

/****************************************************************************************************************************************/


/*******************************************************************************************/
/* INPUT PAGE */
/*******************************************************************************************/
.wp_solution .wp_input_ctn {
}


/* HEAD 영역 =================================================================*/
.wp_solution #input_ctn_head {
}

.wp_solution #input_ctn_head .alert_txt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2px;
    margin-bottom: 15px;
    color: #707070;
    font-size: 14px;
    font-family: var(--font-prer);
}

.wp_solution #input_ctn_head .alert_txt::before {
    display: block;
    content: "\002A";
    color: #D90B0B;
    font-size: 16px;
}

.wp_solution #input_ctn_head .head_inner {
    border-top: 1px solid #707070;
}

/* HEAD 영역 - Line(COMMON) -------------------------------------------------------------------------------------*/
.wp_solution #input_ctn_head .head_inner .hd_line {
    padding: 10px 0;
    border-bottom: 1px solid #C4C4C4;
}

.wp_solution #input_ctn_head .head_inner .hd_line .wp_col {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 10px;
}


/* HEAD 영역 - Line01(Text) -------------------------------------------------------------------------------------*/
.wp_solution #input_ctn_head .head_inner .hd_line .wp_col > dt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    min-width: 90px;
    max-width: 100px;
    height: 40px;
    color: #393939;
    font-size: 16px;
    font-family: var(--font-prem);
}

.wp_solution #input_ctn_head .head_inner .hd_line .wp_col > dt.wp_col_ct {
    justify-content: center;
}

.wp_solution #input_ctn_head .head_inner .hd_line .wp_col > dt::before {
    display: block;
    content: "\002A";
    color: #D90B0B;
    font-size: 16px;
}

.wp_solution #input_ctn_head .head_inner .hd_line .wp_col > dd {
    flex-grow: 1;
    width: 100%;
}

.wp_solution #input_ctn_head .head_inner .hd_line .wp_col > dd > input[type="text"],
.wp_solution #input_ctn_head .head_inner .hd_line .wp_col > dd > input[type="password"] {
    width: 100%;
    height: 40px;
    padding: 5px 10px;
}


/* HEAD 영역 - Line02(Select) ----------------------------------------------------------------------------------*/

.wp_solution #input_ctn_head .head_inner .hd_line .wp_col > select {
    width: 205px;
    height: 40px;
    padding: 5px 15px;
    color: #707070;
    font-size: 16px;
    font-family: var(--font-prer);
    background-image: url(/_wp/app/bbs/skin/wp_basic/img/sel_dwn02.png);
    background-repeat: no-repeat;
    background-position: 95% center;
}


/* HEAD 영역 - Line03(Check) ----------------------------------------------------------------------------------*/
.wp_solution #input_ctn_head .head_inner .hd_line .wp_col_chk {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 40px;
    gap: 5px;
    width: 110px;
    width: unset;
}

.wp_solution #input_ctn_head .head_inner .hd_line .wp_col_chk > label {
    color: #707070;
    font-size: 16px;
    font-family: var(--font-prer);
}


/* BODY 영역 =================================================================*/
.wp_solution #input_ctn_body {
    padding: 30px 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #D4D4D4;
}

.wp_solution #input_ctn_body .bd_line {
}

/* BODY 영역 - Line01(TEXT) ----------------------------------------------------------------------------------*/
.wp_solution #input_ctn_body .bd_line textarea {
    width: 100%;
    height: 370px;
}


/* FOOT 영역 =================================================================*/
.wp_solution #input_ctn_foot {
}


/* 파일첨부 영역 ----------------------------------------------------------------------------------------------------*/
.wp_solution #wp_attachments {
    margin-bottom: 30px;
    padding: 0 10px;
}

.wp_solution #wp_attachments .tit {
    font-size: 15px;
    font-family: var(--font-prel);
    margin-bottom: 10px;
}

.wp_solution #wp_attachments .atch_list {
}

.wp_solution #wp_attachments .atch_list .atch_item {
}

/* 파일첨부 영역 - 파일 첨부 */
.wp_solution #wp_attachments .atch_list .atch_item .atch_file {
    /*max-width: 215px;*/
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #101010;
    border: 1px solid #C4C4C4;
    /* margin-bottom: 5px; */
}

.wp_solution #wp_attachments .atch_list .atch_item .atch_file > i {
    margin-left: 10px;
    color: #fff;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.wp_solution #wp_attachments .atch_list .atch_item .atch_file > input[type="file"] {
    width: 100%;
    background-color: #fff;
    cursor: pointer;
}

.wp_solution #wp_attachments .atch_list .atch_item .atch_file > input[type="file"]::file-selector-button {
    width: 90px;
    height: 37px;
    color: #fff;
    font-size: 16px;
    font-family: var(--font-prel);
    background-color: #101010;
    border: none;
    text-align: left;
    cursor: pointer;
}


/* 파일첨부 영역 - 첨부파일 내역 */
.wp_solution #wp_attachments .atch_list .atch_item .atch_chk {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp_solution #wp_attachments .atch_list .atch_item .atch_chk > input[type="checkbox"] {
    display: none;
}

.wp_solution #wp_attachments .atch_list .atch_item .atch_chk > input[type="checkbox"] + label {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    background-image: url(/_wp/app/bbs/skin/wp_basic/img/ico_chk_off.png);
    background-repeat: no-repeat;
    margin-right: 5px;
}

.wp_solution #wp_attachments .atch_list .atch_item .atch_chk > input[type="checkbox"]:checked + label::after {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(/_wp/app/bbs/skin/wp_basic/img/ico_chk_on.png);
    background-repeat: no-repeat;
}

.wp_solution #wp_attachments .atch_list .atch_item .atch_chk > label {
    width: 80%;
    font-size: 16px;
    font-family: var(--font-prer);
}


/* 답변 영역 ----------------------------------------------------------------------------------------------------------*/
.wp_solution #wp_answer_box {
    margin-bottom: 20px;
}

.wp_solution #wp_answer_box > .tit {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    padding-left: 10px;
    font-size: 14px;
    font-family: var(--font-prem);
    margin-bottom: 10px;
}

.wp_solution #wp_answer_box > .tit > img {
}


.wp_solution #wp_answer_box .wp_answer_content {
    border-top: 1px solid #707070;
}

.wp_solution #wp_answer_box .wp_answer_content .stt_line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 15px 10px;
}

.wp_solution #wp_answer_box .wp_answer_content .stt_line > dl {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
}

.wp_solution #wp_answer_box .wp_answer_content .stt_line > dl > dt {
    min-width: 50px;
    padding-top: 3px;
    color: #393939;
    font-size: 14px;
    font-family: var(--font-prer);
}

.wp_solution #wp_answer_box .wp_answer_content .stt_line > dl > dd {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.wp_solution #wp_answer_box .wp_answer_content .stt_line > dl > dd .stt_col_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.wp_solution #wp_answer_box .wp_answer_content .stt_line > dl > dd .stt_col_list .stt_col {
    min-width: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.wp_solution #wp_answer_box .wp_answer_content .stt_line > dl > dd .stt_col_list .stt_col input {
}


.wp_solution #wp_answer_box .wp_answer_content .stt_line > dl > dd .stt_col_list .stt_col input[type="radio"] {
    vertical-align: middle;
    appearance: none;
    border: max(1px, 0.1em) solid #C4C4C4;
    border-radius: 50%;
    min-width: 20px;
    min-height: 20px;
}

.wp_solution #wp_answer_box .wp_answer_content .stt_line > dl > dd .stt_col_list .stt_col input[type="radio"]:checked {
    border: 0.15em solid #fff;
    outline: 1px solid #67A7DF;
    background-color: #67A7DF;
}


.wp_solution #wp_answer_box .wp_answer_content .stt_line > dl > dd .stt_col_list .stt_col label {
    color: #707070;
    font-size: 14px;
    font-family: var(--font-prer);
}

.wp_solution #wp_answer_box .wp_answer_content .stt_line dl > dd .stt_gd_txt {
    color: #ABABAB;
    font-size: 14px;
    font-family: var(--font-prer);
}

.wp_solution #wp_answer_box .wp_answer_content .answer_line {
    padding: 0 10px;
}

.wp_solution #wp_answer_box .wp_answer_content .answer_line textarea {
    width: 100%;
    height: 75px;
    padding: 10px;
    border: 1px solid #D4D4D4;
    outline: none;
}


/* 글쓰기/작성완료버튼 영역 - 리스트페이지 공통 ---------------------------------------------------------------*/


/* 반응형 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (max-width: 992px) {
}

@media (max-width: 768px) {
    .wp_solution #input_ctn_head .head_inner .hd_line .wp_col > dt.wp_col_ct {
        justify-content: flex-start;
    }

    .wp_solution #wp_shp_table01 .wp_list_tr .wp_list_td.wp_ln_file {
        min-width: 5%;
    }
    .wp_solution #wp_shp_table01 .wp_list_tr .wp_list_td.wp_ln_file > i {
        font-size: 20px;
    }
}

@media (max-width: 576px) {
    .wp_solution #wp_view_foot .wp_comment_box .reply_body .reply_body_inner .row_body .img_list {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .wp_solution #input_ctn_head .head_inner .hd_line .wp_col {
        flex-wrap: wrap;
    }
}

@media (max-width: 375px) {
    .wp_solution #wp_shp_table01 .wp_list_tr .wp_ln_num {
        display: none;
    }
}

/*******************************************************************************************/