/* LAYOUT */
#wrapper_popup { width:100%; height:100%; color:#2f3743; font-size:12px }

/* POPUP 900x700 */
#popup900x700 { position:relative; width:900px; height:700px }
#popup900x700 .popupTp { height:44px; background:url(/static/image/content/bg_popup.gif) repeat-x 0 0 }
#popup900x700 .popupTp h1 { padding:16px 0 0 25px; font-weight:bold; font-size:14px; color:#fff; vertical-align:top; line-height:100%; background:url(/static/image/bu/bu_popuptit.gif) no-repeat 15px 21px }
#popup900x700 .popupTp p { position:absolute; top:16px; right:28px }
#popup900x700 .popupCnt { height:629px; font-size:11px; border-right:5px solid #dddddd; border-bottom:5px solid #dddddd; border-left:5px solid #dddddd; }
#popup900x700 .popupCnt p { padding:15px; vertical-align:top; line-height:100% }

/* POPUP 300x225 */
#popup300x225 { position:relative; width:300px; height:225px }
#popup300x225 .popupTp { height:44px; background:url(/static/image/content/bg_popup.gif) repeat-x 0 0 }
#popup300x225 .popupTp h1 { padding:16px 0 0 25px; font-weight:bold; font-size:14px; color:#fff; vertical-align:top; line-height:100%; background:url(/static/image/bu/bu_popuptit.gif) no-repeat 15px 21px }
#popup300x225 .popupTp p { position:absolute; top:16px; right:28px }
#popup300x225 .popupCnt { height:154px; font-size:11px; border-right:5px solid #dddddd; border-bottom:5px solid #dddddd; border-left:5px solid #dddddd; }
#popup300x225 .popupCnt p { padding:15px; vertical-align:top; line-height:100% }

/* POPUP 700x525 */
#popup700x525 { position:relative; width:700px; height:525px }
#popup700x525 .popupTp { height:44px; background:url(/static/image/content/bg_popup.gif) repeat-x 0 0 }
#popup700x525 .popupTp h1 { padding:16px 0 0 25px; font-weight:bold; font-size:14px; color:#fff; vertical-align:top; line-height:100%; background:url(/static/image/bu/bu_popuptit.gif) no-repeat 15px 21px }
#popup700x525 .popupTp p { position:absolute; top:16px; right:28px }
#popup700x525 .popupCnt { height:454px; font-size:11px; border-right:5px solid #dddddd; border-bottom:5px solid #dddddd; border-left:5px solid #dddddd; background:#fff }
#popup700x525 .popupCnt p { padding:15px; vertical-align:top; line-height:100% }

/* POPUP 100% */
#popup { position:relative; width:100%; height:100%; }
#popup h2 { padding:1px 0 10px 15px; background:url(/static/image/ico/ico_h4.jpg) no-repeat 5px 3px; color:#4f5e9e; font-weight:bold; vertical-align:middle }
#popup .popupTp { height:44px; background:url(/static/image/content/bg_popup.gif) repeat-x 0 0 }
#popup .popupTp p { position:absolute; top:16px; right:28px }
#popup .popupTp h1 { padding:16px 0 0 25px; font-weight:bold; font-size:14px; color:#fff; vertical-align:top; line-height:100%; background:url(/static/image/bu/bu_popuptit.gif) no-repeat 15px 21px }
#popup .popupCnt { height:240px; !important; min-height:100px; padding:20px 5px 25px 5px; border-right:5px solid #dddddd; border-bottom:5px solid #dddddd; border-left:5px solid #dddddd; }
#popup .popupCnt2 { height:auto !important; min-height:100px; padding:0 0 12px; border-right:5px solid #dddddd; border-bottom:5px solid #dddddd; border-left:5px solid #dddddd; }
#popup .popupCnt3 { height:240px; !important; min-height:100px; padding:20px 5px 25px 5px; border-top:5px solid #dddddd; border-right:5px solid #dddddd; border-bottom:5px solid #dddddd; border-left:5px solid #dddddd; }

.pop_article { padding:25px 20px !important }/* 2011-05-25 _ gm : add - need some padding in popup */
.popupCnt .input_box{width:473px; height:28px; padding:6px 0 0 14px;  background:url(/static/image/systemAdmin/input_box_bg.gif) no-repeat; }

/* regulation */
.regulation { overflow:hidden; width:100%; height:600px; background:url(/static/image/infoSecurity/bg_regulation.gif) no-repeat 13px 0 }
.regulation .left { display:inline; float:left; margin:10px 25px 0 25px; width:260px; height:570px; overflow-y:auto }
.regulation .cnt { display:inline; float:left; margin:10px 0 0 35px; width:565px; height:570px; overflow-y:auto }
.regulation .left h2 { padding:0; background:none }

