@charset "utf-8";
@import url("common.css");

/* 본문바로가기 */
#accessibility{position: absolute;left: 0;top: 0;z-index: 2000;width: 100%;}
#accessibility a{display: block;width: 1px;height: 1px;margin-bottom: -1px;overflow: hidden;text-align: center;color: #fff;}
#accessibility a:focus, #accessibility a:active{width: 100%;height: auto;padding: 7px 0;background-color: #000;}

/* 헤더 라인 */
.header{}
.header .h_w{position: relative;height: 90px;width: 1080px;margin: auto;}
.h_w h1{max-width: 257px;max-height: 51px;position: absolute;left: 0;top: 20px;}
.h_w h1 img{max-width: 100%;max-height: 100%;}
.h_w .top_search{position: absolute;left: 350px;top: 25px;width: 450px;position: relative;height: 40px;border: 1px solid #ccc;border-radius: 5px;padding-right: 40px;box-sizing: border-box;overflow: hidden;}
.h_w .top_search input{width: 100%;height: 100%;border: none;}
.h_w .top_search button{position: absolute;right: 5px;top: 2px;padding: 5px;}
.h_w .h_l{position: absolute;right: 0;top: 35px;}
.h_w .h_l li{font-size: 12px;padding-left: 15px;margin-left: 15px;float: left;background: url('../images/common/gray_bar.png') left center no-repeat;}
.h_w .h_l li:first-child{padding-left: 0;margin-left: 0;background: none;}

#gnb{position: absolute;width: 100%;z-index: 100;background-color: #fff;}
.g_w{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;position: relative;}
.st_g_l{display: table;width: 100%;table-layout: fixed;width: 1080px;margin: -1px auto;border-collapse: collapse;}
.st_g_l > li{display: table-cell;vertical-align: top;border: 1px solid #ccc;border-bottom: none;}
.st_g_l > li > a{display: block;text-align: center;font-size: 16px;color: #555;font-weight: 600;padding: 10px 0;}
.st_g_l > li > a:hover, .st_g_l > li > a:focus{color: #01527a;}
.st_g_l > li > ul{display: none;padding:15px 10px 15px 20px;}
.st_g_l > li > ul > li{font-size: 14px;color: #666;margin-bottom: 10px}
.st_g_l > li > ul > li > a:hover, .st_g_l > li > ul > li > a:focus{color: #177ca0;}
.gnb_bg{background-color: #fafafa;border-top: 1px solid #ccc;position: absolute;left: 0;top: 45px;width: 100%;height: calc(100% - 45px);z-index: -1;border-bottom: 3px solid #005b88;display: none;}

/* 배너 */
#banner{position: relative;width: 1080px;margin: 40px auto;padding: 15px 100px 15px 25px;border: 1px solid #ccc;box-sizing: border-box;}
#banner .banner_btn{position: absolute;right: 25px;top: 12px;}

/* 푸터 라인 */
.footer{border-top: 1px solid #ccc;}
.footer .f_w{position: relative;width: 1080px;margin: auto;padding: 20px 0 20px 220px;box-sizing: border-box;}
.f_w .ft_logo{position: absolute;left: 0;top: 30px;}
.f_w .f_l li{font-size: 14px;color: #666;font-weight: 600;display: inline-block;vertical-align: top;margin-left: 10px;padding-left: 12px;background: url('../images/common/gray_bar.png') left center no-repeat;}
.f_w .f_l li:first-child{padding-left: 0;margin-left: 0;background: none;}
.f_w .f_l li:hover a, .f_w .f_l li:focus a{color: #005b88;}
.f_w .address{font-size: 14px;color: #666;margin-top: 5px;}
.f_w .copyright{display: block;font-size: 14px;color: #666;margin-top: 5px;}
.f_w .rel_site{position: absolute;right: 0;bottom: 25px;}


/* 컨테이너 라인*/
#container{position: relative;width: 1080px;margin: 0 auto;}
#container:after{content: '';display: block;clear: both;}

/* 서브 컨텐츠 */
.sub_content{margin-top: 72px;background: #fff url('../images/sub/leftmenu_line.png') 0 0 repeat-y;}
.sub_content:after{content: '';display: block;clear: both;}
.content_wrapper{float: right;position: relative;width: 860px;padding-bottom: 100px;}

/* left menu */
.leftmenu{float: left;width: 180px;min-height: 800px;}
.leftmenu h2{font-size: 20px;color: #fff;font-weight: 600;text-align: center;display: table-cell;width: 180px;height: 130px;vertical-align: middle;background: url('../images/sub/leftmenu_title.png') center/cover no-repeat;word-break:keep-all}
.leftmenu > ul > li{font-size: 14px;border: 1px solid #ddd;margin-top: -1px;}
.leftmenu > ul > li.active {background: white;}
.leftmenu > ul > li > a{color: #444;display: block;padding:20px 10px;background: #fff url('../images/sub/leftmenu_arr_off.png') right 10px center no-repeat;font-weight: 600;}
.leftmenu > ul > li.on > a{background-image: url('../images/sub/leftmenu_arr_on.png');color: #177ca0;}
.leftmenu > ul > li.active > .dp2{display: block;}
.leftmenu > ul > li > .dp2{display: none; margin-left: 42px; border-left:1px solid lightgray;}
.leftmenu > ul > li.active > a.appear{border-bottom: 1px solid lightgray;}
.leftmenu > ul > li > .dp2 > li > a{font-size: 14px;color: #444;display: block;padding:10px 60px 10px 10px;background: #fff url('../images/sub/leftmenu_arr_off.png') right 10px center no-repeat;font-weight: 600; text-align: center;}
.leftmenu > ul > li.on > a{color: #177ca0;} 
.leftmenu > ul > li > .dp2 > li:first-child,
.leftmenu > ul > li > .dp2 > li:nth-child(2){border-bottom: 1px solid lightgray;}
.leftmenu > ul > li > .dp2 > li.active > a{background-image: url('../images/sub/leftmenu_arr_on.png'); color: #177ca0;}

/* left menu 없을때 : sub_content에 noLeft */
.noLeft{background: #fff;}
.noLeft .leftmenu{display: none;}
.noLeft .content_wrapper{width: 100%;float: none;}


/* 컨텐츠 타이틀 */
.content_header{margin-bottom: 30px;}
.content_header > h2{margin: 0;font-size: 28px;font-weight: 600;color: #444;padding-bottom: 25px;background: url('../images/common/h2_bg.png') 0 bottom repeat-x;}

/* 페이지 네비게이션 */
.page_nav{text-align: right;padding-bottom:30px;}
.page_nav span{display: inline-block;vertical-align: top;padding-left: 15px;background: url('../images/common/location_arr.png') 5px 5px no-repeat;font-size: 13px;color: #666;}
.page_nav span:last-child{font-weight: 600;}
.page_nav .home{padding-left: 0;background: none;margin-top: -2px;}


/* 타이틀 스타일 */
.h2{font-size: 28px;font-weight: 600;color: #444;padding-bottom: 25px;background: url('../images/common/h2_bg.png') 0 bottom repeat-x;}
.title1{font-size: 20px;color: #444;padding-left: 30px;background: url('../images/common/title1.png') 0 3px no-repeat;margin-bottom: 10px;font-weight: 600;}
.title2{font-size: 18px;color: #555;padding-left: 15px;background: url('../images/common/title2.png') 0 4px no-repeat;margin-bottom: 10px;font-weight: 600;}
.title3{font-size: 16px;color: #444;padding-left: 15px;background: url('../images/common/title2.png') 0 2px no-repeat;}


/* 검색설정 */
.search_sel{padding: 15px;border: 1px solid #ccc;background-color: #fafafa;margin: 25px 0;text-align: center;}
.search_sel input[type=text], .search_sel select{width: 100%;border: 1px solid #ccc;}
.search_sel th{text-align: right;padding-right: 15px;}
.search_sel td{font-size: 15px;line-height: 1.3;color: #444;padding: 5px 0;}
.search_sel td strong{color: #3d3d3d;display: inline-block;margin-right: 10px;}
.search_sel .datepicker{font-size: 0;}
.search_sel .datepicker input[type=text]{width: 47%;}
.search_sel .space{display: inline-block;text-align: center;width: 6%;font-size: 12px;}
.search_sel .btn_cell{text-align: right;}
.search_sel .btn_search{width: 76px;height: 70px;color: #fff;text-align: center;background: url('../images/common/btn_search.png') center no-repeat;border: none;}
.search_sel .btn_reset{width: 76px;height: 70px;color: #fff;text-align: center;background: url('../images/common/btn_reset.png') center no-repeat;border: none;}


/* 테이블 공통 */
.tac table td{text-align: center;}
.stripe tbody tr:nth-child(even){background-color: #f3f4f4;}
table .bg1{background-color: #d7e5f2 !important;color: #444 !important;font-weight: 600 !important;} /*진하늘: th*/
table .bg2{background-color: #e6f0f9 !important;color: #444 !important;font-weight: 600 !important;} /*하늘: th2*/
table .bg3{background-color: #d5d6f2 !important;color: #444 !important;font-weight: 600 !important;} /*보라: 합계*/
table .bg4{background-color: #eeeefa !important;color: #444 !important;font-weight: 600 !important;} /*연보라: 합계의 td*/
table .bg5{background-color: #e5f1cb !important;color: #444 !important;font-weight: 600 !important;} /*연두: 전년도 th1*/
table .bg6{background-color: #f0f8e0 !important;color: #444 !important;font-weight: 600 !important;} /*연연두: 전년도 th2*/
table .bg7{background-color: #f2f2f2 !important;} /*회색 : 입력불가*/
table th.req:before{content: '* ';color: #ee7319;}
table a b:hover{text-decoration: underline;}
.help_msg{font-size: 14px;color: #888;display: inline-block;}

/* 테이블 스타일1 : blue */
.tbl_type1{position: relative;border-top: 2px solid #014256;}
.tbl_type1:before, .tbl_type1:after{content: '';display: block;width: 0px;height: 100%;background-color: #fff;position: absolute;top: -2px;z-index: 1;padding-top: 2px;}
.tbl_type1:before{left: 0;}
.tbl_type1:after{right: 0;}
.tbl_type1.bd:before, .tbl_type1.bd:after{display: none;}
.tbl_type1 table{background-color: #fff;}
.tbl_type1 th, .tbl_type1 td{font-size: 12px;line-height: 1.3;border: 1px solid #ccc;}
.tbl_type1 th{color: #444;padding: 10px;background-color: #d7e4f2;}
.tbl_type1 td{color: #666;padding: 5px 10px;height: 30px;}
.tbl_type1 table.bdn th, .tbl_type1 table.bdn td{border: none;}
.tbl_type1 table.bdn tr{border-bottom: 1px solid #ccc;}
.tbl_type1 tbody th{height: 41px;box-sizing: border-box;}
.tbl_type1 textarea{height: 28px;}
.tbl_type1 textarea:focus{height: 60px;transition: 0.2s ease-in;}

/*테이블 대각선*/
.backslash {background: url('../images/common/backslash.png'); background-size:100% 100%;}
.backslash {text-align: left;}
.backslash div {text-align: right;}

/*welfare_table*/
.welfare_table{white-space:nowrap; table-layout: fixed; }
.welfare_table th{text-align: center;}

/*dataTable*/
#dataTable{ table-layout: fixed; width: 100%; word-wrap: break-word; border-collapse: separate; border-spacing: 0;}

/* 게시판 상세 */
.view .title{font-size: 18px;text-align: left;padding: 15px 20px;}
.view .post_info{padding: 7px 10px;}
.view .post_info li{display: inline-block;vertical-align: top;margin-left: 30px;padding-left: 25px;background-repeat: no-repeat;background-position: 0 center;}
.view .post_info li:first-child{margin-left: 0;}
.view .post_info .writer{background-image: url('../images/common/ico_post_writer.png');}
.view .post_info .date{background-image: url('../images/common/ico_post_date.png');}
.view .post_info .view{background-image: url('../images/common/ico_post_view.png');}
.view .post_info .reply{float: right;margin-top: -4px;}
.view .text{padding: 20px;}
.pnList:after{content: '';display: block;clear: both;}
.pnList{border-top: 1px solid #ccc;margin-top: 30px;background-color: #f5f5f5;font-size: 14px;color: #666;}
.pnList dt{clear: both;float: left;width: 40px;padding: 12px 20px;background: url('../images/common/ico_bbs_up.png') right center no-repeat;border-bottom: 1px solid #ccc;}
.pnList dt.next{background-image: url('../images/common/ico_bbs_down.png');}
.pnList dd{float: left;width: 740px;padding: 12px 20px;border-bottom: 1px solid #ccc;}
.pnList dd a{display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


/* datepicker */
input.datepicker{cursor: pointer;border: 1px solid #ccc;}
img.ui-datepicker-trigger{position: absolute;margin-left: -25px;margin-top: 6px;}
input:-moz-read-only{background-color: #e9e9e9;}
input:read-only{background-color: #e9e9e9;}


/* 라디오 & 체크박스 */
.list_radio > li, .list_check > li{display: inline-block;vertical-align: top;margin-left: 40px;}
.list_radio > li:first-child, .list_check > li:first-child{margin-left: 0;}
.list_radio input[type=radio], .list_check input[type=checkbox]{margin: -2px 5px 0 0;}


/* 페이징 */
.paging{display: inline-block;}
.paging a, .paging strong{font-size: 15px;color: #555;display: inline-block;width: 36px;height: 36px;line-height: 36px;margin: 0 1px;border: 1px solid #ccc;box-sizing: border-box;vertical-align: middle;}
.paging strong, .paging a:hover{color: #ee7319;}
.paging > .prevAll, .paging > .prev, .paging > .next, .paging > .nextAll{text-indent: -9999px;border: none;background-repeat: no-repeat;background-position: center;margin: 0 4px;}
.paging > .prevAll{background-image: url('../images/common/btn_prevAll.png');}
.paging > .prev{background-image: url('../images/common/btn_prev.png');}
.paging > .next{background-image: url('../images/common/btn_next.png');}
.paging > .nextAll{background-image: url('../images/common/btn_nextAll.png');}


/* 버튼 */
.page_btn{margin: 15px 0;}
.page_btn.tar .btn{margin-left: 5px;}
.page_btn.tal .btn{margin-right: 5px;}
.page_btn.tac .btn{margin: 0 4px;}
.upload_btn a{margin-left: 2px;}
.btn{display: inline-block;vertical-align: top;font-size: 12px;color: #474747;min-width: 45px;height: 27px;line-height: 27px;text-align: center;padding: 0 10px;box-sizing: border-box;}
.btn.xl{font-size: 16px;min-width: 170px;height: 55px;line-height: 55px;}
.btn.lg{font-size: 16px;min-width: 81px;height: 34px;line-height: 34px;}
.btn.sm{font-size: 13px;min-width: 72px;padding: 0 5px;height: 28px;line-height: 28px;}
.btn.xs{font-size: 12px;padding: 0 5px;height: 19px;line-height: 19px;}
.btn.gray{background-color: #d2d2d2;}
.btn.lightgray{background-color: #9f9f9f;color: #fff;}
.btn.green{background-color: #20a19c;color: #fff;}
.btn.darkgreen{background-color: #045451;color: #fff;}
.btn.blue{background-color: #1e81a1;color: #fff;}
.btn.darkblue{background-color: #014256;color: #fff;}
.btn img{display: inline-block;margin-right: 7px;}
.btn.radi{border-radius: 3px;}
.btn.round{border-radius: 15px;}


/* 팝업 레이어  */
.mfp-bg{background-color: rgba(49,49,49,0.7) !important;}
.white-popup-block{position: relative;margin: auto;background: #fff;box-shadow: 0px 4px 19.32px 1.68px rgba(0, 0, 0, 0.36);}
.white-popup-block .modal-title{font-size: 20px;font-weight: 600;color: #fff;padding: 10px 15px;background-color: #57b64e;}
.white-popup-block .modal-inner{padding: 15px;}
.white-popup-block .popup-modal-dismiss{position: absolute;right: 10px;top: 8px;width: 30px;height: 30px;cursor: pointer;background: url('../images/common/popup_close.png') center no-repeat;text-indent: -9999px;}


/* jfile */
[data-ax5uploader]{font-size: 14px;}

.over-scroll__box {overflow:auto;}
.over-scroll__box table {border-top: 2px solid #014256;}
.over-scroll__box .tbl_type1 {border-top:0;}
.over-scroll__box .tbl_type1:before,
.over-scroll__box .tbl_type1:after {content:'';background:none;}