@charset "UTF-8";
/* 공통 변수 */
.custom-control-label::before {
    width: 1.1rem;
    height: 1.1rem;
}

.custom-control-label::after {
    top: 0.26rem;
    left: -1.51rem;
    width: 1.1rem;
    height: 1.1rem;
}

.bg-grey {
    background-color: #eee;
}

.w-1200min {
    max-width: 1200px;
    margin: 0 auto;
}

.font-md {
    font-size: 1.12rem;
}

.inner-container {
    width: 100%;
    height: 100%;
}

.footer {
    z-index: 1;
    background-color: #000;
}

    .footer .w-1200min {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 40px 0 48px;
    }

    .footer .left {
        display: flex;
    }

    .footer .footer-logo {
        width: auto;
        height: 46px;
        margin: 5px 35px 0 0;
    }

    .footer .msg {
        font-size: .95rem;
        line-height: 1.875rem;
        letter-spacing: 0;
        color: #fff;
    }

        .footer .msg .mt-2 {
            font-size: inherit;
            color: inherit;
        }

    .footer .space {
        display: inline-block;
        height: 15px;
        width: 1px;
        margin: 0 6px;
        background-color: #fff;
        transform: translateY(2px);
    }

@media (max-width: 768px) {
    .footer .w-1200min {
        padding: 35px 15px 35px;
    }

    .footer .w-1200min, .footer .left {
        display: block;
        text-align: center;
    }

    .footer .block-info {
        margin-top: 12px;
        padding-top: 15px;
        border-top: 1px solid #4d4d4d;
    }

    .footer .footer-logo {
        height: 39px;
        margin: 0;
    }

    .footer .msg {
        line-height: 1.6rem;
    }

    .footer .dropdown {
        margin-top: 30px;
    }

        .footer .dropdown .dropdown-toggle {
            margin: 0 auto;
        }
}

.btn-md {
    padding: 10px 10px;
    min-width: 105px;
}

.btn-lg {
    padding: 13px 0;
}

.btn-md, .btn-lg {
    font-size: 1rem;
    font-weight: 600;
}

.btn-gold {
    background-color: #0d3079;
    color: #fff;
}

    .btn-gold:hover {
        background-color: #123f9f;
        color: #fff;
    }

.btn-outline-gold {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}

    .btn-outline-gold:hover {
        background-color: transparent;
        color: #fff;
        border-color: #fff;
    }

.form-control.form-control-lg {
    height: 50px;
    font-size: 1rem;
}

.form-control::placeholder, .form-control::-webkit-input-placeholder, .textarea::placeholder {
    font-size: 1rem;
    line-height: 1.8;
    color: #b2b2b2;
    opacity: 1;
}

/* 폼요소 정렬 */
.form-liner .form-30 {
    width: 30%;
}

.form-liner .form-40 {
    width: 40%;
}

.form-liner .space {
    width: 40px;
    line-height: 40px;
    text-align: center;
}

@media (max-width: 768px) {
    .form-liner .form-30, .form-liner .form-40 {
        width: 100%;
    }
}

/* 커스텀 파일첨부 */
.custom-file-label {
    border: 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .custom-file-label::after {
        display: none;
    }

    .custom-file-label::before {
        display: block;
        content: '';
        content: '파일선택';
        display: inline-block;
        height: 100%;
        margin-right: 10px;
        line-height: 35px;
        padding: 0 15px;
        border: 1px solid #e0e0e0;
        background-color: #f5f5f5;
    }

.textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #e0e0e0;
    resize: none;
}

    .textarea:focus-visible {
        outline: none;
    }

