#root,.App{overflow:visible!important}html,body{background-color:#000;margin:0;padding:0}.AppBox{display:flex;width:100%;align-items:stretch;position:relative}.LeftBox,.RightBox{flex:0 0 15%;position:relative}.SideLink{position:sticky;top:50vh;transform:translateY(-50%);display:block;width:60%;margin:0 auto;line-height:0}.SideImg{width:100%;height:auto;display:block;border:3px solid rgb(255,255,255);border-radius:10px}.MiddleBox{flex:0 0 70%}.Middleimg{width:100%;height:auto;display:block;border:3px solid rgb(255,187,0);margin-top:10px;margin-bottom:30px}.MobileHeader,.MobileFooter{display:none}@media(max-width:768px){.side-pc{display:none!important}.AppBox{flex-direction:column}.MiddleBox{flex:0 0 100%;padding-top:50px;padding-bottom:40px;display:flex;justify-content:center}.Middleimg{width:98.5%}.MobileHeader{display:flex;position:fixed;top:0;left:0;width:100%;height:60px;background-color:#000;color:#fff;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;z-index:1000;border-bottom:3px solid rgb(255,187,0)}.HeaderImg{width:50%}.MobileFooter{display:flex;position:fixed;bottom:0;left:0;width:100%;height:70px;background-color:#000c;padding:10px;gap:10px;box-sizing:border-box;z-index:1000}.footerImg{width:20%;margin-right:15px}.Btn{flex:1;display:flex;justify-content:center;align-items:center;text-decoration:none;font-weight:700;border-radius:8px;color:#fff}.Tele{background-color:#08c}.Kakao{background-color:#fee500;color:#3c1e1e}}