.main .diary-wrap { position: absolute; width: 100%; height: 100%; } 
.main .diary-wrap .diary-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.main .diary-wrap .diary-bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.main .diary-wrap .diary-bg img:nth-child(2) { opacity:0; visibility: hidden; } 
.main .diary-wrap .diary-bg img.m-bg { opacity: 0; visibility: hidden; } 
.main .diary-wrap .diary-bg .gradient { opacity:0; visibility:hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.75; background-image: radial-gradient(30% 70% at 50% 40%, rgba(0, 0, 0, 0) 70%, rgb(0, 0, 0) 180%); z-index: 10; pointer-events: none; } 
.main .diary-wrap .text-wrap { position: absolute; top: 8.5%; left: 27%; width: 42%; } 
.main .diary-wrap .text-wrap .date { font-size: 2.6vh; color: #898989; font-weight: 700; line-height: 5vh; letter-spacing: 0em; text-align: left; padding-bottom: 1.4vh; font-family: "Gowun Batang", serif; } 
.main .diary-wrap .text-wrap .title { font-family: "Gowun Batang", serif; font-weight: 700; padding-bottom: 3vh; font-size: 4.6vh; line-height: 4.6vh; } 
.main .diary-wrap .text-wrap .content { font-size: 22px; font-weight: 400; line-height: 40px; letter-spacing: -0.03em; text-align: left; white-space: pre-line; font-family: "Gowun Batang", serif; } 
.main .diary-wrap .text-wrap .content .color { color: #9D5050; font-weight: 800; } 
.main .diary-wrap .text-wrap .content .parap1 { background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzntr.qbatn.pbz%2Scbyvpl%2Sureb%2Srfpncr%2Spff%2S..%2Svzntrf%2Sgnyx_ohooyr1.cat); background-repeat: no-repeat; background-size: 109%; background-position: center; width: 560px; padding: 70px; font-weight: 800; box-sizing: border-box; } 
.main .diary-wrap .text-wrap .content .parap2 { background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzntr.qbatn.pbz%2Scbyvpl%2Sureb%2Srfpncr%2Spff%2S..%2Svzntrf%2Sgnyx_ohooyr2.cat); background-repeat: no-repeat; background-position: center; background-size: 109%; width: 560px; padding: 70px 40px; background-position-x: 100%; font-weight: 800; margin-left: 9%; box-sizing: border-box; } 
.main .diary-wrap .text-wrap .content .parap3 { word-break: keep-all; } 
.main .diary-wrap .text-wrap .adding { font-size: 20px; font-weight: 400; line-height: 45px; letter-spacing: 0em; text-align: left; white-space: pre-line; color: #2F5B94; } 
.main.dark .diary-wrap .diary-bg img:first-child { opacity:0; visibility: hidden; } 
.main.dark .diary-wrap .diary-bg img:nth-child(2) { opacity:1; visibility: visible; } 
.main.dark .diary-wrap .diary-bg .gradient { opacity: 1; visibility: visible; } 

@media all and (max-width: 1575px){
.main .diary-wrap .text-wrap { width: 47%; } 
}
@media all and (max-width: 1400px){
.main .diary-wrap .text-wrap .content { font-size: 19px; line-height: 35px; } 
.main .diary-wrap .text-wrap .content .parap3 { width:460px; } 
}

@media all and (min-width: 1025px) and (max-width: 1280px){
.main .diary-wrap .text-wrap { width: 45%; } 
.main .diary-wrap .text-wrap .date { font-size: 20px; line-height: 30px; padding-bottom: 8px; } 
.main .diary-wrap .text-wrap .title { font-size: 35px; line-height: 40px; } 
.main .diary-wrap .text-wrap .content .parap1 { width: 430px; transform: translate(-3%, 0%); } 
.main .diary-wrap .text-wrap .content .parap2 { width: 445px; padding:40px; transform: translate(-4%, -13%); } 
}
@media all and (min-width: 767px) and (max-width: 1024px){
.main .diary-wrap .diary-bg { left: -10%; width: 130%; } 
.main .diary-wrap .text-wrap { top: 9.4%; width: 52%; } 
.main .diary-wrap .text-wrap .date { font-size: 20px; line-height: 23px; padding-bottom: 8px; } 
.main .diary-wrap .text-wrap .title { padding-bottom: 16px; font-size: 34px; line-height: 43px; word-break: keep-all; } 
.main .diary-wrap .text-wrap .content { font-size: 19px; line-height: 34px; } 
.main .diary-wrap .text-wrap .content .parap1 { width: 400px; line-height: 29px; font-size: 17px; } 
.main .diary-wrap .text-wrap .content .parap2 { width:400px; padding:30px 40px; line-height: 29px; font-size: 17px; transform: translate(-4%, -13%); } 
.main .diary-wrap .text-wrap .content .parap3 { width: 390px; } 
}
@media all and (min-width: 767px) and (max-width: 1024px) and (max-height: 800px){
.main .diary-wrap .text-wrap { width: 54%; } 
.main .diary-wrap .text-wrap .date { font-size: 20px; padding-bottom: 7px; } 
.main .diary-wrap .text-wrap .title { font-size: 34px; line-height: 44px; padding-bottom: 11px; } 
.main .diary-wrap .text-wrap .content { font-size: 19px; line-height: 32px; } 
.main .diary-wrap .text-wrap .content .parap1 { font-size: 16px; line-height: 23px; transform: translate(-9%,-9%); } 
.main .diary-wrap .text-wrap .content .parap2 { font-size: 16px; line-height: 23px; padding: 50px 40px; transform: translate(3%, -39%) rotate(-2deg); } 
.main .diary-wrap .text-wrap .content .parap3 { transform: translate(0%, -54%); } 
}
@media all and (max-height: 750px) {.main .diary-wrap .text-wrap .content .parap1 { font-size: 16px; line-height: 23px; padding: 40px 70px; width: 400px;transform: translate(-7%, 1%); } 
.main .diary-wrap .text-wrap .content .parap2 { transform: translate(20%, -23%) rotate(-2deg); font-size: 16px; line-height: 23px; width: 370px; } 
.main .diary-wrap .text-wrap .content .parap3 { transform: translate(0%, -40%); } 
}
@media all and (max-height: 750px) and (min-width:768px) and (max-width:1000px){
.main .diary-wrap .text-wrap .content .parap3 { width:350px;} 
}
@media all and (max-height: 600px){
.main .diary-wrap .text-wrap { top: 10%; } 
.main .diary-wrap .text-wrap .date { padding-bottom: 3px; font-size: 18px; } 
.main .diary-wrap .text-wrap .content { font-size: 17px; line-height: 28px; } 
.main .diary-wrap .text-wrap .title { font-size: 32px; line-height: 36px; } 
.main .diary-wrap .text-wrap .content .parap1 { width: 350px; } 
.main .diary-wrap .text-wrap .content .parap2 { transform: translate(0%, -26%) rotate(-2deg); } 
.main .diary-wrap .text-wrap .content .parap3 { transform: translate(0%, -75%); } 
}
@media all and (max-width: 767px){
.main .diary-wrap .diary-bg img:nth-child(3) { opacity: 1; visibility: visible; } 
.main .diary-wrap .diary-bg img:nth-child(4) { opacity:0; visibility: hidden; } 
.main .diary-wrap .text-wrap { left: 18%; width: 74%; top: 10%; } 
.main .diary-wrap .text-wrap .date { font-size: 16px; line-height: 20px; padding-bottom: 5px; } 
.main .diary-wrap .text-wrap .title { font-size: 26px; line-height: 38px; word-break: keep-all; padding-bottom: 10px; } 
.main .diary-wrap .text-wrap .content { font-size: 15px; line-height: 24px; } 
.main .diary-wrap .text-wrap .content .parap1 { background-repeat: no-repeat; background-size: 114%; background-position: center; width: 270px; transform: translate(-6%, -11%); font-size: 15px; line-height: 24px; padding: 30px;  } 
.main .diary-wrap .text-wrap .content .parap2 { background-size: 109%; background-position-x: 110%; font-weight: 800; margin-left: 0; width: 300px; font-weight: 800;transform: translate(-2%, -33%) rotate(-2deg); font-size: 15px; line-height: 24px; padding: 30px; } 
.main .diary-wrap .text-wrap .content .parap3 { transform: translate(0%, -52%); width:100%; } 
.main.dark .diary-wrap .diary-bg img:first-child { opacity:0; visibility: hidden; } 
.main.dark .diary-wrap .diary-bg img:nth-child(2) { opacity:0; visibility: hidden; } 
.main.dark .diary-wrap .diary-bg img:nth-child(4) { opacity: 1; visibility: visible; } 
.main.dark .diary-wrap .diary-bg .gradient { opacity:0; visibility: hidden; } 
}
@media all and (max-width: 767px) and (max-height: 600px){
.main .diary-wrap .text-wrap .title { font-size: 23px; } 
.main .diary-wrap .text-wrap .content .parap1 { background-size: 107%; width: 250px; transform: translate(-6%, -11%); font-size: 11px; line-height: 18px; padding: 30px; max-width: initial; } 
.main .diary-wrap .text-wrap .content .parap2 { background-size: 109%; background-position-x: 110%; transform: translate(8%, -43%) rotate(-2deg); font-size: 11px; line-height: 18px; width: 260px; max-width: initial; } 
.main .diary-wrap .text-wrap .content .parap3 { transform: translate(0%, -96%); } 
.main .diary-wrap .text-wrap .date{font-size:14px;}
.main .diary-wrap .text-wrap .title{font-size:20px;}
}