.table.table-bordered-style02 {
    border-top: 2px solid #666;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
    /* table-bordered-style02 반응형 공통 */
}

    .table.table-bordered-style02 .desc {
        font-size: 0.875rem;
    }

    .table.table-bordered-style02 th, .table.table-bordered-style02 td {
        border-top-color: #e0e0e0;
        border-right: 1px solid #e0e0e0;
    }

    .table.table-bordered-style02 th {
        font-size: 1.125rem;
        vertical-align: middle;
        text-align: center;
        word-break: keep-all;
    }

    .table.table-bordered-style02 td {
        padding: 15px 20px;
        text-align: left;
    }

        .table.table-bordered-style02 th:last-child, .table.table-bordered-style02 td:last-child {
            border-right: 0;
        }

    .table.table-bordered-style02 th, .table.table-bordered-style02 .thead {
        border-bottom-width: 1px;
        background-color: #f9f9f9;
    }

    .table.table-bordered-style02.td-center td {
        text-align: center !important;
    }

    .table.table-bordered-style02.table-small th, .table.table-bordered-style02.table-small td {
        padding: 8px 20px !important;
        word-break: keep-all;
    }

        .table.table-bordered-style02.table-small td, .table.table-bordered-style02.table-small td * {
            font-size: 15px;
        }

    .table.table-bordered-style02 .depth01 {
        padding: 16px 26px;
        line-height: 1.5;
        color: #666;
    }

        .table.table-bordered-style02 .depth01 li {
            line-height: 1.7;
        }

    .table.table-bordered-style02 .bg-gray {
        background-color: #f9f9f9 !important;
    }

    .table.table-bordered-style02.border-right {
        border-right-color: #666 !important;
    }

    .table.table-bordered-style02 .indent-item {
        position: relative;
        padding-left: 26px;
        line-height: 2;
    }

        .table.table-bordered-style02 .indent-item .number-label {
            position: absolute;
            left: 0;
            top: 0;
            display: inline-block;
            margin-right: 7px;
            font-weight: 600;
            color: #BF1A2B;
        }

    .table.table-bordered-style02 .pc-title {
        width: 18%;
    }

    .table.table-bordered-style02 .mo-title {
        display: none;
    }

    .table.table-bordered-style02.mo-responsive th {
        width: 23%;
    }

@media (max-width: 768px) {
    .table.table-bordered-style02 .pc-title {
        display: none;
    }

    .table.table-bordered-style02 .mo-title {
        display: block;
        margin: -15px 0 12px;
        font-size: 1.2rem;
    }

    .table.table-bordered-style02.mo-responsive .mo-title {
        padding: 10px 16px;
        margin: -15px 0 10px;
        border-bottom: 1px solid #dee2e6;
        color: #333;
    }

    .table.table-bordered-style02.mo-responsive th, .table.table-bordered-style02.mo-responsive td {
        padding: 15px 0;
    }

    .table.table-bordered-style02.mo-border-0 + .table.table-bordered-style02.mo-border-0 {
        margin-top: 45px;
    }

    .table.table-bordered-style02.mo-border-0 {
        border: 0;
    }
}

.inquiry-table tbody th {
    max-width: 15%;
    padding: 0 30px;
    border-right: 0 !important;
    vertical-align: middle;
    white-space: pre;
    font-weight: 600;
}

    .inquiry-table tbody th label {
        font-weight: 600;
    }

.inquiry-table .textarea {
    height: 250px;
}

.inquiry-table .custom-file-input, .inquiry-table .custom-file-label {
    font-weight: 400;
    color: #747474;
}

.inquiry-table .select-wrapper {
    position: relative;
    width: 100%;
}

@media (max-width: 768px) {
    .inquiry-table {
        margin-bottom: 30px;
    }

        .inquiry-table .thead {
            padding: 12px 5px;
            font-size: 1rem;
            text-align: left;
        }

        .inquiry-table td {
            padding: 12px;
        }

        .inquiry-table .phone .form-liner .form-30 {
            width: 30%;
        }

        .inquiry-table .phone .form-liner .form-40 {
            width: 40%;
        }

        .inquiry-table .phone .form-liner .space {
            width: 15px;
        }

        .inquiry-table .mail .form-liner {
            flex-wrap: wrap;
        }

        .inquiry-table .mail .mail-id {
            width: calc(50% - 14px);
        }

        .inquiry-table .mail .domain {
            width: calc(50% + 14px);
            margin-bottom: 7px;
        }

        .inquiry-table .mail .space {
            width: 28px;
        }

        .inquiry-table .category .form-liner {
            flex-wrap: wrap;
        }

        .inquiry-table .custom-file-input, .inquiry-table .custom-file-label {
            font-size: 1rem;
        }
}

