﻿@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-display: swap;
    src: local('Pretendard Black'), url(/woff2/Pretendard-Black.woff2) format('woff2'), url(/woff/Pretendard-Black.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-display: swap;
    src: local('Pretendard ExtraBold'), url(/woff2/Pretendard-ExtraBold.woff2) format('woff2'), url(/woff/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'), url(/woff2/Pretendard-Bold.woff2) format('woff2'), url(/woff/Pretendard-Bold.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local('Pretendard SemiBold'), url(/woff2/Pretendard-SemiBold.woff2) format('woff2'), url(/woff/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local('Pretendard Medium'), url(/woff2/Pretendard-Medium.woff2) format('woff2'), url(/woff/Pretendard-Medium.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'), url(/woff2/Pretendard-Regular.woff2) format('woff2'), url(/woff/Pretendard-Regular.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local('Pretendard Light'), url(/woff2/Pretendard-Light.woff2) format('woff2'), url(/woff/Pretendard-Light.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-display: swap;
    src: local('Pretendard ExtraLight'), url(/woff2/Pretendard-ExtraLight.woff2) format('woff2'), url(/woff/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-display: swap;
    src: local('Pretendard Thin'), url(/woff2/Pretendard-Thin.woff2) format('woff2'), url(/woff/Pretendard-Thin.woff) format('woff');
}


.loading, .bloading {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .2;
    background-color: #17181B;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: 1001;
    cursor: pointer;
    margin-left: 0px !important;
}

.square {
    position: fixed;
    left: calc(50% - 20px);
    top: calc(50% - 60px);
    /*width: 100px;
    height: 100px;*/
    margin: 0;
    /* background: #2ecc71; */
}

.spin {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    border: dashed 5px white;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

html, body, form {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 'Pretendard';
    color: #333333;
    line-height: initial !important;
}

*, *:before, *:after {
    box-sizing: inherit;
    word-break: keep-all;
    word-wrap: break-word;
}

* {
    border: 0px solid #000;
}

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    background: #e4e4e4;
}

body::-webkit-scrollbar-thumb {
    background: #aeaeae;
    border-radius: 10px;
}

    body::-webkit-scrollbar-thumb:hover {
        background: #818181;
    }

a, button {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

headerV2 {
    display: block;
    width: 1520px;
    margin: 0 auto;
}

footerV2 {
    display: block;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #E0E0E0;
    background: #F9F9F9;
}

mainV2 {
    display: block;
    width: 100%;
    justify-items: center;
    min-height: 500px;
}

a {
    text-decoration: none;
}

/*임시처리*/
.btn-block {
    display: block;
    width: 92% !important;
}

.form-control {
    width: 96% !important;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    width: 89% !important;
}

/*.d-block {
     display: flex !important; 
}*/

.accordion-style2 .btn-link {
    width: 96%;
}
.row {
     margin-right: 0px; 
     margin-left: 0px; 
}
.col-12 {
    flex: 0 0 98%;
}
@media (min-width: 768px) {
    .col-md-6 {
        flex: 0 0 47%;
    }
    .col-md-12 {
        flex: 0 0 98%;
    }
}
@media (min-width: 576px) {

    .col-sm-12 {
        flex: 0 0 100%;
    }
    .col-sm-9 {
        flex: 0 0 60%;
    }
    .col-sm-4 {
        flex: 0 0 21%;
    }
    .col-sm-2 {
        flex: 0 0 11%;
    }
}

@media (min-width: 1500px) {
    .col-lg-6 {
        -ms-flex: 0 0 97%;
        flex: 0 0 97%;
        max-width: 97%;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1500px;
    }
    .col-md-4 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
div.gridcss {
    display: grid !important;
    grid-template-columns: 15% 35% 15% 35%;
    justify-items: center;
}

    div.gridcss input {
        width: 400px !important;
    }

table th, table td {
    padding: initial !important;
}

.container {
    width: calc(100% - 30px);
}
.butn {
    padding: .75rem 0.75rem;
}
/*임시처리*/


/*mobile*/
@media (min-width: 1500px) {

    .isMoblie {
        display: none !important;
    }
}
@media (max-width: 1500px) {

    .isWeb {
        display: none !important;
    }

    headerV2, footerV2 {
        width: calc(100% - 20px);
    }

    div.Dr-Title {
        margin-top: 20px !important;
    }
}