@charset "utf-8";

.MC_wrap1 { background:url('/images/schl/web/daejungh/sub/0086_bg_wrap1.png') no-repeat center/cover;}
/* 1. 전체 화면 및 부모 레이어 투명화 */
html, body {
    margin: 0;
    padding: 0;
    background: transparent !important; /* 배경을 강제로 완전히 투명하게 설정 */
    border: none !important;            /* 혹시 모를 테두리 제거 */
    box-shadow: none !important;        /* 그림자 효과 제거 */
}
/* 2. 마스코트 팝업 위치 및 애니메이션 정의 */
.mascot-popup {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999999; /* 다른 모든 UI보다 가장 위에 오도록 설정 */
    animation: popupUp 1s ease-out forwards;
    background: transparent !important; /* 배경 투명 */
}
/* 3. 이미지 자체 스타일 (흰 배경 및 테두리 방지) */
.mascot-popup img {
    width: 180px;
    height: auto;
    display: block;
    background: transparent !important;
    border: none !important;
}
/* 4. 아래에서 위로 스르륵 올라오는 애니메이션 */
@keyframes popupUp {
    from {
        transform: translateY(250px);
        opacity: 0; /* 처음에 투명했다가 */
    }
    to {
        transform: translateY(0);
        opacity: 1; /* 올라오면서 선명해짐 */
    }
}
/* media query mobile */
@media screen and (max-width: 1280px){
.mascot-popup img {
    width: 90px;
    height: auto;
    display: block;
    background: transparent !important;
    border: none !important;
}
	
}

@media screen and (max-width: 1200px){

	

}

@media screen and (max-width: 1024px){



}

@media (max-width:690px) {



}

@media (max-width:560px) {



}

@media screen and (max-width: 480px){



}

@media (max-width:380px) {


}