/* 드롭다운 스타일 */
.dropdown.black .btn-black {
    padding: 8px 10px 8px 17px;
    min-width: 210px;
    border-radius: 0;
    border-color: #fff;
    color: #fff;
}

    .dropdown.black .btn-black:hover {
        color: #fff;
    }

    .dropdown.black .btn-black:after {
        display: none;
    }

    .dropdown.black .btn-black .xi-angle-up-min {
        transition: transform .2s ease-out;
        color: #fff;
    }

    .dropdown.black .btn-black[aria-expanded='true'] .xi-angle-up-min {
        transform: rotate(180deg);
    }

.dropdown.black .dropdown-menu {
    min-width: 210px;
    background-color: #000;
    border: 1px solid #fff;
    border-bottom: 0;
    border-radius: 0;
}

.dropdown.black .dropdown-item {
    padding: 0.5rem 1.5rem;
    background-color: #000;
    color: #fff;
}

    .dropdown.black .dropdown-item:hover {
        background-color: #474747;
    }

.main-cont {
    min-height: 100vh;
    background: url("../images/bg_main01.jpg") center center/cover;
}

    .main-cont .w-1200min {
        position: relative;
        padding-top: 23.8vh;
    }

    .main-cont .home-logo {
        position: absolute;
        left: 0;
        top: 35px;
    }

    .main-cont .slogan {
        margin-bottom: 37px;
        font-size: 58px;
        color: #787676;
    }

    .main-cont p {
        font-size: 1.875rem;
        line-height: 1.2;
        margin-bottom: 65px;
        word-break: keep-all;
        letter-spacing: -2px;
        color: #888888;
    }

    .main-cont .btn-gate + .btn-gate {
        margin-left: 40px;
    }

/* 버튼 */
.btn-gate {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 21rem;
    height: 4.0625rem;
}

    .btn-gate .txt {
        color: #888888;
        font-size: 1.875rem;
        font-weight: 600;
        transition: letter-spacing .25s ease-out;
    }

    .btn-gate:before, .btn-gate:after {
        display: block;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url("../images/bg_btn_gate01.png") 0 0/100% 100% no-repeat;
        transition: opacity .25s ease-out;
    }

    .btn-gate:after {
        opacity: 0;
        mix-blend-mode: color-dodge;
    }

    .btn-gate:hover .txt {
        mix-blend-mode: normal;
        letter-spacing: 5px;
        color: #888888;
    }

    .btn-gate:hover:hover:before {
        opacity: 0.6;
    }


@keyframes bg-animation {
    0% {
        transform: scale(1, 1) rotate(0deg);
    }

    50% {
        transform: scale(1.05, 1.05) rotate(0.002deg);
    }

    100% {
        transform: scale(1, 1) rotate(0deg);
    }
}

@media (max-width: 768px) {
    .main-cont {
        padding: 0 15px;
    }

        .main-cont .home-logo img {
            height: 25px;
        }

        .main-cont .w-1200min {
            padding-top: 15vh;
        }

        .main-cont p {
            font-size: 1.3333333333rem;
            letter-spacing: 0;
        }

        .main-cont .slogan img {
            max-width: 85%;
        }

        .main-cont .btn-gate + .btn-gate {
            margin-left: 20px;
        }

    .btn-gate .txt {
        font-size: 1.2rem;
    }
}
/* 서브 타이틀 영역 */
.sub-visual-wrap {
    position: relative;
    height: 436px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    background-image: url("../images/bg_board01.jpg");
}

@media (max-width: 768px) {
    .sub-visual-wrap {
        margin-top: 0;
        padding: 60px 10px 0;
        height: 290px;
        background-position: right -20vw top 0;
    }
}

.visual-title-wrap {
    width: 100%;
    padding-top: 170px;
    color: #16438b;
}

    .visual-title-wrap h2 {
        margin-bottom: 20px;
        font-size: 3rem;
        font-weight: 600;
        color: #036eb8;
    }

    .visual-title-wrap p {
        font-size: 1.125rem;
        word-break: keep-all;
        color: #036eb8;
    }

@media (max-width: 768px) {
    .visual-title-wrap {
        padding-top: 0;
    }

        .visual-title-wrap h2 {
            font-size: 1.6666666667rem;
        }
}

