body.popup { min-width: 0; }
.popup header.common { background: url('../images/bg_popup.png') left top repeat-x; min-width: 0; height:50px;  }
.popup header.common:after { content: none; }
.popup header.common h1 { padding: 0 20px; height: 50px; color: #fff; line-height: 50px; background: url(../images/bg_popup_left.png) left top no-repeat; font-size: 16px; font-weight: 700; margin: 0; position:relative; left:0; top:0; width:100%;box-sizing:border-box;}
.popup .contents { position: absolute; top: 50px; bottom: 51px; left: 0; right: 0; padding: 20px 25px 0; overflow: auto; }
.popup .contents:after { content: ''; display: block; height: 25px; }
.popup h2.article { padding-left: 27px; font-size: 15px; color: #000; background: url(../images/icon_titleH7.png) left 3px no-repeat; line-height: 27px; font-weight: 700; margin-bottom: 5px; }
.popup h2.article + article header.function,
.popup h2.article + .function { margin-top: -35px; }
.popup table td.innerTable header.function { margin-top: 5px; }
.popup footer.common { position: absolute; bottom: 0; left: 0; right: 0; height: 27px; line-height: 27px; background: #f1f1f1 url('../images/bg_popupBottom.png') left top repeat-x; text-align: right; padding: 12px 20px; box-sizing: content-box; }
.popup footer.common button { position: relative; border: 1px solid; border-color: #b6bdd7 #96a2c9 #96a2c9 #b5bcd7; border-radius: 2px; color: #000; background: #eff2f7 url('../images/btn_bg.png') left top repeat-x; padding: 5px 15px; line-height: 15px; font-weight: 700; vertical-align: top; transition: border-color .2s; }
.popup footer.common button:hover,
.popup footer.common button:focus { border-color: #7784b7 #6272ab #6271aa #7784b7; }
.popup footer.common button + button { margin-left: 2px; }
.popup footer.common2 { position: fixed; bottom: 0; left: 0; right: 0; height: 27px; line-height: 27px; background: #f1f1f1 url('../images/bg_popupBottom.png') left top repeat-x; text-align: right; padding: 12px 20px; box-sizing: content-box; }
.popup footer.common2 button { position: relative; border: 1px solid; border-color: #b6bdd7 #96a2c9 #96a2c9 #b5bcd7; border-radius: 2px; color: #000; background: #eff2f7 url('../images/btn_bg.png') left top repeat-x; padding: 5px 15px; line-height: 15px; font-weight: 700; vertical-align: top; transition: border-color .2s; }
.popup footer.common2 button:hover,
.popup footer.common2 button:focus { border-color: #7784b7 #6272ab #6271aa #7784b7; }
.popup footer.common2 button + button { margin-left: 2px; }

.popup footer.common.agree-common{height:55px;background:#f1f1f1;border-top:1px solid #ddd; text-align: center;}
.popup footer.common.agree-common button{color: #000; background: #2988cc; color:#fff;width:120px;border:none;padding:12px 0 !important;font-size:16px;}
.popup footer.common.agree-common button.save:before{display:none;}
.popup footer.common.agree-common button.close{background-color:#888;width:180px;}
.popup footer.common.agree-common button.quit{background-color:#3f3f3f;width:145px;}

.popup footer.common.agree-common div.left {float: left;}
.popup footer.common.agree-common div.right {float: right;}

.popup footer.common.dicert-common button[disabled]{height:40px;background:#888;border-top:1px solid #ddd; text-align: center;font-weight: 700;}
.popup footer.common.dicert-common{height:40px;background:#f1f1f1;border-top:1px solid #ddd; text-align: center;}
.popup footer.common.dicert-common button{color: #000; background: #2988cc; color:#fff;width:120px;border:none;padding:12px 0 !important;font-size:16px;}
.popup footer.common.dicert-common button.save:before{display:none;}
.popup footer.common.dicert-common button.close{background-color:#888;width:145px;}

.agree-btns{text-align:center;padding:20px 0;}
.agree-btns button{background: #2988cc; color:#fff;width:120px;padding:8px 0;font-size:15px;line-height: 15px; font-weight: 700; vertical-align: top; transition: border-color .2s;border-radius:3px;}
.agree-btns button.close{background-color:#888;}

.popup .agree-contents{bottom:70px;}

.popup footer.common button.reset,
.popup footer.common button.query,
.popup footer.common button.save,
.popup footer.common button.print,
.popup footer.common button.xls,
.popup footer.common button.hwp,
.popup footer.common button.pdf,
.popup footer.common button.search,
.popup footer.common button.decide,
.popup footer.common button.download,
.popup footer.common button.list { padding-left: 24px; padding-right: 10px; }
.popup footer.common button.delItem,
.popup footer.common button.addItem,
.popup footer.common button.del,
.popup footer.common button.play,
.popup footer.common button.stop { padding-left: 20px; padding-right: 10px; }
.popup footer.common button.del:before,
.popup footer.common button.reset:before,
.popup footer.common button.query:before,
.popup footer.common button.search:before,
.popup footer.common button.save:before,
.popup footer.common button.print:before,
.popup footer.common button.xls:before,
.popup footer.common button.hwp:before,
.popup footer.common button.pdf:before,
.popup footer.common button.addItem:before,
.popup footer.common button.delItem:before,
.popup footer.common button.decide:before,
.popup footer.common button.download:before,
.popup footer.common button.list:before,
.popup footer.common button.play:before,
.popup footer.common button.stop:before { content: ''; position: absolute; display: block; background: center no-repeat; top: 0; bottom: 0; left: 8px; margin: auto; background: center no-repeat; }
.popup footer.common button.del:before { background-image: url('../images/btn_icon_del.png'); width: 8px; height: 7px; }
.popup footer.common button.reset:before { background-image: url('../images/btn_icon_reset.png'); width: 12px; height: 14px; bottom: 2px; }
.popup footer.common button.query:before { background-image: url('../images/btn_icon_query.png'); width: 12px; height: 12px; bottom: 1px; }
.popup footer.common button.search:before { background-image: url('../images/btn_icon_search.png'); width: 12px; height: 12px; bottom: 1px; }
.popup footer.common button.save:before { background-image: url('../images/btn_icon_save.png'); width: 14px; height: 14px; left: 6px }
.popup footer.common button.print:before { background-image: url('../images/btn_icon_print.png'); width: 12px; height: 12px; bottom: 0; left: 7px; }
.popup footer.common button.print.blue:before { background-image: url('../images/btn_icon_print_blue.png'); }
.popup footer.common button.xls:before { background-image: url('../images/btn_icon_xls.png'); width: 14px; height: 14px; bottom: 0px; left: 7px; }
.popup footer.common button.hwp:before { background-image: url('../images/btn_icon_hwp.png'); width: 14px; height: 14px; bottom: 0; }
.popup footer.common button.pdf:before { background-image: url('../images/btn_icon_pdf.png'); width: 14px; height: 14px; bottom: 0; }
.popup footer.common button.addItem:before { background-image: url('../images/btn_icon_additem.png'); width: 10px; height: 10px; left: 6px; }
.popup footer.common button.delItem:before { background-image: url('../images/btn_icon_delitem.png'); width: 10px; height: 2px; left: 6px; }
.popup footer.common button.decide:before { background-image: url('../images/btn_icon_decide.png'); width: 12px; height: 13px; left: 6px; bottom: 1px; }
.popup footer.common button.download:before { background-image: url('../images/btn_icon_download.png'); width: 14px; height: 13px; top: 0px; left: 7px; }
.popup footer.common button.list:before { background-image: url('../images/btn_icon_list.png'); width: 14px; height: 14px; bottom: 0px; left: 7px; }
.popup footer.common button.play:before { background-image: url('../images/btn_icon_play.png'); width: 5px; height: 10px; bottom: 1px; left: 8px; }
.popup footer.common button.stop:before { background-image: url('../images/btn_icon_stop.png'); width: 8px; height: 8px; bottom: 1px; left: 7px; }

.popup footer.common button[disabled] { background-image: url('../images/btn_bg_disabled.png'); border-color: #b5b5c6 #9c9cab #9d9dab #b4b4c5; color: #aaa; text-shadow: -1px -1px 0 #fff; }

/* message popup */
.popupMask { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: url('../images/loading_bg.png'); z-index: 101; opacity: 0; transition: opacity .3s; }
.popupMask.on { opacity: 1; }
.popupMask .popup { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 380px; height: 220px; margin: auto; background: #fff; border-radius: 3px; overflow: hidden; box-shadow: 2px 2px 20px rgba(0,0,0,.25); }
.popupMask .popup header.message { background: url('../images/bg_popup.png') left top repeat-x; min-width: 0; }
.popupMask .popup header.message h1 { line-height: 45px; height: 45px; background-position: left bottom; padding: 0 20px; color: #fff; background: url(../images/bg_popup_left.png) left top no-repeat; font-size: 16px; font-weight: 700; margin: 0; float: none; }
.popupMask .popup .contents { top: 45px; bottom: 37px; background: 25px center no-repeat; padding-left: 110px; line-height: 78px; width: auto; margin-top: 0; padding-bottom: 0; }
.popupMask .popup .contents.alert { background-image: url('../images/message_alert_icon.png'); }
.popupMask .popup .contents.confirm { background-image: url('../images/message_confirm_icon.png'); }
.popupMask .popup .contents p.message { display: inline-block; vertical-align: middle; line-height: 24px; }
.popupMask .popup .contents:after { height: 20px; }
.popupMask .popup footer.message { position: absolute; bottom: 0; left: 0; right: 0; height: 27px; line-height: 27px; background: #f1f1f1 url('../images/bg_popupBottom.png') left top repeat-x; text-align: center; float: none; margin: 0; padding: 5px 0; }
.popupMask .popup footer.message button { float: none; vertical-align: top; }
.popupMask .popup footer.message button + button { margin-left: 10px; }

.contents ul.blueDotCert { border: 1px solid #ccc; padding: 20px; margin-top: 20px; }
.contents ul.certText { font-size: 16px; color: #484848; font-family: 'Century Gothic', 'Nanum Gothic', sans-serif; padding: 20px; margin-top: 20px;}

div.popupMask_2 { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: url('../images/ha/common/popup_mask.png') repeat; z-index: 10; display: block; }
section.popup_2 section.contents { background: #fff; padding: 26px 33px; box-sizing: border-box; }
header.popup_2 { background: #22374d; padding: 19px 25px 21px; font-size: 1.5em; color: #fff; line-height: 1.12em; height: 1.12em; }
header.popup_2 button.close { float: right; }
footer.popup_2 { background: #ddd; line-height: 20px; padding: 9px 30px 11px; font-size: 12px; color: #666; }
footer.popup_2 .checkbox,
footer.popup_2 .radio { margin-bottom: 1px; }

.notice_2 section.popup_2 section.contents { height: 515px; overflow: auto; }
.notice_2 section.popup_2 .view_2 th { padding-left: 0; }
.notice_2 section.popup_2 .view_2 td { padding-left: 0; padding-right: 0; }
.notice_2 section.popup_2 .view_2 td.text { padding-bottom: 0; }

.view_2 table { width:100%; }
.view_2 th { border:none; font-weight: 700; border-bottom: 2px solid #666; font-size: 1.5em; text-align: left; color: #333543; position: relative; padding-bottom: 14px; padding-right: 140px; line-height: 1.3em; padding-left: 35px; background:none;}
.view_2 th dt,
.view_2 th dd { display: inline-block; height: 18px; font-size: .59em; line-height: 17px; vertical-align: middle; color: #a4a4a4; font-weight: 400; }
.view_2 th dt { text-indent: -1000px; overflow: hidden; width: 18px; background: center no-repeat; }
.view_2 th dt.writer { background-image: url('../images/ha/community/view_writer_icon.png'); }
.view_2 th dt.views { background-image: url('../images/ha/community/view_views_icon.png'); }
.view_2 th dt.date { background-image: url('../images/ha/community/view_date_icon.png'); }
.view_2 th .nav { margin-left: -35px; }
.view_2 th .nav button { display: block; float: left; border: 1px solid #ddd; width: 45px; height: 45px; text-align: center; line-height: 0; position: absolute; transition: background .3s; }
.view_2 th .nav button.prev { left: -80px; }
.view_2 th .nav button.next { right: -80px; }
.view_2 th .nav button.list { position: static; width: 25px; height: 26px; line-height: 0; margin-right: 10px; margin-top: 4px; }
.view_2 th .nav button img { filter: alpha(opacity=40); opacity: .4; transition: opacity .3s; }
.view_2 th .nav button:hover,
.view_2 th .nav button:focus { background: #f6f6f6; transition: none; }
.view_2 th .nav button:hover img,
.view_2 th .nav button:focus img { filter: alpha(opacity=100); opacity: 1; transition: none; }
.view_2 tbody td {border:none; padding: 25px 35px; }
.view_2 tbody td.text { font-size: 14px; color: #333; text-align:left;}
.view_2 tbody td.text * { font: inherit; }
.view_2 tbody td.text h1,
.view_2 tbody td.text h2,
.view_2 tbody td.text h3,
.view_2 tbody td.text h4,
.view_2 tbody td.text h5,
.view_2 tbody td.text h6 { line-height: 1.2; font-weight: 400; }
.view_2 tbody td.text h1 { margin: .66em 0; font-size: 2em; }
.view_2 tbody td.text h2 { margin: .83em 0; font-size: 1.5em; }
.view_2 tbody td.text h3 { margin: 1em 0; font-size: 1.17em; }
.view_2 tbody td.text h4 { margin: 1.33em 0; }
.view_2 tbody td.text h5 { font-size: 0.83em; margin: 1.67em 0; }
.view_2 tbody td.text h6 { font-size: 0.67em; margin: 2.33em 0; }
.view_2 tbody td.text hr { border: 0px; border-top: 1px solid #ccc; margin: .5em 0; }
.view_2 tbody td.text img.right { border: 1px solid #ccc; float: right; margin-left: 15px; padding: 5px; }
.view_2 tbody td.text img.left { border: 1px solid #ccc; float: left; margin-right: 15px; padding: 5px; }
.view_2 tbody td.text pre { white-space: pre-wrap; /* CSS 2.1 */ word-wrap: break-word; /* IE7 */ -moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; tab-size: 4; margin: 1em 0; font: inherit; }
.view_2 tbody td.text .marker { background-color: Yellow; }
.view_2 tbody td.text span[lang] { font-style: italic; }
.view_2 tbody td.text figure { text-align: center; border: solid 1px #ccc; border-radius: 2px; background: rgba(0,0,0,0.05); padding: 10px; margin: 10px 20px; display: inline-block; }

.view_2 tbody td.text figure > figcaption { text-align: center; display: block; /* For IE8 */ }
.view_2 tbody td.text p + p { margin-top: 0; }
.view_2 tbody td.text a > img { padding: 1px; margin: 1px; border: none; outline: 1px solid #0782C1; }
.view_2 tbody td.text strong { font-weight: 700; }
.view_2 tbody td.text em { font-style: italic; }
.view_2 tbody td.text u { text-decoration: underline; }
.view_2 tbody td.text s { text-decoration: line-through; }
.view_2 tbody td.text address { font-style: italic; }
.view_2 tbody td.text table { border-collapse: collapse; border: 1px solid #e0e0e0; }
.view_2 tbody td.text table[align='center'] { margin: 0 auto; }
.view_2 tbody td.text table[align='right'] { margin: 0 0 0 auto; float: none; }
.view_2 tbody td.text th,
.view_2 tbody td.text td { border: 1px solid #e0e0e0; padding: 5px 10px; font: inherit; }
.view_2 tbody td.text th { background: #f9f9f9; text-align: center; }
.view_2 tbody td.file { border-bottom: 1px dashed #cacaca; text-align:left;}
.view_2 tbody td.file a { padding-left: 25px; background: url('../images/ha/community/file_icon.png') left center no-repeat; display: block; }
.view_2 tbody td.file a:hover,
.view_2 tbody td.file a:focus { text-decoration: underline; }
.view_2 .neighbor { border-bottom: 1px solid #cacaca; }
.view_2 .neighbor { padding: 10px 35px 12px; }
.view_2 tfoot tr:first-child .neighbor { border-top: 1px solid #cacaca; }
.view_2 .neighbor dt { float: left; width: 90px; color: #000; font-weight: 700; }
.view_2 .neighbor dd { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #a4a4a4; }
.view_2 .neighbor dd a { color: #555; }
.view_2 .neighbor dd a:hover,
.view_2 .neighbor dd a:focus { text-decoration: underline; }
.view_2 tbody td.text figure.media { display: block; border: 0 none; background: none; margin: 0; padding: 0; }
.view_2 figure.media > * { display: block; margin: 0 auto; max-width: 100%; padding-top: 40px; margin-bottom: 3em; }
.view_2 tbody td.p_none { padding:0; }
.view_2 dl.td_point { border-bottom:solid 1px #cacaca; }
.view_2 dl.td_point dt { display:inline-block; float:left; width:15%; background:#f5f5f5; text-align:center; line-height:45px;}
.view_2 dl.td_point dd { display:inline-block; float:left; width:34%; padding-left:1%; line-height:45px;}
.view_2 dl.td_point:after {clear:both; display:block; content:""; }

/* 설문조사 */
.survey-title{border:2px solid #6bb4ef;color:#000;font-size:16px;font-weight:bold;padding:15px 10px; text-align:center;}
.survey-header{padding:10px 10px 0 10px;color:#285491;}
.survey-form{ padding:0; }
.survey-form .q{padding:10px;background-color:#f9f9f9;border-top:1px solid #888;border-bottom:1px dotted #ddd;font-weight:600;margin:20px 0 10px;}
.survey-form .q:first-child{margin-top:0;}
.survey-form label{margin:0 0 0 10px;}
.survey-form label.block{display:block;margin:0 0 0 10px;}
.survey-form label.block + label{margin-top:5px;}
.survey-footer{padding:30px 10px 10px 10px;color:#285491;border-top:1px solid #ddd;}
.survey-submit{text-align:center;}
.survey-submit button{background-color:#3876c7;height:40px;width:160px;color:#fff;font-size:16px;font-weight:bold;}


.search_guidewrap{padding:15px;margin-bottom:40px;}
.clearfix:after{clear:both;display:block;content:"";}
.mgb10{margin-bottom:10px;}
.mgb30{margin-bottom:30px;}

/* 미처리업무현황 */
.yellow_box2{box-sizing:border-box;line-height:30px;padding:3px 16px 3px 35px;position:relative;background-color:#138A08;} /*20250226*/