@charset "utf-8";

:root {
    --wv-view-port-size:1920;
    --wv-1-vw:calc(var(--wv-view-port-size) / 100);
    --wv-md-view-port-size:992;  /*992*/
    --wv-md-1-vw:calc(var(--wv-md-view-port-size) / 100);
    --wv-sm-view-port-size:800; /*768*/
    --wv-sm-1-vw:calc(var(--wv-sm-view-port-size) / 100);


    --wv-container-max-width: 1920;
    --wv-gutter-x:30;
    --wv-placeholer-color :inherit;

    --wv-min-value:1;
    --wv-min-ratio:1;
    --wv-max-ratio:1;

    --wv-font-min-value:10;
    --wv-min-fs-ratio:0.3;
    --wv-max-fs-ratio:1;
}

.wv{
    --wv-fs:var(--wv-fs-15);
    font-size:var(--wv-fs);
}

#site-wrapper, #header-wrapper, #content-wrapper, #footer-wrapper {
    position: relative
}
#site-wrapper{
    overflow: hidden;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
#header-wrapper,#footer-wrapper{
    flex: 0 0 auto;
    height: auto;
}
#content-wrapper{
    flex: 1 0 0%;
    display: table;
    height: 100%;
}
#exam-off-canvas .offcanvas-body::-webkit-scrollbar {height: 1px;width: 5px;background: #fff;}
#exam-off-canvas .offcanvas-body::-webkit-scrollbar-thumb {border: 1px solid #fff;background: rgba(0,0,0,.5);}


/*::-webkit-scrollbar {height: 5px;width: 10px;background: #e2e2e2;}*/
/*::-webkit-scrollbar-thumb {border: 1px solid #fff;background: black;}*/
/*::-webkit-scrollbar-thumb:hover {}*/

/* 기본설정 */
a{text-decoration: none}
a:focus-visible{outline:none!important;}

