@charset "utf-8";

.modal-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background:rgba(0,0,0,0.6); z-index:999; }
.modal { position:absolute; top:50%; left:50%; width:980px; padding:50px; border-radius:20px; background-color:#fff; transform:translate(-50%, -50%); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.modal2 { position:absolute; top:50%; left:50%; width:1260px; padding:50px; border-radius:20px; background-color:#fff; transform:translate(-50%, -50%); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.modal-pw { width:500px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

h2.modal-h2 { font-size:24px; font-weight:700; color:#111; line-height:33px; }
h2.modal-h2-finish { position:relative; margin-top:45px; font-size:20px; font-weight:700; color:#111; line-height:29px; }
h2.modal-h2-finish em { display:inline-block; margin-left:20px; font-size:15px; font-weight:300; color:#999; line-height:29px; vertical-align:top; }
h2.modal-h2-finish em img { margin:7px 1px 0 1px; vertical-align:top; }
h2.modal-h2-finish em span { display:inline-block; margin:0 10px; padding-right:11px; font-weight:600; color:#333; vertical-align:top; background:url('../images/common/gnb_line.jpg') no-repeat right center; }

h3.modal-h3 { position:relative; margin-top: 0; font-size:20px; font-weight:700; color:#111; line-height:30px; text-align:left; }
h3.modal-h3 a { position:absolute; top:5px; right:0; font-size:0; line-height:0; }

div.modal-policy { overflow-y:scroll; max-height:500px; margin-top:30px; font-size: 16px; font-weight: 400; color: #777; line-height: 25px; text-align:left; }
div.modal-policy strong { font-weight: 600; color: #282828; }

div.modal-img { margin-top:30px; font-size: 0; line-height: 0; }
div.modal-img img { width: 100%; }

div.modal-input { margin-top:35px; }
div.modal-input input[type="password"] { width:100%; height:61px; font-size: 20px; font-weight:600; color:#282828; text-align:center; border-radius:10px; border:1px solid #d5d5d5; }
div.modal-input p { margin-top:20px; font-size:16px; color:#505050; line-height:25px; text-align:center; }

div.modal-btn { margin-top:45px; text-align:center }
div.modal-btn a { display:inline-block; width:118px; margin:0 5px; font-size:16px; font-weight:700; color:#0fa7bc; line-height:45px; border-radius:50px; border:1px solid #0fa7bc; }
div.modal-btn a.on { color:#fff; background-color:#0fa7bc; }

@media screen and (max-width:980px) {

	.modal { left:20px; right:20px; width:auto; transform:translate(0, -50%); }
}

@media screen and (max-width:768px) {

	.modal { padding:25px 30px; border-radius:10px; }
	.modal-pw { width: auto; }

	h3.modal-h3 { font-size:16px; line-height:25px; }
	h3.modal-h3 a img { height: 15px; }

	div.modal-policy { max-height:300px; margin-top:15px; font-size: 13px; line-height: 20px; }

	div.modal-input { margin-top:20px; }
	div.modal-input input[type="password"] { height: 44px; font-size: 15px; border-radius: 5px; }
	div.modal-input p { margin-top:15px; font-size:14px; line-height:23px; }

	div.modal-btn { margin-top:20px; }
	div.modal-btn a { width:78px; margin:0 5px; font-size:14px; line-height: 33px; }
}

@media screen and (max-width:480px) {

}