/* popup */
#popup .pop_tit { height:42px }
#popup .pop_tit h2 { height:16px; margin:0 0 0 13px; padding:14px 0 0 15px; font-weight:bold; font-size:14px; color:#4f5e9e; line-height:14px; vertical-align:top; background:url(/static/image/ico/ico_h3.jpg) no-repeat 0 13px }
#popup .pop_contents { padding:27px 0 25px; border-bottom:1px solid #d9dfe8; background:url(/static/image/common/bg_poptit.gif) repeat-x 0 0 #f3f3f3 }
#popup .pop_contents p { overflow:hidden; width:100%; height:25px; line-height:25px; vertical-align:top }
#popup .pop_contents p span { float:left }
#popup .confirmPw p span.tits { width:60px; padding:5px 0 0 28px }
#popup .changePw p span.tits { width:122px; padding:5px 0 0 28px }
#popup .changeCaution { padding:9px 0 6px 27px }
#popup .changeCaution p { height:16px; line-height:16px; vertical-align:top }
#popup .pop_foot { padding:10px 0 0 17px }
#popup .pop_foot p { margin:0 0 5px }
.popInput { float:left; height:20px; padding:0 2px; line-height:20px; border:1px solid #c4cad5 }

/* regulationLIST *//* ADD 2011-08-25 : cgm */
.regulationLIST { overflow:hidden; width:100%; height:600px; background:url(/static/image/infoSecurity/bg_regulation.gif) no-repeat 13px 0 }
.regulationLIST .left { display:inline; float:left; margin:0 25px 0 25px; padding-top:15px; width:260px; height:555px; overflow-y:auto }
.regulationLIST .left h2 { padding:0; background:none }
.regulationLIST .left h3 { padding:9px 0 7px 11px; font-weight:bold; color:#4f5e9e; vertical-align:top; background:url(/static/image/ico/ico_h4.jpg) no-repeat 0 50% }
.regulationLIST .left ul { padding:10px 5px 0 }
.regulationLIST .left li { margin:0 0 7px; line-height:1.2; vertical-align:top }
.regulationLIST .left li a { padding-left:7px; color:#666; line-height:1.2; background:url(/static/image/bu/bu_list.gif) no-repeat 0 5px }
.regulationLIST .left li ul { padding:7px 7px 2px }
.regulationLIST .left li li { margin:0 0 4px; padding-left:0 }
.regulationLIST .left li li a { display:inline; padding:0 0 0 5px; vertical-align:middle; background:none }
.regulationLIST .cnt { display:inline; overflow-y:auto; float:left; margin:10px 0 0 35px; width:565px; height:570px; line-height:1.5 }
.regulationLIST .cnt h4 { padding:15px 0 20px; font-size:14px; color:#4f5e9e; text-align:center; background:none }
.regulationLIST .cnt h5 { height:26px; padding:0 0 0 8px; font-size:11px; color:#666; background:url(/static/image/bu/bu_triangle.gif) no-repeat 0 3px }
.regulationLIST .cnt ul,
.regulationLIST .cnt p{padding:0 0 0 7px }
.regulationLIST .cnt ul ul { padding:4px 0 6px 10px }

#content .article .regulationLIST { overflow:hidden; width:100%; height:600px; background:url(/static/image/infoSecurity/bg_regulation2.gif) no-repeat 0 0 }
#content .article .regulationLIST .left { display:inline; float:left; margin:0 25px 0 12px; padding-top:15px; width:210px; height:555px; overflow-y:auto }
#content .article .regulationLIST .cnt { display:inline; overflow-y:auto; float:left; margin:10px 0 0 30px; width:490px; height:570px; line-height:1.5 }

/* securityActiveStatus */
.securityActiveStatus .overflower { width:950px; margin:0 0 14px }
.securityActiveStatus .rrBox { display:inline; float:left; width:455px; margin:0 7px }
.securityActiveStatus .rrContent { padding:20px }
.securityActiveStatus .row10 .rrContent { height:330px }
.securityActiveStatus .row07 .rrContent { height:295px }


/* modal popup */
.custom-alert-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); z-index: 9998;}

/* 팝업 박스 */
.custom-alert { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 360px; max-width: 90%; background: #ffffff;  border-radius: 14px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18); z-index: 9999; overflow: hidden; font-family: 'Malgun Gothic', '맑은 고딕', sans-serif;}

/* 헤더 */
.custom-alert-header {padding: 16px 20px; background: #f7f9fc; border-bottom: 1px solid #e9edf3; font-size: 16px; font-weight: bold; color: #222;}

/* 메시지 */
.custom-alert-body {padding: 28px 20px; font-size: 14px; line-height: 1.6; color: #333; text-align: center; word-break: keep-all; }

/* 버튼 영역 */
.custom-alert-footer { padding: 0 20px 20px; text-align: center;}

/* 버튼 */
.custom-alert-btn { min-width: 100px; height: 40px; padding: 0 20px; border: none; border-radius: 8px; background: #6c757d; color: #fff; font-size: 14px; font-weight: bold; cursor: pointer; }

.custom-alert-btn:hover { background: #5a6268; }