.sub-title-wrap {
    padding: 60px 0;
    text-align: center;
}

    .sub-title-wrap .sub-title {
        margin-bottom: 20px;
        font-size: 2.37rem;
        font-weight: 600;
    }

    .sub-title-wrap .desc {
        font-size: 1.125rem;
        line-height: 1.8rem;
        font-weight: 400;
        word-break: keep-all;
        color: #666;
    }

.sub-visual-wrap + .w-1200min {
    padding-bottom: 105px;
}

@media (max-width: 768px) {
    .sub-visual-wrap + .w-1200min {
        padding: 0 15px 105px 15px;
    }
}

/* 서브 탭 영역 */
.sub-tab-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    /*background-color: rgba(0, 0, 0, 0.8);*/
    background-color: rgba(3, 110, 184, 0.7)
}

.txt-box {
    padding: 32px 40px;
    color: #666;
}

    .txt-box p {
        color: inherit;
    }

        .txt-box p + p {
            margin-top: 8px;
        }

.sub-tab-item {
    position: relative;
    flex: 1;
}

    .sub-tab-item:before {
        display: block;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: calc(100% + 1px);
        height: 100%;
        background: #fff;
        opacity: 0;
        transition: opacity .2s ease-out;
    }

    .sub-tab-item + .sub-tab-item a:before {
        display: block;
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        width: 1px;
        height: 2.125rem;
        background-color: #fff;
        transform: translateY(-50%);
    }

    .sub-tab-item.active:before, .sub-tab-item:hover:before {
        opacity: 1;
    }

.btn-sub-tab {
    z-index: 1;
    position: relative;
    padding: 21px 0;
    font-size: 1.125rem;
    text-align: center;
    color: #fff;
}

.sub-tab-item.active .btn-sub-tab, .sub-tab-item:hover .btn-sub-tab {
    font-weight: 600;
    color: #000;
}

@media (max-width: 1200px) {
    .btn-sub-tab {
        font-size: .9rem;
    }
}

.sub-logo {
    position: absolute;
    left: 95px;
    top: 22px;
}

@media (max-width: 1700px) {
    .sub-logo {
        display: none;
    }
}

/* 게시판 */
.board-search-wrap {
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 14px 20px;
    border: 1px solid #e0e0e0;
    background-color: #f9f9f9;
}

    .board-search-wrap .right {
        width: 37.5%;
    }

    .board-search-wrap .txt-count {
        flex-shrink: 0;
        font-size: .9rem;
        color: #666;
    }

    .board-search-wrap .text-danger {
        color: #c92a2a;
        font-weight: 600;
    }

    .board-search-wrap .search-select {
        width: 30%;
    }

        .board-search-wrap .search-select .form-control {
            height: 40px;
            font-size: .9rem;
        }

    .board-search-wrap .input-group {
        width: 67%;
    }

        .board-search-wrap .input-group .form-control {
            height: 40px;
            padding: 6px 16px;
            font-size: .9rem;
            border-right: 0;
        }

    .board-search-wrap .input-group-append .input-group-text {
        padding: 0 20px;
        border-left: 0;
        background: #fff;
    }

    .board-search-wrap .input-group-append .xi-search {
        font-size: 1.2rem;
    }

@media (max-width: 768px) {
    .board-search-wrap .right {
        width: 100%;
    }

    .board-search-wrap .search-select .form-control, .board-search-wrap .input-group .form-control {
        font-size: .9rem;
    }

    .board-search-wrap .input-group-append .input-group-text {
        padding: 0 10px;
    }
}

