body{padding: 0; margin: 0;
    background-image: url('https://i.pinimg.com/originals/7d/2a/9f/7d2a9fca264faa93561f72b5fc885fec.gif');
    background-size: cover; background-attachment: fixed;
    }

@font-face {
  font-family: "Sam3KRFont";
  src: url("./src/Sam3KRFont.ttf") format("truetype");
  font-weight: normal;
}



.wrapper{width: 930px; height: auto; margin: auto; padding: 0;
font-family: Sam3KRFont;margin-top: 200px;}
.wrapper2{width: 930px; height: auto; margin-left: 200px; padding: 0;
font-family: Sam3KRFont;margin-top: 200px;}
.wrapper3{width: 1142px; height: auto; margin-left: 500px; padding: 0;
font-family: Sam3KRFont;margin-top: 70px;}
.wrapper4{width: 700px; height: auto; margin-left: 140px; padding: 0;
font-family: Sam3KRFont;margin-top: 70px;}

.icon-list{padding: 0; margin: 0; margin-top: 0px; align-items: left; position: fixed;}
.icon{position: fixed; top:40px; left:10px;}
.icon button{background-color: transparent; border:none;
	padding: 0;
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    margin-bottom: 20px; /* 버튼 간격 조정 */}
.icon img{width: 54px;} 
.icon h1{font-size: 16px; color: white;font-family: Sam3KRFont;}
.icon {display: flex; flex-direction: column;}

.status{position: fixed;bottom: 0;background-color: #BFBFBF;background-size: cover;
    z-index: 99;}

.window{background-color: #BFBFBF;
	border: 2.5px solid white;}

img{display: block;}

.ex{margin: auto;}

.one{width: 930px; margin: 0 auto; padding-top: 20px; padding-bottom: 20px;}
.two{width: 400px; margin: 0 auto;}

.window h1{margin-left: 40px;margin-top: 40px; margin-bottom: 20px;line-height: 38px;}
.window h2{text-align: center;}
.window button{display:block; margin: auto;
    margin-top: 40px;margin-bottom: 40px; font-family: Sam3KRFont;}
.window h3{text-align: right;font-size: 26px;margin-right: 30px;}
.window h4{font-size: 18px;}


.whatis{position: relative; height: 470px;}
.whatis h1{position: absolute;top:80px;left: 40px;font-size: 28px;}
.whatis p{position: absolute; top:150px;left: 80px; font-size: 22px;line-height: 36px;}
.whatis img{position: absolute; width: 420px; height: auto; top:70px;right: 20px;}
.whatis h2{position:absolute;text-align: left;top:520px;font-weight: normal;right: 80px;font-size: 22px;line-height: 36px;}

.whatis2{position: relative; height: 470px;}
.whatis2 img{position: absolute;top:30px;left: 60px;width: 320px;height: 350px;}
.whatis2 p{position: absolute;right: 100px; font-size: 22px;line-height: 36px;}

.whatis3{position: relative; height: 908px;}
.whatis3 h1{position: absolute;left: 50%;
  transform: translateX(-50%);margin: 0;top: 100px;font-size: 26px;}
.whatis3 img{position:absolute;width: 930px;z-index: 1;top:160px;}
.whatis3 iframe{position: relative;z-index: 2;position: absolute;left: 50%;
  transform: translateX(-50%);margin: 0;top:230px;}

.whatis4{position: relative;height: 523px;}
.whatis4 img{width:930px;height: auto;}
.talk{position: absolute;top:120px;}

.whatis5{position: relative;height: 1400px;}
.whatis5 h2{position: absolute;left:120px;top:130px;}
.whatis5 p{position: absolute;font-size: 26px;left:340px;top:120px;line-height: 34px;}
.whatis5 img{position: absolute;top:300px;width:800px;height: auto;
    left: 50%;
  transform: translateX(-50%);margin: 0;}
.whatis5 h3{position: absolute;top:1130px;left: 50%;
  transform: translateX(-50%);margin: 0;text-align: center;line-height: 38px;}

.whatis6 img{display: inline-block;
    width: 240px; height: auto;margin-left: 48px;padding-bottom: 0px;margin-top: 28px;}
.whatis6 h2{margin-bottom: 60px;}
.whatis6 a{margin-bottom: 10px;}

.whatis7{position: relative; height: 500px;}
.whatis7 h2{position: absolute; top: 100px; right: 40px;}
.whatis7 img{margin-left: 20px;}
.whatis7 p{position: absolute;top: 230px;font-size: 22px;line-height: 32px;right: 36px;}


.whatis8{position: relative; height:644px;}
.whatis8 img{width: 1142px;height: auto;}
.whatis8 h1{color: white; position: absolute;top:580px;font-size: 30px;left: 50%;
  transform: translateX(-50%);margin: 0;}

.blank{height: 250px;}