input[readonly],input[disabled]{background-color: #f9f9f9;user-select: none;pointer-events: none;}
video,iframe{clip-path: inset(0);display: block}

/* 기본 유틸리티 */
.outline-none,.outline-none:focus,.outline-none:active,.outline-none:hover,.outline-none:active:focus-visible{outline:none!important;box-shadow:none!important;border:0!important;}
a:focus,a:focus-visible,button:focus,button:focus-visible{outline: none!important;box-shadow: none!important;}
.d-flex-center{display: flex!important;align-items: center!important;justify-content: center!important;}
.cursor-pointer{cursor: pointer}
.ms-contain{max-width:calc(var(--wv-offset-left) + var(--wv-org-width)) !important;}
.me-contain{max-width:calc(100vw - var(--wv-offset-left)) !important;}
.ms-cover{width:calc(var(--wv-offset-left) + var(--wv-org-width)) !important;}
.me-cover{width:calc(100vw - var(--wv-offset-left)) !important;}
.wh-100{width: 100%;height: 100%;}
.w-100vw{width:100vw}
.mx-fit{margin-left: calc(var(--wv-padding-left,var(--wv-container-padding-left)) * -1);margin-right: calc(var(--wv-padding-right,var(--wv-container-padding-right)) * -1);padding-left: calc(var(--wv-padding-left,var(--wv-container-padding-left)) *1);padding-right: calc(var(--wv-padding-right,var(--wv-container-padding-right)) * 1);}
.wv-line-clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: var(--wv-line-clamp-length,1);-webkit-box-orient: vertical;}
.wv-scroll-drag-wrap{overflow: hidden;position: relative}
.wv-scroll-drag{opacity: 0;transition: opacity .4s ease-in-out}
.wv-scroll-drag-wrap.ready .wv-scroll-drag{opacity: 1}
.wv-skew{transform: skew(0.000001deg);}
.wv-ls-slice .ls-last-char{letter-spacing: 0!important;}
.br-remove br:not(.n){display: none;}
.br-remove br:not(.n) +span.br:after {content: ' ';}
.wv-ratio-circle{position: relative;width: 100%;border-radius: 50% !important;}
.wv-ratio-circle:before{display: block;padding-top: 100%;content: "";}
.wv-ratio-circle > * {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.wv-last-letter-remove .wv-last-letter-wrap{letter-spacing: 0;}


.fs-05em{font-size:.5em!important;}
.fs-06em{font-size:.6em!important;}
.fs-07em{font-size:.7em!important;}
.fs-08em{font-size:.8em!important;}
.fs-09em{font-size:.9em!important;}
.fs-10em{font-size:1em!important;}
.fs-11em{font-size:1.1em!important;}
.fs-12em{font-size:1.2em!important;}
.fs-13em{font-size:1.3em!important;}
.fs-14em{font-size:1.4em!important;}
.fs-15em{font-size:1.5em!important;}

.fw-100{font-weight: 100!important}
.fw-200{font-weight: 200!important}
.fw-300{font-weight: 300!important}
.fw-400{font-weight: 400!important}
.fw-500{font-weight: 500!important}
.fw-600{font-weight: 600!important}
.fw-700{font-weight: 700!important}
.fw-800{font-weight: 800!important}
.fw-900{font-weight: 900!important}

input{max-width: 100%}
input::placeholder{
    color:var(--wv-placeholer-color,revert);
}

/* 반응형 유틸리티 */




@media (max-width: 1919.98px) {
    .w-xxl-100{width:100%!important}
    .w-xxl-auto{width:auto!important}
    .mw-xxl-100{max-width:100%!important}
    .mw-xxl-auto{max-width:auto!important}
    .h-xxl-100{height:100%!important}
    .h-xxl-auto{height:auto!important}
    .mh-xxl-100{max-height:100%!important}
    .mh-xxl-auto{max-height:auto!important}
    .mx-xxl-fit{margin-left: calc(var(--wv-padding-left,var(--wv-container-padding-left)) *-1);margin-right: calc(var(--wv-padding-right,var(--wv-container-padding-right)) * -1);padding-left: calc(var(--wv-padding-left,var(--wv-container-padding-left)) *1);padding-right: calc(var(--wv-padding-right,var(--wv-container-padding-right)) * 1);}
}
@media (max-width: 1399.98px) {
    .w-xl-100{width:100%!important}
    .w-xl-auto{width:auto!important}
    .mw-xl-100{max-width:100%!important}
    .mw-xl-auto{max-width:auto!important}
    .h-xl-100{height:100%!important}
    .h-xl-auto{height:auto!important}
    .mh-xl-100{max-height:100%!important}
    .mh-xl-auto{max-height:auto!important}
    .mx-xl-fit{margin-left: calc(var(--wv-padding-left,var(--wv-container-padding-left)) *-1);margin-right: calc(var(--wv-padding-right,var(--wv-container-padding-right)) * -1);padding-left: calc(var(--wv-padding-left,var(--wv-container-padding-left)) *1);padding-right: calc(var(--wv-padding-right,var(--wv-container-padding-right)) * 1);}
}
@media (max-width: 1199.98px) {
    .position-lg-absolute{position: absolute!important;}
    .position-lg-relative{position: relative!important;}
    .wh-lg-100{width: 100%;height: 100%;}
    .w-lg-100{width:100%!important}
    .w-lg-auto{width:auto!important}
    .mw-lg-100{max-width:100%!important}
    .mw-lg-auto{max-width:auto!important}
    .h-lg-100{height:100%!important}
    .h-lg-auto{height:auto!important}
    .mh-lg-100{max-height:100%!important}
    .mh-lg-auto{max-height:auto!important}
    .mx-lg-fit{margin-left: calc(var(--wv-padding-left,var(--wv-container-padding-left)) *-1);margin-right: calc(var(--wv-padding-right,var(--wv-container-padding-right)) * -1);padding-left: calc(var(--wv-padding-left,var(--wv-container-padding-left)) *1);padding-right: calc(var(--wv-padding-right,var(--wv-container-padding-right)) * 1);}
}
@media (max-width: 991.98px) {
    .position-md-absolute{position: absolute!important;}
    .position-md-relative{position: relative!important;}
    .wh-md-100{width: 100%;height: 100%;}
    .w-md-100{width:100%!important}
    .w-md-auto{width:auto!important}
    .mw-md-100{max-width:100%!important}
    .mw-md-auto{max-width:auto!important}
    .h-md-100{height:100%!important}
    .h-md-auto{height:auto!important}
    .mh-md-100{max-height:100%!important}
    .mh-md-auto{max-height:auto!important}
    .mx-md-fit{margin-left: calc(var(--wv-padding-left,var(--wv-container-padding-left)) *-1);margin-right: calc(var(--wv-padding-right,var(--wv-container-padding-right)) * -1);padding-left: calc(var(--wv-padding-left,var(--wv-container-padding-left)) *1);padding-right: calc(var(--wv-padding-right,var(--wv-container-padding-right)) * 1);}

    .br-md-remove br:not(.n){display: none;}
    .br-md-remove br:not(.n) +span.br:after {content: ' ';}
    :root{
        --wv-max-ratio : 10;
        --wv-max-fs-ratio: 10;
        --wv-min-ratio : .5;

    }
    .wv{  --wv-20:20px!important;}





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

    .view-pc{display: none!important;}


    .position-sm-absolute{position: absolute!important;}
    .position-sm-relative{position: relative!important;}
    .wh-sm-100{width: 100%;height: 100%;}
    .w-sm-100{width:100%!important}
    .w-sm-auto{width:auto!important}
    .mw-sm-100{max-width:100%!important}
    .mw-sm-auto{max-width:auto!important}
    .h-sm-100{height:100%!important}
    .h-sm-auto{height:auto!important}
    .mh-sm-100{max-height:100%!important}
    .mh-sm-auto{max-height:auto!important}
    .mx-sm-fit{margin-left: calc(var(--wv-padding-left,var(--wv-container-padding-left)) *-1);margin-right: calc(var(--wv-padding-right,var(--wv-container-padding-right)) * -1);padding-left: calc(var(--wv-padding-left,var(--wv-container-padding-left)) *1);padding-right: calc(var(--wv-padding-right,var(--wv-container-padding-right)) * 1);}



    .br-sm-remove br:not(.n){display: none;}
    .br-sm-remove br:not(.n) +span.br:after {content: ' ';}


}
@media (max-width: 575.98px) {
    .position-xs-absolute{position: absolute!important;}
    .position-xs-relative{position: relative!important;}
    .wh-xs-100{width: 100%;height: 100%;}
    .w-xs-100{width:100%!important}
    .w-xs-auto{width:auto!important}
    .mw-xs-100{max-width:100%!important}
    .mw-xs-auto{max-width:auto!important}
    .h-xs-100{height:100%!important}
    .h-xs-auto{height:auto!important}
    .mh-xs-100{max-height:100%!important}
    .mh-xs-auto{max-height:auto!important}
    .fx-xs-10px{font-size:10px!important}
    .fx-xs-11px{font-size:11px!important}
    .fx-xs-12px{font-size:12px!important}
    .fx-xs-13px{font-size:13px!important}
    .fx-xs-14px{font-size:14px!important}
    .mx-xs-fit{margin-left: calc(var(--wv-padding-left,var(--wv-container-padding-left)) *-1);margin-right: calc(var(--wv-padding-right,var(--wv-container-padding-right)) * -1);padding-left: calc(var(--wv-padding-left,var(--wv-container-padding-left)) *1);padding-right: calc(var(--wv-padding-right,var(--wv-container-padding-right)) * 1);}

    .br-xs-remove br:not(.n){display: none;}
    .br-xs-remove br:not(.n) +span.br:after {content: ' ';}
}



@media (min-width: 576px) {

}
@media (min-width: 768px) {
    .view-mobile{display: none!important;}
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {

}