@charset "UTF-8"; .wrap { max-width: 1600px; margin: 0 auto; background: #F7F8FA; position: static; flex-direction: row; } 

/* 사이드 바 */
.sideNav-wrap { position: sticky; left: 0; top: 0; padding: 30px 0; z-index: 9999; display: flex; /* display: none; */
 flex-direction: column; max-width: 260px; width: 100%; flex-shrink: 0; height: 100%; transition: left .3s; } 
/* .sideNav-wrap.hide { left: -275px; position: fixed; } */
.sideNav-wrap .nav-controller { display: flex; position: absolute; top: 50%; right: -2px; transform: translateY(-50%); z-index: 99999; } 
.sideNav-wrap .nav-controller .toggle-btn { display: none; width: 30px; height: 30px; } 
.sideNav-wrap .nav-controller .toggle-btn svg { width: 100%; height: 100%; transform: rotate(90deg); } 
.sideNav { display: flex; flex-direction: column; width: 100%; min-height: 500px; height: 100%; /* max-height: 800px; */
 padding: 0; padding-bottom: 10px; box-shadow: none; z-index: 9999; border-radius: 30px; background: #FFF; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08) } 
.sideNav .brand { display: flex; flex-direction: column; align-items: center; text-align: center; margin:80px 0 40px; } 
.sideNav .brand .brand_icon { width: 190px; height: 45px; } 
.sideNav .brand .brand_icon svg { width: 100%; height: 100%; } 
.sideNav .brand .univ-icon { width: 150px; height: 30px; margin-top: 10px; } 
.sideNav .brand .univ-icon img { width: 100%; height: 100%; object-fit: contain; } 
.sideNav .navBar_nav { /* flex-grow: 1; */
 position: relative; padding:0 27px; overflow-y: auto; height: 500px; } 
.sideNav .navBar_nav.scroll::-webkit-scrollbar { width: 16px; } 
.sideNav .navBar_nav.scroll::-webkit-scrollbar-thumb { border-radius: 999px; /* background: transparent; */ } 
.sideNav .navBar_nav.scroll::-webkit-scrollbar-track { background: transparent; } 
.sideNav .navBar_nav .menuNav > a { background: #fff; position: relative; display: flex; align-items: center; height: 56px; color: var(--Grayscale-70, #464C53); font-family: "Pretendard Variable"; font-size: 20px; font-style: normal; font-weight: 500; line-height: 140%; /* 28px */}
html[lang="en"] .sideNav .navBar_nav .menuNav > a { font-size: 18px; } 
/* .sideNav .navBar_nav .menuNav a span { display: none; } */
.sideNav .navBar_nav .dashboard_menu > a { padding: 0 14px; } 
.sideNav .navBar_nav .notice-menu { padding-bottom: 15px; } 

.sideNav .navBar_nav .notice-menu > a,
.sideNav .navBar_nav .assignment_menu > a { padding: 0 14px; cursor: pointer; } 
/* 과제 2depth */
.assign-2depth { width: 100%; display: flex; flex-direction: column; height: 0px; transition: all .5s; overflow: hidden; } 
.sideNav .navBar_nav .menuNav.open .assign-2depth { overflow: auto hidden; height: 145px; } 

.sideNav .navBar_nav .notice-menu.menuNav.open .assign-2depth { height: 73px; } 
html[lang="en"] .sideNav .navBar_nav .menuNav.open .assign-2depth { height: 195px; } 
html[lang="en"] .sideNav .navBar_nav .assignment_menu.menuNav.open .assign-2depth { height: 195px; } 
html[lang="en"] .sideNav .navBar_nav .notice-menu.menuNav.open .assign-2depth { height: 110px; } 
/* 게시판 2depth */
.assign-2depth > li { width: 100%; } 
.assign-2depth > li > a { display: flex; gap: 8px; width: 100%; border-radius: 30px; padding: 10px 10px 10px 50px; } 
.assign-2depth > li > a > span { display: flex; align-items: center; gap: 8px; font-size: clamp(16px, calc( 16 / 1600 * 100vw ), 16px); color: var(--Grayscale-50, #8A949E); font-weight: 600; line-height: 1; } 

.assign-2depth > li:hover > a,.assign-2depth > li.on > a { border-radius: 8px; background: var(--Primary-5, #FAF7FD); } 
.assign-2depth > li:hover > a span,.assign-2depth > li.on > a span { color: #33363D; } 
/* 과제 2depth */
.sideNav .navBar_nav .menuNav > a { padding: 0 12px; } 
.sideNav .navBar_nav .menuNav .arrow_icon { margin-left: auto; } 
.sideNav .navBar_nav .menuNav.open .arrow_icon { transform: rotate(180deg); } 
.sideNav .navBar_nav .menuNav .menu_icon { width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; margin-right: 12px; } 
.sideNav .navBar_nav .menuNav .menu_icon .alarm_cont { display: none; align-items: center; height: 13px; background: #FF1C37; border-radius:999px; color: #F7F7F7; font-family: "Pretendard Variable"; font-size: 12px; font-style: normal; font-weight: 500; line-height: 13px; text-align: center; padding: 3px 4px; } 
.sideNav .navBar_nav .menuNav.alarm .menu_icon .alarm_cont { display: flex; position: absolute; right: -12px; top: -5px; } 
.sideNav .navBar_nav .menuNav.active > a { background: var(--Primary-15, #E0D8F9); color: var(--Primary-80, #3C218C); } 
.sideNav .navBar_nav .menuNav > a:hover { background: var(--Primary-10, #F7F1FF); } 
.sideNav .navBar_nav .menuNav > a { border-radius: 12px; transition: 0.1s ease-in-out; } 
.sideNav .navBar_nav .menuNav.active > a > span { font-weight: 700; } 
/* .sideNav .navBar_nav .menuNav.active a svg * { stroke: #33363D; } */


.sideNav .logout a { display: flex; align-items: center; padding: 30px 0 30px 41px; gap: 18px; } 
.user-menu-inner { padding: 8px; background: #fff; position: relative; z-index: 10; } 
.userMenu { position: relative; display: flex; align-items: center; justify-content: end; gap: 22px; z-index: 9999; max-width: 1600px; margin: 0 auto; padding-right: 24px; } 

.alert-wrap,.m-alert-wrap { position: relative; } 
.m-alert-wrap { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; } 
.m-alert-wrap svg { width: 23px; height: 25px; } 
.alert { width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; } 
.alert svg { width: 28px; height: 30px; } 
.alert-wrap .alarm_cont, .m-alert-wrap .alarm_cont { position: absolute; display: none; width: 15px; height: 15px; background:#6037D9; border-radius: 999px; z-index: 1; top: 5px; right: 8px; } 
.m-alert-wrap .alarm_cont { top: 2px; right: 5px; } 
.alert-wrap.alarm .alarm_cont, .m-alert-wrap.alarm .alarm_cont { display: block; } 
.alert-wrap .alarm_cont::after, .m-alert-wrap .alarm_cont::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; height: 50%; background:#F66C7C; z-index: -1; display: block; border-radius: 50%; } 
/* 알림창 */
.alert svg path,.my-profile svg.info_arrow path { fill: #464C53; } 
.my-profile svg path { stroke: #464C53; } 
.alert-wrap .alarm_cont, .m-alert-wrap .alarm_cont { background: #fff; } 
.header-inner .m-alert-wrap .m-alert svg path { fill: #464C53; } 
.alarm-wrap { display: none; position: absolute; top: calc(100% + 20px); right: -10px; z-index: 9; background: #fff; width: 400px; border-radius: 12px; box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.16); } 
.alarm-wrap::before { content: ""; position: absolute; right: 10px; top: -4px; display: block; width: 30px; height: 4px; background: url(/img/alarm-angle.svg); background-repeat: no-repeat; } 
.alarm-wrap.on { display: block; } 
.alarm-cont { padding: 16px; display: flex; flex-direction: column; gap: 15px; } 
.alarm-top { display: flex; width: 100%; align-items: center; justify-content: space-between; } 
#alram_wrap .alarm-cont .alarm-top span,.m-alarm-top >span { color: var(--Grayscale-60, #6D7882); font-size: 16px; font-weight: 500; line-height: 150%; } 
#alram_wrap .alarm-cont .btn-close { position: relative; width: 20px; height: 20px; } 
#alram_wrap .alarm-cont .btn-close::before,#alram_wrap .alarm-cont .btn-close::after { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 1.5px; background: #8A949E; transform: translate(-50%, -50%) rotate(45deg); } 
#alram_wrap .alarm-cont .btn-close::after { transform: translate(-50%, -50%) rotate(-45deg); } 

.alarm-wrap .alarm-ul { display: flex; flex-direction: column; width: 100%; overflow-y: auto; max-height: 350px; padding: 0; padding-bottom: 40px; } 
#alram_wrap .alarm-ul{padding-bottom: 0;}
.alarm-wrap .alarm-ul >li { display: flex; justify-content: flex-start; gap: 15px; padding: 15px 0; border-top: 1px solid #EEF1F3; background: #fff; } 
.alarm-wrap .alarm-ul >li .alarm-icon { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; border-radius: 999px; background: var(--Primary-10, #F7F1FF); } 
.alarm-wrap .alarm-ul >li .alarm-icon img { width: 24px; height: 24px; } 
.alarm-wrap .alarm-ul >li .alarm-text-wrap { display: flex; flex-direction: column; gap: 5px; flex: 1; } 
.alarm-wrap .alarm-ul >li .alarm-text-wrap .alarm-text { font-size: clamp(16px, calc( 16 / 1600 * 100vw ), 16px); color: #000; font-weight: 600; } 
.alarm-wrap .alarm-ul >li .alarm-text-wrap .alarm-time { display: flex; gap: 3px; align-items: center; color: var(--Grayscale-50, #8A949E); font-size: 14px; font-weight: 400; line-height: 150%;letter-spacing: -0.21px; } 
/* .alarm-wrap .alarm-ul >li .alarm-text-wrap .alarm-time::before { content: ''; display: block; width: 4px; height: 4px; background-color: #B5B5B5; border-radius: 50%; }  */
.alarm-ul >li .alarm-text-wrap .alarm-text { position: relative; padding-right: 10px; } 
.alarm-ul >li.unconfirmed .alarm-text-wrap .alarm-text::after { content: ''; position: absolute; top: 0; right: 0; display: block; width: 8px; height: 8px; border-radius: 50%; background: var(--Primary-60base, #714EDA); } 
/* 알림창 */
.userMenu .my-profile { display: flex; align-items: center; color: var(--Grayscale-70, #464C53); font-family: "Pretendard Variable"; gap: 15px; font-size: clamp(16px, calc( 16 / 1600 * 100vw ), 16px); font-weight: 500; line-height: 140%; } 
.alarm-ul >li.no-alert { flex: 1; justify-content: center !important; } 
.alarm-ul >li.no-alert .alarm-text { text-align: center !important; color: var(--Grayscale-50, #8A949E) !important;font-size: 16px !important;font-weight: 500 !important;line-height: 140%; } 

.userMenu .my-profile svg { width: 35px; height: 35px; } 
.userMenu .my-profile svg:last-child { width: 10px; height: 7px; } 
.profile-ul { display: none; position: absolute; right: 20px; top: calc(100% + 10px); height: auto; border-radius: 10px; background: #8F70DC; } 
.profile-ul .logout-btn svg path { stroke: #C7ACF9; } 
.profile-ul::before { content: ""; position: absolute; right: -4px; top: -4px; display: block; width: 30px; height: 4px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 8 4' fill='none'%3E%3Cpath d='M4.70711 0.707106L8 4H0L3.29289 0.707107C3.68342 0.316583 4.31658 0.316582 4.70711 0.707106Z' fill='%238F70DC'/%3E%3C/svg%3E"); background-repeat: no-repeat; } 
.profile-ul.on { display: block; } 
.profile-ul .logout-btn > a { display: flex; padding: 8px 12px; gap:6px; align-items: center; font-size: clamp(16px, calc( 16 / 1600 * 100vw ), 16px); font-weight: 600; color: #fff; } 
.profile-ul .logout-btn svg { width: 20px; height: 20px; } 

/* 모바일 메뉴 */
.m-header { display: none; } 
.m-nav-wrap { display: none; } 
/* 모바일 메뉴 */
 
/* footer */
#footer { width: 100%; margin: auto; background: #EEF3F7; font-weight: 500; font-size: 1rem; line-height: 1.777777777777778; color: var(--Grayscale-50); margin-top: 128px; } 

#footer .certificate-area {background: #FFF; padding: 20px 48px;}
#footer .certificate-area img {width: 100%; height: 100%; max-height: 66px; object-fit: contain;}
#footer .certificate-wrap .swiper-wrapper {align-items: center;}
#footer .certificate-wrap .swiper-slide {height: auto; width: auto;}

#footer .inner { max-width: 1600px; } 
#footer > .inner {padding: 74px 0 120px;}
#footer .ft-logo {width: 197px; aspect-ratio: 190/32;}
#footer .ft-logo svg {width: 100%; height: 100%; display: block;}
#footer .corporation {font-size: 1.222em; font-weight: 700; margin-bottom: 32px;}

#footer address {font-size: 1em; font-weight: 500; line-height: 160%; letter-spacing: var(--ls); margin-bottom: 40px;}
#footer address * {color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit;}
#footer address p>* + *::before,
#footer .copy-wrap button+button::before,
#footer .site-list li+ li::before {display: inline-block; content: ''; width: 1px; height: 12px; background: var(--gray400); margin: 0 6px;}

#footer .copy-wrap {display: flex; justify-content: space-between; align-items: center; padding-top: 16px; border-top: 1px solid var(--Grayscale-40); font-weight: 500;}
#footer .copy-wrap .util {display: flex; justify-content: start; align-items: center;}
#footer .copy-wrap .util>*, 
#footer .copy {font-size: 1em; font-weight: 500; line-height: 140%; letter-spacing: var(--ls);}
#footer .site-area {border-top: 1px solid var(--Grayscale-30);}
#footer .site-list {display: flex; padding: 32px 0;}
#footer .site-list li {display: flex;align-items: center;}
#footer .site-list a {font-size: 1.222em; font-weight: 600; display: flex; align-items: center;}
#footer .site-list li+ li::before {margin: 0 28px; height: 20px;}
/* //footer */




@media screen and (max-width: 1280px){
 .userMenu { gap: 15px; top: 48px; } 
 .userMenu .alert { width: 40px; height: 35px; } 
 .userMenu .my-profile { gap: 12px; border-radius: 30px; border: 1px solid #fff; padding: 5px 4px; } 
 .userMenu .my-profile svg { width: 35px; height: 35px; } 
 .profile-ul { max-width: 165px; } 
 .userMenu .alert-wrap .alarm_cont { font-size: 12px; } 
 .wrap { flex-direction: column; } 
 /* nav-bar */
 .sideNav-wrap { display: none; } 
 .user-menu-inner { display: none; } 
 /* nav-bar */
 /* 모바일메뉴 */
 .m-header { position: sticky; top: 0; left: 0; z-index: 500; display: block; background: #fff; } 
 .header-inner { display: flex; justify-content: space-between; align-items: center; padding: 0px 15px; } 
 .header-inner .m-open-btn { display: flex; align-items: center; } 
 .header-inner .m-logo { display: flex; align-items: center; justify-content: center; height: 64px; gap: 20px; } 

 .header-inner .m-logo .univ-icon { position: relative; display: flex; align-items: center; } 
 /* .header-inner .m-logo .univ-icon::before { content: ''; position: absolute; left: -14px; top: 2px; display: block; width: 1px; height: 16px; background:#EEF1F3; }  */

 .header-inner .m-alert-wrap .m-alert { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; } 
 .header-inner .m-alert-wrap .m-alert > img { width: 100%; } 
 .m-header-bg { position: fixed; z-index: 1200; top: 0; left: 0; width: 100%; height: 100%; background: rgba(76, 73, 69, 0.40); display: none; } 
 .m-nav-wrap.on { position: fixed; top: 0; left: 0; z-index: 99999; max-width: 310px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 16px; background: #fff; padding: 24px 24px 0 24px; } 
 .m-nav-wrap.on .m-close-btn { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; margin-left: auto; } 
 .m-nav-wrap.on .m-nav-logo { display: flex; flex-direction: column; align-items: center; max-width: 160px; width: 100%; } 
 .m-nav-wrap.on .m-nav-logo > svg { width: 100%; height: 45px; } 
 .m-nav-wrap.on .m-nav-logo .univ-icon { width: 80%; height: 40px; } 
 .m-nav-wrap.on .m-nav-logo .univ-icon > img { width: 100%; height: 100%; } 
 .m-nav-wrap.on .m-user-info { width: 100%; } 
 .m-nav-wrap.on .m-user-info .user-btn { display: flex; justify-content: flex-start; align-items: center; width: 100%; padding: 8px 0; border-radius: 0; } 

 .m-nav-wrap.on .m-user-info .user-btn .menu-icon { display: flex;justify-content: center;align-items: center;width: 48px;height: 48px; } 
 .m-nav-wrap.on .m-user-info .user-btn > span { margin-left: 10px; font-size: clamp(16px, calc( 18 / 1600 * 100vw ), 18px); color: var(--highlight, #714EDA); font-weight: 600; line-height: 1; } 
 .m-nav-wrap.on .m-user-info .user-btn .arrow_icon { margin-left: auto; } 
 .m-nav-wrap.on .m-user-info .user-btn.on .arrow_icon { transform: rotate(180deg); } 

 .m-nav-wrap.on .m-user-info .logout-btn { height: 0; overflow: hidden; border-radius: 8px; background: var(--Primary-50, #8F70DC); transition: height .3s; } 
 .m-nav-wrap.on .m-user-info .logout-btn.on { height: 50px; overflow: auto hidden; } 
 .m-nav-wrap .m-user-info .logout-btn .menu-icon { display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; margin-right: 8px; } 
 .m-nav-wrap.on .m-user-info .logout-btn > a { display: flex; padding: 10px 15px; gap: 5px; align-items: center; font-size: clamp(16px, calc( 18 / 1600 * 100vw ), 18px); font-weight: 600; color: #fff; height: 100%; } 
 /* .m-nav-wrap.on .m-user-info .logout-btn svg { width: 30px; height: 30px; } */
 .m-nav-wrap.on .m-nav { display: flex; flex-direction: column; width: 100%; overflow-y: auto; padding-top: 20px; border-top: 1px solid #CDD1D5; } 
 .m-nav-wrap.on .m-nav > li > a { position: relative; width: 100%; display: flex; align-items: center; justify-content: flex-start; padding: 10px 16px; border-radius: 8px; color: var(--dark-gray,#727272); font-weight: 500; height: 55px; } 
 .m-nav-wrap.on .m-nav > li.on > a { background: var(--Primary-15, #E0D8F9); color: #3C218C; font-weight: 600; } 
 .m-nav-wrap.on .m-nav > li > a .menu-icon { width: 100%; display: flex; gap: 15px; align-items: center; font-size: clamp(16px, calc( 18 / 1600 * 100vw ), 18px); } 
 .m-nav-wrap.on .m-nav > li > a .arrow_icon { margin-left: auto; } 
 .m-nav-wrap.on .m-nav > li.open > a .arrow_icon { transform: rotate(180deg); } 

 /* 과제 2depth */
 .m-nav-wrap.on .m-nav > li .ul-depth2 { display: flex; flex-direction: column; justify-content: center; margin-top: 0px; width: 100%; height: 0; transition: height .3s; overflow: hidden; } 
 .m-nav-wrap.on .m-nav > li.open .ul-depth2 { height: 144px; overflow: auto hidden; margin-top: 0px; } 
 .m-nav-wrap.on .m-nav > li.open .ul-depth2.notice-ul { height: 80px; } 
 html[lang="en"] .m-nav-wrap.on .m-nav > li.open .ul-depth2 { height: 200px; } 
 html[lang="en"] .m-nav-wrap.on .m-nav > li.open .ul-depth2.notice-ul { height: 100px; } 
 .m-nav-wrap.on .m-nav > li.on.open .ul-depth2 { margin-top: -5px; } 
 .m-nav-wrap.on .m-nav > li .ul-depth2 >li > a { display: flex; padding: 10px 16px 10px 58px; border-radius: 8px; font-size: clamp(16px, calc( 18 / 1600 * 100vw ), 18px); line-height: 1; color: var(--Grayscale-50, #8A949E); font-weight: 600; border-radius: 8px; } 

 .m-nav-wrap.on .m-nav > li .ul-depth2 > li.open > a, .m-nav-wrap.on .m-nav > li .ul-depth2 > li:hover > a { color: var(--highlight, #714EDA); background: var(--Primary-5, #FAF7FD); } 
 /* 과제 2depth */
 /* 모바일 알림창 */
 .m-alarm-wrap { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; background: #fff; max-width: 400px; width: 100%; border-radius: 10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); justify-content: center; align-items: center; } 
 .m-alarm-wrap.on { display: flex; } 
 .m-alarm-cont { padding: 15px; display: flex; flex-direction: column; gap: 15px; width: 100%; } 
 .m-alarm-top { display: flex; justify-content: space-between; align-items: center; } 
 .m-alarm-top .alarm-close-btn { } 
 .m-alarm-top .alarm-close-btn { position: relative; width: 24px; height: 24px; } 
 .m-alarm-top .alarm-close-btn::before, .m-alarm-top .alarm-close-btn::after { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 1.5px; background: #8A949E; transform: translate(-50%, -50%) rotate(45deg); } 
 .m-alarm-top .alarm-close-btn::after { transform: translate(-50%, -50%) rotate(-45deg); } 
 .m-alarm-wrap .alarm-ul { display: flex; flex-direction: column; width: 100%; overflow-y: auto; min-height: 350px; max-height: 350px; } 
 .m-alarm-wrap .alarm-ul >li { display: flex; align-items: center; justify-content: flex-start; gap: 8px; padding: 15px 0; background: #fff; border-top: 1px solid #EEF1F3; } 
 .m-alarm-wrap .alarm-ul >li .alarm-icon { width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; background: var(--Primary-10, #F7F1FF); border-radius: 50%; } 
 .m-alarm-wrap .alarm-ul >li .alarm-icon > img { width: 24px; height: 24px; } 
 .m-alarm-wrap .alarm-ul >li .alarm-text-wrap { display: flex; flex-direction: column; gap: 5px; flex: 1; } 
 .m-alarm-wrap .alarm-ul >li .alarm-text-wrap .alarm-text { font-size: 1rem; color: #000; font-weight: 600; } 
 .m-alarm-wrap .alarm-ul >li .alarm-text-wrap .alarm-time { display: flex; gap: 3px; align-items: center; font-size: 1rem; font-weight: 600; line-height: 1; color: #B5B5B5; } 
 .m-alarm-wrap .alarm-ul >li .alarm-text-wrap .alarm-time::before { content: ''; display: block; width: 4px; height: 4px; background-color: #B5B5B5; border-radius: 50%; } 

 /* 모바일 알림창 */
}
@media (max-width:768px){
    #footer .certificate-area{padding: 10px 20px;}
    #footer .copy-wrap {padding-top: 24px; flex-direction: column; align-items: flex-start; gap: 8px;}
    #footer address * {display: block;}
    #footer address p>* + *::before {display: none;}
    #footer .site-list li+ li::before {margin: 0 10px;}
    #footer .site-list {padding: 20px 0;}
    #footer > .inner {padding: 40px 20px 20px;}
}
@media screen and (max-width: 480px){
    .m-header .m-open-btn svg,.header-inner .m-logo svg { width: 80%; } 
    .m-alert-wrap svg { width: 20px; } 

    .m-alarm-wrap { max-width: 300px; } 
    /* 모바일메뉴 */

    /* footer */
    #footer {font-size: 13px;}
    #footer .site-list {flex-direction: column;}
    #footer .site-list li+ li {margin-top: 4px;}
    #footer .site-list li+ li::before {display: none;}
    /* //footer */ 
}