body {font-family: 'Noto Sans', sans-serif;}
#mainLogoStr, #mainLogoStr2 {font-family: Figtree, Courier; font-size:20px; color:#141414; }
.mainTopMenu {font-family: Figtree, Courier; font-size:16px; color:#141414; margin-left:2em; margin-right:2em;}
#langView, #langView2 {padding-top: 10px;text-align: right;}
#selectLangArea, #selectLangArea2 {position: absolute; top: 2.3em; right:0;  width: 100px; padding: 0.5em; display: none; background-color: #ffffff;;}


a, a:visited, a:hover, a:link {text-decoration: none;color: #141414;  }
a.wfont {color:#ffffff;}
img, a img {border:none;}

.rounded-image {
    border-radius: 15px; /* 원하는 픽셀 값으로 조절 가능 */
}

.grayBG {background-color: #efefef;}
.grayFont {color: #efefef;}
.brawnText {color:brown;}

.pb-3 {padding-bottom: 3em;}

.test {border:1px solid red;}

.pr-3 {padding-right: 3em;}
.pd-05 {padding: 0.5em;}
.cur-p {cursor: pointer;}
.nopm {margin: 0; padding: 0;}
.hidden  {display: none;}
.absolute {position: absolute;}
.relative {position: relative;}





 .hamburger {
            position: absolute;
            top: 15px;
            right: 15px;
            font-size: 28px;
            cursor: pointer;
            z-index: 1000;
        }

        .drawer {
            position: fixed;
            top: 0;
            right: -250px; /* 초기 위치를 화면 왼쪽 밖으로 설정 */
            width: 250px;
            height: 100%;
            background-color: #333;
            color: white;
            box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
            transition: right 0.3s ease; /* 부드러운 이동 효과 */
            z-index: 999;
        }

        .drawer.open {
            right: 0; /* 메뉴 열기 */
        }

        .drawer ul {
            list-style: none;
            padding: 20px;
            margin: 0;
        }

        .drawer ul li {
            margin: 10px 0;
            cursor: pointer;
        }

        .drawer ul li a {
            text-decoration: none;
            color: white;
            font-size: 14px;
        }

        .drawer ul li .submenu {
            display: none; /* 기본적으로 숨김 */
            padding-left: 15px; /* 서브 메뉴 들여쓰기 */
        }

        .drawer ul li .submenu li {
            font-size: 14px;
            margin: 5px 0;
        }

        .drawer div.row {
            padding-left:20px;
        }


        .overlayLayer {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 998;
        }

        .overlayLayer.activeOverlay {
            display: block; /* 드로어가 열릴 때 오버레이 표시 */
        }




.admin_menu ul li .submenu {display: none;}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 991px) {
    .sview {display: block; } 
    .mview {display: none; }     
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .sview {display: none; } 
    .mview {display: block; } 
}