/* 게시판 리스트 */
.dw-board {
    overflow: hidden;
    table-layout: fixed;
    border-top: 2px solid #666;
    border-bottom: 1px solid #e0e0e0;
}

    .dw-board .number {
        width: 10.6%;
        white-space: pre;
    }

    .dw-board .category {
        width: 13.2%;
    }

    .dw-board .title {
        width: 52.7%;
    }

    .dw-board .file {
        width: 10%;
    }

    .dw-board .date {
        width: 13.5%;
        white-space: pre;
    }

    .dw-board th, .dw-board td {
        text-align: center;
        vertical-align: middle;
    }

    .dw-board thead th {
        padding: 20px 0;
        font-size: 1.18rem;
        border-bottom: none;
        background-color: #f7f7f7;
        font-weight: 600;
    }

    .dw-board td {
        padding: 0;
        border-top: 1px solid #e0e0e0;
        color: #666;
    }

        .dw-board td.title {
            text-align: left;
        }

    .dw-board a {
        display: block;
        padding: 20px 20px 20px 4%;
        color: inherit;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dw-board .xi-file-o {
        font-size: 1.38rem;
    }

@media (max-width: 768px) {
    .dw-board .file {
        display: none;
    }

    .dw-board .title {
        width: 40%;
    }

    .dw-board a {
        padding: 15px 5px 15px;
    }

    .dw-board .name, .dw-board .number, .dw-board .title a, .dw-board .date {
        font-size: .9rem;
    }
}

@media (max-width: 365px) {
    .dw-board .title {
        width: 27%;
    }
}

/* 게시판 라벨 */
.board-label {
    height: 24px;
    padding: 0 7px;
    font-size: .87rem;
    border: 1px solid #db0000;
    color: #db0000;
    text-align: center;
}

    .board-label.gray {
        border: 1px solid #838383;
        color: #838383;
    }

.pagination {
    margin: 40px 0 0 0;
}

    .pagination .page-item.active .page-link {
        background-color: #000;
        border-color: #000;
    }

    .pagination .page-link {
        width: 40px;
        height: 40px;
        line-height: 1.2;
        padding: 10px 0;
        text-align: center;
    }

    .pagination .xi-angle-left-thin + .xi-angle-left-thin {
        margin-left: -10px;
    }

    .pagination .xi-angle-right-thin + .xi-angle-right-thin {
        margin-left: -10px;
    }

/* 황차장님 기준 */
.page_wrap {
    margin: 40px 0 0 0;
}

    .page_wrap .pager {
        display: flex;
        justify-content: center;
    }

    .page_wrap span.current {
        background-color: #000 !important;
        border-color: #000 !important;
        color: #fff !important;
    }

    .page_wrap span, .page_wrap a {
        position: relative;
        display: block;
        width: 40px;
        height: 40px;
        line-height: 1.2;
        padding: 10px 0;
        text-align: center;
        margin-left: 8px;
        color: #333;
        background-color: #fff;
        border: 1px solid #dee2e6;
        cursor: pointer;
    }

        .page_wrap span:hover, .page_wrap a:hover {
            z-index: 2;
            color: gray;
            text-decoration: none;
            background-color: #e9ecef;
            border-color: #dee2e6;
        }

    .page_wrap .xi-angle-left-thin + .xi-angle-left-thin {
        margin-left: -10px;
    }

    .page_wrap .xi-angle-right-thin + .xi-angle-right-thin {
        margin-left: -10px;
    }

@media (max-width: 768px) {
    .dw-board-search .form-control {
        display: inline-block;
        width: auto;
        font-size: .8rem;
    }

    .dw-board-search .btn {
        font-size: .8rem;
    }
}

/* 게시판 뷰 */
.dw-board-view {
    border-top: 2px solid #666;
}

    .dw-board-view a {
        display: inline-block;
    }

    .dw-board-view .view-item {
        padding: 18px 38px;
        border-bottom: 1px solid #e0e0e0;
        line-height: 1.5;
        font-weight: 400;
    }

        .dw-board-view .view-item.title-wrap {
            padding: 21px 38px;
            background-color: #f9f9f9;
        }

        .dw-board-view .view-item .title {
            padding-right: 5px;
            font-size: 1.18rem;
            font-weight: 600;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .dw-board-view .view-item .date {
            flex-shrink: 0;
            color: #666;
        }

        .dw-board-view .view-item.file a {
            overflow: hidden;
        }

        .dw-board-view .view-item.file .label {
            margin-right: 17px;
            font-weight: 500;
        }

        .dw-board-view .view-item.file .file-name, .dw-board-view .view-item.file .count {
            color: #666;
        }

        .dw-board-view .view-item.file .file-name {
            display: block;
            padding-right: 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .dw-board-view .view-item.file .xi-file-o {
            margin-right: 5px;
        }

    .dw-board-view .view_description {
        display: block;
        overflow-x: auto;
        margin-bottom: 40px;
        padding: 50px 38px;
        border-bottom: 1px solid #e0e0e0;
        line-height: 1.6;
        word-break: break-all;
    }

        .dw-board-view .view_description pre {
            white-space: pre-wrap;
        }

        .dw-board-view .view_description * {
            word-break: keep-all;
            line-height: inherit;
        }

        .dw-board-view .view_description img {
            display: block;
            max-width: 100%;
            margin: 0 auto 1rem;
        }

    .dw-board-view .bi-download {
        margin-left: .5rem;
    }

    .dw-board-view .bi-card-list {
        margin-right: .5rem;
    }

    .dw-board-view .btn-gold.btn-lg {
        width: 250px;
        margin-bottom: 40px;
        font-size: 1.18rem;
        font-weight: 600;
    }

@media (max-width: 768px) {
    .dw-board-view {
        position: relative;
        padding-bottom: 80px;
    }

        .dw-board-view .view-item {
            position: relative;
            padding: 15px 8px;
        }

            .dw-board-view .view-item .date, .dw-board-view .view-item .label, .dw-board-view .view-item .count, .dw-board-view .view-item .file-name {
                font-size: .9rem;
            }

            .dw-board-view .view-item > .flex-shrink-0 {
                position: absolute;
                right: 8px;
                top: 0;
                transform: translateY(-100%) translateY(-11px);
            }

            .dw-board-view .view-item.file .file-name {
                white-space: normal;
                word-break: break-all;
            }

            .dw-board-view .view-item.title-wrap {
                flex-wrap: wrap;
                padding: 18px 8px 12px;
            }

                .dw-board-view .view-item.title-wrap .title {
                    width: 100%;
                    margin-bottom: 5px;
                    font-size: 1.18rem;
                    white-space: normal;
                    word-break: break-all;
                }

        .dw-board-view .view_description {
            padding: 30px 8px 40px;
            border-bottom-color: #333;
            font-size: .9rem;
        }

        .dw-board-view .btn-primary.btn-lg {
            font-size: 1.18rem;
        }
}

/*  이전글 / 다음글 */
.board-other-list {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

    .board-other-list .item + .item {
        border-top: 1px solid #e0e0e0;
    }

    .board-other-list .item > span {
        position: relative;
        flex-shrink: 0;
        padding: 18px 1.5% 18px 3.2%;
        margin-right: 1.6%;
        white-space: pre;
    }

        .board-other-list .item > span [class*='xi-angle'] {
            margin-left: 15px;
            font-size: 1.25rem;
        }

        .board-other-list .item > span:after {
            content: '';
            display: block;
            position: absolute;
            right: 0;
            top: 50%;
            height: 20px;
            width: 1px;
            background-color: #e0e0e0;
            transform: translateY(-50%);
        }

    .board-other-list .item > p {
        padding-right: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

@media (max-width: 768px) {
    .board-other-list .item > span, .board-other-list .item > p {
        font-size: .9rem;
    }

    .board-other-list .item > span {
        padding: 15px 15px 15px 8px;
        margin-right: 15px;
    }

        .board-other-list .item > span [class*=xi-angle] {
            margin-left: 5px;
        }
}

select.form-control {
    display: inline-block !important;
    padding: 0 30px 0 14px;
    outline: transparent;
    font-family: inherit;
    /* 폰트 상속 */
    border-radius: 0;
    /* iOS 둥근모서리 제거 */
    -webkit-appearance: none;
    /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    font-weight: 400;
}

select::-ms-expand {
    display: none;
}

.search-select {
    position: relative;
}

    .search-select label {
        display: block;
    }

    .search-select .xi-angle-down-min {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: .94rem;
        color: #5c5c5c;
    }

.login-wrap {
    width: 405px;
    margin: 105px auto 65px;
}

    .login-wrap .sub-title-wrap {
        padding: 60px 0 30px;
    }

    .login-wrap .desc {
        line-height: 1.56;
    }

    .login-wrap .custom-checkbox {
        margin-top: 16px;
    }

    .login-wrap .custom-control-label {
        font-size: 0.8125rem;
    }

        .login-wrap .custom-control-label:before, .login-wrap .custom-control-label:after {
            top: 0;
        }

@media (max-width: 768px) {
    .login-wrap {
        width: auto;
        margin: 0 auto;
        padding: 0 15px;
    }
}

.write-btn-wrap {
    margin: 40px 0 70px;
}

.wrap-gnb-btn {
    padding: 6px;
    background-color: #191919;
}