.main .paper-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); transition: opacity 0.6s ease-out; z-index: 1100; } 
.main .paper-wrap .paper { position: absolute; top: 46%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s ease-out; } 
.main .paper-wrap .paper.after .red-mark { position: absolute; bottom: 254px; left: 23px; width: 180px; } 
.main .paper-wrap .paper.after .red-mark:last-child { bottom: 235px; left: 307px; width: 250px; } 
.main .paper-wrap .paper .active { z-index: 1; } 
.main .paper-wrap .paper .zoom-container { overflow: hidden; width: 541px; height: 746px; display: inline-block; } 
.main .paper-wrap .paper .zoom-container.second { position: absolute; left: 110%; } 
.main .paper-wrap .paper .zoom-container.active .img { cursor: move; position: relative; pointer-events: initial; } 
.main .paper-wrap .paper .zoom-container .img { position: relative; width: 541px; height: 746px; pointer-events: none; } 
.main .paper-wrap .paper .zoom-container .clean { width: 541px; height: 746px; pointer-events: none; position: absolute; top: 0; left: 0; transition: opacity 0.5s ease-out; } 
.main .paper-wrap .paper .zoom-container .red-mark { position: absolute; bottom: 200px; left: 189px; width: 240px; transition: all 0.5s ease-out; } 
.main .paper-wrap .paper.letter { align-items: flex-end; top: 51%; } 
.main .paper-wrap .paper.letter .zoom-container { width: 709px; } 
.main .paper-wrap .paper.letter .zoom-container .img { width: 709px; } 
.main .paper-wrap .paper.letter .zoom-container.first { height: 649px; } 
.main .paper-wrap .paper.letter .zoom-container.first .img, .main .paper-wrap .paper.letter .zoom-container.first .clean { width: 709px; height: 649px; } 
.main .paper-wrap .paper.letter .zoom-container.second { height: 431px; top: 31%; } 
.main .paper-wrap .paper.letter .zoom-container.second .img, .main .paper-wrap .paper.letter .zoom-container.second .clean { width: 709px; height: 431px; } 
.main .paper-wrap .paper.letter .zoom-container.third { position: absolute; left: 221%; bottom: 0; width: 709px; height: 371px; } 
.main .paper-wrap .paper.letter .zoom-container.third .img, .main .paper-wrap .paper.letter .zoom-container.third .clean { width: 709px; height: 371px; } 
.main .paper-wrap .paper.letter .zoom-container.fourth { position: absolute; left: 332%; bottom: 3%; width: 709px; height: 571px; } 
.main .paper-wrap .paper.letter .zoom-container.fourth .img, .main .paper-wrap .paper.letter .zoom-container.fourth .clean { width: 709px; height: 571px; } 
.main .paper-wrap .paper.letter .text-container { position: absolute; width: 709px; height: 386px; top: 0; left: 0; z-index: -1; } 
.main .paper-wrap .paper.letter .text-container .ment { position: absolute; color: white; top: 16%; width: 90%; word-break: keep-all; font-family: "Gowun Batang", serif; font-size: 22px; font-weight: 400; line-height: 40px; letter-spacing: -0.03em; text-align: left; transition: all 0.5s ease-out; } 
.main .paper-wrap .paper.letter .text-container .ment:first-child { left: 110%; } 
.main .paper-wrap .paper.letter .text-container .ment:nth-child(2) { left: 221%; } 
.main .paper-wrap .paper.letter .text-container .ment:last-child { top: -2%; left: 332%; } 
.main .paper-wrap .paper-btn { position: absolute; width: 36%; bottom: 3%; left: 50%; transform: translate(-50%, -50%); width: 541px; display: flex; justify-content: space-between; } 
.main .paper-wrap .paper-btn .zoom-btn { display: flex; justify-content: space-around; gap: 13px; background: black; border-radius: 8px; padding: 1vh; height: 6vh; box-sizing: border-box; } 
.main .paper-wrap .paper-btn .zoom-btn .zoom { position: relative; width: 30%; background: black; border-radius: 13px; padding: 2px; cursor: pointer; display: flex; align-items: center; justify-content: center; } 
.main .paper-wrap .paper-btn .zoom-btn .zoom img { width: 100%; pointer-events: none; } 
.main .paper-wrap .paper-btn .zoom-btn .zoom.zoom-in::after { content: ""; border-right: 1px solid #747474; width: 100%; height: 60%; display: block; position: absolute; top: 18%; left: 34%; } 
.main .paper-wrap .paper-btn .close-btn { font-family: "Pretendard"; width: 238px; height: 73px; border-radius: 8px; color: white; background: #000000; font-size: 20px; display: flex; justify-content: center; align-items: center; border: none; cursor: pointer; box-sizing: border-box; font-size: 2.1vh; height: 6vh; width: 20vh; font-family: "Pretendard"; } 
.main .paper-wrap.letter-active .paper-btn { width: 709px; } 
.main .paper-wrap.little { background: initial; z-index: 50; } 
.main .paper-wrap.little .paper-btn { display: none; } 
.main .paper-wrap.little .paper.certificate, .main .paper-wrap.little .paper.notice { transform: translate(-50%, 40%); cursor: pointer; } 

@media all and (min-width: 767px) and (max-width: 1024px){
.main .paper-wrap .paper.letter { top: 47%; } 
.main .paper-wrap .paper.letter .zoom-container { width: 629px; } 
.main .paper-wrap .paper.letter .zoom-container.first, .main .paper-wrap .paper.letter .zoom-container.first .img, .main .paper-wrap .paper.letter .zoom-container.first .clean { width: 629px; height: 579px; } 
.main .paper-wrap .paper.letter .zoom-container.second, .main .paper-wrap .paper.letter .zoom-container.second .img, .main .paper-wrap .paper.letter .zoom-container.second .clean { width: 629px; height: 381px; } 
.main .paper-wrap .paper.letter .zoom-container.third, .main .paper-wrap .paper.letter .zoom-container.third .img, .main .paper-wrap .paper.letter .zoom-container.third .clean { width: 629px; height: 349px; } 
.main .paper-wrap .paper.letter .zoom-container.fourth, .main .paper-wrap .paper.letter .zoom-container.fourth .img, .main .paper-wrap .paper.letter .zoom-container.fourth .clean { width: 629px; height: 501px; } 
.main .paper-wrap .paper.letter .text-container { width: 629px; } 
.main .paper-wrap.letter-active .paper-btn { width: 629px; bottom: 10%; } 
}
@media all and (min-width: 767px) and (max-width: 1024px) and (max-height: 800px){
.main .paper-wrap .paper.letter .zoom-container { width: 589px; } 
.main .paper-wrap .paper.letter .zoom-container.first,
.main .paper-wrap .paper.letter .zoom-container.first .img, .main .paper-wrap .paper.letter .zoom-container.first .clean { width: 589px; height: 559px; } 
.main .paper-wrap .paper.letter .zoom-container.second .img, .main .paper-wrap .paper.letter .zoom-container.second .clean,
.main .paper-wrap .paper.letter .zoom-container.second { width: 589px; height: 371px; } 
.main .paper-wrap .paper.letter .zoom-container.third,
.main .paper-wrap .paper.letter .zoom-container.third .img, .main .paper-wrap .paper.letter .zoom-container.third .clean { width: 589px; height: 331px; } 
.main .paper-wrap .paper.letter .zoom-container.fourth .img, .main .paper-wrap .paper.letter .zoom-container.fourth .clean,
.main .paper-wrap .paper.letter .zoom-container.fourth { width: 589px; height: 471px; } 
.main .paper-wrap .paper.letter .text-container { width: 589px; } 
.main .paper-wrap .paper.letter .text-container .ment { top: 14%; font-size: 19px; line-height: 35px; } 
.main .paper-wrap.letter-active .paper-btn { width: 589px; bottom: 2%; } 
}
@media all and (max-height: 900px) {
.main .paper-wrap .paper .zoom-container,
.main .paper-wrap .paper .zoom-container .img,
.main .paper-wrap .paper .zoom-container .clean { width: 481px; height: 626px; } 
.main .paper-wrap .paper-btn { width: 481px; } 
.main .paper-wrap .paper.letter { top: 47%; } 
}
@media all and (max-height: 800px) {
.main .paper-wrap .paper.letter .zoom-container { width: 589px; } 
.main .paper-wrap .paper.letter .zoom-container.first,
.main .paper-wrap .paper.letter .zoom-container.first .img, .main .paper-wrap .paper.letter .zoom-container.first .clean { width: 589px; height: 559px; } 
.main .paper-wrap .paper.letter .zoom-container.second .img, .main .paper-wrap .paper.letter .zoom-container.second .clean,
.main .paper-wrap .paper.letter .zoom-container.second { width: 589px; height: 371px; } 
.main .paper-wrap .paper.letter .zoom-container.third,
.main .paper-wrap .paper.letter .zoom-container.third .img, .main .paper-wrap .paper.letter .zoom-container.third .clean { width: 589px; height: 331px; } 
.main .paper-wrap .paper.letter .zoom-container.fourth .img, .main .paper-wrap .paper.letter .zoom-container.fourth .clean,
.main .paper-wrap .paper.letter .zoom-container.fourth { width: 589px; height: 471px; } 
.main .paper-wrap .paper.letter .text-container { width: 589px; } 
.main .paper-wrap .paper.letter .text-container .ment { top: 14%; font-size: 19px; line-height: 35px; } 
.main .paper-wrap.letter-active .paper-btn { width: 589px; } 
}
@media all and (max-height: 750px){
.main .paper-wrap .paper .zoom-container,
.main .paper-wrap .paper .zoom-container .img,
.main .paper-wrap .paper .zoom-container .clean { width: 411px; height: 526px; } 
.main .paper-wrap .paper-btn { width: 411px; } 
}
@media all and (max-height: 600px){
.main .paper-wrap .paper-btn .zoom-btn .zoom { width: 25%; } 
.main .paper-wrap .paper.letter .text-container .ment { width: 100%; } 
.main .paper-wrap .paper .zoom-container, .main .paper-wrap .paper .zoom-container .img, .main .paper-wrap .paper .zoom-container .clean { width: 361px; height: 446px; } 
.main .paper-wrap .paper-btn { width: 361px; } 
.main .paper-wrap .paper.letter .zoom-container.first, .main .paper-wrap .paper.letter .zoom-container.first .img, .main .paper-wrap .paper.letter .zoom-container.first .clean { width: 519px; height: 449px; } 
.main .paper-wrap.letter-active .paper-btn { width: 519px; } 
.main .paper-wrap .paper.letter .zoom-container.second .img, .main .paper-wrap .paper.letter .zoom-container.second .clean, .main .paper-wrap .paper.letter .zoom-container.second { width: 519px; height: 291px; } 
.main .paper-wrap .paper.letter .zoom-container.third, .main .paper-wrap .paper.letter .zoom-container.third .img, .main .paper-wrap .paper.letter .zoom-container.third .clean { width: 519px; height: 271px; } 
.main .paper-wrap .paper.letter .zoom-container.fourth .img, .main .paper-wrap .paper.letter .zoom-container.fourth .clean, .main .paper-wrap .paper.letter .zoom-container.fourth { width: 519px; height: 371px; } 
.main .paper-wrap .paper.letter .text-container { width: 519px; } 
.main .paper-wrap .paper.letter .text-container .ment:nth-child(2) { top: 10%; } 
.main .paper-wrap .paper.letter .text-container .ment:last-child { top: 2%; } 
}
@media all and (max-width: 767px){
.main .paper-wrap .paper .zoom-container { width: 331px; height: 456px; } 
.main .paper-wrap .paper .zoom-container .img, .main .paper-wrap .paper .zoom-container .clean { width: 331px; height: 456px; } 
.main .paper-wrap .paper.letter .zoom-container { width: 320px; } 
.main .paper-wrap .paper.letter .zoom-container.first { width: 320px; height: 320px; } 
.main .paper-wrap .paper.letter .zoom-container.first .img, .main .paper-wrap .paper.letter .zoom-container.first .clean { width: 320px; height: 320px; } 
.main .paper-wrap .paper.letter .zoom-container.second { width: 320px; height: 201px; } 
.main .paper-wrap .paper.letter .zoom-container.second .img, .main .paper-wrap .paper.letter .zoom-container.second .clean { width: 320px; height: 201px; } 
.main .paper-wrap .paper.letter .zoom-container.third { width: 320px; height: 191px; } 
.main .paper-wrap .paper.letter .zoom-container.third .img, .main .paper-wrap .paper.letter .zoom-container.third .clean { width: 320px; height: 191px; } 
.main .paper-wrap .paper.letter .zoom-container.fourth { width: 320px; height: 261px; } 
.main .paper-wrap .paper.letter .zoom-container.fourth .img, .main .paper-wrap .paper.letter .zoom-container.fourth .clean { width: 320px; height: 261px; } 
.main .paper-wrap .paper.letter .text-container { width: 320px; } 
.main .paper-wrap .paper.letter .text-container .ment { width: 100%; font-size: 4vw; line-height: 6.5vw; top: -4%; font-size: 15px; line-height: 24px; } 
.main .paper-wrap .paper.letter .text-container .ment:nth-child(2) { top: -10%; } 
.main .paper-wrap .paper.letter .text-container .ment:last-child { top: -7%; } 
.main .paper-wrap .paper-btn { width: 331px; bottom: 6vh; } 
.main .paper-wrap .paper-btn .close-btn { font-size: 14px; height: 40px; width: 115px; } 
.main .paper-wrap .paper-btn .zoom-btn { padding: 5px; height: 40px; } 
.main .paper-wrap .paper-btn .zoom-btn .zoom { width: 27%; } 
.main .paper-wrap.letter-active .paper-btn { width: 320px; bottom: 18%; }
}
@media all and (max-width: 767px) and (max-height: 600px) {
.main .paper-wrap .paper-btn { bottom: 5%; } 
.main .paper-wrap.letter-active .paper-btn { bottom: 6%; } 
.main .paper-wrap .paper.letter .text-container .ment { top: 2%; } 
.main .paper-wrap .paper.letter .text-container .ment:nth-child(2) { top: -4%; } 
.main .paper-wrap .paper.letter .text-container .ment:last-child { top: -3%; } 
}