@charset "utf-8";

/* container Area - 2017.02.16 */
.headerIn {overflow:hidden;clear:both;width:100%; padding: 5px 0px 0px 0px}
.containerIn {margin: 5px 0;}
.footerIn {overflow:hidden;clear:both;width:100%; padding: 8px 0}
.contentBody{font-weight:300; font-size:16px;color:#000;line-height:1.8;word-break:keep-all; margin-top:58px; margin-bottom:110px;}
@media all and (max-width:860px) { 
	.contentBody{margin-top:30px; margin-bottom:50px;}
}

/* container Lib - 2017.02.21 */
.fl {float: left;}
.fr {float: right}
.fr input, .fr select {margin-bottom: 2px;}
.fc {clear: both}
.tc {text-align: center}
.tr {text-align: right}
.efr {float:right}
.fl .selline {float:left;}
.efr .selline {margin-bottom:5px}
.searchBox {overflow:hidden; clear:both; background-color: #f3f7fa; padding:22px 20px 19px 20px; font-size:0.95rem; margin-bottom:5px;border-radius:5px;border:1px solid #e9eefc;}
@media all and (max-width:1024px) {
	.efr {max-width:100%;margin:15px 8px;float:inherit;}
	.searchBox .fl{display:none;}
}
@media all and (max-width:768px) {
	.searchBox {padding:5px 10px 10px 10px;}
	.searchBox .fl {float:none;width:100%;margin-bottom:5px;}  
	.searchBox .fr {float:none;max-width:none;text-align:left;}
	.searchBox input, .searchBox select, .searchBox a, .searchBox button{margin:3px 2px 0;}
}

@media all and (max-width:640px) { 
	.fl {float:none;width:100%;overflow:hidden;}  
	.searchframe{display:block; padding-top:4px;}
}
@media all and (max-width:480px) { 
	.m_b{margin-bottom:2px;}/*모바일 셀렉트바 인풋박스 하단 공간*/
	.fl, .fr{float:right;max-width:none;/*text-align:initial;*/margin:7px 0;overflow:hidden;} 
}

/* 정보그래프 - 2017.02.16 */
.i_graph{position:relative;line-height:normal;white-space:nowrap}  
.i_graph .g_bar{display:inline-block;position:relative;width:90%;height:14px;margin:0 5px 0 0;border:1px solid #ccc;background:#e9e9e9;font-size:12px}  
.i_graph .g_action{display:inline-block;position:relative;height:14px;margin:-1px;border:1px solid #8c9bac;background:#99a6b6}  
.i_graph .g_percent{font:16px Arial, Helvetica, sans-serif;color:#ccc}  
.i_graph .g_percent strong{font-size:18px;color:#ff5e06}

/* 메뉴관리 색상 */
.trBg_color {background:#cfdbf1 !important;}

/* 안내문구 */
.point_color {color:#2c37a6;font-size:13px;}

/* 2019.12.04 Updates : 공공누리 */
.gonggong {position:relative; margin:0 0 40px 0; font-size:14px; vertical-align:top; padding:17px 0 0 20px; line-height:30px;}
.gonggong span {display:inline-block; vertical-align:middle; padding:0 10px 0 0;}
.gonggong strong {color:#303031;}

/*  tabmenu1 - 2018.02.07 */
.tabs {position:relative; margin-bottom:10px;}
.tabs:after {display:block; content:""; clear:both}
.tabs:before {display:block; content:""; position:absolute; bottom:0; left:0; width:100%; border-bottom:1px solid #d0d0d0; z-index:1}
.tabs li {float:left;  border:1px solid #d0d0d0; border-left:none; border-bottom:none;	list-style:none;}
.tabs li:first-child {border-left:1px solid #d0d0d0}
.tabs li a {display:block; background: #fafafa; line-height:35px;  padding:0 20px;  color:#666; text-align:center; font-weight:bold}
.tabs li.on {position:relative; z-index:10;}
.tabs li.on a {color: #00468c;background:#fff;border-left: 1px solid #00468c;border-right: 1px solid #00468c;}
.tabs ul li.on a:before{content:'';display:block;position:absolute;top:-1px;left:0px;width:100%;height:3px;background: #00468c;color:#3376b8;}
@media all and (max-width:767px) {	
	/*  tabmenu 767px - 2018.04.23 */
	.tabs {position:relative; margin-bottom:10px;}
	.tabs:after {display:block; content:""; clear:both}
	.tabs:before {display:block; content:""; position:absolute; bottom:0; left:0; width:100%; border-bottom:none; z-index:1}
	.tabs li {float:left;  border:1px solid #d0d0d0; width:calc(100% - 2px); list-style:none; margin-bottom:1px;}
	.tabs li:first-child {border-left:1px solid #d0d0d0}
	.tabs li a {display:block; background: #fafafa; line-height:35px;  padding:0 20px;  color:#666; text-align:center; font-weight:bold}
	.tabs li.on {position:relative; z-index:1; border-left:1px solid #3376b8; border-right:1px solid #3376b8; border-bottom:1px solid #3376b8;}
	.tabs li.on a {color:#3376b8; background:#fff; border:none;}
	.tabs ul li.on a:before{content:'';display:block;position:absolute;top:-1px;left:0px;width:100%;height:3px;background-image: linear-gradient(to right, #1c61a1 0%, #2792ba 100%); color:#3376b8}
}

/*  tabmenu2 - 2018.09.28 */
.tabs2 {position:relative; margin-bottom:10px;}
.tabs2:after {display:block; content:""; clear:both}
.tabs2:before {display:block; content:""; position:absolute; bottom:0; left:0; width:100%; border-bottom:1px solid #d0d0d0; z-index:1}
.tabs2 li {float:left;  border:1px solid #d0d0d0; border-left:none; border-bottom:none;	list-style:none;}
.tabs2 li:first-child {border-left:1px solid #d0d0d0}
.tabs2 li a {display:block; background: #fafafa; line-height:30px;  padding:0 15px;  color:#666; text-align:center; font-weight:bold; font-size: 12px;}
.tabs2 li.on {position:relative; z-index:10;}
.tabs2 li.on a {color:#3376b8; background:#fff; border-left:1px solid #3376b8; border-right:1px solid #3376b8}
.tabs2 ul li.on a:before{content:'';display:block;position:absolute;top:-1px;left:0px;width:100%;height:3px;background-image: linear-gradient(to right, #1c61a1 0%, #2792ba 100%); color:#3376b8}

/* tabmenu3 */
.tabs3 {position:relative; display:inline-block; margin:0 0 10px 0; width:100%;}
.tabs3 li {float:left; margin:1px;}
.tabs3 a {display:block; background:#fff url('/base/imgs/tabmenu/tab_ico.png') no-repeat 92% 18px; border:1px solid #c1c1c1; font-size:15px; padding:10px 30px 10px 17px; line-height:20px;}
.tabs3 .on a {color:#fff; background:#323b50 url('/base/imgs/tabmenu/tab_on_ico.png') no-repeat 92% 18px; border-left:1px solid #2e7bbf; border-right:1px solid #2e7bbf; border-bottom:1px solid #2e7bbf;}
@media all and (max-width:768px) { 
	.tabs3 li {float:left; width:32.55%;}
}
@media all and (max-width:640px) {
	.tabs3 li {float:left; width:32.5%;}
}
@media all and (max-width:480px) {
	.tabs3 li {float:left; width:99.5%;}
	.tabs3 a {background-position:92% 16px; font-size:14px; padding:8px 30px 9px 17px;}
	.tabs3 .on a {background-position:92% 16px; }
}

/* 카테고리 */
.mn_category {position:relative; display:inline-block; margin:0 0 5px 0; width:100%;}
.mn_category li {float:left; margin:1px;}
.mn_category a {display:block; background:#fff; border:1px solid #c1c1c1; font-size:15px; padding:10px 20px 11px 20px; line-height:20px;}
.mn_category a strong {font-weight:bold;}
.mn_category .on a {color:#fff; background:#323b50; border-left:1px solid #323b50; border-right:1px solid #323b50; border-bottom:1px solid #323b50;}
@media screen and (max-width:768px) { 
	.mn_category li {float:left; width:32.55%;}
}
@media screen and (max-width:640px) { 
	.mn_category li {float:left; width:32.5%;}
}
@media screen and (max-width:480px) { 
	.mn_category li {float:left; width:49%;}
	.mn_category a {background:#fff; font-size:14px; padding:8px 30px 9px 7px; line-height:20px;}
	.mn_category .on a {background:#323b50; }
}

/* 2019.12.12 Updates : paginate */
.paginate {overflow:hidden; margin:0 auto; padding:10px 5px 5px 5px; text-align:center;}
.paginate a,.paginate span{display:inline-block;width:26px;height:27px;margin:0 2px; padding-right:2px;border:0 none;background:url("/base/imgs/paginate/btn_pkg_c.png") -28px -100px no-repeat;color:#666;font-family:tahoma,applegothic,sans-serif;font-size:12px;font-weight:bolder;letter-spacing:-1px;line-height:27px; text-align:center;vertical-align:top}
.paginate a:hover{position:relative;left:0;border:0 none;background-position:-131px -100px;color:#000;text-decoration:none}
.paginate em{overflow:hidden;position:absolute;top:-1px;left:-1px;width:0;height:0;font-size:0;text-indent:-1000px}
.paginate strong a{position:relative;width:28px;height:26px; text-decoration:underline; padding:0; color:#000;line-height:26px;z-index:1; background:#fff;}
.paginate strong a:hover{color:#045a97;text-decoration:none}
.paginate .bt_prev{position:relative;width:28px;padding:0;background-position:0 -140px}
.paginate .bt_next{position:relative;width:28px;padding:0;background-position:-83px -140px;z-index:0}
.paginate a.bt_prev:hover{left:0;width:28px;padding:0;background-position:0 -180px}
.paginate a.bt_next:hover{left:0;width:28px;padding:0;background-position:-83px -180px}
.paginate span.bt_prev{width:28px;background-position:0 -100px}
.paginate span.bt_next{width:28px;background-position:-83px -100px}
.paginate .bt_start{position:relative;width:28px;padding:0;background-position:-83px -260px}
.paginate .bt_end{position:relative;width:28px;padding:0;background-position:-117px -260px;z-index:0}
.paginate a.bt_start:hover{left:0;width:28px;padding:0;background-position:-83px -300px}
.paginate a.bt_end:hover{left:0;width:28px;padding:0;background-position:-117px -300px}
.paginate span.bt_start{width:28px;background-position:0 -260px}
.paginate span.bt_end{width:28px;background-position:-34px -260px}
.paginate span.on{background-position:0 -100px}
.paginate .on{background-position:0 -180px}
@media all and (max-width:500px) {
	.paginate{padding:10px 0 5px;}
	.paginate strong a, .paginate2 a, .paginate2 span{width:auto;padding:0 3px; border:none;}
	.paginate a,.paginate span {width:15px;}
}

/* 달력형식 폼 : 2020.02.21 */
.cal_month {text-align:center; font-weight:bold; color:#414141; font-size:2.1em; letter-spacing:0px; font-family:tahoma; padding:0 0 10px 0; vertical-align:top; line-height:48px;}
.cal_month .month_prev {display:inline-block; background:url("/base/imgs/board/m_writer_left.gif") no-repeat 50% 50%; background-size:15px 27px; line-height:0; font-size:0; width:30px; height:50px; vertical-align:top;}
.cal_month .month_next {display:inline-block; background:url("/base/imgs/board/m_writer_right.gif") no-repeat 50% 50%; background-size:15px 27px; line-height:0; font-size:0; width:30px; height:50px; vertical-align:top;}
.board_cal{width:100%;border-bottom:1px solid #d9dbde;border-collapse:collapse;}
.board_cal th{padding:9px 0 8px;background-color:#698396;border:1px solid #698396;color:#fff;font-size:0.85em;font-family:tahoma;}
.board_cal th.sun{border:1px solid #e56c45;background-color:#e56c45;}
.board_cal th.sat{border:1px solid #5687d4;background-color:#5687d4;}
.board_cal td{height:100px;padding:0.6% 0.5% 0.8%;border:1px solid #d9dbde;vertical-align:top;}
.board_cal .cal_con{min-height:75px;}
.board_cal .today{background-color:#f4f6f8;}
.board_cal .date{display:inline-block;width:24px;height:24px;margin:0 0 3px 0;border-radius:100px;font-size:0.9rem;line-height:22px;text-align:center;}
.board_cal .choiceday .date{border:1px solid #1260b4;}
.board_cal .cal_con .list2{display:block;position:relative;padding:1px 5px 2px 7px;margin:1px 0;font-size:0.9em;line-height:17px;text-align:center;word-break:break-all;color:#747474;}
.board_cal .cal_con .list2 .list_red{color:inherit;}
.board_cal .cal_con .con_click .list2, .board_cal .cal_con a:hover{background-color:#e56c45;color:#fff !important;}
.board_cal .cal_con .con_click .tt, .board_cal a:hover .tt, .board_cal .cal_con .con_click .list_red, .board_cal a:hover .list_red, .board_cal .cal_con .con_click .list_blue, .board_cal a:hover .list_blue, .board_cal .cal_con .con_click .list_point, .board_cal a:hover .list_point{color:#fff !important;}
.board_cal .cal_con .list2:after{display:block;clear:both;content:'';}
@media all and (max-width:640px) {
	.cal_month {padding:0; font-size:1.9em; line-height:52px;}
	.board_cal{border:1px solid #d9dbde;border-bottom:none;}
	.board_cal colgroup, .board_cal thead{display:none;}
	.board_cal td{display:block;width:100%;padding:0;border:none;box-sizing:border-box;}
	.board_cal .sun .date{color:#e56c45;}
	.board_cal .sat .date{color:#5687d4;}
	.board_cal .cal_con{min-height:0;padding:5px 1.5% 15px;border-bottom:1px solid #d9dbde;}
	.board_cal .cal_con .list2{display:inline-block;}
}
/* 정보담당자 */
.con_manager{border:1px solid #e2e2e2;background:#fafafa;padding:20px;margin-top:100px;}
.con_manager dl{min-height:30px;}
.con_manager dl dt{position:relative;padding:0 30px;font-weight:bold;float:left;font-size:1.1rem;}
.con_manager dl dt:after{content:'';display:block;width:1px;height:20px;background:#9e9e9e;position:absolute;top:6px;right:0;}
.con_manager dl dd{float:left;}
.con_manager dl dd b{margin-left:15px;}
/* 만족도조사 */
.research{padding:20px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.research h3{position:relative;float:left;font-size:1.1rem;padding:5px 41px 5px 30px;}
.research h3:after{content:'';display:block;width:1px;height:20px;background:#9e9e9e;position:absolute;top:10px;right:0;}
.research p{float:left;color:#666;font-size:1rem;margin:0 20px 0 10px;}
.research .rch{float:left;padding:5px 0;}
.research .rch li{display:inline-block;margin:0 19px;font-size:1rem;cursor:pointer;}
.research .rch li label{cursor:pointer;}
.research .rch li label img{margin-left:5px;}
.research .rch li input{margin-right:5px;}
.research button{float:right;padding:10px 20px;}
@media all and (max-width:1300px) {
	.research .rch{width:70%;}
	.research button{margin-top:5px;}
}
@media all and (max-width:1024px) {
	.research .rch li label{width:160px;display:inline-block;}
}
@media all and (max-width:768px) {
	.con_manager dl dt, .research h3{font-size:1rem;}
}
@media all and (max-width:640px) {
	.research .rch{width:100%;}
	.con_manager dl dd ul li{float:none;display:block;}
	.con_manager dl dd ul li:after{display:none;} 
}
@media all and (max-width:480px) {
	.con_manager dl dt{float:none;}
	.con_manager dl dt:after, .research h3:after{display:none;}
	.con_manager dl dd{margin-top: 10px;float:none;} 
}

/* 2021.02.24 Updates : 요일선택박스 추가 */
.hDay{display:inline-block; border:1px solid #ccc; border-radius: 5px; background-color: #fff; height: 33px; padding: 5px 5px 0 10px; margin:0 4px 0 0;}
.hDay label{margin-right:10px;}
.hDay label input{vertical-align:middle;margin-bottom:3px;}