style #mainpop1 {position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;background:rgba(0,0,0,0.6); } #mainpop1 .inner {position:relative;width:84%;max-width:500px;padding:0% 0 40px;background:#fff;color:#000;margin:0px auto 0;text-align:center;top:50%;overflow:hidden;transform:translate(0, -50%);} #mainpop1 .inner h2 {margin-bottom:30px;font-size:2.0rem;line-height:1.6em;background:#eee;width:100%;padding:10% 0;font-weight:300;} #mainpop1 .inner strong {font-weight:700;} #mainpop1 .inner h3 {margin-bottom:30px;font-size:1.3rem;line-height:1.8em;font-weight:300;color:#555;padding:3% 0;} #mainpop1 .inner #check {position:absolute;left:0;bottom:0;width:60%;background:#f9f9f9;border:0px solid #000;height:40px;line-height:40px;font-size:1.3rem;} #mainpop1 .inner #close {position:absolute;right:0;bottom:0;width:40%;background:#000;border:0px solid #000;height:40px;line-height:40px;font-size:1.3rem;} #mainpop1 .inner .mainpop_close {color:#fff;display:inline-block;margin:0px auto 0;height:40px;line-height:40px;width:100%;} /* 브라우져 가로 1024픽셀 이하일경우 반응*/ @media screen and (max-width: 1024px) { #mainpop1 .inner {margin:0px auto 0;} #mainpop1 .inner h2 {margin-bottom:30px;font-size:1.8rem;line-height:1.4em;background:#eee;width:90%;padding:5% 5%;font-weight:300;} #mainpop1 .inner strong {font-weight:700;} #mainpop1 .inner h3 {margin-bottom:30px;font-size:1.2rem;line-height:1.8em;font-weight:300;color:#555;width:90%;padding:0% 5%;} #mainpop1 .inner #check {font-size:1.2rem;} #mainpop1 .inner #close {font-size:1.2rem;} #mainpop1 .inner .mainpop_close {font-size:1.2rem;} }