html, body {
    overflow-x: hidden; /* Prevent scroll on narrow devices */
}

@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body,span,p,div,ul,ol,dl,dt,dd,em,input,textarea,fieldset,small,tr,td,th,source,a {
    font-family : 'NEXON Lv1 Gothic OTF', sans-serif;
    font-weight : normal;
}

h1,h2,h3,h4,h5,h6 {
    font-family : 'NEXON Lv1 Gothic OTF', sans-serif;
    font-weight : normal;
}

.form-control-trans {
    border      : none;
    background  : transparent;
}

body {
    padding-top : 56px;
    margin      : 0;
    padding     : 0;
    font-family : 'NEXON Lv1 Gothic OTF', sans-serif;
}

@media (max-width: 991.98px) {
    .offcanvas-collapse {
        position: fixed;
        top: 56px; /* Height of navbar */
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #343a40;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    }

    .offcanvas-collapse.open {
        visibility: visible;
        transform: translateX(-100%);
    }
}

.nav-scroller .nav-link {
    padding-top     : 1.40rem;
    padding-bottom  : .75rem;
    font-size       : .875rem;
    color           : #6c757d;
}

.nav-scroller .nav-link:hover {
    color: #007bff;
}

.selector-for-some-widget {
  box-sizing: content-box;
}

/*nav ¸Þ´º ¸¶¿ì½º hover ¹Ù·Î ÆîÄ¡±â*/
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{   }
    .navbar .nav-item:hover .dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }
}

/* Àο빮 ÄÚµù ºÎºÐ µðÀÚÀÎ*/
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 0px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: Source Code Pro,sourcecodepro,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace,sans-serif;
    font-size: 0.8rem;
    color:#FF0000;

}

body.page blockquote {
    border-left: 5px solid #f86466;
    background: white;

}

blockquote {
    padding: 10px 16px;
    margin: 0 0 20px;
    border-left: 5px solid #FF6666;
    border-top:#e1e1e1 1px solid;
    border-right:#e1e1e1 1px solid;
    border-bottom:#e1e1e1 1px solid;
    font-weight:bold;
    font-size:1.4em;
    color:#000000;
    background-Color:#F3FDFE;
}

/*¾îµÓ°Ô*/
.ifilter {
    filter: brightness(95%) !important;
}

/*À̹ÌÁö °¡±îÀÌ °¡¸é È®´ë*/
.hover-zoom:hover img, .hover-zoom:hover video {
    -webkit-transform: scale(1.15);
    filter: brightness(90%) !important;
    /* transform: scale(1.1); */
}

.hover-zoom img, .hover-zoom video {
    /* -webkit-transition: all .3s linear; */
    transition: all .4s linear;
}

/*opm style button */
.opm-btn {

    cursor: pointer;

    border-radius: var(--bs-border-radius-xl)!important;

    padding-right: 1rem!important;
    padding-left: 1rem!important;
    margin-right: 0.25rem!important;

    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);

    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none;
}

.hand{
    cursor:pointer;
}

/*footer banner*/
:root {
    --bannerTop     : 100px;
    --bannerLeftPos : -900px;
    --bannerRightPos: 665px;
}

.pos-banner {
    position:fixed;
}

.lb-1{
    margin-top  : var(--bannerTop);
    margin-left : var(--bannerLeftPos);
    z-index:0;
}
.rb-1{
    margin-top  : var(--bannerTop);
    margin-left : var(--bannerRightPos);
    z-index:0;
}

@media screen and (max-width: 767px) {
    .mobile-space {
        padding:0px!important;
        border:unset!important;
    }
}

.ls{
    letter-spacing:-0.1em;
}

/*footer banner*/
:root {
    --bannerTop     : 60px;
    --bannerLeftPos : -936px;
    --bannerRightPos: 654px;
}

.pos-banner {
    position:fixed;
}

.lb-1{
    margin-top  : var(--bannerTop);
    margin-left : var(--bannerLeftPos);
    z-index:0;
}
.rb-1{
    margin-top  : var(--bannerTop);
    margin-left : var(--bannerRightPos);
    z-index:0;
}

@media screen and (max-width: 767px) {
    .mobile-space {
        padding:0px!important;
        border:unset!important;
    }
}

@media all and (min-width: 1741px) {
    .position-fixed{
        display:block !important;
    }
}

@media all and (max-width: 1742px) {
    .position-fixed{
        display:none !important;
    }
}