@charset "utf-8";

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: normal;
  src: url(/css/fonts/NanumGothic-Regular.eot);
  src: url(/css/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/css/fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(/css/fonts/NanumGothic-Regular.woff) format('woff'),
}
@font-face {
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: normal;
  src: url(/css/fonts/NanumSquareR.eot);
  src: url(/css/fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(/css/fonts/NanumSquareR.woff2) format('woff2'),
       url(/css/fonts/NanumSquareR.woff) format('woff'),
}

/*기본화면설정*/
html, body {height:100%;}
* {margin:0; padding:0;}
body, table, tr, td, select { margin-top : 0; margin-right : 0; margin-bottom : 0; margin-left : 0; font-size : 12px; line-height : 18px; color : #545454;}
textarea { color : #545454; font-size : 12px; border : #d1d1d1 solid; background-color : #ffffff; width : 100%; margin : 5px 0 5px 0; overflow-y : auto; }
div {margin:0;padding:0;}
form { display : inline; }
img { border : 0; }
a { selector-dummy : expression(this.hideFocus=true);}
a:link { font-size : 12px; color : #545454; text-decoration : none; }
a:visited { font-size : 12px; color : #005ffa; text-decoration : none; }
a:hover { font-size : 12px; color : #005ffa; text-decoration : underline; }
a:active { font-size : 12px; color : #005ffa; text-decoration : underline; }


/* TOP메뉴텍스트 */
.topmenu { font-size : 12px; color : #4b4b4b; line-height : 20px; }
.topmenu a:link { font-size : 12px; color : #4b4b4b; text-decoration : none; }
.topmenu a:visited { font-size : 12px; color : #4b4b4b; text-decoration : none; }
.topmenu a:hover { font-size : 12px; color : #1f7ccd; text-decoration : none; font-weight : bold; }
.topmenu a:active { font-size : 12px; color : #1f7ccd; text-decoration : none; font-weight : bold; }
 
/* LEFT메뉴텍스트 */
.leftmenu_on { font-size : 12px; color : #1363b5; font-weight : bold; line-height : 17px; padding : 4px 0 3px 0; }
.leftmenu_on a:link { font-size : 12px; color : #1363b5; text-decoration : none; font-weight : bold; }
.leftmenu_on a:visited { font-size : 12px; color : #1363b5; text-decoration : none; font-weight : bold; }
.leftmenu_on a:hover { font-size : 12px; color : #1363b5; text-decoration : none; font-weight : bold; }
.leftmenu_on a:active { font-size : 12px; color : #1363b5; text-decoration : none; font-weight : bold; }
.leftmenu_off { font-size : 12px; color : #545454; line-height : 17px; padding : 5px 0 2px 0; }
.leftmenu_off a:link { font-size : 12px; color : #545454; text-decoration : none; }
.leftmenu_off a:visited { font-size : 12px; color : #545454; text-decoration : none; font-weight : bold; }
.leftmenu_off a:hover { font-size : 12px; color : #1363b5; text-decoration : none; font-weight : bold; }
.leftmenu_off a:active { font-size : 12px; color : #1363b5; text-decoration : none; font-weight : bold; }
 
/* 탑메뉴텍스트 */
.topmenu_on { font-size : 14px; color : #015abd; font-weight : bold; }
 .topmenu_on a:link { font-size : 14px; color : #015abd; text-decoration : none; font-weight : bold; }
 .topmenu_on a:visited { font-size : 14px; color : #015abd; text-decoration : none; font-weight : bold; }
 .topmenu_on a:hover { font-size : 14px; color : #015abd; text-decoration : none; font-weight : bold; }
 .topmenu_on a:active { font-size : 14px; color : #015abd; text-decoration : none; font-weight : bold; }
 .topmenu_off { font-size : 14px; color : #5a5a5a; font-weight : bold; }
 .topmenu_off a:link { font-size : 14px; color : #5a5a5a; text-decoration : none; font-weight : bold; }
 .topmenu_off a:visited { font-size : 14px; color : #5a5a5a; text-decoration : none; font-weight : bold; }
 .topmenu_off a:hover { font-size : 14px; color : #5a5a5a; text-decoration : none; font-weight : bold; }
 .topmenu_off a:active { font-size : 14px; color : #5a5a5a; text-decoration : none; font-weight : bold; }
.loc { color : #b0b0b0; font-family : "돋움"; font-size : 11px; }
.loca { color : #356ba4; font-family : "돋움"; font-size : 11px; font-weight : bold; }
.list_bar_bg { background:#0072BC; height : 30px; padding:0 10px}
 .list_title { color : #ffffff; font-family : "돋움"; font-size : 12px; padding:10px 5px 8px 5px; font-weight : bold; background:#0072BC }
 .list_g_line { border-bottom : 1px solid #cfcfcf; padding :5px; }
 .list_g_line1 { border-bottom : 1px solid #cfcfcf; padding : 0 5px 0 5px; }
 .list_g_line2 { border-top : 1px solid #cfcfcf; }
 .list_g_line3 { background-color : #f0f0f0; }
    .list_text { color : #545454; font-family : tahoma, "굴림"; font-size : 12px; }
    .menu2 { font-size : 12px; color : #545454; text-decoration : none; line-height : 20px; }
 .tit_bold a:link { font-size : 12px; color : #545454; text-decoration : none; }
 .tit_bold a:visited { font-size : 12px; color : #545454; text-decoration : none; }
 .tit_bold a:hover { font-size : 12px; color : #0057e4; text-decoration : underline; }
 .tit_bold a:active { font-size : 12px; color : #2c89da; text-decoration : underline; }
 .reply { font-size : 11px; color : #ed0000; text-decoration : none; font-family : "맑은 고딕", "돋움"; }
 .reply a:link { font-size : 11px; color : #ed0000; text-decoration : none; font-family : "맑은 고딕", "돋움"; }
 .reply a:visited { font-size : 11px; color : #ed0000; text-decoration : none; font-family : "맑은 고딕", "돋움"; }
 .reply a:hover { font-size : 11px; color : #0000ff; text-decoration : underline; font-family : "맑은 고딕", "돋움"; }
 .reply a:active { font-size : 11px; color : #0000ff; text-decoration : underline; font-family : "맑은 고딕", "돋움"; }
 .tab_on { font-size : 12px; color : #ffffff; text-align : center; text-decoration : none; background : url(/images/dpl/img/tab_on_c.gif); }
 .tab_on a:link { font-size : 12px; color : #ffffff; text-align : center; text-decoration : none; }
 .tab_on a:visited { font-size : 12px; color : #ffffff; text-align : center; text-decoration : none; }
 .tab_on a:hover { font-size : 12px; color : #ffffff; text-align : center; text-decoration : none; }
 .tab_on a:active { font-size : 12px; color : #ffffff; text-align : center; text-decoration : none; }
 .tab_off { font-size : 12px; color : #545454; text-align : center; text-decoration : none; background : url(/images/tab_off_c.gif); }
 .tab_off a:link { font-size : 12px; color : #545454; text-align : center; text-decoration : none; }
 .tab_off a:visited { font-size : 12px; color : #545454; text-align : center; text-decoration : none; }
 .tab_off a:hover { font-size : 12px; color : #1063AB; text-align : center; text-decoration : none; }
 .tab_off a:active { font-size : 12px; color : #545454; text-align : center; text-decoration : none; }
 .title_line { background-color : #528EC3; }
 .page_text { text-align : center; font-family : "돋움"; font-weight : bold; color : #999999;  }
 .page_text td { padding:0 5px}
 .page_text a:link { text-align : center; font-family : "돋움"; ffont-weight : bold; color : #999999; }
 .page_text a:hover, .page_text a:visited, .page_text a:active { text-align : center; font-family : "돋움"; font-weight : bold; color :#0072BC; }
 .bbsSch select { height:20px}
 .bbsSch input { height:18px}
 .table_02_line { background-color : #E2E2E2; height : 1px; }
 .pv_tl { background-image : url(/images/dpl/img/pvbox_tl.gif); background-repeat : no-repeat; width : 6px; height : 6px; }
 .pv_tc { background-image : url(/images/dpl/img/pvbox_tc.gif); background-repeat : repeat-x; height : 6px; }
 .pv_tr { background-image : url(/images/dpl/img/pvbox_tr.gif); background-repeat : no-repeat; width : 6px; height : 6px; }
 .pv_bl { background-image : url(/images/dpl/img/pvbox_bl.gif); background-repeat : no-repeat; width : 6px; height : 6px; }
 .pv_bc { background-image : url(/images/dpl/img/pvbox_bc.gif); background-repeat : repeat-x; height : 6px; }
 .pv_br { background-image : url(/images/dpl/img/pvbox_br.gif); background-repeat : no-repeat; width : 6px; height : 6px; }
 .notice a:link { font-size : 12px; color : #545454; text-decoration : none; }
 .notice a:visited { font-size : 12px; color : #545454; text-decoration : none; }
 .notice a:hover { font-size : 12px; color : #005ffa; text-decoration : underline; }
 .notice a:active { font-size : 12px; color : #005ffa; text-decoration : underline; }
 .notice_date { font-size : 11px; color : #7d7d7d; }
 .input { background-color : #ffffff; border : #cbcbcb solid 1px; height : 20px; color : #545454; font-size : 12px; line-height : 16px; font-family : "돋움"; }
 .input_right { background-color : #ffffff; border : #cbcbcb solid; height : 20px; color : #545454; font-size : 12px; line-height : 16px; font-family : "돋움"; text-align : right; }
 .login_input { background-color : #ffffff; border : #bcbcbc solid; height : 20px; color : #545454; font-size : 12px; line-height : 20px; font-family : "돋움"; }
 .input_blue { background-color : #eef3f7; border : #cbcbcb solid; height : 20px; color : #545454; font-size : 12px; line-height : 16px; font-family : "돋움"; }
 .input_blue_right { background-color : #eef3f7; border : #cbcbcb solid; height : 20px; color : #545454; font-size : 12px; line-height : 16px; font-family : "돋움"; text-align : right; }
 .input_num { background-color : #ffffff; border : #cbcbcb solid; height : 20px; color : #545454; font-size : 12px; line-height : 16px; font-family : "돋움"; ime-mode : disabled; text-align : right; padding-right : 3px; }
 .input_readonly { background-color : #e4e4e4; border : #cbcbcb solid; height : 20px; color : #777777; font-size : 12px; line-height : 16px; font-family : "돋움"; }
 .input_readonly_right { background-color : #e4e4e4; border : #cbcbcb solid; height : 20px; color : #777777; font-size : 12px; line-height : 16px; font-family : "돋움"; text-align : right; }
 
/* text*/
 .total { background-color : #dae6f0; }
 .search { font-weight : bold; }
 .font_bold { font-weight : bold; }
 .font11 { font-size : 11px; line-height : 18px; }
 .font_height18 { line-height : 18px; }
 .search_blue { font-size : 11px; color : #286cae; line-height : 18px; font-weight : bold; }
 .search_animal { font-size : 11px; color : #545454; }
 .search_animal a:link { font-size : 11px; color : #545454; text-decoration : none; }
 .search_animal a:visited { font-size : 11px; color : #545454; text-decoration : none; }
 .search_animal a:hover { font-size : 11px; color : #286cad; text-decoration : underline; }
 .search_animal a:active { font-size : 11px; color : #286cad; text-decoration : underline; }
 .txt_blue { font-size : 12px; color : #4876a3; line-height : 18px; }
 .font_login_info { font-size : 11px; color : #545454; }
 .font_login_info_blue { font-size : 11px; color : #2a74c4; font-weight : bold; }
 .font_login_info_bold { font-size : 11px; color : #545454; font-weight : bold; }
 .text_pv, .text_pv a { color : #818181; padding-top : 3px; }
 .text_pv a:hover { color : #444444; padding-top : 3px; }
 .table_add { line-height : 25px; }
 .font11_gray { font-size : 11px; color : #7e7e7e; }
 .font14 { font-size : 14px; font-weight : bold; font-family : "돋움"; }
 .font18 { font-size : 18px; color : #545454; font-weight : bold; font-family : "돋움"; }
 .btn_d { font-size : 12px; color : #f4f4f4; font-weight : bold; font-family : "돋움"; padding : 2px 0 0 0; }
 .sbtn01 { font-size : 11px; color : #545454; height : 18px; font-family : "돋움"; line-height : 12px; padding : 1px 0 0 0; }
 .sbtn01 a:link { font-size : 11px; color : #545454; text-decoration : none; }
 .sbtn01 a:visited { font-size : 11px; color : #545454; text-decoration : none; }
 .sbtn01 a:hover { font-size : 11px; color : #545454; text-decoration : none; }
 .sbtn01 a:active { font-size : 11px; color : #545454; text-decoration : none; }
 .sbtn02 { font-size : 11px; color : #1F7CCD; font-family : "돋움"; padding : 1px 0 0 0; }
 .top_login_info { font-size : 12px; color : #373737; font-family : "돋움"; }
 .red_point { color : #d50019; }
 .red { font-size : 12px; color : #f10000; font-family : "돋움"; }
 .blue { font-size : 12px; color : #39729f; font-family : "돋움"; }
 .title { font-size : 12px; color : #545454; font-weight : bold; }
 .table_top { background-color : #9eb9d4; height : 2px; }
 .line_gray {font-size: 12px; color: #c5c5c5;}
 .line_gray { font-size : 12px; color : #c5c5c5; }
 .divboder { background-color : #ffffff; border : #d0d4d6 solid; margin-top : 5px; }
 .pop_bg { background-color : #ffffff; border : #3974a8 solid; padding : 10px 20px 10px 20px; }
 .pop_helpbg { background-color : #ffffff; border : #3974a8 solid; }
 .title_01 { font-size : 14px; color : #545454; font-weight : bold; }
 .title_02 { font-size : 14px; font-weight : bold; font-family : "돋움"; }
 .title_03 { font-size : 12px; font-weight : bold; font-family : "돋움"; }
 .popup_01 { font-size : 14px; color : #2b619c; font-weight : bold; font-family : "돋움"; }
 .popup_02 { font-size : 14px; color : #285f9a; font-weight : bold; }
 .quick_menu { font-size : 11px; color : #545454; text-decoration : none; }
 .quick_menu a:link { font-size : 11px; color : #545454; text-decoration : none; }
 .quick_menu a:visited { font-size : 11px; color : #545454; text-decoration : none; }
 .quick_menu a:hover { font-size : 11px; color : #0000ff; text-decoration : underline; }
 .quick_menu a:active { font-size : 11px; color : #0000ff; text-decoration : underline; }
 
/* 소제목 */
 .title_s { font-size : 12px; color : #42779e; font-weight : bold; padding : 4px 0 0 16px; background:url("/images/dpl/img2018/txt_bg.gif") no-repeat 0 0}
 .lh20 { line-height : 18px; }
 .arrow { list-style-image : url(/images/dpl/img/bullet03.gif); }
 /* 메인화면*/.main_notice { font-size : 11px; font-weight : normal; font-family : "돋움"; color : #959595; }
 .main_notice a:link { font-size : 11px; font-family : "돋움"; color : #959595; text-decoration : none; }
 .main_notice a:visited { font-size : 11px; font-family : "돋움"; color : #959595; text-decoration : none; }
 .main_notice a:hover { font-size : 11px; font-family : "돋움"; color : #005ffa; text-decoration : underline; }
 .main_notice a:active { font-size : 11px; font-family : "돋움"; color : #005ffa; text-decoration : underline; }
 .main_notice_d { font-size : 11px; font-weight : normal; font-family : "돋움"; color : #aeaeae; }

/* table*/
 .table_05 { background-color : #FFFFFF; padding : 20px; line-height : 18px; }
 .table_bg01 { background-color : #dce9f5; height : 30px; }
 
/* 도움말 레이어*/#divsite { display : none; position : absolute; top : 60px; z-index : 99; text-align : center; width : 100%; }
 #divframe { display : none; position : absolute; top : 60px; z-index : 99; text-align : center; width : 100%; opacity : 0; }

/* 과제정보*/
 .task_font_bold { font-size : 12px; color : #545454; font-weight : bold; line-height : 12px; }
 .task_font { font-size : 12px; color : #545454; line-height : 12px; }
 .title_task { font-size : 12px; color : #545454; font-weight : bold; }
 .task_popup_menu { background-color : #f3f3f3; border : #9db5c9 solid; margin-top : 5px; }
 
/* 탭메뉴*/
 .menu_box_border { background-color : #f3f7fa; border : #3778b0 solid; margin-top : 5px; }
 .box_border01 { background-color : #eff0f1; border : #e0e2e4 solid; margin-top : 5px; }
 .tab_bottom_line { border-bottom : 2px solid #3778b0; }
 .submenu a:link { font-size : 12px; color : #545454; text-decoration : none; }
 .submenu a:visited { font-size : 12px; color : #545454; text-decoration : none; }
 .submenu a:hover { font-size : 12px; color : #1f7ccd; text-decoration : none; }
 .submenu a:active { font-size : 12px; color : #1f7ccd; text-decoration : none; font-weight : bold; }
 
/* 팝업 과제정보테이블*/
.popup_box_border { background-color : #f3f7fa; border : #bdc9d5 solid; }

/* 하단 메세지박스 테이블*/
.ms_box_bott {background-color:#f2f2f2; border:1x SOLID #cdcdcd; }

/* 하단메뉴*/
 .ms_box_bott { background-color : #f2f2f2; border : #cdcdcd solid; }
 .bott_menu { color : #848484; font-size : 12px; line-height : 20px; }
 .bott_menu a:link { font-size : 12px; color : #848484; text-decoration : none; }
 .bott_menu a:visited { font-size : 12px; color : #848484; text-decoration : none; }
 .bott_menu a:hover { font-size : 12px; color : #0b6bd3; text-decoration : none; }
 .bott_menu a:active { font-size : 12px; color : #0b6bd3; text-decoration : none; }

/* 조회영역*/
 .font_search { font-size : 12px; color : #545454; }

/* ul/li 관련*/
.list01 { padding-left : 7px; }

/* 이미지라인*/
.img_lime { border:2 solid #CCC; }

/* 테이블 칼라*/
.table { background-color : #FFFFFF; clear : both; border-top : 0 solid #537b9f; font-size : 12px; line-height : 18px; padding : 0 5px 0 5px; }
.table th { background-color : #85a5c1; height : 25px; border-bottom : 1px solid #c6d3da; border-left : 1px solid #c6d3da; text-align : center; color : #ffffff; line-height : 14px; padding : 5px 5px 5px 5px; }
.table th.lastcol { border-right : 1px solid #c6d3da; }
.table th.lastcol_btm { border-right : 1px solid #c6d3da; border-bottom : 1px solid #85A5C1; }
.table tbody tr td{border-bottom:1px solid #c6d3da; border-left:1px solid #c6d3da; word-break:break-all;height:25px; text-align:center;}
.table tbody tr td.left{border-bottom:1px solid #c6d3da; border-left:1px solid #c6d3da; word-break:break-all;height:25px; text-align:left;}
.table tbody tr td.right{text-align:right;}
.table tbody tr td.lastcol {border-right:1px solid #c6d3da;}
.table tbody tr td.alignleft{text-align:left;}
.table tbody tr td.bottom { border-bottom : 1px solid #85A5C1; }
.table tbody tr td.lastcol_btm { border-right : 1px solid #c6d3da; border-bottom : 1px solid #85A5C1; }
.table2 { background-color : #FFFFFF; clear : both; border-top : 0 solid #537b9f; font-size : 12px; line-height : 18px; padding : 7px 7px 7px 7px; }
.table2 th { background-color : #d7e5ed; border-bottom : 1px solid #80b0d7; border-left : 1px solid #c6d3da; border-top : 2px solid #80b0d7; text-align : center; padding:9px 10px 5px 10px}
.table2 th.lastcol { border-right : 1px solid #c6d3da; }
.table2 th.lastcol_btm { border-right : 1px solid #c6d3da; border-bottom : 1px solid #85A5C1; }
.table2 tbody tr td{border-bottom:1px solid #c6d3da; border-left:1px solid #c6d3da; word-break:break-all;text-align:left; padding:9px 10px 5px 10px}
.table2 tbody tr td.left{border-bottom:1px solid #c6d3da; border-left:1px solid #c6d3da; word-break:break-all;height:25px; text-align:left;}
.table2 tbody tr td.right{text-align:right;}
.table2 tbody tr td.lastcol { border-right:1px solid #c6d3da;}
.table2 tbody tr td.le1 {text-align:center; font-weight:bold;}
.table2 tbody tr td.alignleft { text-align : left; }
 .table2 tbody tr td.aligncenter { padding:9px 0 5px 0; text-align : center; }
 .table2 tbody tr td.bottom { border-bottom : 1px solid #85A5C1; }
 .table2 tbody tr td.lastcol_btm { border-right : 1px solid #c6d3da; border-bottom : 1px solid #85A5C1; }
 .table_top { background-color : #537b9f; height : 2px; }
.blueover { background-color : #f0f3fa; }
 .tablelist { background-color : transparent; clear : both; border-top : 1px solid #d0cfcf; text-align : left; padding : 0 0 0 0; }
 .tablelist tbody tr td { background-color : transparent; border-bottom : 1px solid #d0cfcf; border-left : 1px solid #d0cfcf; word-break : break-all; padding : 2px 5px 0 5px; }
 .tablelist tbody tr td.line_g { background-color : transparent; border-bottom : 1px solid #d0cfcf; border-left : 1px solid #d0cfcf; word-break : break-all; }
 .tablelist tbody tr td.firstcol { border-left : 0 solid #d0cfcf; height : 21px; }
 .tablelist .bg { background-color : #f6f6f6; }
 .tablelist .bg2 { background-color : #e9f0f5; }
 .tablelist tbody tr td.aligncenter { text-align : center; }
 .tablelist2 { background-color : transparent; clear : both; border-top : 0 solid #9eb9d4; line-height : 14px; text-align : left; padding : 0 0 0 0; }
 .tablelist2 th { background-color : #d0dfed; height : 25px; border-bottom : 0 solid #9eb9d4; border-left : 0 solid #9eb9d4; text-align : left; color : #517aa6; line-height : 10px; padding-left : 15px; font-family : "돋움"; }
 .tablelist2 th.firstcol { border-left : 0 solid #9eb9d4; height : 25px; }
 .tablelist2 th.lastcol { border-right : 0 solid #c3cbe1; }
 .tablelist2 th.back { background-color : #95b4cf; color : #FFFFFF; text-align : center; font-size : 14px; border-top : 0 solid #FFFFFF; }
 .tablelist2 th.topline { border-top : 0 solid #9eb9d4; }
 .tablelist2 tbody tr td { height : 25px; line-height : 14px; background-color : transparent; border-bottom : 0 solid #e0e0e0; border-left : 0 solid #9eb9d4; text-align : left; word-break : break-all; }
 .tablelist2 tbody tr td.lastcol { border-left : 0; border-bottom : 0 solid #e0e0e0; border-right : 0 solid #e0e0e0; }
 .tablelist2 tbody tr td.alignleft { text-align : left; }
 .postlist { background-color : #FFFFFF; clear : both; line-height : 18px; padding : 0 5px 0 5px; }
 .postlist th { background-color : #d0dfed; height : 25px; border-bottom : 1px solid #9eb9d4; border-left : 0 solid #9eb9d4; border-top : 2px solid #9eb9d4; color : #477ca5; line-height : 24px; font-family : "돋움"; }
 .postlist th.leftline { border-left : 1px solid #9eb9d4; }
 .postlist tbody tr td { background-color : #fff; border-bottom : 1px solid #cfcfcf; border-left : 0 solid #cfcfcf; word-break : break-all; height : 25px; }
 .mstable { background-color : #FFFFFF; clear : both; border-top : 2px solid #9eb9d4; padding : 0 5px 0 5px; }
 .mstable th { background-color : #d0dfed; height : 25px; border-bottom : 1px solid #9eb9d4; border-left : 0 solid #9eb9d4; text-align : left; color : #477ca5; line-height : 24px; }
 .mstable tbody tr td { background-color : #d0dfed; border-bottom : 1px solid #9eb9d4; border-left : 0 solid #cfcfcf; word-break : break-all; height : 27px; }
 .mstable tbody tr td.btm { border-bottom : 0 solid #cfcfcf; }
 .mstable_gray { background-color : #FFFFFF; clear : both; border-top : 1px dashed #9eb9d4; padding : 5px 5px 5px 5px; }
 .mstable_gray th { background-color : #f6f7f8; height : 25px; border-bottom : 1px solid #9eb9d4; border-left : 0 solid #9eb9d4; text-align : left; color : #f6f7f8; line-height : 24px; }
 .mstable_gray tbody tr td { background-color : #f6f7f8; border-bottom : 1px solid #cfcfcf; border-left : 0 solid #cfcfcf; word-break : break-all; height : 27px; }
 .mstable_gray tbody tr td.btm { background-color : #f6f7f8; border-bottom : 0 solid #cfcfcf; border-left : 0 solid #cfcfcf; word-break : break-all; height : 20px; }
 .mstit { font-size : 12px; color : #477ca5; font-weight : bold; }
 
/* 공지사항*/
.noticelist { background-color : #FFFFFF; clear : both; border-top : 2px solid #537b9f; font-size : 12px; padding : 3px; margin-top : 7px; }
 .noticelist th { background-color : #d0dfed; height : 27px; border-bottom : 1px solid #e0e0e0; text-align : center; color : #ffffff; font-family : "맑은 고딕", "돋움"; }
 .noticelist tbody tr td { border-bottom : 1px solid #d8d9da; word-break : break-all; height : 25px; padding-left : 5px; }
 .noticelist tbody tr td.leftnone { background-color : #fff; border-bottom : 1px solid #d8d9da; word-break : break-all; height : 25px; padding-left : 0; }
 .noticelist tbody tr td.linenone { background-color : #fff; border-bottom : 0 solid #d8d9da; word-break : break-all; height : 25px; padding-left : 0; }
 .noticenavi { color : #cfcfcf; }
 .noticeheight { line-height : 18px; }
 .noticelist_font11 { font-size : 11px; }

 
/* 사이트맵 */
.sitemap_01 { font-size : 12px; color : #565656; font-weight : bold; text-decoration : none; }
 .sitemap_01 a:link { font-size : 12px; color : #565656; text-decoration : none; }
 .sitemap_01 a:visited { font-size : 12px; color : #565656; text-decoration : none; }
 .sitemap_01 a:hover { font-size : 12px; color : #2a6cd7; text-decoration : none; }
 .sitemap_01 a:active { font-size : 12px; color : #619dff; text-decoration : none; }
 .sitemap_02 { font-size : 11px; color : #565656; text-decoration : none; line-height : 26px; }
 .sitemap_02 a:link { font-size : 11px; color : #565656; text-decoration : none; }
 .sitemap_02 a:visited { font-size : 11px; color : #565656; text-decoration : none; }
 .sitemap_02 a:hover { font-size : 11px; color : #2a6cd7; text-decoration : none; }
 .sitemap_02 a:active { font-size : 11px; color : #619dff; text-decoration : none; }
 .sitemap_03 { font-size : 11px; color : #8d8d8d; text-decoration : none; line-height : 16px; }
 .sitemap_03 a:link { font-size : 11px; color : #8d8d8d; text-decoration : none; }
 .sitemap_03 a:visited { font-size : 11px; color : #8d8d8d; text-decoration : none; }
 .sitemap_03 a:hover { font-size : 11px; color : #2a6cd7; text-decoration : none; }
 .sitemap_03 a:active { font-size : 11px; color : #619dff; text-decoration : none; }



/*2018추가 css*/
/*헤더*/

#header { width:100%; margin:0; background:#FFF; height: 80px;border-bottom: 2px solid #0072BC;box-sizing: border-box;padding: 0px}
#header .pcWrap .headerWrap {width: 1040px;margin: 0 auto;}
#header h1  {padding: 23px 0 0px 0px;width: 250px;position: absolute;z-index: 9999;}
#header .pcWrap {margin: 0 auto;position: relative;width: 1040px}
#header .gnbArea_PC:after {content: "";display: block;clear: both;} 




#header .gnbArea_PC {display:block;position:absolute;top: 27px;left:0;width:100%;height:52px;overflow:hidden;margin:0;border-bottom: 2px solid #2D76AA;background:#fff;z-index: 1000;}
#header .gnbArea_PC:before  {content:"";clear:both;display:block;position:absolute;top:0;left:0;width:100%;height:52px;}
#header .gnbArea_PC .gnbUl  {position:relative;width: 1100px;margin:0 auto;text-align:center;z-index:5;overflow: hidden;list-style: none;list-style-type: none;}
#header .gnbArea_PC .gnbUl:after    { content:""; clear:both; display:block;}
#header .gnbArea_PC .gnbUl>li   {vertical-align:top;width: 183.3333px;margin: 0;box-sizing: border-box;float: left;font-family: Nanum Gothic;}  
#header .gnbArea_PC .gnbUl>li:first-child   {margin-left:400px;}    
#header .gnbArea_PC .gnbUl .oneD    {display:block;color: #000;font-size:18px;font-weight:600;line-height:48px;letter-spacing:-1px;margin: 0px;}
#header .gnbArea_PC .gnbUl li.on .oneD{ color:#147cc7;}

  /* lnb */ 
.lnb {clear:both; z-index:30; min-height:38px; position: absolute;right:0;top:15px;width: 650px}
.lnb:after {content:""; display:block; clear:both;}
.lnb ul {text-align:center;}
.lnb ul:after {content:""; display:block; clear:both;}
.lnb ul li {float:left;list-style: none;list-style-type: none;display:block;color: #000;margin: 0px;}
.lnb ul li a,
.lnb ul li.active a {display:block; font-size:18px; font-weight:600;line-height:48px;letter-spacing:-1px; font-family:Nanum Gothic;text-decoration: none;color: #333333} 
.lnb.lnb4 ul li {width:150px; } 
.lnb ul li {position:relative;}
/*.lnb ul li ul {position:absolute; top:48px; left:50%; padding-top:10px; padding-bottom:15px; border:1px solid #00235d; border-top:4px solid #00235d; z-index:10010; background-color:#fff;width: 150px}*/
.lnb ul li ul {position:absolute; top:48px; left:0%; padding-top:10px; padding-bottom:15px; border:1px solid #00235d; border-top:4px solid #00235d; z-index:10010; background-color:#fff;width: 150px}
.lnb.lnb4 ul li ul {margin-left:-80px;}
/*.lnb.lnb5 ul li ul {margin-left:-80px;}*/
.lnb.lnb5 ul li ul {margin-left:-15px;}
.lnb ul li ul li {display:block; float:none; background-color:#fff; text-align:left;}
.lnb ul li ul li a,
.lnb ul li ul li.active a,
.lnb ul li.active ul li a {padding:0 0 0 12px !important; margin:0  !important; z-index:10011;font-size:14px; line-height:24px; font-family:Nanum Gothic; display:block; color:#555; font-weight:normal; *zoom:1;}    
.lnb ul li ul li a:hover,
.lnb ul li.active ul.active li.active a,
.lnb ul li ul li.active a {color:#fff; font-weight:bold;letter-spacing:-1px; background-color:#0072BC;}
    
/*중앙컨텐츠*/
/*.container {background: url(/images/dpl/img2018/main_fullbg_01.jpg);margin:0;padding-bottom: 32px;}*/
.container {margin:0;padding-bottom: 32px;}
.contents {margin: 0 auto;width: 1040px;}
.main_slogan {width: 450px;height: 100px;margin: 0 auto;padding-top: 40px;padding-bottom: 30px;}


/*박스레이아웃*/

.columwrap {width: 1040px;}
.columwrap:after {content: "";display: block;clear: both;}
.colboxs {border-radius:10px;background: #FFF;box-shadow: -4px 0px 9px 1px #666;}
.column1 {float: left; padding-right:24px}
.column1 .goji {width: 437px;height: 250px;padding: 20px;box-sizing: border-box;}
.column1 .goji .newstab {width: 380px;text-align: center;margin: 10px auto;}
.column1 .state {width: 437px;height: 280px;margin-top: 24px;padding: 20px;box-sizing: border-box;}
.column2 {float: left;width: 250px;height: 554px;}
.column2 .linkbox {padding: 20px;}
.column2 .linkbox ul {overflow: hidden;list-style: none;}
.column2 .linkbox ul li{float: left;width: 50%;padding: 10px 0;text-align:  center;font-family: Nanum Gothic;color: #666666;}
.column2 .linkbox ul li a {display:block; color: #666666;text-decoration: none;}
.column2 .linkbox ul li a span { display:block; margin-top:5px; line-height:14px;}
.column2 .linkbox ul li a img { width:56px}
.column3 {float: right; width: 305px;}
.column3 .slider {height: 327px;position: relative;}
.column3 .siren {height: 203px;margin-top: 24px;padding: 15px;box-sizing: border-box;text-align: center;}



/*공지사항 자료실*/
.news_area {clear:both;/* padding: 0 10px; */position: relative;width: 380px;/* height: 275px; *//* float: left; *//* margin-top: 1.5%; *//* border: 1px solid #ddd; */box-sizing: border-box;font-family: Nanum Gothic;/* margin: 0 auto; */}
.news_area > ul {overflow: hidden;width: 100%; box-sizing: border-box; }
.news_area > ul > li {display:inline-block;float: left;width: 25%;/* border-left: 1px solid #DDDDDD; */box-sizing: border-box;font-family: Nanum Gothic;height: 32px;}
.news_area > ul > li:first-child {}
.news_area > ul > li:last-child {}
.news_area > ul > li > div {position:absolute;left:0px;/* top:66px; */width: 100%;/* padding: 10px; */box-sizing: border-box;}
.news_area > ul > li > a    {display:block;padding: 10px 0 19px;/* margin: 0 36px 0 0; */font-size: 15px;color: #666666;/* line-height: 15px; */}
.news_area > ul > li > a.on {/* padding: 15px 0 17px; */font-weight: 700;color: #000;/* border-bottom: 2px solid #f8981d; *//* background: url(/img/2017img/main/city_news_area_on_bg.png) #037BC1; */} 

.news_area div {}
.news_area div > ul li {padding: 0 0 14px 0px;/*background: url('/img/2017img/main/list_jum.gif') no-repeat 3px 10px;*/position: relative;overflow: hidden;text-align: left;font-size: 13px;letter-spacing: 0px;line-height: 1.1em;font-family: Nanum Gothic;}
.news_area div > ul li.no_bg {padding: 0 0 12px 0; background: none;}
.news_area div > ul li span {position: absolute;top:0;right: 0px;font-size: 14px;color:#888;font-family: malgun gothic;}
.news_area div > ul li a {font-size: 13px;color:#666666;}
.news_area div > p {position:absolute;right: 0;top: -58px;height: 51px;/* border-left:1px solid #DDD; */width: 20px;}
.news_area div > p>a {}
.news_area div > p>a>img {padding-top: 19px;}


.news_area {clear:both;/* padding: 0 10px; */position: relative;width: 380px;/* height: 275px; *//* float: left; *//* margin-top: 1.5%; *//* border: 1px solid #ddd; */box-sizing: border-box;font-family: Nanum Gothic;margin: 0 auto;}
.news_area > ul {overflow: hidden;width: 100%; box-sizing: border-box; }
.news_area > ul > li {display:inline-block;float: left;width: 25%;/* border-left: 1px solid #DDDDDD; */box-sizing: border-box;font-family: Nanum Gothic;height: 32px;}
.news_area > ul > li:first-child {}
.news_area > ul > li:last-child {}
.news_area > ul > li > div {position:absolute;left:0px;/* top:66px; */width: 100%;/* padding: 10px; */box-sizing: border-box;}
.news_area > ul > li > a    {display:block;padding: 10px 0 19px;/* margin: 0 36px 0 0; */font-size: 16px;color: #666666;/* line-height: 15px; */letter-spacing: -1px;font-weight: bold;}
.news_area > ul > li > a.on {/* padding: 15px 0 17px; */font-weight: 700;color: #000;/* border-bottom: 2px solid #f8981d; *//* background: url(/img/2017img/main/city_news_area_on_bg.png) #037BC1; */} 

.state_area div {}
.state_area div > ul li {padding: 0 0 14px 12px;/*background: url('/img/2017img/main/list_jum.gif') no-repeat 3px 10px;*/position: relative;overflow: hidden;text-align: left;font-size: 13px;letter-spacing: 0px;line-height: 1.1em;font-family: Nanum Gothic;}
.state_area div > ul li.no_bg {padding: 0 0 12px 0; background: none;}
.state_area div > ul li span {position: absolute;top:0;right: 22px;font-size: 14px;color:#888;font-family: malgun gothic;}
.state_area div > ul li a {font-size: 13px;color:#666666;}
.state_area div > p {position:absolute;right: 0;top: -58px;height: 51px;/* border-left:1px solid #DDD; */width: 20px;}
.state_area div > p>a {}
.state_area div > p>a>img {padding-top: 19px;}

.state_area {clear:both;position: relative;width: 380px;box-sizing: border-box;font-family: Nanum Gothic;margin: 0 auto;}
.state_area > ul {overflow: hidden;width: 100%; box-sizing: border-box; }
.state_area > ul > li {display:inline-block;float: left;width: 49%;box-sizing: border-box;font-family: Nanum Gothic;height: 32px;}
.state_area > ul > li:first-child {}
.state_area > ul > li:last-child {}
.state_area > ul > li > div {position:absolute;left:0px; width: 100%; box-sizing: border-box;}
.state_area > ul > li > a    {display:block;padding: 10px 0 19px;/* margin: 0 36px 0 0; */font-size: 16px;color: #666666;/* line-height: 15px; */letter-spacing: -1px;font-weight: bold;}
.state_area > ul > li > a.on {/* padding: 15px 0 17px; */font-weight: 700;color: #000;/* border-bottom: 2px solid #f8981d; *//* background: url(/img/2017img/main/city_news_area_on_bg.png) #037BC1; */}    


/*발생현황 게시판 스타일*/
.state_area table {clear: both; table-layout: fixed;font-size: 12px;width: 100%;border-collapse: collapse; color: #ff2d88; text-align: center; border-top: 1px solid #ECECEC; border-bottom: 1px solid #ececec;width: 380px}
.state_area table caption {margin:0;padding:0;height:0;left:-9999px;top:-9999px;overflow:hidden;}
.state_area table td  {padding: 5px;font-weight:normal;color:#333;height:21px;border-top:1px solid #ececec;border-left:1px solid #ececec;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family: Nanum Gothic;}
.state_area table td:first-child  {border-left: 0px; text-align:left;}
.state_area table .bg02 td {background-color: #FAFAFA;}


/*슬라이더*/

 .main_goji{}

 .main_goji .slide_cont li div{}
.main_goji_cot {position: absolute;top: 18px;right: 19px;z-index: 9999;}
.main_goji_cot a {padding: 0px !important;margin: 0px !important;display:block;float: left;}
.main_goji_cot a:after {content: "";display: block;clear: both;}


/*방역조치현황*/
.column3 .siren h2{margin-bottom: 5px; font-family: Nanum Gothic; line-height:26px;}
.column3 .siren h2 img { vertical-align:text-bottom}
.column3 .siren p{border-radius: 10px;background: #93422C;width: 85%;color: #FFF;font-weight: bold;font-family: Nanum Gothic;padding:2px;letter-spacing: -1px;font-size: 13px;}
.column3 .siren a, 
.column3 .siren a:link, 
.column3 .siren a:hover, 
.column3 .siren a:visited {text-decoration: none;}
.column3 .siren table {margin-left: 10px;}



/*하단 cs*/

.maincs {overflow: hidden;height: 80px;margin-top:24px;list-style: none;margin-bottom: 18px;}
.maincs li {float: left;line-height: 80px;height: 80px;line-height: 73px;font-family: Nanum Gothic;}
.maincs li em{ display: inline-block; position: absolute; margin-top: 1px;font-style: normal;}
.maincs .cs_01 {width: 460px;font-size:16px;color:#333333;padding-left:20px;vertical-align: middle;/* line-height: 73px; *//* position: absolute; */position: relative;}
.maincs .cs_01 img {margin-right: 10px; vertical-align:text-bottom}
.maincs .cs_01 span {font-size: 25px;color:#0072bc;margin-left: 158px;}
.maincs .cs_02 {width: 330px;font-size:16px;color:#333333;padding-left: 8px;vertical-align: middle;}
.maincs .cs_02 img {margin-right: 10px; vertical-align:text-bottom}
.maincs .cs_02 strong {margin-right: 30px;font-weight: normal;height: 80px;display: inline-block;/* margin-top: -14px; */vertical-align: top;}
.maincs .cs_02 span {font-size: 25px;color:#00a651;margin-left: 170px;}
.maincs .cs_03 {font-size:14px;color:#777777;padding-left: 35px;vertical-align: middle;}




/*풋터*/
footer { width: 100%;height: 100px; text-align:left; background: #58585A;font-family: Nanum Gothic;}
footer .foot_wrap {width: 1040px;margin: 0 auto;padding:15px 0;}
footer .foot_wrap .foot_logo {float: left;width: 200px;margin-top:10px;}
footer .foot_wrap .policy {margin-bottom: 10px;}
footer .foot_wrap .policy a{color: #fff;margin-right: 15px;}  /* 20220110_수정_font-weight: bold 삭제 */
footer .foot_wrap .policy .foot_text_01{color: #ffff00; font-weight: bold;margin-right: 15px;}   /* 20220110_추가 */
footer .foot_wrap .policy em{color: #fff;font-weight: bold;margin-right: 10px;font-style: normal;}
footer .foot_wrap address {color:#fff;font-style: normal;font-size: 12px;}
footer .foot_wrap .copyright {color:#fff;font-size: 12px;}
    
    
/*서브페이지 css */
/*서브페이지 레이아웃*/
#subWrap { width:100%; margin:0 auto; }
#sub_contents {width: 100%; margin:0 auto;padding:0;}
#sub_contents:after {visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
.guide_titimg {background:#000 url(/images/dpl/img2018/titimg_guide.jpg) no-repeat top center;width: 100%;height:155px;margin:0;}

/*서브left메뉴*/
.left_title {padding:  0px;position: absolute;font-family: Nanum Gothic;font-size: 22px;font-weight: bold;color: #fff;text-align: center;background: url(/images/dpl/img2018/sub_lefttitle_bg.png) repeat-y;display: block;width: 200px;height: 76px;box-sizing: border-box;top: -76px;line-height: 76px;vertical-align: middle;left: 0px;}

.left_menu {padding: 20px 0;list-style: none;list-style-type: none;height: 100%; border-left: 1px solid #eee;  border-right: 1px solid #eee; box-sizing: border-box; width: 200px;}
.left_menu>li {font-family: Nanum Gothic;font-size: 15px;color: #000;font-weight: bold; line-height: 38px;}
.left_menu>li a{ margin:0 19px; padding-left:5px; border-bottom: 1px solid #eee; display: block;font-size: 15px;text-decoration: none;color: #000;}
.left_menu>li.on {background: #FFF;}
.left_menu>li.on a {color: #0072BC;background: url(/images/dpl/img2018/left_menu_arrow.png) no-repeat right 50%;}

.left_menu>li>ul { display:none; overflow: hidden;list-style: none;list-style-type: none;border-bottom: 1px solid #eee;padding:15px 0 15px 19px; background:#f0f3fa}
.left_menu>li>ul>li>a, 
.left_menu>li>ul>li>a:link,
.left_menu>li>ul>li>a:visited
{font-size: 12px !important;color:#8e8e8e !important;line-height: 20px;border-bottom: none; margin:0; padding-left:13px; background:url("/images/dpl/img/re_dot.gif") no-repeat 5px 50%}
.left_menu>li.on ul { display:block}


#contentsWrap {width: 1040px; min-height:650px; margin: 0 auto;position:  relative;vertical-align: top;}
#submenuWrap_8 {position: absolute;background: url(/images/lpsms2018/left_bg08.gif) no-repeat 0 0;width:200px;height:100%;top: 0px;} 

#contentsWrap .oldtable{padding-bottom: 30px;margin-left: 250px; width:790px;}
.location {text-align: right;font-size: 12px;margin: 0px 0 40px 250px;padding:20px 0 15px;position: relative;font-family: Nanum Gothic;border-bottom: 1px solid #EEEEEE;}
.location p{color: #666666}
.location .content_title {font-size: 28px;text-align: left;color:#000; line-height:100%}


/*서브페이지 콘텐츠용 css */
.h3-box {position:relative;margin-top: 20px;}
.h3-box:after {display:block; content:"";clear:both;}
.h3-box h3 {background:url('/images/dpl/img2018/icon_sub_h3.png') no-repeat left 50%; margin-bottom:10px; padding: 0px 0 0 25px;font-size: 18px;color:#222;font-family: Nanum Gothic;font-weight:bold;/* margin-left:4px; */}
.h3-box h3.none {background:none;padding:0px 0 10px 0;font-size:13px;color:#222;font-family:'Nanum';font-weight:bold;margin-left:0;}
.list-s02 {margin: 10px 0 30px 10px;list-style:  none;list-style-type:  none;}
.list-s02 li { word-break:keep-all; line-height:140%; background:url('/images/dpl/img2018/icon_sub_h3_02.png') no-repeat left 4px;padding-left: 18px;padding-bottom:5px;font-size: 14px; color: #0072bc;font-weight: bold;/* padding-top: 10px; */}
.list-s02 li ul {margin-left:0px;padding-top:7px;margin-bottom:4px;list-style: none;list-style-type:  none;}
.list-s02 ul li {background:url('/assets/img/common/bluet02.gif') no-repeat left 10px;padding-left:10px;padding-bottom:5px;}
.list-s02 li.none {background:none;}
.list-s02 ul li.none {padding-left:0;color: #666666;font-size: 12px;font-weight: normal;}

.list-s03 {margin: 10px 0 30px 0;list-style:  none;list-style-type:  none;}
.list-s03 li {word-break:keep-all; line-height:140%; padding-left: 18px;padding-bottom:5px;color: #666;}
.lh20 ul { margin:0 0 0 35px; list-style-type:square; }

.text_info { margin-left:10px; color: #666;}



/*2018추가 끝 css*/