@charset "utf-8";


@media screen and (max-width: 1200px) {
    .sel_btnbox button + button {
        margin-left: 5px;
    }

    .sel_btnbox + .date_wrap {
        margin-left: 10px;
    }

    .bsearch_box .date_wrap span {
        margin: 0 5px;
    }

    .bsearch_box .ser_fombox {
        margin-left: 10px;
        max-width: 205px;
    }

    .calc .print_wrap {
        max-width: 1200px;
        overflow-x: scroll;
    }

    .calc .stm_wrap {
        min-width: 1200px;
    }
}

@media screen and (max-width: 850px) {

    /* 계산기 */
    .sub_topmenu {
        margin: 5.55vw 0;
        padding-bottom: 2.77vw;
        display: block;
    }

    .sub_topmenu .contact_title {
        font-size: 4.166vw;
    }

    .sub_topmenu .top_btnwrap {
        display: flex;
        margin-top: 2.77vw;
    }

    .sub_topmenu .top_btnwrap.calc25 button {
        width: calc(25% - 0.6944vw) !important;
        height: 7.77vw !important;
        font-size: 3.33vw;
    }

    .sub_topmenu .top_btnwrap button + button {
        margin-left: 1.388vw;
    }

    .bsearch_box {
        display: block;
        padding: 4.166vw;
        margin-bottom: 8.33vw;
    }

    .sel_btnbox {
        display: flex;
        align-items: center;
    }

    .sel_btnbox button {
        display: inline-block;
        width: calc(20% - 0.694vw);
        height: inherit;
        line-height: 1;
        padding: 2.5vw 0;
        font-size: 3.611vw;
        font-weight: 400;
    }

    .sel_btnbox button + button {
        margin-left: 1.388vw;
    }

    .bsearch_box .date_wrap span {
        font-size: 3.88vw;
        margin: 0 2.77vw;
    }

    .sel_btnbox + .date_wrap {
        margin-left: 0;
        margin-top: 2.777vw;
    }

    .bsearch_box .date_wrap input {
        width: 100%;
        max-width: 38.88vw;
        height: 8.33vw;
        line-height: 8.33vw;
        font-size: 3.33vw;
        font-weight: 300;
        background-size: 3.33vw;
        background-position: right 3.33vw center
    }

    .bsearch_box .ser_fombox {
        max-width: 100%;
        margin-left: 0;
        margin-top: 2.77vw;
    }

    .bsearch_box .ser_fombox input {
        width: 100%;
        height: 8.33vw;
        font-size: 3.33vw;
        border-radius: 0 1.388vw 1.388vw 0;
    }

    .bsearch_box .ser_fombox button {
        right: 0;
        width: 11.11vw;
        height: 8.33vw;
        border-radius: 1.388vw;
        background: #3f71b7 url(/img/btn/search_btntype_mo.png) no-repeat center / 4.027vw;
    }

    .bsearch_box .ser_fombox input {
        padding: 0 11.11vw 0 1.388vw;
    }

    #container.calc {
        padding-bottom: 11.11vw;
    }

    .btn_3wrap {
        margin-top: 8.33vw;
    }

    .btn_3wrap button {
        width: calc(100% / 3 - 1.388vw);
        max-width: 36.11vw;
        height: 8.33vw;
        font-size: 3.33vw;
    }

    .btn_3wrap button + button {
        margin-left: 1.388vw;
    }

    .cer_item {
        justify-content: start;
    }

    .cer_box {
        grid-template-columns: unset;
        grid-template-rows: unset;
    }

    /* 계산기 리스트 */
    .calc .calc_list {
        margin-bottom: 8.33vw;
    }

    .calc .calc_list thead {
        display: none;
    }

    .calc .calc_list,
    .calc .calc_list tbody,
    .calc .calc_list tr,
    .calc .calc_list td {
        display: block;
        width: 100%;
        padding: 0;
    }

    .calc .calc_list tr {
        display: flex;
        position: relative;
        align-items: center;
        flex-direction: column;
        border: 1px solid #dbdbdb;
        border-top: 1px solid #252525;
        padding: 0 4.166vw;
    }

    .calc .calc_list tr + tr {
        margin-top: 4.166vw;
    }

    .calc .calc_list td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #252525;
        font-size: 3.33vw;
    }

    .calc .calc_list td + td {
        border-top: 1px solid #dbdbdb;
    }

    .calc .calc_list td::before {
        font-size: 3.33vw;
        font-weight: 500;
        color: #454545;
    }

    .calc .calc_list td.company::before {
        content: '건설업체';
    }

    .calc .calc_list td.subject::before {
        content: '건설공사명';
    }

    .calc .calc_list td.date::before {
        content: '공사기간';
    }

    .calc .calc_list td.admin {
        justify-content: center;
    }

    .calc .calc_list td.admin .tb_2btnwrap {
        width: 100%;
    }

    .calc .calc_list td.admin .tb_2btnwrap * {
        width: calc(50% - 1.388vw);
        height: 7.77vw;
        line-height: 7.22vw;
        font-size: 3.33vw;
    }

    .calc .bot_btnwrap {
        margin-top: 4.166vw;
    }

    .calc .bot_btnwrap * {
        width: 25vw;
        height: 8.88vw;
        line-height: 8.88vw;
        font-size: 3.33vw;
    }

    /* 이용약관 */
    .trems_tab_menu li a {
        font-size: 3.33vw;
        height: 10vw;
        line-height: 10vw;
        margin-left: -0.277vw;
    }

    .trems_tab_menu li.active a {
        height: 10.277vw;
    }

    .trems_con {
        font-size: 3.33vw;
    }

    /* 인증서 확인 */
    .purch_history .certifi_wrap {
        max-height: 49vw;
        padding: 0 0 0 2.77vw;
    }

    .purch_history .certifi_wrap .certifi {
        /* display: none; */
        max-width: 100%;
        font-size: 2.77vw;
        line-height: 3.88vw;
        border-radius: 4.166vw;
        padding: 1.11vw 2.77vw;
        margin-left: 1.388vw;
    }

    .purch_history .certifi_wrap .view_file {
        top: 6.66vw;
        font-size: 3.05vw;
        padding: 0 2.77vw;
    }

    .purch_history .certifi_wrap .view_file .down_file {
        font-size: 3.33vw;
        line-height: 1.2;
        padding-right: 4.166vw;
        background: url(/img/ico/down_mo_ico.png) no-repeat right center/3.33vw;
    }

}