/** 기본 링크 **/
/** 기본 링크 **/
a:link { font-size: 9pt; font-style: normal; font-weight: lighter; color: #333333; text-decoration: none; }
a:visited { font-size: 9pt; font-style: normal; font-weight: lighter; color: #333333; text-decoration: none; }
a:hover { font-size: 9pt; font-style: normal; font-weight: lighter; color: #fe6522; text-decoration: underline; }
a:active { font-size: 9pt; font-style: normal; font-weight: lighter; color: #0000ff; text-decoration: none; }

/** 문서 링크 **/
a.n:hover { font-size: 9pt; font-style: normal; font-weight: lighter; color: #fe6522; position:relative; top:1; left:1; text-decoration: none; }
a.m:hover { font-size: 9pt; font-style: normal; font-weight: lighter; color: #09A6C8; text-decoration: none; }

/** 메뉴 링크 **//
.menu a:link { font-size: 11pt; font-style: normal; font-weight: lighter; color: #333333; text-decoration: none; }
.menu a:visited { font-size: 11pt; font-style: normal; font-weight: lighter; color: #333333; text-decoration: none; }
.menu a:hover { font-size: 11pt; font-style: normal; font-weight: lighter; color: #fe6522; text-decoration: none; }
.menu a:active { font-size: 11pt; font-style: normal; font-weight: lighter; color: #0000ff; text-decoration: none; }

/** 관리자 메뉴 **/
.admin_td { background-color: #fafafa; color: #666666; font-weight: bolder; }
.admin_td a:link { color: #666666; font-weight: bolder; }
.admin_td a:visited { color: #666666; font-weight: bolder; }
.admin_td a:hover { background-color: #FFE7D7; color: #ff6600; font-weight: bolder; width: 100%; height: 100%; }
.admin_td a:active { color: #3366cc; font-weight: bolder; }

/** 메뉴 테이블 **/
.menu_td { background-color: #3399CC; color: #FFFFFF; font-weight: bolder; height: 100%; }
.menu_td a:link { background-color: #3399CC; color: #FFFFFF; font-weight: bolder; height: 100%; }
.menu_td a:hover { background-color: #6DC8EB; color: #000000;  text-decoration: none; font-weight: bolder; width: 100%; height: 100%; }
.menu_td a:visited { color:#FFFFFF; font-weight: bolder; height: 100%; }
.menu_td a:active { color:#FFFFFF; font-weight: bolder; height: 100%; }

/** 테이블 열 **/
td { font-size: 9pt; line-height: 150%; color:#666666; }
.mtd { font-size: 9pt; line-height: 130%; }
.td01 { font-size: 9pt; line-height: 130%; text-decoration: underline;}
.td02 { font-size: 9pt; line-height: 150%; color:#000080; background:#D0E0FF; padding:2 2 0; }
.write { color: #777777; font-family: 돋움; font-size: 9pt; }

/** 스크롤바 **/
.td_scroll { overflow-y: scroll; width: 100%;  height: 100%; padding: 0px; scrollbar-face-color:#e1e1e1; scrollbar-shadow-color:#666666; scrollbar-highlight-color:#efefef; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:rgb(200,200,200); scrollbar-base-color:#000000; scrollbar-arrow-color:rgb(128,128,64); scrollbar-track-color:#ffffff; }
body { scrollbar-face-color: #DCDCDC; scrollbar-shadow-color: #9C9C9C; scrollbar-highlight-color: #FCFCFC; scrollbar-3dlight-color: #9C9C9C; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #999999; scrollbar-arrow-color: #000000; }

/** 콤보 박스 **/
select { font-family: "굴림"; font-size: 9pt; }

/** 상단 이동 **/
#divBottom { position: absolute; }

/** 입력 박스 **/
.input { border-left-color: #B7B7B7; border-bottom-color: #B7B7B7; border-top-color: #B7B7B7; border-right-color: #B7B7B7; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }
.input_a { border-right: #D7D7D7 1px solid; border-top: #636363 1px solid; font-size: 9pt; border-left: #636363 1px solid; border-bottom: #D7D7D7 1px solid; font-family: "돋음", "Arial"; color: #606060; background-color: #F9F9F9; }
.input_b { border-left-color: #93A247; border-bottom-color: #93A247; border-top-color: #93A247; border-right-color: #93A247; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

/** 폰트 효과 **/
.text_a { color: #0223A6; font-size: 10pt; font-family: 굴림, 굴림체, Arial, seoul, Helvetica, sans-serif; line-height: 15pt; letter-spacing: 1px; }
.text_b { color: #666666; font-size: 9pt; font-family: 굴림, 굴림체, Arial, seoul, Helvetica, sans-serif; line-height: 15pt; letter-spacing: 1px; }
.text_c { color: #666666; font-size: 9pt; font-family: verdana; text-decoration: none; }
.text_d { color: #666666; font-size: 9pt; line-height: 130%; }
.text_e { color: #666666; font-size: 8pt; font-family: verdana; text-decoration: none; }
.text_f { color: #666666; font-size: 7pt; font-family: verdana; text-decoration: none; }

/** 텍스트 박스 **/
.text_area_a { font-size: 9pt; font-family: "돋움체"; border-right: #919191 1px solid; border-top: #919191 1px solid; overflow: hidden; border-left: #919191 1px solid; color: #000000; border-bottom: #919191 1px solid; background-color: #61E8FE; }
.text_area_b { font-size: 9pt; font-family: "돋움체"; border-right: 0px solid; border-top: 0px solid; overflow: hidden; border-left: 0px solid; color: #000000; border-bottom: 0px solid; }
.text_area_c { font-size: 9pt; font-family: "돋움체"; border-right: #919191 1px solid; border-top: #919191 1px solid; overflow: hidden; border-left: #919191 1px solid; color: #000000; border-bottom: #919191 1px solid; background-color: #ffffff; }
.text_area_d { font-size: 9pt; font-family: "돋움체"; border-right: #B7B7B7 1px solid; border-top: #B7B7B7 1px solid; overflow: hidden; border-left: #B7B7B7 1px solid; color: #666666; border-bottom: #B7B7B7 1px solid; background-color: #fafafa; }

/** 이미지 정렬 **/
.align_center_top { background-repeat: no-repeat; background-position: center top; }
.align_center_center { background-repeat: no-repeat; background-position: center center; }
.align_right_bottom { background-repeat: no-repeat; background-position:right bottom; }
.align_right_top_x { background-repeat: repeat-x; background-position: right top; }
.align_left_top { background-repeat: no-repeat; 	background-position: left top; }
.align_left_top_x { background-repeat: repeat-x; background-position: left top; }
.align_left_top_y { background-repeat: repeat-y; background-position: left top; }
.align_right_bottom_x { background-repeat: repeat-x; background-position: right bottom; }
.align_right_bottom_y { background-repeat: repeat-y; background-position: right bottom; }

/** 테두리 RGB 색상 **/
.border_black { border: 1 solid rgb(0, 0, 0); }
.border_gray_a { border: 1 solid rgb(150, 150, 150); }
.border_gray_b { border: 1 solid rgb(180, 180, 180); }
.border_gray_c { border: 4 solid rgb(255, 255, 255); }
.border_gray_d { border: 4 solid rgb(230, 230, 230); }
.border_gray_e { border: 1 solid rgb(230, 230, 230); }
.border_green_a { border: 1 solid rgb(153, 204, 0); }
.border_brown_a { border: 1 solid rgb(210, 176, 142); }
.border_blue_a { border: 1 solid rgb(3, 213, 252); }

/** 라인 색상 **/
.line_color_right_a { border-right-width: 1; border-right-color: #D2D2D2; border-right-style: solid; }
.line_color_right_b { border-right-width: 1; border-right-color: #B4B4B4; border-right-style: solid; }
.line_color_right_c { border-right-width: 1; border-right-color: #f1f1f1; border-right-style: solid; }
.line_color_left_orange { border-left-width: 2; border-left-color: #F7941D; border-left-style: solid; }
.line_color_right_orange { border-right-width: 2; border-right-color: #F7941D; border-right-style: solid; }
.line_color_left_gray { border-left-width: 1; border-left-color: #D8D8D8; border-left-style: solid; }
.line_color_right_gray { border-right-width: 1; border-right-color: #B4B4B4; border-right-style: solid; }
.line_color_right_green { border-right-width: 2; border-right-color: #80BB4C; border-right-style: solid; }
.line_color_gray_a { border-left-width: 1; border-left-color: #B4B4B4; border-left-style: solid; border-right-width: 1; border-right-color: #B4B4B4; border-right-style: solid; }
.line_color_gray_b { border-width: 2px; border-style: solid; border-color: #EAEAEA; }
.line_color_yellow_a { border-width: 2px; border-style: solid; border-color: #D2CFAF; }

/** 테이블 고정 **/
.table_fixed { table-layout: fixed; }
.table_word_break { word-break: break-all; }

/** 그라데이션 효과 **/
.table_gradient { filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=##EF5D1F, EndColorStr=#004FA6); }

/** 기본 배경 **/
.main_bg { background:#ffffff url(../images/main_bg.jpg) repeat-x left top; }
.sub01 { background:#ffffff url(../images/sub01_bg.jpg) repeat-x left top; }
.sub02 { background:#ffffff url(../images/sub02_bg.jpg) repeat-x left top; }
.sub03 { background:#ffffff url(../images/sub03_bg.jpg) repeat-x left top; }
.sub04 { background:#ffffff url(../images/sub04_bg.jpg) repeat-x left top; }
.sub05 { background:#ffffff url(../images/sub05_bg.jpg) repeat-x left top; }
@font-face { font-family:"Noto Sans KR"; font-style:normal; font-weight:300; src:url("../wp_default_image/notosanskr_300.woff") format("woff"), url("../wp_default_image/notosanskr_300.woff2") format("woff2"); }
@font-face { font-family:"Noto Sans KR"; font-style:normal; font-weight:400; src:url("../wp_default_image/notosanskr_400.woff") format("woff"), url("../wp_default_image/notosanskr_400.woff2") format("woff2"); }
@font-face { font-family:"Noto Sans KR"; font-style:normal;	font-weight:500; src:url("../wp_default_image/notosanskr_500.woff") format("woff"), url("../wp_default_image/notosanskr_500.woff2") format("woff2"); }

/* 실시간 화상 */
.cctv_image { margin:0; position:relative; }
.cctv_image img { display:block; margin:0 auto; }
.cctv_image a { display:block; position:absolute; left:calc(50% - 135px); width:270px; padding:10px 0; background-color:#ff775c; font-family:"Noto Sans KR";  font-size:130%; font-weight:500; color:#fff; border-radius:30px; text-decoration:none; }
.cctv_image a.viewer { top:710px; } 
.cctv_image a.ietab { top:830px; } 
.cctv_image a.viewer2 { top:4670px; } 
.cctv_image a.ietab2 { top:4800px; } 
.cctv_image a:hover { background-color:#d13617; }

.realtime_box { overflow:hidden; margin:60px auto; padding:40px; border:5px solid #ffaeaf; background-color:#ffffcc; font-family:"Noto Sans KR"; border-radius:20px; }
.realtime_box p { float:left; width:30%; padding:80px 0 0; background:url('../cctv/icon_realtime.gif') no-repeat center top; font-size:125%; font-weight:500; text-align:center; color:#000; box-sizing:border-box; }
.realtime_box ul { overflow:hidden; float:right; width:68%; margin:0; padding:0; list-style:none; }
.realtime_box ul li { float:left; width:25%; margin:7px 0; padding:0; }
.realtime_box ul li a { display:block; width:90%; margin:0 auto; padding:7px 0; background-color:#ff9900; font-size:125%; font-weight:400; text-align:center; color:#fff; border-radius:20px; text-decoration:none; }
.realtime_box ul li:hover a { background-color:#ff6600; }
.realtime_box_wrap { margin:0; padding:0; }
.realtime_box_wrap h3 { font-weight:bold; font-size:120%; text-align:center; }
.realtime_box_wrap .view { margin:0; padding:20px; text-align:center; }


#main_menu { position:relative; z-index:1000; width:760px; height:40px; margin:0; padding:0 50px 0 40px; font-family:Noto Sans KR; box-sizing:border-box; }
#main_menu > ul { margin:0; padding:0; list-style:none; }
#main_menu > ul > li { float:left; position:relative; width:20%; margin:0; padding:0; text-align:center; }
#main_menu > ul > li > a { display:block; height:40px; font-size:130%; font-weight:500; line-height:40px; text-decoration:none; }
#main_menu > ul > li:hover > a { color:#19598b; }
#main_menu > ul > li > ul { display:none; position:absolute; left:0; top:40px; z-index:1000; width:100%; height:380px; margin:0; padding:15px 0 0 0; background-color:#fff3ec; border-top:2px solid #c45c98; border-bottom:2px solid #c45c98; box-sizing:border-box; }
#main_menu > ul > li:first-child > ul { border-left:2px solid #c45c98; border-radius:20px 0 0 20px; }
#main_menu > ul > li:last-child > ul { border-right:2px solid #c45c98; border-radius:0 20px 20px 0; }
#main_menu > ul > li > ul > li { margin:0 0 7px; padding:0; text-align:left; list-style:none; }
#main_menu > ul > li > ul > li a { display:block; font-family:Noto Sans KR; font-size:105%; font-weight:300; color:#000; text-decoration:none; text-align:center; }
#main_menu > ul > li > ul > li a:hover { color:#0105ac; }