#sub { display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.8); z-index:99999; }




.detailView { position:relative; max-width:720px; width:64.516%; height:calc(100% - 170px); padding:30px 40px; margin:50px auto 0 auto; background:#fff; z-index:99999; border-top:4px solid #3B7CCA; }
	.detailView h2 { font-size:20px; color:#4d4d4f; font-weight:100; padding-bottom:20px; }
	.detailView .close { position:absolute; top:10px; right:10px; }
	.detailView .wdate { font-size:12px; color:#4d4d4f; margin-right:30px; }
	.detailView .cnt { font-size:12px; color:#4d4d4f; }
	.detailView .sns_detail { position:absolute; top:70px; right:40px; }
	.detailView .sns_detail li { display:inline; }
	.detailView hr { display:block; margin-top:10px; width:100%; height:0; border-top:1px solid #7D7D7D; }
	.detailView .detailContent { position:relative; margin:15px 0 0 15px; width:calc(100%-15px); height:calc(100% - 100px); overflow-x:auto;  word-wrap:break-word; overflow-y:scroll; }
	.detailView .detailContent img { max-width:100%; }






.agreement { position:relative; max-width:720px; width:64.516%; height:606px; padding:45px 40px; margin:85px auto; background:#fff; z-index:99999; border-top:4px solid #3B7CCA; }
@media (min-width:320px) and (max-width:640px) {
.agreement { width:85.94%; margin:10% 2.343%; padding:4.687%; }
}
	.agreement h2 { font-size:24px; color:#3b7cca; font-weight:800; padding-bottom:25px; border-bottom:1px solid #7D7D7D; }
	.agreement .close { position:absolute; top:10px; right:10px; }
	.agreement pre { font-size:13px; color:#4d4d4f; margin-top:20px; width:100%; height:530px; overflow-x:auto;  word-wrap:break-word; overflow-y:scroll; }



.contactFrame { position:relative; width:100%; height:100%; }
.contact {  position:relative; max-width:720px; width:64.516%; height:559px; padding:32px 40px 38px 40px; margin:85px auto; background:#fff; z-index:99999; border-top:4px solid #3B7CCA; }
@media (min-width:320px) and (max-width:640px) {
.contact { width:85.94%; height:0%; margin:10% 2.343%; padding:10% 4.687% 120% 4.687%; }
}
	.contact .root_daum_roughmap { position:absolute; }
	.contact .close { position:absolute; top:10px; right:10px; }
	.contact h2.subLogo { position:absolute; width:166px; height:58px; top:none; bottom:33px; left:40px; }
	.contact h2 a { display:block; width:100%; height:100%; font-size:0px; text-indent:-99999px; background:url('/image/logo_contact.png') no-repeat; }
	.contact address { position:absolute; bottom:33px; left:250px; font-size:14px; line-height:24px; }
	@media (min-width:320px) and (max-width:640px) {
	.contact h2.subLogo { bottom:150px; }
	.contact address { left:40px; }
	}
	.contact address strong { font-weight:600; }
	.contact address strong a { color:#3b7cca; text-decoration:none; }
	.contact address span { display:inline-block; margin-right:32px; color:#4d4d4f; }





.about { position:relative; max-width:720px; width:64.516%; height:559px; padding:32px 40px 38px 40px; margin:85px auto; background:#fff url("../image/about.png") no-repeat; background-position:right bottom; z-index:99999; border-top:4px solid #3B7CCA; }
@media (min-width:460px) and (max-width:640px) {
.about { width:85.94%; height:0%; margin:10% 2.343%; padding:10% 4.687% 120% 4.687%; background-position:right bottom; }
}
@media (min-width:320px) and (max-width:460px) {
.about { width:85.94%; height:80%; margin:10% 2.343%; padding:10% 4.687% 0 4.687%; background-position:right bottom; background-size:70%; background-attachment:scroll; overflow-y:scroll; }
}
	.about h2 { position:absolute; width:253px; height:90px; top:68px; left:40px; }
	.about h2 a { display:block; width:100%; height:100%; font-size:0px; text-indent:-99999px; background:url('/image/logo_about.png') no-repeat; }
	.about .close { position:absolute; top:10px; right:10px; }
	.about pre { font-size:14px; color:#4d4d4f; font-family:"NanumSquare"; line-height:22px; word-wrap:break-word; margin-top:178px; }