@charset "utf-8";
/* CSS 공통 */

.nomoreOpen form input{cursor:default}

.PZwindow {
	border:1px solid #999;
	background-color:#fff;
    position:absolute !important;
    z-index:99999;
	cursor:move;
}
.PZwindow * { 
	font-family: 'Pretendard GOV', "NotoKR", "Noto Sans", "Malgun Gothic", "맑은고딕", "돋음" !important;
	font-size:1em; 
	line-height:1.5; 
	color:#555;
	letter-spacing:-1px;
}
.PZwindow .PZwrap { 
	/*min-width:373px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd;*/
	overflow:hidden; 
}
.PZwindow .nomoreOpen { border-right:1px solid #333; overflow:hidden; }
.PZwindow .nomoreOpen form label { font-size:14px; color:#fff; }
.PZwindow .nomoreOpen form a.PZwindowClose { margin-top:5px; }
.reptxt,.longdesc {overflow: hidden; position: absolute; width: 1px; height: 1px; border: 0; margin: -1px; padding: 0; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap;}
.PZwindow .btn { padding:10px 20px; display:inline-block; font-weight:bold; color:#fff !important; text-decoration:none; background:url(/sites/moj/images/contents/button_type_02.png) left top repeat; }
.PZwindow .ul_2 { margin-top: 10px; overflow: hidden; }
.PZwindow .ul_2 li { padding-left: 8px; color: #fff; position:relative; }
.PZwindow .ul_2 li::before { content:'·'; position:absolute; top:-1px; left:0; }

.compop-wrap { 
	max-width:400px;
	background:url(/sites/moj/images/popup/popup_background_img.jpg) top center no-repeat; 
	min-height:calc(420px - 35px);
	overflow:hidden; 
}
.compop-wrap .pop-haed { margin:20px 0 10px; text-align:center; overflow:hidden;  }
.compop-wrap .pop-haed h1 { font-size:1.2em; margin-bottom:10px; color:#1d1d1d; font-weight:bold; }
.compop-wrap .pop-haed h1 span { padding-top:5px; display:block; color:#333; overflow:hidden; text-align:center; }
.compop-wrap .pop-haed .copytxt { font-size:1em; color:#555; text-align:center; }
.compop-wrap .pop-haed .copytxt .bold { margin-bottom:10px; font-weight:bold;}
.compop-wrap .pop-haed .copytxt span { border-bottom:1px solid #339; color:#339; font-weight:bold }
.compop-wrap .pop-body { padding:0; overflow:hidden; }
.compop-wrap .pop-body .pop-box { color:#fff; padding:20px; font-size:0.87em; border-top-left-radius:5px; border-top-right-radius:5px; background:url(/sites/moj/images/popup/popup_text_img.png) top center no-repeat; overflow:hidden; }
.compop-wrap .pop-body .pop-box dl.list { margin-bottom:10px; list-style:none; overflow:hidden; position:relative; }
.compop-wrap .pop-body .pop-box dl.list dt, .pop-body .pop-box dl.list dd { text-align:left; line-height:1.5; color:#fff; }
.compop-wrap .pop-body .pop-box dl.list dt { width:30px; padding-left:9px; font-weight:bold; position:absolute; letter-spacing:0; font-size:18px;}
.compop-wrap .pop-body .pop-box dl.list dt span { width:5px; height:2px; background-color:#fc0; position:absolute; top:3px; left:0; }
.compop-wrap .pop-body .pop-box dl.list dd { width:calc(100% - 45px); margin-left:45px; padding-bottom:2px; font-size:16px;}
.compop-wrap .pop-body .pop-box dl.list dd span { color:#fc0; border-bottom:1px solid #fc0; font-weight:bold; }
.compop-wrap .pop-body .pop-box p { margin-top:15px; padding-left:12px; font-size:15px; color:#ddd; position:relative; }
.compop-wrap .pop-body .pop-box p::before { content:'※'; position:absolute; top:-1px; left:0;}

@media only screen and (min-width:768px) {
	.compop-wrap { min-width:calc(375px - 60px); /*max-width:calc(420px - 60px);*/ padding:35px 16px 0 16px; }
}

@media only screen and (max-width:737px) {
	.compop-wrap {/* max-width:auto;*/ padding:35px 10px 0 10px; }
	.compop-wrap .pop-body .pop-box { margin:0 15px; }
}

/** 변호사시험 팝업 **/
.lawpop-wrap { 
	max-width:480px;
	background:url(/sites/moj/images/popup/popup_background_lawimg.png) top left no-repeat; 
	min-height:calc(420px - 35px);
	overflow:hidden; 
  	letter-spacing:-0.01em; 
}
.lawpop-wrap .pop-haed { min-height:140px; margin-top:20px; text-align:center; overflow:hidden;  }
.lawpop-wrap .pop-haed h1 { font-size:1.2em; color:#e7e7e7; font-weight:bold; }
.lawpop-wrap .pop-haed h1 span { padding-top:5px; display:block; color:#333; overflow:hidden; text-align:center; }
.lawpop-wrap .pop-haed .copytxt { font-size:1em; text-align:center; }
.lawpop-wrap .pop-haed .copytxt .bold { margin-bottom:10px; font-weight:bold; color:#333; }
.lawpop-wrap .pop-haed .copytxt span { border-bottom:1px solid #339; color:#339; font-weight:bold }
.lawpop-wrap .pop-body { padding:0 20px 0 15px; overflow:hidden; }
.lawpop-wrap .pop-body ul.list { margin:0; padding:0; list-style:none; overflow:hidden; }
.lawpop-wrap .pop-body ul.list li { margin-bottom:15px; padding:0 0 0 10px; font-size:14px; position:relative; text-align:justify; }
.lawpop-wrap .pop-body ul.list li::before { content:''; width:5px; height:2px; background-color:#930; position:absolute; top:10px; left:0; }
.lawpop-wrap .pop-body ul.list li span { font-weight:bold; border-bottom:1px solid #f60; color:#f60; }
.lawpop-wrap .pop-body ul.list li b { font-weight: bold; color: #333; }
.lawpop-wrap .pop-foot { padding:1em 0; text-align:center; overflow:hidden; }

/** 신규모바일앱 **/
.compop-wrap .app-store { margin:0; padding:0; list-style:none; overflow: hidden; }
.compop-wrap .app-store li { float:left; width:40%; margin:0 5%; overflow: hidden; }
.compop-wrap .app-store .btn-appDown { width:90px; height:110px; margin:0 auto; display:block; }

/** 이미지 팝업(다운로드 링크) **/
.imgpop-wrap { 
	/*width:375px;*/
	min-height:420px;
	margin:0 auto; 
	overflow:hidden; 
}
.imgpop-wrap .pop-body { padding:0; overflow:hidden; position:relative; }
.imgpop-wrap .pop-body .pop-bg { position:relative; z-index:10; }
.imgpop-wrap .pop-btn-down { width:265px; list-style:none; overflow:hidden; position:absolute; left:50px; bottom:25px; z-index:50; }
.imgpop-wrap .pop-btn-down dd { float:left; width:33.3%; margin:0; padding:0; text-align:center; }