File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
/*정기간행물 190112 pub_img_open 수정. 여현준*/
/*갤러리대관-대관현황 190113 여현준 */
/* 공통 */
.maTop10 {margin-top:10px !important;}
.maTop12 {margin-top:12px !important;}
.maTop14 {margin-top:14px !important;}
.maTop20 {margin-top:20px !important;}
.maTop30 {margin-top:30px !important;}
.maTop50 {margin-top:64px !important;}
.maTop60 {margin-top:60px !important;}
.maBottom5 {margin-bottom:5px !important;}
.maBottom10 {margin-bottom:10px !important;}
.maBottom18 {margin-bottom:18px !important;}
.maBottom20 {margin-bottom:20px !important;}
.maBottom30 {margin-bottom:30px !important;}
.maBottom40 {margin-bottom:40px !important;}
.maBottom50 {margin-bottom:50px !important;}
.maBottom60 {margin-bottom:60px !important;}
.maBottom80 {margin-bottom:80px !important;}
.maRight6 {margin-right:6px !important;}
.maRight1per {margin-right:1% !important;}
.paTop03 {padding-top:3px !important;}
.paTop10 {padding-top:10px !important;}
.paTop20 {padding-top:20px !important;}
.paTop30 {padding-top:30px !important;}
.paTop40 {padding-top:40px !important;}
.paTop50 {padding-top:50px !important;}
.paLeft16 {padding-left:16px !important;}
.paLeft29 {padding-left:29px !important;}
.paLeft52 {padding-left:52px !important;}
.paTop10 {padding-top:10px !important;}
.paBottom40 {padding-bottom:40px !important;}
.fSize13 {font-size:13px !important;}
.fSize14 {font-size:14px !important;}
.fSize15 {font-size:15px !important;}
.fSize16 {font-size:16px !important;}
.fSize28 {font-size:28px !important;}
.C2858ad {color:#2858ad !important;}
.Cff3f3f {color:#ff3f3f !important;}
.fLeft {float:left !important;}
.fRight {float:right !important;}
.vAlignM {vertical-align:middle !important;}
.text_left {text-align:left !important}
.text_right {text-align:right !important}
.text_center {text-align:center !important}
.bold {font-weight:bold}
.red_ee1d25 {color:#ee1d25 !important}
.overflow {overflow:hidden}
.fSize01 {font-size:0}
.color_9aa60f {color:#9aa60f}
.gradient_gr {border-radius:100px !important; color:#fff !important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfc01d+0,93a722+100 */
background: #bfc01d !important; /* Old browsers */
background: -moz-linear-gradient(-45deg, #bfc01d 0%, #93a722 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #bfc01d 0%,#93a722 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #bfc01d 0%,#93a722 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfc01d', endColorstr='#93a722',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
}
.gradient_gr a {border-radius:100px !important; color:#fff !important; padding:3px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfc01d+0,93a722+100 */
background: #bfc01d !important; /* Old browsers */
background: -moz-linear-gradient(-45deg, #bfc01d 0%, #93a722 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #bfc01d 0%,#93a722 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #bfc01d 0%,#93a722 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfc01d', endColorstr='#93a722',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
}
.gradient_gr a:hover { border-radius:100px !important; background:#8c9b25 !important}
.border_3px2 {color:#9aa60f !important; border-radius:100px !important; border:3px solid #9aa60f !important}
.border_3px a {color:#9aa60f !important; border-radius:100px !important; border:3px solid #9aa60f !important}
.border_3px a:hover {border-radius:100px !important; background:#efefef !important}
.part_wrap {margin-bottom:30px;}
.con_list01 {color:#1b1b1b; font-size:21px; font-weight:600; margin-bottom:5px; background:url('../img/sub/con_list01.jpg') no-repeat 0 9px; padding-left:28px;}
.con_list02 {color:#646464; font-size:17px; margin-left:20px}
.con_list02 > li {background:url('../img/sub/list03.png') no-repeat 0 8px; padding:0 0 5px 8px; line-height:18px; font-size:15px}
.con_list02 > li span {color:#222; font-weight:500}
.con_list03 {color:#646464; font-size:15px; margin-left:20px; background:url('../img/sub/list03.png') no-repeat 0 8px; padding:0 0 5px 8px; }
.con_list02_link {overflow:hidden}
.con_list02_link li {float:left; margin-right:5px; height:40px; width:150px; text-align:center; line-height:38px; border:1px solid #ddd; background:#f8f8f8; font-weight:500}
.con_list02_link li a {display:block;}
.con_list02_link li a:hover {background:#ededed;}
.con_list02_link li i {color:#96a409}
.con_list05 {color:#333; font-size:16px; font-weight:500; margin:0 0 5px 30px;}
.con_wr_text {color:#666; font-size:15px; line-height:22px; margin-left:20px;}
.con_wr_text a:hover {color:#96a409}
/* 이미지 */
.content_img, .content_img2 {width:100%; text-align:center;}
.content_img_1920, .content_img_1920_2 {width:100%; text-align:center;}
.content_img_480 {display:none;}
.content_img_900 {display:none;}
@media screen and (max-width: 1150px) {
.content_img_1920 img, .content_img_1920_2 img {width:100%; padding:0 10px}
}
@media screen and (max-width:950px) {
.content_img img {width:100%; padding:0}
.content_img2 img {width:100%;}
.content_img_1920_2 {display:none;}
.content_img_900 {display:block;}
.content_img_900 img {width:100%; padding:0 3%}
}
@media screen and (max-width: 480px) {
.content_img_1920, .content_img_1920_2 {display:none;}
.content_img_480 {display:block; }
.content_img_480 img {width:100%; padding:0 0px}
}
/* 표1 */
.tbl01_wr {width:100%; min-width:300px; height:auto; overflow-x: scroll; overflow-y:hidden; }
.tbl01 {width:100%; border-collapse:collapse; border-top:2px solid #8db04b;}
.tbl01 caption {height:0; text-indent:-9999px;}
.tbl01 th, .tbl01 td {padding:10px; font-size:15px; border:1px solid #dedee1;}
.tbl01 thead th {color:#252a2b;background:#f9f9f9; font-weight:500; text-align:center;}
.tbl01 th {color:#252a2b;background:#f9f9f9; font-weight:500; text-align:center;}
.tbl01 th:first-child, .tbl01 td:first-child {border-left:0px;}
.tbl01 th:last-child, .tbl01 td:last-child {border-right:0px;}
.tbl01 td {position:relative; text-align:center; color:#666;}
.tbl01 td.tbl_left {text-align:left;}
.tbl01_none {display:block; }
.tbl01_block {display:none; }
@media screen and (max-width: 600px) {
.tbl01_1014 {width:600px !important}
.tbl01_none {display:none; }
.tbl01_block {display:block; }
}
@media screen and (max-width: 480px) {
.tbl01 th, .tbl01 td {padding:3px; font-size:14px; }
}
/* 표 레이어팝업 */
.tbl_popup_wr {width:100%; min-width:300px; height:auto; overflow-x: scroll; overflow-y:hidden; } /*수정 190108*/
.tbl_popup {width:100%; border-collapse:collapse; border-top:2px solid #8db04b; background:#fff; word-break:keep-all}
.tbl_popup caption {height:0; text-indent:-9999px;}
.tbl_popup th, .tbl_popup td {padding:10px; font-size:15px; border:1px solid #dedee1;}
.tbl_popup th {color:#252a2b;background:#e9e9e9; font-weight:500; text-align:center;}
.tbl_popup th:first-child, .tbl_popup td:first-child {border-left:0px;}
.tbl_popup th:last-child, .tbl_popup td:last-child {border-right:0px;}
.tbl_popup td {position:relative; text-align:center; color:#666;}
@media screen and (max-width:610px) {
.tbl_popup_wr {width:480px; min-width:300px; height:auto; overflow-x: scroll; overflow-y:hidden; } /*수정 190108*/
}
@media screen and (max-width: 480px) {
.tbl_popup_wr {width:320px; min-width:300px; height:auto; overflow-x: scroll; overflow-y:hidden; } /*수정 190108*/
.tbl_popup th, .tbl_popup td {padding:3px; font-size:14px; }
}
/* 표1 td left */
.tbl01_left {width:100%; border-collapse:collapse; border-top:2px solid #8db04b;}
.tbl01_left caption {height:0; text-indent:-9999px;}
.tbl01_left th, .tbl01_left td {padding:10px; font-size:15px; border:1px solid #dedee1;}
@media screen and (max-width: 480px) {
.tbl01_left th, .tbl01_left td {padding:3px; font-size:14px; }
}
.tbl01_left thead th {color:#252a2b;background:#f9f9f9; font-weight:500; text-align:center;}
.tbl01_left th {color:#252a2b;background:#f9f9f9; font-weight:500; text-align:center;}
.tbl01_left th:first-child, .tbl01_left td:first-child {border-left:0px;}
.tbl01_left th:last-child, .tbl01_left td:last-child {border-right:0px;}
.tbl01_left td {position:relative; text-align:left; color:#666;}
/* 입력표*/
.tbl_input {width:100%; border-collapse:collapse; border-top:2px solid #8db04b; background:#fff}
.tbl_input caption {height:0; text-indent:-9999px;}
.tbl_input th, .tbl_input td {padding:10px; font-size:15px; border:1px solid #dedee1;}
.tbl_input th {color:#252a2b;background:#f9f9f9; line-height:18px; font-weight:500; text-align:left;}
.tbl_input th.bg_e9e9e9 {background:#e9e9e9;}
.tbl_input th:first-child, .tbl_input td:first-child {border-left:0px;}
.tbl_input th:last-child, .tbl_input td:last-child {border-right:0px;}
.tbl_input td {position:relative; text-align:left; color:#666;}
.tbl_input input[type='text'] {text-align:left; width:25%; height:40px; padding:5px; border:1px solid #ddd}
.tbl_input input[type='radio'] { height:auto; }
.tbl_input input.input_call {width:10%;}
.tbl_input input.subject_wid {width:98%}
.tbl_input input.wid40, .tbl_input select.wid40 {width:40%}
.tbl_input input.name {width:25%}
.tbl_input textarea {border: 1px solid #ccc; background: #fff; color: #000; vertical-align: middle; border-radius: 3px;
padding:10px; width: 100%; height:150px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
.tbl_input select {width:25%; height:40px; border:1px solid #ddd; padding:5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url('../img/sub/select-input-arrow.png') no-repeat 95% 50% ; /* 화살표 아이콘 추가 */
}
.tbl_input select::-ms-expand {display: none;}
.tbl_input td.set_period button {margin-left: -1px; width: 40px; height: 40px; border: 1px solid #d9d9d9;}
@media screen and (max-width: 480px) {
.tbl_input th, .tbl_input td { font-size:13px; }
.tbl_input input {width:98%;}
.tbl_input select {width:28.5%;}
.tbl_input input.name {width:98%}
.tbl_input input.wid402, .tbl_input select.wid402 {width:40%;}
}
/* 입찰공고문 표*/
.tbl_bid_1920 {display:block; }
.tbl_bid_700 {display:none;}
.tbl_bid {width:100%; border-collapse:collapse; border-top:2px solid #8db04b; border-radius:20px;}
.tbl_bid caption {height:0; text-indent:-9999px;}
.tbl_bid th, .tbl_bid td {padding:10px; font-size:15px; border:1px solid #dedee1;}
.tbl_bid th {color:#252a2b;background:#f9f9f9; font-weight:500; text-align:left;}
.tbl_bid th:first-child, .tbl_bid td:first-child {border-left:0px;}
.tbl_bid th:last-child, .tbl_bid td:last-child {border-right:0px;}
.tbl_bid td {text-align:left; color:#666;}
@media screen and (max-width: 700px) {
.tbl_bid_1920 {display:none;}
.tbl_bid_700 {display:block;}
}
/* 표2 */
.tbl02 {width:100%; border-collapse:collapse; border-top:2px solid #012b5d;}
.tbl02 caption {height:0; text-indent:-9999px;}
.tbl02 th, .tbl02 td {padding:10px; font-size:15px; border:1px solid #dedee1;}
.tbl02 thead th {color:#000;background:#f7f7f9;}
.tbl02 th:first-child, .tbl02 td:first-child {border-left:0px;}
.tbl02 th:last-child, .tbl02 td:last-child {border-right:0px;}
.tbl02 td {position:relative; text-align:center; color:#666;}
.tbl02 td.tbl_left {text-align:left;}
.tbl02 .link_icon {position:absolute; top:10px; right:10px; color:#b9c9e1}
@media screen and (max-width: 810px) {
.tbl02 th, .tbl02 td {padding:5px; font-size:15px; border:0px solid #dedee1;}
.tbl02 th {display:none}
.tbl02 .subject_2 {display:block; border-bottom:1px solid #dedee1}
.tbl02 .bottom {display:block; border-bottom:1px solid #dedee1; margin-bottom:10px}
.tbl02 .link_icon {position:absolute; top:5px; right:10px; color:#b9c9e1}
}
/* 1.알림소식 */
/*뉴스레터*/
.news_botton_wr {overflow:hidden}
.news_botton_wr .news_botton {float:left; margin:0 10px 5px 0;border-radius:3px; border:1px solid #575757}
.news_botton_wr a {display:block; color:#575757; font-weight:600; padding:7px 20px; }
.news_botton_wr a:hover {display:block; color:#fff; background:#575757; font-weight:600; padding:7px 20px; }
.news_cancel_tt {font-size:15px; border:1px solid #ddd; background:url('../img/sub/con16_icon3.png') no-repeat top 20px center #fff; text-align:center; padding:60px 20px 20px; margin-bottom:10px;}
.news_cancel_text {font-size:14px; text-align:center; padding:10px;}
/*설문조사*/
.poll_btn {display:block; text-align:center; margin:20px 0}
.poll_btn li {display:inline-block; margin:3px}
.btn_ok {padding:10px 40px; border:0; border-radius:4px; background:#99a610; color:#fff; cursor:pointer; font-weight:500; font-size:16px}
.btn_ok:hover {background:#95c636; color:#fff}
.btn_list {padding:10px 40px; border:0; border-radius:4px; background:#717171; color:#fff; cursor:pointer; font-weight:500; font-size:16px}
.btn_list:hover {background:#575757; color:#fff}
.btn_cancel {padding:10px 40px; border:0; border-radius:4px; background:#717171; color:#fff; cursor:pointer; font-weight:500; font-size:16px}
.btn_cancel:hover {background:#575757; color:#fff}
.poll_text {border-radius:10px; color:#525252; border:1px solid #e0e0e0; background:#f7f7f7; padding:30px; width:100%; margin-bottom:20px; font-weight:500}
.poll_q {font-size:18px; color:#2f2f2f; border-top:1px solid #d0d0d0; background:#f7f7f7; padding:20px; width:100%;}
.poll_a {border-top:1px solid #d0d0d0; background:#fff; padding:20px; width:100%;}
.poll_wr textarea {border: 1px solid #ccc; background: #fff; color: #000; vertical-align: middle; border-radius: 3px;
padding:10px; width: 100%; height:150px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
}
.check_list {overflow:hidden; }
.check_list li {float:left; margin-right:30px; vertical-align:middle}
.check_list label {font-size:15px; color:#2f2f2f; }
.check_list input[type='checkbox'] {
display: none; /* 실제 체크박스 없애기 */
}
.check_list input[type='checkbox'] + label::before { /* 가짜 체크박스 만들기 */
content: ' ';
display: inline-block;
width: 20px;
height: 22px;
vertical-align: middle; /* img 아이콘 항상 세로정렬을 하기 위함 */
margin: -5px 5px 0 0;
background: url('../img/sub/checkbox-on-off.png'); /* 하위 브라우저용 img */
background: url('../img/sub/checkbox-on-off.svg'); /* svg 파일 적용 */
}
.check_list input[type='checkbox']:checked + label::before { /* 가짜 체크박스 체크했을 때 */
background: url('../img/sub/checkbox-on-off.png'); /* 하위 브라우저용 img */
background: url('../img/sub/checkbox-on-off.svg'); /* svg 파일 적용 */
background-position: 20px 0;
}
/*이용문의 수정190111*/
.con16_text {border-radius:10px; color:#333; border:1px solid #e0e0e0; padding:30px; width:100%; margin-bottom:20px; font-weight:500; font-size:16px;
background:url('../img/sub/con_tt_bg.png') center #fff; background-size:cover; text-align:center;} /*190111*/
.con16_text ul li {text-align:left; font-size:14px; color:#333; font-weight:500; background:url('../img/sub/list02.png') no-repeat 0 10px; padding-left:10px;}
.con16_text ul li span {color:#fe0d0d}
.con16_title {font-size:20px; color:#303030; background:url('../img/sub/con16_icon.jpg') no-repeat 0 5px; padding:0 0 0 30px; margin-bottom:10px;}
.con16_title2 {font-size:20px; color:#303030; background:url('../img/sub/con16_icon2.png') no-repeat 0 5px; padding:0 0 0 30px; margin-bottom:10px;}
.cont16_text textarea {border: 1px solid #ccc; background: #fff; color: #444; vertical-align: middle; border-radius: 3px;
padding:10px; width: 100%; height:150px; font-size:15px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
.cont16_check {font-weight:600; color:#000; margin:10px 0 20px}
.con162_box01 {border-top:1px solid #ddd; padding:30px 0; margin-top:10px;}
.con162_box {width:100%; overflow:hidden}
.con162_box .con162_left {background:#fff; float:left; width:48%; border:1px solid #ddd; padding:20px;} /*190111*/
.con162_box .con162_right {background:#fff; float:right; width:48%; border:1px solid #ddd; padding:20px;} /*190111*/
.con162_box .con162_tt {font-size:17px; color:#000; font-weight:600; margin-bottom:15px;}
.con162_box .con162_text {font-size:14px; color:#666; margin-bottom:15px;}
.con162_box .con162_list li {font-size:14px; color:#666; padding-left:10px; padding-bottom:5px; background:url('../img/sub/list02.png') no-repeat 0 10px;}
.con162_box .con162_btn_small {display:inline-block; margin-left:10px; font-size:12px; font-weight:500; }
.con162_box .con162_btn_small a {display:block; color:#fff; background:#9aa60f; padding:2px 8px; border-radius:4px; }
.con162_box .con162_btn_small a:hover {display:block; color:#fff; background:#757f06; padding:2px 8px; border-radius:4px; }
.con162_box .con162_btn {display:inline-block; width:100%; text-align:center; margin-top:20px}
.con162_box .con162_btn a {display:block; color:#333; border:2px solid #ddd; padding:7px; font-weight:500; }
.con162_box .con162_btn a:hover {display:block; color:#757f06; border:2px solid #9aa60f; padding:7px; font-weight:500; }
@media screen and (max-width: 500px) {
.con162_box .con162_left, .con162_box .con162_right {float:none; width:100%; margin-bottom:10px;
transition:width 200ms ease-out 0s;
-webkit-transition: width 200ms ease-out 0s;
-o-transition: width 200ms ease-out 0s;}
}
/* 2.자료실 */
/*정기간행물 20190112*/
.width600 {width:600px;}
@media screen and (max-width:600px) {
.width600 {width:100%;}
}
.layer21_text {font-size:14px; color:#666; margin-bottom:10px; padding:10px; line-height:18px; border-bottom:1px solid #ddd; border-top:1px solid #ddd}
.layer21_text span {color:#9aa60f}
.layer21_text .tt {font-size:15px; font-weight:600; color:#000; margin-top:8px;}
.layer21_tt {font-size:16px; font-weight:600; color:#000; margin-bottom:10px;}
button.pos_search {border:1px solid #ddd; height:40px; padding:0 5px}
.year21_wrap {display:block; text-align:center; margin-bottom:10px;}
button.pre_year {display:inline-block; vertical-align:middle; width:35px; height:35px; font-size:0; background:url('../img/board/pre_year.png') no-repeat; border:0}
button.next_year {display:inline-block; vertical-align:middle; width:35px; height:35px; font-size:0; background:url('../img/board/next_year.png') no-repeat; border:0}
.present_year {display:inline-block; vertical-align:middle; font-size:30px; color:#575757; font-weight:700; margin:0 20px;}
.year21_list {width:100%; height:50px; line-height:48px; background:#fafafa; border:1px solid #e3e3e3; margin-top:10px;}
.year21_list li {float:left; width:20%; text-align:center; font-size:20px; color:#575757; font-weight:600}
.year21_list li:hover, .year21_list li.current {border-radius:100px; color:#fff; background:url('../img/board/year21_list_ov.png') center no-repeat; cursor:pointer}
.publication_left {float:left; width:49.5%; height:500px; border:1px solid #ddd; background:#fff; margin-bottom:10px}
.publication_left .img {width:100%; height:0; padding-bottom:71%}
.publication_left .subject {padding:20px; font-size:17px; color:#000; font-weight:800; margin-bottom:7px; border-bottom:1px solid #ddd; width:100%;}
.pub_thum_text_wr {overflow:hidden; padding:10px 20px; }
.pub_thum_text_wr .date_list {float:left; font-size:12px; color:#838383; font-weight:300; padding-top:7px;}
.pub_thum_text_wr .date_list li {float:left; margin-right:10px;}
.pub_thum_text_wr .date_list span {font-size:12px; color:#000; font-weight:300; margin-right:5px;}
.pub_thum_text_wr .more_list {float:right; margin-top:5px; }
.pub_thum_text_wr .more_list li {float:left; margin-left:5px;}
.publication_right {float:right; width:49.5%; height:500px; overflow-y:auto; border:1px solid #ddd; padding:20px; background:#fff; margin-bottom:10px}
.publication_right .pub_title1 {font-size:23px; font-weight:600; color:#2f2f2f; margin-bottom:10px;}
.publication_right .pub_title2 {font-size:16px; font-weight:600; color:#2f2f2f;}
.publication_right .pub_text {font-size:13px; font-weight:400; color:#878787; margin-bottom:10px;}
.pub_img_open {font-size:14px; width:100%; padding: 5px; border:1px solid #ddd; background:#fff; overflow:hidden; }
.pub_img_open img {float:left; width:15%; margin-right: 10px;}
@media screen and (max-width: 550px) {
.publication_left {float:none; width:100%; height:auto;}
.publication_left .img {width:100%; height:0; padding-bottom:50%}
.publication_right {float:right; width:100%; height:300px;}
.pub_img_open {font-size:13px}
}
/* 3.사업소개 */
.business_list {overflow:hidden; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; margin-bottom:20px }
.business_list li {float:left; line-height:47px; height:50px; text-align:center; margin-left:-1px; margin-top:-2px; font-size:16px; font-weight:500}
.business_list li a {display:block; color:#5a5a5a; border:1px solid #d8d8d8; }
.business_list li.current a, .business_list li a:hover {background:#99a610; color:#fff; border:1px solid #99a610; }
.bus_wid1 li {width:100%;}
.bus_wid2 li {width:50%;}
.bus_wid3 li {width:33%;}
.bus_wid4 li {width:33.4%;}
.bus_wid5 li {width:20%;}
.business_title {font-weight:300; font-size:30px;color:#333; margin:30px 0 20px; border-bottom:1px solid #ddd; padding-bottom:10px}
/* 4.기관소개 */
/*인사말*/
.con41_bg {width:100%; background:url('../img/sub/img41_bg_1300.jpg') right top no-repeat; background-size:100%; margin-bottom:30px}
.con41_title {font-size:24px; font-weight:300; line-height:34px; padding:7% 0 0 4%;}
.con41_title span.con41_title_bs {font-size:24px; font-weight:700}
.con41_title span.con41_title_b {font-weight:700;}
.con41_title_tt {padding:20px 0 17px}
.con41_text {width:70%; font-size:16px; font-weight:400; padding:8% 0 0 4%;}
.con41_title, .con41_text {
transition:font-size 450ms ease-out 0s;
-webkit-transition: font-size 450ms ease-out 0s;
-o-transition: font-size 450ms ease-out 0s;
}
@media screen and (max-width: 860px) {
.con41_bg {width:100%; background:url('../img/sub/img41_bg_800.jpg') right top no-repeat; background-size:100% }
.con41_title {padding:56% 0 0 4%;}
.con41_text {width:100%; padding:1% 0 0 4%;}
}
@media screen and (max-width: 560px) {
.con41_title {font-size:21px; line-height:27px; padding:50% 0 0 2%;}
.con41_title span.con41_title_bs {font-size:22px;}
.con41_text {font-size:15px; padding:0% 0 0 2%;}
}
@media screen and (max-width: 400px) {
.con41_title {font-size:16px; line-height:22px; padding:45% 0 0 2%;}
.con41_title span.con41_title_bs {font-size:19px;}
}
/*기관소개-연혁*/
.sub421_history {width:100%; margin-bottom:40px;background:url('../img/sub/hitory_bg.jpg') no-repeat top #fbfbfb; background-size:100%; overflow:hidden}
.sub421_history .left_box {float:left; width:50%; padding-top:40px; }
.sub421_history .top_box{width:100%; padding:10px 0 0 10%; }
.sub421_history .bottom_box{width:90%; height:600px; padding:20px 0 0 10%; background:url('../img/sub/history_img.png') no-repeat bottom left 20px;}
.sub421_history .right_box {float:right;width:50%; margin-top:40px;}
.sub421_history .right_box ul {width:100%; background:url('../img/sub/history_line.png') no-repeat left top; padding-top:40px;}
.sub421_history .right_box ul li {color:#555; padding:0 0 30px 30px;line-height:19px;font-size:15px;font-weight:400;background:url('../img/sub/li_bullet.png') no-repeat 4px 7px;}
.sub421_history .right_box ul li p {font-size:23px;color:#9aa60f;font-weight:700;}
.sub421_history .right_box ul li span {font-size:18px;line-height:30px;margin-right:7px;color:#9aa60f;font-weight:700;}
@media screen and (max-width:870px) {
.sub421_history .left_box {float:none; width:100%; padding-top:10px; }
.sub421_history .bottom_box{height:auto; padding:20px 0 0 10%; background:none;}
.sub421_history .right_box {float:none;width:100%; margin-top:30px;}
.sub421_history .right_box {padding-left:10%;}
}
@media screen and (max-width: 390px) {
.sub421_history .top_box{padding:30px 0 0 2%; }
.sub421_history .top_box img {width:100%;}
.sub421_history .bottom_box{padding:20px 0 0 2%;}
.sub421_history .right_box {padding-left:2%;}
}
/*기관소개-미션비젼 */
.img422_00 {margin-bottom:30px; padding:30px 10px 20px; background:url('../img/sub/img422_tt_bg.png') no-repeat left 10% center #f6f6f6; background-size:20%}
.img422_00 dl {padding-left:35%}
.img422_00 dl dt {width:130px; text-align:center; font-size:18px; height:35px; line-height:31px; font-weight:800; }
.img422_00 dl dd {padding:5px 0 10px 10px;}
.img422_01 {width:100%; height:0; padding-top:110%; background:url('../img/sub/img_mission_eng_pc.jpg') no-repeat center top; background-size:100%; }
.img422_02 {width:100%; height:0; padding-top:30%; background:url('../img/sub/img422_02_1014.jpg') no-repeat center top; background-size:100%;}
.img422_03 {width:100%; height:0; padding-top:50%; background:url('../img/sub/img422_03.jpg') no-repeat center top; background-size:100%;}
.img422_01, .img422_02, .img422_03 {font-size:0}
@media screen and (max-width:730px) {
.img422_01 {width:100%; height:0; padding-top:270%; background:url('../img/sub/img_mission_eng_m.jpg') no-repeat center top; background-size:100%; }
.img422_00 {margin-bottom:10px; padding:10px; background:url('../img/sub/img422_tt_bg.png') no-repeat center top 20px #f6f6f6; background-size:40%}
.img422_00 dl {padding:20% 0 0 2%}
.img422_02 {padding-top:40%; background:url('../img/sub/img422_02_730.jpg') no-repeat center top ;background-size:100%;}
}
/*기관소개-ci*/
.img423_00 {margin-bottom:30px; padding:30px 10px 20px; background:url('../img/sub/img422_tt_bg2.png') no-repeat left 10% center #f6f6f6; background-size:20%}
.img423_00 dl {padding-left:35%}
.img423_00 dl dt {font-size:50px; color:#dedede; font-weight:800}
.img423_00 dl dd {padding:5px 0 10px 0px;}
.img423_part {width:100%; padding:30px 0; border-bottom:1px solid #ddd; overflow:hidden}
.img423_part img {text-align:center;}
.ci_left {float:left; width:50%;}
.ci_right {float:right; width:50%;}
.color_list ul {margin-top:40px;}
.color_list ul li {padding:0 0 5px 35px; font-size:17px; color:#8a8a8a; background:url('../img/sub/img422_color_list.jpg') no-repeat 0 6px ;}
.color_list ul li span {color:#494949; }
.color_list2 {margin-top:20px;}
.color_list2 li {float:left; width:31%; margin:1%;}
.color_list2 li p {margin:10px 0 0 10px}
.color_list2 .box_8d9a24 {background:#8d9a24; width:90%; height:0; padding-top:30%; border-radius:15px}
.color_list2 .box_8a8c8f {background:#8a8c8f; width:90%; height:0; padding-top:30%; border-radius:15px}
.color_list2 .box_444445 {background:#444445; width:90%; height:0; padding-top:30%; border-radius:15px}
.img423_btn {display:block; text-align:center; margin:40px 0;}
.img423_btn li {display:inline-block; vertical-align:middle; margin:5px 10px; width:260px; height:60px; line-height:53px;}
.img423_btn li a {display:block; font-weight:500; font-size:17px;}
@media screen and (max-width:500px) {
.ci_left {float:none; width:100%;}
.ci_right {float:none; width:100%;}
.color_list ul {margin-top:10px;}
.color_list2 li {float:none; width:60%; margin:1% auto;}
.color_list2 li p {font-size:13px; margin-bottom:10px}
}
/*기관소개-찾아오시는길*/
.map-container{position:relative; padding-bottom:50%; height:0; overflow:hidden;}
.map-container iframe,.map-container object,.map-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
/*조직현황*/
.con43_org {position:relative; width:100%; height:0; padding-top:60%; background:url('../img/sub/img43_bg_1000.jpg') no-repeat top; background-size:100%; }
.con43_org dl, .con43_org p {font-size:0;}
.con43_org div {border:0px solid red}
.con43_01 {position:absolute; top:40px; left:440px; width:140px; height:140px; }
.con43_02 {position:absolute; top:292px; left:130px; width:135px; height:135px; }
.con43_03 {position:absolute; top:445px; left:127px; width:138px; height:30px; }
.con43_04 {position:absolute; top:482px; left:127px; width:138px; height:30px; }
.con43_05 {position:absolute; top:292px; left:337px; width:135px; height:135px; }
.con43_06 {position:absolute; top:445px; left:337px; width:138px; height:30px; }
.con43_07 {position:absolute; top:482px; left:337px; width:138px; height:30px; }
.con43_08 {position:absolute; top:522px; left:337px; width:138px; height:30px; }
.con43_09 {position:absolute; top:560px; left:337px; width:138px; height:30px; }
.con43_10 {position:absolute; top:292px; left:545px; width:135px; height:135px; }
.con43_11 {position:absolute; top:445px; left:545px; width:138px; height:30px; }
.con43_12 {position:absolute; top:482px; left:545px; width:138px; height:30px; }
.con43_13 {position:absolute; top:522px; left:545px; width:138px; height:30px; }
.con43_14 {position:absolute; top:292px; left:753px; width:135px; height:135px; }
.con43_15 {position:absolute; top:445px; left:753px; width:138px; height:30px; }
.con43_16 {position:absolute; top:482px; left:753px; width:138px; height:30px; }
.con43_text {position:relative; font-size:15px; padding:18px; color:#333; text-align:center; width:80%; margin:20px auto; border:4px solid #ededed; border-radius:100px;}
/*190115 수정전
.con43_top_btn {position:fixed; bottom:50px; right:2%; background:#444; width:40px; height:40px; line-height:40px; text-align:center; z-index:99}
.con43_top_btn a {display:block; color:#fff; font-weight:900; font-size:13px}
.con43_01 {position:absolute; top:30px; left:230px; width:580px; height:150px;}
.con43_02 {position:absolute; top:160px; left:67px; width:160px; height:260px;}
.con43_03 {position:absolute; top:400px; left:280px; width:160px; height:320px;}
.con43_04 {position:absolute; top:400px; left:560px; width:160px; height:280px;}
.con43_05 {position:absolute; top:400px; left:845px; width:160px; height:240px;}
*/
@media screen and (max-width: 1300px) {
.tbl43_wid {width:100%; min-width:300px; height:auto; overflow-x: scroll; overflow-y:hidden;}
.con43_org {padding-top:82%; background:url('../img/sub/img43_bg_743.jpg') no-repeat top; background-size:100%;}
.con43_01 {position:absolute; top:4%; left:41%; width:18%; height:25%;}
.con43_02 {position:absolute; top:45%; left:3%; width:17%; height:19%;}
.con43_03 {position:absolute; top:67.5%; left:3%; width:17%; height:5%;}
.con43_04 {position:absolute; top:73%; left:3%; width:17%; height:5%;}
.con43_05 {position:absolute; top:45%; left:29%; width:17%; height:19%;}
.con43_06 {position:absolute; top:67.5%; left:29%; width:17%; height:5%;}
.con43_07 {position:absolute; top:73%; left:29%; width:17%; height:5%;}
.con43_08 {position:absolute; top:79%; left:29%; width:17%; height:5%;}
.con43_09 {position:absolute; top:85%; left:29%; width:17%; height:5%;}
.con43_10 {position:absolute; top:45%; left:55%; width:17%; height:19%;}
.con43_11 {position:absolute; top:67.5%; left:55%; width:17%; height:5%;}
.con43_12 {position:absolute; top:73%; left:55%; width:17%; height:5%;}
.con43_13 {position:absolute; top:79%; left:55%; width:17%; height:5%;}
.con43_14 {position:absolute; top:45%; left:80.5%; width:17%; height:19%;}
.con43_15 {position:absolute; top:67.5%; left:80.5%; width:17%; height:5%;}
.con43_16 {position:absolute; top:73%; left:80.5%; width:17%; height:5%;}
}
/*kcdf 갤러리*/
.kcdf_wrap {margin-bottom:30px; background:url('../img/sub/img4411_bg.jpg') no-repeat top; background-size:100%; overflow:hidden}
.kcdf_left {float:left; width:46%; padding:28% 0 0 1%; font-size:16px; color:#494949; }
.kcdf_right {float:right; width:50%; padding-top:35px;}
@media screen and (max-width: 1300px) {
.kcdf_right img {width:100%;}
}
@media screen and (max-width: 700px) {
.kcdf_left {float:none; width:100%; padding:15% 0 0 1%}
.kcdf_right {float:none; width:100%; text-align:center}
.kcdf_right img {width:70%; }
}
.img4411_3_bg {position:relative; width:100%; height:0; padding-top:100%; background:url('../img/sub/img4411_3.jpg') no-repeat top; background-size:100%; }
.img4411_3_bg dl {font-size:0;}
.img4411_3_bg img {width:100%;}
.img4411_3_rf {position:absolute; top:6%; left:30%; width:7%; height:7%;}
.img4411_3_3f {position:absolute; top:22%; left:25%; width:7%; height:7%;}
.img4411_3_2f {position:absolute; top:37%; left:25%; width:7%; height:7%;}
.img4411_3_1f {position:absolute; top:54%; left:25%; width:7%; height:7%;}
.img4411_3_b1f {position:absolute; top:68%; left:25%; width:7%; height:7%;}
.img4411_3_b2f {position:absolute; top:85.5%; left:25%; width:7%; height:7%;}
.img4411_box_title {font-size:20px; padding:5px; border-radius:10px; text-align:center; background:#9aa60f; color:#fff; margin:30px 0 10px}
.img4411_box_text {width:510px; font-size:15px; color:888; margin:10px 0}
/*kcdf 도서관*/
.list442 li {padding-bottom:10px}
.list442 span {font-weight:600; margin-right:10px;}
/*문화역서울284*/
.con443_wrap {position:relative; text-align:center; width:100%; height:0; padding:18% 0 50% 0; font-weight:500; color:#444; background:url('../img/sub/img443_bg.jpg') no-repeat top; background-size:100%; }
.con443_btn {position:relative; margin:20px auto; width:180px; height:40px; line-height:38px;}
.con443_btn a {display:block; color:#fff; background:#85715c; border-radius:4px}
.con443_btn a:hover {display:block; color:#fff; background:#5e4e3d; border-radius:4px}
.con443_list ul {display:block; width:85%; margin:0 auto; text-align:center; }
.con443_list ul li {display:inline-block; width:31%; margin:0 1% 30px; text-align:center; vertical-align:top}
.con443_list ul li img { width:100%;}
.con443_list .tt {font-size:18px; font-weight:700}
.con443_list .text {font-size:13px; font-weight:500; color:#818181; line-height:15px}
.img443_wrap {overflow:hidden; width:100%; }
.seoul284_left {float:left; width:70%; padding:20px;}
.seoul284_left img {width:100%;}
.seoul284_right {float:right; width:25%; }
.seoul284_right .seoul284_tt {margin:0; }
.seoul284_right .seoul284_tt img {width:100%;}
.seoul284_right .img443_f_list {width:100%; padding:10px 10px 20px; background:#f3f3f3; border-radius:0 0 10px 10px;}
.seoul284_right .img443_f_list li {width:100%; padding-left:10px; height:35px; line-height:35px; border-bottom:1px solid #cccccc;}
.seoul284_right .img443_f_list li span {color:#6c7f0b}
@media screen and (max-width:790px) {
.con443_list ul {width:100%;}
.con443_list ul li {width:47%; margin:0 1% 30px;}
.img443_wrap {overflow:hidden; width:100%; padding-bottom:20px;border-bottom:1px dotted #666}
.seoul284_left {float:none; width:100%; padding:20px;}
.seoul284_right {float:none; margin:0 auto; width:70%; }
}
@media screen and (max-width:450px) {
.con443_wrap {padding:25% 0 85% 0; background:url('../img/sub/img443_bg_800.jpg') no-repeat top; background-size:100%; }
.con443_list .text {font-size:12px;}
}
/*갤러리대관-대관안내 190131 수정 s*/
.big_title {position:relative; margin:30px auto; width:200px; height:40px; line-height:38px; text-align:center; font-size:20px; font-weight:700;}
.con_44121_box_1000 {position:relative; padding-bottom:5%; width:100%; height:auto; background:url('../img/sub/img44121bg_1000.jpg') no-repeat top; background-size:100%; overflow:hidden}
.con_44121_box_1000 ul li {float:left; width:20%; padding:3.5% 1% 0 2.5%}
.con_44121_box_1000 .title {font-size:20px; font-weight:800; color:#333; line-height:22px}
.con_44121_box_1000 .text {padding-top:10%; font-size:15px; font-weight:500; color:#666; line-height:20px}
.con_44121_box_700 {display:none;}
@media screen and (max-width:880px) {
.con_44121_box_1000 {display:none;}
.con_44121_box_700 {display:block;
position:relative; padding-bottom:2%; width:100%; height:auto; background:url('../img/sub/img44121bg_700.jpg') no-repeat center top; background-size:100%; overflow:hidden}
.con_44121_box_700 ul li {float:left; width:33%; border:0px solid red}
.con_44121_box_700 ul li:nth-child(1) {padding:6% 0 0% 12%}
.con_44121_box_700 ul li:nth-child(2) {padding:6% 0 15% 7%}
.con_44121_box_700 ul li:nth-child(3) {padding:6% 0 0 1%}
.con_44121_box_700 ul li:nth-child(4) {width:50%; padding:0 0 14% 27%}
.con_44121_box_700 ul li:nth-child(5) {width:50%; padding:0 0 0 4%}
.con_44121_box_700 .title {font-size:20px; font-weight:800; color:#333; line-height:22px}
.con_44121_box_700 .text {padding-top:5%; font-size:15px; font-weight:500; color:#666; line-height:20px}
}
@media screen and (max-width:600px) {
.con_44121_box_700 {display:block;
position:relative; padding-bottom:2%; width:100%; height:auto; background:url('../img/sub/img44121bg_600.jpg') no-repeat center top; background-size:100%; overflow:hidden}
.con_44121_box_700 ul li {float:left; width:50%; height:0; border:1px solid red}
.con_44121_box_700 ul li:nth-child(1) {padding:10% 0 34% 9%}
.con_44121_box_700 ul li:nth-child(2) {padding:10% 0 34% 3%}
.con_44121_box_700 ul li:nth-child(3) {padding:10% 0 32% 9%}
.con_44121_box_700 ul li:nth-child(4) {padding:10% 0 32% 3%}
.con_44121_box_700 ul li:nth-child(5) {padding:10% 0 34% 9%}
.con_44121_box_700 .title {font-size:17px; font-weight:800; color:#333; line-height:20px}
.con_44121_box_700 .text {padding-top:3%; font-size:13px; font-weight:500; color:#666; line-height:18px}
.span_block {display:block;}
}
/* 190131 삭제
@media screen and (max-width:480px) {
.con_44121_box_700 {display:block;
position:relative; padding-bottom:2%; width:100%; height:auto; background:none;overflow:hidden}
.con_44121_box_700 ul li {float:left; width:48%; border-radius:10px; margin:1%; }
.con_44121_box_700 ul li:nth-child(1) {padding:3%; background:#f4f0e7; border-top:3px solid #a7b578}
.con_44121_box_700 ul li:nth-child(2) {padding:3%; background:#eff0e8; border-top:3px solid #9daf7b}
.con_44121_box_700 ul li:nth-child(3) {padding:3% 3% 10% 3%; background:#e7f0ed; border-top:3px solid #7bb0a6}
.con_44121_box_700 ul li:nth-child(4) {width:48%; padding:3% 3% 10% 3%; background:#e8edf1; border-top:3px solid #7b96b1}
.con_44121_box_700 ul li:nth-child(5) {width:48%; padding:3%; background:#eff0e8; border-top:3px solid #9daf7b}
.con_44121_box_700 .title {font-size:17px;}
.con_44121_box_700 .text {font-size:14px;}
}
*/
/*갤러리대관-대관안내 190131 수정 e*/
/*갤러리대관-대관현황 190113*/
.month_wrap {display:block; text-align:center; margin-bottom:10px;}
.month_wrap button.pre_year {display:inline-block; vertical-align:middle; width:35px; height:35px; font-size:0; background:url('../img/board/pre_year.png') no-repeat; border:0}
.month_wrap button.next_year {display:inline-block; vertical-align:middle; width:35px; height:35px; font-size:0; background:url('../img/board/next_year.png') no-repeat; border:0}
.month_year {display:inline-block; vertical-align:middle; font-size:30px; color:#575757; font-weight:700; margin:0 20px;}
.month_list {width:100%; padding:15px 0; background:#fafafa; border:1px solid #e3e3e3; margin:10px 0 20px 0; overflow:hidden}
.month_list li {float:left; width:8%; padding:5px; text-align:center; font-size:15px; color:#575757; font-weight:600}
.month_list li:hover, .month_list li.current {border-radius:100px; color:#fff; background:url('../img/board/year21_list_ov.png') center no-repeat; cursor:pointer}
@media screen and (max-width: 540px) {
.month_list li {width:16%; font-size:13px; }
}
.calendar_pyo {width:99%; border-top:2px solid #a4a4a4;}
.calendar_pyo thead th {padding:10px 0; background:#d6d5d5; text-align:center;}
.calendar_pyo th.sunday {color:#ff2727}
.calendar_pyo th.saturday {color:#2773ff}
.calendar_pyo tbody th {padding:7px 0; border:1px solid #eaeaea; background:#f4f4f4; color:#000; text-align:center;}
/*갤러리대관-대관현황 190113 여현준 */
.calendar_pyo tbody td {padding: 5px 10px; border: 1px solid #eaeaea; text-align: center; height: 130px; vertical-align: top;}
.calendar_pyo a:hover {border-bottom:#ddd solid 1px; color:#9aa60f}
@media screen and (max-width: 1000px) {
.calendar_pyo_wr {width:100%; min-width:300px; height:auto; overflow-x: scroll; overflow-y:hidden; }
}
@media screen and (max-width:480px) {
.calendar_pyo tbody td {font-size:12px}
}
.exbihition_wr {}
.exbihition_wr {width:350px; padding:10px; margin-bottom:10px 20px; background:#ffffff; border-top:3px solid #95c636}
.exbihition_wr dt {color:#95c636; font-size:18px; font-weight:600}
.exbihition_wr dd {color:#3c3c3c; font-size:15px; }
td.cal_ing {color:#ff9000; font-weight:700}
td.cal_end {color:#000; font-weight:700}
/*대관신청*/
.agreement_wr {overflow-y:auto; border: 1px solid #ccc; background: #fff; color: #444; vertical-align: middle; border-radius: 3px;
padding:10px; width:100%; height:250px; font-size:15px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
}
.con44123_check {font-weight:500; color:#000; margin:10px 0 20px}
.con44123_check input {margin-left:20px}
.policy {color:#666}}
.policy p {font-weight:600; margin-bottom:10px}
.policy h4 {font-size:15px; color:#000}
.policy h4 strong {font-size:17px; color:#000}
.policy h5 {font-size:17px; color:#000}
.policy h6 {font-size:17px; color:#333}
.policy ol {margin:5px 0 10px 5px}
.policy .mt10 {margin-top:10px}
.exh_info_btn {background:#f4f4f4; border:1px solid #ddd; color:#5d5d5d; padding:0 10px; height:40px; font-weight:600}
.exh_info_btn:hover {background:#719135; border:1px solid #64822a; color:#fff; padding:0 10px; height:40px; font-weight:600}
/*탭1*/
.tab {list-style:none; margin-bottom:30px; overflow: hidden; background:#9aa60f; padding:5px 5px 0}
.tab li{float:left; margin:0; cursor:pointer; height:40px; line-height:35px; background:url('../img/tab_bar.png') no-repeat 0 10px; color:#fff;
display:inline-block; text-align:center; text-decoration:none; font-size:15px; transition:0.3s; }
.tab li:first-child {background:none;}
.tab li.current span.count {color:#fff; background:#9aa60f; border-radius:100px; padding:2px 7px; font-size:13px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfc01d+0,93a722+100 */
background: #bfc01d; /* Old browsers */
background: -moz-linear-gradient(-45deg, #bfc01d 0%, #93a722 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #bfc01d 0%,#93a722 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #bfc01d 0%,#93a722 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfc01d', endColorstr='#93a722',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.tab li span.count {color:#9aa60f; background:#fff; border-radius:100px; padding:2px 7px; font-size:13px;}
.tabcontent {display: none;}
.tabcontent.current {display: block;}
ul.tab li.current {color:#9aa60f; font-weight:500; font-size:16px; background: #fff;}
ul.tab li a {display: block; color:#fff; }
ul.tab li:hover {display: block; color:#9aa60f; font-weight:500; background: #fff;}
ul.tab li a:hover {color:#9aa60f;}
ul.tab li.current a {display: block; color:#9aa60f; font-weight:500; background: #fff;}
.tab_wid2 li {width:50%}
.tab_wid3 li {width:33.3333%}
.tab_wid4 li {width:25%}
.tab_wid5 li {width:20%}
.tab_wid6 li {width:16.6%}
.tab_wid7 li {width:14%}
.tab_wid8 li {width:12.5%}
.tab_pc {display:block}
.tab_mobile {display:none}
@media screen and (max-width:800px) {
.tab li span {display:none}
}
@media screen and (max-width:670px) {
.tab_pc {display:none}
.tab_mobile {display:block}
}
@media screen and (max-width:400px) {
.tab_pc {display:none}
.tab_mobile {display:block}
ul.tab li {font-size:13px;}
ul.tab li.current {color:#9aa60f; font-weight:500; font-size:13px; background: #fff;}
}
/*정보공개안내*/
.con_list03 {color:#9aa60f; font-size:18px; font-weight:500; margin-top:15px; margin-left:20px; background:url('../img/sub/list05.png') no-repeat 0 8px; padding:0 0 5px 8px; line-height:20px;}
.con_wr_text span {font-weight:500;}
/*이메일무단수집거부*/
.con_list04 {color:#9aa60f; font-size:14px; font-weight:400; margin-top:15px; background:url('../img/sub/list05.png') no-repeat 0 8px; padding:0 0 5px 8px; line-height:20px;}
.con_list04 a{color:#9aa60f;}
.border_box {margin-top:10px; border:1px solid #828282; padding-bottom:15px;}
/*영상정보 처리기기 운영방침*/
.sub66_title {text-align: center; line-height: 200%; font-weight:600; font-size:20px}
.sub66_period {text-align: right; margin-top:10px; line-height: 200%; font-weight:500; font-size:15px}
.sub66_text {line-height: 200%; letter-spacing:0px; font-size:13px}
/*정보공개 자료*/
.bo_basic_list_02 {width:100%; font-size:15px}
.bo_basic_list_02 th {height:36px; background:#eeeeee;}
.bo_basic_list_02 td {height:36px; padding:12px 0 8px; border-bottom:2px solid #eeeeee; color:#666; text-align:center;}
.bo_basic_list_02 td.tbl_left {text-align:left;}
/*기타*/
.con_wr_text_02 {color:#666; font-size:15px; line-height:22px; margin-left:30px;}
/* 경영공시 */
.con553_wr {overflow:hidden}
.con553_box {float:left; width:31.3%; margin:1%; border:1px solid #eeeeee}
.con553_box dl dt {padding:20px 20px 0; color:#9ba50e; font-size:19px; font-weight:bold;}
.con553_box dl dd {font-size:15px; padding-left:10px; margin:10px 0 0 30px }
.con553_box dl dd ul li {line-height:18px; padding-bottom:6px;}
.con553_box dl dd ul li a {color:#333;}
.con553_box dl dd ul li a:hover {color:#9ba50e; font-weight:bold;}
.con553_box dl dd ul li ul {margin:5px 0 10px; font-size:14px}
.con553_box dl dd ul li ul li {line-height:17px; padding:5px 0 0 15px; font-size:14px}
.con553_box dl dd ul li ul li a {color:#777}
@media screen and (max-width: 770px) {
.con553_box {float:left; width:48%; margin:1%; border:1px solid #eeeeee}
}
@media screen and (max-width: 500px) {
.con553_box {float:none; width:100%; margin:1% 0; border:1px solid #eeeeee}
}
/*사이트맵*/
.site_ul01 {display:block;width:100%;height:100%; padding:0 20px; margin-bottom:30px; overflow:hidden}
.site_ul01 > li {float:left;width:20%; margin-bottom:30px; text-align:left;word-break:keep-all;}
.site_ul01 li p {display:inline-block;font-size:24px;padding-bottom:20px;border-bottom:1px solid #dedede; color:#9aa60f;}
.site_ul01 li a {color:#000;}
.site_ul01 li a:hover {text-decoration:underline !important;}
.site_ul02 {margin-top:15px;}
.site_ul02 > li {display:block;width:100%;margin-bottom:3px; font-size:16px;color:#000;}
.site_ul03 {margin:3px 0px 7px;}
.site_ul03 > li{margin:0px 0 0px 10px; line-height:18px;}
.site_ul03 > li:before {position:absolute; margin:8px 0 0 -8px; width: 4px; height: 4px; background: #9aa60f; content:''; border-radius: 50%;}
.site_ul03 > li > a{font-size:13px; color:#444;}
.site_ul04 {margin:3px 0 7px;}
.site_ul04 > li {font-size:12px !important; margin:0px 0 0px 5px; color:#666}
.site_ul04 > li:before {position:absolute; margin:8px 0 0 -8px; width:3px; height:3px; background: #aaa; content:''; border-radius: 50%;}
.site_ul04 > li > a{font-size:12px; color:#777;}
@media screen and (max-width:700px) {
.site_ul01 > li {float:left;width:33%;}
}
@media screen and (max-width:480px) {
.site_ul01 > li {float:left;width:50%;}
}