@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

.menual_menu {
	padding: 1% 1% 0% 10.5%;
	border-right: 1px solid #eee;
	display: block;
	line-height: 2.3;
	min-width: 230px;
	max-width: 230px;
	max-height: 800px;
	margin-top: 10px;
	height: 100vh;
	overflow-y: auto;
	position: fixed;
	left: 0px;
	z-index: 1;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-color: white;
}

.menual_menu::-webkit-scrollbar {
	width: 10px;
}
.menual_menu::-webkit-scrollbar-thumb {
	background: rgb(211, 211, 211);
	border-radius: 10px;
}
.menual_menu::-webkit-scrollbar-track {
	background: white;
}

.menual_menu .menual_menu_ul_01 {
	display: block;
	font-size: 0.95rem;
	font-weight: 500;
}
.menual_menu .menual_menu_ul_02 {
	display: none;
	font-size: 0.9rem;
	font-weight: 400;
}

/*
.menual_menu_ul_01 li::after {
    content:"\f078";
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
    font-weight: 900;
    margin-right: 18px;
}
*/
.menu_1depth {
	position: relative;
    padding-bottom: 10px;
}
svg:not(:host).svg-inline--fa, svg:not(:root).svg-inline--fa {
	position: absolute;
	right: 1rem;
	top: 0.8rem;
	width: 15px;
}
.menu_2depth {
	padding-left: 5%;
}
.menu_3depth {
	padding-left: 10%;
}
.menual_nav {
	margin: 2% 0;

}
.menual_nav_txt {
	display: block;
	margin: auto 0;
}
.menual_nav_txt ol {
	display: flex;
	list-style: none;
	padding-left: 0;
}
.menual_nav_txt ol li::before {
	content:">";
	padding: 0 10px;
}
.menual_nav_txt ol li:first-child::before {
	content: none;
}
.menual_nav_txt ol li a {
	font-size: 14px;
	color: #6E7683;
}
.guide01 {
	margin: 2% 0 2% 5%;
}
.main_logo_img {
	text-align: center;
    padding-top: 300px;
}
.main_logo_img img {
	display: none;
	width: 500px;
    opacity: 0.5;
}
.main_logo_img > span {
	font-size: 100px;
    font-weight: 500;
    color: #eaeaea;
}
.contents {
	display: flex;
	min-height: 88vh;
}
.drag-prevent{
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.menu_fold {
	padding: 0 15px;
    border: 1px solid #bfbfbf;
    background-color: #fff;
    border-radius: 4px;
    font-weight: 500;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*-webkit-transition: all 0.4s;
    transition: all 0.4s;*/
    height: 24px;
    position: fixed;
    z-index: 4;
    left: 395px;
    top: 80px;
}
.img_modal {
	display: none;
	margin: auto;
	position: fixed;
    z-index: 10; /* 모달창을 제일 앞에 두기 */
    padding-top: 200px;
    left: 0; top: 0;
    width: 100%; height: 100%;
    overflow: auto; /* 스크롤 허용 auto */
    background-color: rgba(0, 0, 0, 0.8);
}
/* 모달창 이미지 */
.img_modal .modal_content {
    margin: auto;
    display: block;
    width: auto; height: auto;
    max-width: 96%;
    cursor: pointer; /* 마우스 손가락모양 */
    animation-name: zoom;
    animation-duration: 0.3s;
}
/* 모달창 애니메이션 추가 */
@keyframes zoom {
    from {transform: scale(0)}
    to {transform: scale(1)}
}
/* 닫기 버튼 꾸미기 */
.img_modal .close {
    position: absolute;
    top: 80px;
    right: 35px;
    color: #f1f1f1;
    font-size: 50px;
    font-weight: bold;
    transition: 0.3s;
}
.img_modal .close:hover, .img_modal .close:focus{
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}
.menu-active-link {
    color: #10a2bb; /* 원하는 색상 */
    font-weight: bold; /* 선택사항 */
}