577 lines
36 KiB
CSS
577 lines
36 KiB
CSS
/* 공통 */
|
|
.maTop12 {margin-top:12px !important;}
|
|
.maTop14 {margin-top:14px !important;}
|
|
.maTop30 {margin-top:30px !important;}
|
|
.maTop50 {margin-top:64px !important;}
|
|
.maTop60 {margin-top:60px !important;}
|
|
.maTop20 {margin-top:20px !important;}
|
|
.maBottom5 {margin-bottom:5px !important;}
|
|
.maBottom10 {margin-bottom:10px !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;}
|
|
.paTopBottm50 {padding-top:50px !important;padding-bottom: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:15px !important;}
|
|
.fSize14 {font-size:15px !important;}
|
|
.fSize15 {font-size:16px !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}
|
|
.fcor12 {color:#ee1d25 !important}
|
|
|
|
.con_box {position:relative; width:100%; margin-bottom:40px; border:0px solid red}
|
|
.clear_wrap {width:100%; overflow:hidden;}
|
|
|
|
.con_list01 {color:#1b1b1b; font-size:22px; font-weight:600; margin-bottom:15px; background:url('/img/sub/con_list01.png') no-repeat 0 9px; padding-left:28px; }
|
|
.con_list02 {color:#055eae; font-size:18px; font-weight:500; margin-bottom:8px; background:url('/img/sub/con_list02.png') no-repeat 0 6px; padding-left:20px; margin-left:10px }
|
|
.con_list03 ul {color:#646464; font-size:17px; margin:3px 0 20px 30px }
|
|
.con_list03 ul li {background:url('/img/sub/con_list03.png') no-repeat 0 8px; padding:0 0 5px 10px; line-height:18px; font-size:15px}
|
|
.con_list03 ul li ul {margin:3px 0 0 0 }
|
|
.con_list03 ul li ul li {background:none; padding:0 0 5px 0px; line-height:18px; font-size:15px}
|
|
.con_text {color:#666; font-size:15px; line-height:22px }
|
|
.con_text2 {color:#666; font-size:15px; line-height:22px; margin:0 0 15px 20px}
|
|
.con_list04 {color:#1b1b1b; font-size:16px; margin-bottom:8px; background:url('/img/sub/con_list02.png') no-repeat 0 3px; padding-left:20px; margin-left:10px }
|
|
|
|
/* 이미지 */
|
|
.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_800 {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: 800px) {
|
|
.content_img img {width:100%; padding:0 20px}
|
|
.content_img2 img {width:100%;}
|
|
.content_img_1920_2 {display:none;}
|
|
.content_img_800 {display:block;}
|
|
.content_img_800 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 {width:100%; border-collapse:collapse; border-top:2px solid #012b5d;}
|
|
.tbl01 caption {height:0; text-indent:-9999px;}
|
|
.tbl01 th, .tbl01 td {padding:10px; font-size:15px; border:1px solid #dedee1;}
|
|
@media screen and (max-width: 480px) {
|
|
.tbl01 th, .tbl01 td {padding:3px; font-size:15px; }
|
|
}
|
|
.tbl01 thead th {color:#000;background:#f7f7f9;}
|
|
.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;}
|
|
|
|
|
|
/* 표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}
|
|
}
|
|
|
|
|
|
/* 신고게시판 */
|
|
.complain_tt {width:100%; height:auto; text-align:center; padding:100px 10px 30px 10px; background:url('/img/sub/complain_tt.png') no-repeat top 20px center #fbfbfb; }
|
|
.complain_step {text-align:center; padding:50px 0; border-top:2px solid #2d2d2d; border-bottom:2px solid #eaeaea}
|
|
.complain_step ul {width:100%; margin:0 auto; background:url('/img/sub/complain_step_next3.png') no-repeat center; background-size:30%}
|
|
.complain_step ul li {display:inline-block; width:23%; vertical-align:top; font-size:18px; color:#000; font-weight:bold; }
|
|
.complain_step ul li p {padding-top:20px;}
|
|
.complain_step ul li img {width:40%}
|
|
.complain_btn {text-align:center; margin:30px 0}
|
|
.complain_btn ul li {display:inline-block}
|
|
.complain_btn button {border:0; padding:14px 26px; cursor:pointer; font-weight:bold; text-align:center; font-size:17px; color:#fff; border-radius:100px}
|
|
.complain_btn .complain_btn1 {background:#005aab; font-size:16px; margin:5px 2px;}
|
|
.complain_btn .complain_btn2 {background:#7e7e7e; font-size:16px; margin:5px 2px; }
|
|
|
|
.complain_tt2 {position:relative; width:100%; height:auto; padding:50px 10px 50px 250px; border-bottom:2px solid #2d2d2d; background:url('/img/sub/complain_tt2.png') no-repeat 80px 45px #fbfbfb; }
|
|
.complain_tt2 .title {position:absolute; bottom:45px; left:100px; color:#000; font-weight:bold; font-size:18px}
|
|
.complain_tt2 .text_red {color:#df2f2f; margin-bottom:10px}
|
|
.complain_tt2 .text {color:#5c5c5c}
|
|
.complain_tt3 {padding:20px 0; border-bottom:2px solid #eaeaea}
|
|
.complain_tt3 .title {text-align:center; color:#000; padding-bottom:20px; border-bottom:2px solid #eaeaea; font-weight:bold; font-size:20px}
|
|
.complain_tt3 .text {text-align:center; padding-top:20px; color:#5c5c5c;}
|
|
|
|
@media screen and (max-width: 770px) {
|
|
.complain_step {text-align:center; padding:50px 0; border-top:2px solid #2d2d2d; border-bottom:2px solid #eaeaea}
|
|
.complain_step ul {width:100%; margin:0 auto; background:url('/img/sub/complain_step_next3.png') no-repeat center; background-size:40%}
|
|
.complain_step ul li {display:inline-block; width:32%; vertical-align:top; font-size:16px; color:#000; font-weight:bold}
|
|
.complain_step ul li p {padding-top:20px;}
|
|
.complain_step ul li img {width:50%}
|
|
|
|
.complain_tt2 {position:relative; width:100%; height:auto; padding:20% 10px 20px 10px; border-bottom:2px solid #2d2d2d; background:url('/img/sub/complain_tt2.png') no-repeat top 10px center #fbfbfb; background-size:20%;}
|
|
.complain_tt2 .title {position:relative; top:0px; left:auto; margin-bottom:15px; text-align:center; color:#000; font-weight:bold; font-size:18px}
|
|
.complain_tt2 .text_red {color:#df2f2f; margin-bottom:10px}
|
|
.complain_tt2 .text {color:#5c5c5c}
|
|
.complain_tt3 {padding:20px 0; border-bottom:2px solid #eaeaea}
|
|
.complain_tt3 .title {text-align:center; color:#000; padding-bottom:20px; border-bottom:2px solid #eaeaea; font-weight:bold; font-size:20px}
|
|
.complain_tt3 .text {text-align:center; padding-top:20px; color:#5c5c5c;}
|
|
}
|
|
|
|
|
|
/* 1.주요사업 */
|
|
.sub11_list1 {float:left; width:14%; height:200px; background:url('/img/sub/img11_3.jpg') no-repeat center; margin:10px 1% 0px 1%; }
|
|
.sub11_list1 dt {padding:8px 0 45px 0; text-align:center; color:#fff; font-size:16px; font-weight:bold; }
|
|
.sub11_list1 dd {margin-left:13%; color:#1b1b1b; text-align:left; font-size:15px; background:url('/img/sub/con_list04.png') no-repeat 0 8px; padding-left:8px; }
|
|
|
|
.sub11_list2 {float:left; width:31.3333%; margin:1%; height:220px; border:2px solid #00559c; border-radius:20px;}
|
|
dl.img11_5a {background:url('/img/sub/img11_5a2.jpg') no-repeat top;}
|
|
dl.img11_5b {background:url('/img/sub/img11_5b2.jpg') no-repeat top;}
|
|
dl.img11_5c {background:url('/img/sub/img11_5c2.jpg') no-repeat top;}
|
|
.sub11_list2 dt {padding:5px 0 25px 0; text-align:center; color:#fff; font-size:17px; font-weight:bold; }
|
|
.sub11_list2 dd {font-size:15px; margin-left:4%; padding:0px 8px 5px 8px; color:#1b1b1b; text-align:left; background:url('/img/sub/con_list04.png') no-repeat 0 8px; }
|
|
|
|
.sub12_list {float:left; width:31.3333%; padding:20px 10px; margin:1%; height:auto; border:1px solid #d8d8d8; border-radius:20px; background-size:cover; background:url('/img/sub/img12_5.jpg') no-repeat right bottom;}
|
|
.sub12_list li {margin-left:4%; padding:0px 0px 5px 8px; color:#1b1b1b; text-align:left; font-size:15px; background:url('/img/sub/con_list04.png') no-repeat 0 8px; }
|
|
|
|
.sub14_list {float:left; width:31.3333%; margin:1%; height:170px; border:2px solid #00559c; border-radius:20px;}
|
|
dl.img11_5a3 {background:url('/img/sub/img11_5a3.jpg') no-repeat top;}
|
|
dl.img11_5b3 {background:url('/img/sub/img11_5b3.jpg') no-repeat top;}
|
|
dl.img11_5c3 {background:url('/img/sub/img11_5c3.jpg') no-repeat top;}
|
|
.sub14_list dt {padding:12px 0 35px 0; text-align:center; color:#fff; font-size:16px; font-weight:bold; }
|
|
.sub14_list dd {margin-left:4%; padding:0px 8px 5px 8px; color:#1b1b1b; text-align:left; font-size:15px; background:url('/img/sub/con_list04.png') no-repeat 0 8px; }
|
|
|
|
@media screen and (max-width: 770px) {
|
|
.sub11_list1 {float:left; width:31%; height:200px; background:url('/img/sub/img11_3.jpg') no-repeat center; margin:1%; }
|
|
.sub11_list1 dd {margin-left:25%;}
|
|
|
|
.sub11_list2 {float:none; padding-bottom:20px; width:98%; height:auto; border:2px solid #00559c; border-radius:20px;}
|
|
.sub11_list2 dt {padding:5px 0 25px 0; text-align:center; color:#fff; font-size:17px; font-weight:bold; }
|
|
.sub11_list2 dd {margin-left:2%; width:98%; color:#1b1b1b; text-align:left; font-size:15px; background:url('/img/sub/con_list04.png') no-repeat 0 8px; padding:0px 0 3px 8px; }
|
|
|
|
.sub12_list {float:none; width:98%; padding:20px 10px; margin:1%; height:auto; border:1px solid #d8d8d8; border-radius:20px; background-size:cover; background:url('/img/sub/img12_5.jpg') no-repeat right bottom;}
|
|
.sub12_list li {margin-left:4%; padding:0px 0px 5px 8px; color:#1b1b1b; text-align:left; font-size:15px; background:url('/img/sub/con_list04.png') no-repeat 0 8px; }
|
|
|
|
.sub14_list {float:none; width:98%; padding-bottom:20px; margin:1%; height:auto; border:2px solid #00559c; border-radius:20px;}
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
.sub11_list1 dd {margin-left:7%; font-size:15px;}
|
|
}
|
|
|
|
|
|
/* 2.참여마당 */
|
|
.explain_text {width:100%; margin:10px 0; text-align:center; border-radius:10px; padding:25px;
|
|
background:url('/img/sub/img431_1920.png') no-repeat #f6f6f6 top right;
|
|
}
|
|
.explain_text p { font-size:16px; line-height:18px; font-weight:500; color:#000}
|
|
.emp_text { text-align:center; border:1px solid #cccccc; border-radius:10px; padding:20px; margin:10px 0}
|
|
.emp_text p{ color: #373e4e; font-size:18px; font-weight:600; line-height:25px; }
|
|
|
|
.sub223_img_tab ul {text-align:center; width:100%; margin:20px 0 40px 0; border:0px solid red}
|
|
.sub223_img_tab ul li{display:inline-block; text-align:center; width:200px; border:0px solid red}
|
|
@media screen and (max-width: 640px) {
|
|
.sub223_img_tab ul {text-align:center; width:100%; margin:20px 0 20px 0; border:0px solid red}
|
|
.sub223_img_tab ul li{display:inline-block; text-align:center; width:28%; margin:5px; border:0px solid red}
|
|
.sub223_img_tab ul li img {width:100%;}
|
|
}
|
|
|
|
.sub223_img_tab2 ul {text-align:center; width:100%; margin:20px 0; border:0px solid red}
|
|
.sub223_img_tab2 ul li{display:inline-block; text-align:center; width:16%; margin:5px; border:0px solid red}
|
|
.sub223_img_tab2 ul li img {width:100%;}
|
|
@media screen and (max-width: 640px) {
|
|
.sub223_img_tab2 ul {text-align:center; width:100%; margin:20px 0 ; border:0px solid red}
|
|
.sub223_img_tab2 ul li{display:inline-block; text-align:center; width:32%; margin:0px; border:0px solid red}
|
|
.sub223_img_tab2 ul li img {width:100%;}
|
|
}
|
|
|
|
.sub231_list {width:100%; font-weight:bold; margin-bottom:30px;}
|
|
.sub231_list li {display:inline-block; width:30%; margin:1.3%; text-align:center; border-radius:20px; padding:30px 0; font-size:18px; line-height:22px}
|
|
.sub231_list li.back1 {background:#d3e8fa}
|
|
.sub231_list li.back2 {background:#c5f3f6 }
|
|
.sub231_list li.back3 {background:#cde5f9 }
|
|
.sub231_list p {margin-top:10px;}
|
|
.sub231_list .link a {display:block; margin:0 auto; width:45%; padding:7px; border-radius:100px; color:#fff; font-size:16px}
|
|
.sub231_list .link_color1 a {background:#1880d8; }
|
|
.sub231_list .link_color2 a {background:#46c7d1; }
|
|
|
|
@media screen and (max-width: 770px) {
|
|
.sub231_list {width:100%; font-weight:bold; margin-bottom:30px;}
|
|
.sub231_list li {display:block; width:70%; margin:1% auto; text-align:center; border-radius:20px; padding:30px 0; font-size:18px;}
|
|
.sub231_list li.back1 {background:#d3e8fa }
|
|
.sub231_list li.back2 {background:#c5f3f6 }
|
|
.sub231_list li.back3 {background:#cde5f9 }
|
|
.sub231_list p {margin-top:10px;}
|
|
.sub231_list .link a {display:block; margin:0 auto; width:45%; padding:7px; border-radius:100px; color:#fff; font-size:16px}
|
|
.sub231_list .link_color1 a {background:#1880d8; }
|
|
.sub231_list .link_color2 a {background:#46c7d1; }
|
|
}
|
|
|
|
|
|
/* 3.알림마당 */
|
|
/* 인재상 */
|
|
.con_box332_1920 {position:relative; margin:0 auto; width:1003px; height:934px; background:url('/img/sub/bg332.jpg') no-repeat;}
|
|
.con_box332_750 {display:none}
|
|
.con_box332_1920 .con_box332_in {width:100%; height:235px; overflow:hidden}
|
|
.con_box332_1920 .con_box332_in .con_box332_left {width:60%; float:left; padding-top:58px; padding-left:5%}
|
|
.con_box332_1920 .con_box332_in .con_box332_left .title {font-size:25px; color:#fff; line-height:50px; background:url('/img/sub/bar332.jpg') no-repeat bottom left;}
|
|
.con_box332_1920 .con_box332_in .con_box332_left .text {font-size:18px; color:#fff; margin-top:10px; line-height:22px}
|
|
.con_box332_1920 .con_box332_in .img_right {width:40%; float:right; text-align:center; padding-top:30px;}
|
|
|
|
@media screen and (max-width: 1000px) {
|
|
.con_box332_1920 {position:relative; margin:0 auto; width:100%; height:934px; background:url('/img/sub/bg332.jpg') no-repeat center;}
|
|
}
|
|
|
|
@media screen and (max-width: 750px) {
|
|
.con_box332_1920 {display:none}
|
|
.con_box332_750 {display:block; position:relative; margin:0 auto; width:100%; background:none;}
|
|
.con_box332_750 .con_box332_in {width:100%; text-align:center; }
|
|
.con_box332_750 .con_box332_in .con_box332_right {border-radius:20px; margin-bottom:10px; padding:20px;}
|
|
.con_box332_750 .con_box332_in .con_box332_right .title {font-size:22px; color:#fff; margin-bottom:10px}
|
|
.con_box332_750 .con_box332_in .con_box332_right .text {font-size:16px; color:#fff; line-height:22px}
|
|
.con_box332_750 .con_box332_in .b_color1 {background:url('/img/sub/bg332_480.png') no-repeat top left #4db1c0}
|
|
.con_box332_750 .con_box332_in .b_color2 {background:url('/img/sub/bg332_480.png') no-repeat top left #2e92ce}
|
|
.con_box332_750 .con_box332_in .b_color3 {background:url('/img/sub/bg332_480.png') no-repeat top left #3a70b6}
|
|
.con_box332_750 .con_box332_in .b_color4 {background:url('/img/sub/bg332_480.png') no-repeat top left #385e8d}
|
|
.con_box332_750 .con_box332_in .img_left img {width:100%}
|
|
}
|
|
|
|
|
|
|
|
.button_div_560 {display:none}
|
|
.button_div_1920{margin:10px 0px;}
|
|
.button_div_1920 a {display:inline-block; width:calc(98% / 3); padding:10px 12px; text-align:center; border-radius:3px; background:#767676; color:#fff}
|
|
.button_div_1920 a:hover {background:#555; color:#fff}
|
|
@media screen and (max-width: 560px) {
|
|
.button_div_1920 {display:none}
|
|
.button_div_560 {display:block;}
|
|
.button_div_560 a {display:block; width:90%; margin:5px auto; padding:10px 12px; text-align:center; border-radius:3px; background:#767676; color:#fff}
|
|
.button_div_560 a:hover {background:#555; color:#fff}
|
|
}
|
|
|
|
/* 3.알림마당 */
|
|
.con_box361 {width:100%; padding:50px 30px 50px 250px; background:url('/img/sub/img316_1.png') no-repeat center left 50px #f6f6f6;}
|
|
.title_gr {color:#fff; text-align:center; border-radius:100px; width:150px; padding:7px 10px; font-size:18px; font-weight:bold;
|
|
background: -moz-linear-gradient(left, #75b4ed 0%, #75b4ed 0%, #005aab 100%); /* FF3.6-15 */
|
|
background: -webkit-linear-gradient(left, #75b4ed 0%,#75b4ed 0%,#005aab 100%); /* Chrome10-25,Safari5.1-6 */
|
|
background: linear-gradient(to right, #75b4ed 0%,#75b4ed 0%,#005aab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75b4ed', endColorstr='#005aab',GradientType=1 ); /* IE6-9 */
|
|
}
|
|
.con_box361 .title {color:#000; font-size:20px; font-weight:bold; line-height:50px;}
|
|
.con_box361 .title span {color:#045dad; font-size:27px;}
|
|
.con_box361 .text {color:#797979; font-size:16px;}
|
|
.con_box361 .text strong {color:#333; }
|
|
|
|
.normal_dl dt {margin:13px 0 0 10px; color:#000; font-size:18px; font-weight:bold; background:url('/img/sub/con_list02.png') no-repeat 0 6px; padding-left:23px; }
|
|
.normal_dl dd {color:#646464; font-size:15px; background:url('/img/sub/con_list03.png') no-repeat 0 9px; padding-left:10px; margin:3px 0 0 30px }
|
|
.normal_dl dd.dot_no {background:none !important}
|
|
.normal_dl dd ul {margin:5px 0 10px 10px}
|
|
.normal_dl dd ul li {line-height:20px; padding-bottom:5px;font-size:15px}
|
|
|
|
.con_box_red {border:0px solid red; width:100%; text-align:center; padding:30px; background:#f6f6f6;border-radius:100px; }
|
|
|
|
.title_gr_01 {color:#fff; text-align:center; border-radius:100px; width:250px; padding:7px 10px; font-size:18px; font-weight:bold;
|
|
background: -moz-linear-gradient(left, #75b4ed 0%, #75b4ed 0%, #005aab 100%); /* FF3.6-15 */
|
|
background: -webkit-linear-gradient(left, #75b4ed 0%,#75b4ed 0%,#005aab 100%); /* Chrome10-25,Safari5.1-6 */
|
|
background: linear-gradient(to right, #75b4ed 0%,#75b4ed 0%,#005aab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75b4ed', endColorstr='#005aab',GradientType=1 ); /* IE6-9 */
|
|
}
|
|
|
|
@media screen and (max-width: 770px) {
|
|
.con_box361 {width:100%; padding:30px; background:#f6f6f6;}
|
|
}
|
|
|
|
@media screen and (max-width: 480px) {
|
|
.con_box361 .title {margin:15px 0; color:#000; font-size:17px; font-weight:bold; line-height:25px;}
|
|
.con_box361 .title span {display:block; color:#045dad; font-size:20px;}
|
|
.con_box361 .text {color:#797979; font-size:15px;}
|
|
}
|
|
|
|
.con_box362 {width:100%; padding:35px 10px 35px 180px; background:#f6f8f9; overflow:hidden}
|
|
.con_box362 .title2{width:140px;height:140px; position:absolute; left:13px; top:13px; padding-top:45px; background:url('/img/sub/con362_bg.jpg'); text-align:center; color:#fff; font-size:20px; font-weight:600}
|
|
.con_box362 .title2_480 {display:none}
|
|
.con_box362 .title_gr{margin:10px; }
|
|
.con_box362 .div_con1{width:200px; height:36px; margin:2px 10px; border:3px solid #0961b0; color:#0961b0; border-radius:50px; background:#fff; float:left; text-align:center; line-height:30px; font-size:16px; font-weight:600}
|
|
.con_box362 .div_con2{width:200px; height:36px; margin:2px 10px; border:3px solid #0961b0; color:#0961b0; border-radius:50px; background:#fff; float:left; text-align:center; line-height:30px; font-size:16px; font-weight:600}
|
|
.con_box362 .div_con3{width:200px; height:36px; margin:2px 10px; border:3px solid #01a28a; color:#01a28a; border-radius:50px; background:#c6ebe6; float:left; text-align:center; line-height:30px; font-size:16px; font-weight:600}
|
|
|
|
@media screen and (max-width: 480px) {
|
|
.con_box362 {width:100%; padding:10px; background:#f6f8f9; overflow:hidden}
|
|
.con_box362 .title2{display:none;}
|
|
.con_box362 .title2_480 {display:block; width:180px;height:50px; line-height:50px; position:relative; background:url('/img/sub/con362_bg.jpg'); background-size:cover; margin:10px auto; text-align:center; color:#fff; font-size:20px; font-weight:600}
|
|
.con_box362 .title_gr{margin:10px auto;}
|
|
.con_box362 .div_con1{position:relative; margin:10px auto;width:200px; height:36px; border:3px solid #0961b0; color:#0961b0; border-radius:50px; background:#fff; float:none; text-align:center; line-height:30px; font-size:16px; font-weight:600}
|
|
.con_box362 .div_con2{position:relative; margin:10px auto;width:200px; height:36px; border:3px solid #0961b0; color:#0961b0; border-radius:50px; background:#fff; float:none; text-align:center; line-height:30px; font-size:16px; font-weight:600}
|
|
.con_box362 .div_con3{position:relative; margin:10px auto;width:200px; height:36px; border:3px solid #01a28a; color:#01a28a; border-radius:50px; background:#c6ebe6; float:none; text-align:center; line-height:30px; font-size:16px; font-weight:600}
|
|
}
|
|
|
|
.bg364 {width:100%; height:446px; padding:70px 0 0 20px; background:url('/img/sub/img364_bg.jpg') right; letter-spacing:-1.5px}
|
|
@media screen and (max-width: 900px) {
|
|
.bg364 {width:100%; height:446px; padding:80px 0 0 10px; background:url('/img/sub/img364_bg_480.jpg') right; letter-spacing:-1.5px}
|
|
}
|
|
@media screen and (max-width: 760px) {
|
|
.bg364 {width:100%; height:auto; padding:0; background:none; letter-spacing:-1.5px}
|
|
.bg364 .text3 {background:#e1eef4; }
|
|
.bg364 .text4 {background:#e1eef4;}
|
|
}
|
|
.bg364 .text1 {font-size:20px; color:#121212; font-weight:600; padding-left:20px}
|
|
.bg364 .text1 span {color:#005aab}
|
|
.bg364 .text2 {font-size:16px; color:#121212; padding:15px 20px}
|
|
.bg364 .text2 li {background:url('/img/sub/con_list01.png') no-repeat 0 6px; padding-left:28px;}
|
|
.bg364 .text3 {font-size:28px; color:#000000; padding:40px 0 0 20px;}
|
|
.bg364 .text3 span {color:#005aab}
|
|
.bg364 .text4 {font-size:16px; color:#4f4f4f; padding:10px 0 30px 20px}
|
|
.bg364 .text4 span {color:#005aab}
|
|
|
|
.link_364 {text-align:center; margin-bottom:30px; background:#4870a1; padding:20px;}
|
|
.link_364 li {display:inline-block; width:510px; height:83px; margin:5px}
|
|
.link_364 li img {width:100%;}
|
|
@media screen and (max-width: 760px) {
|
|
.link_364 {text-align:center; margin-bottom:30px; background:#4870a1; padding:5px;}
|
|
.link_364 li {display:inline-block; width:98%; height:auto; margin:2px 0}
|
|
.link_364 li img {width:100%;}
|
|
}
|
|
|
|
|
|
/* 4.열린경영 */
|
|
.con41_box {float:left; width:31.3%; margin:1%; border:1px solid #eeeeee}
|
|
@media screen and (max-width: 770px) {
|
|
.con41_box {float:left; width:48%; margin:1%; border:1px solid #eeeeee}
|
|
}
|
|
@media screen and (max-width: 500px) {
|
|
.con41_box {float:none; width:100%; margin:1% 0; border:1px solid #eeeeee}
|
|
}
|
|
.con41_box_h2 {height:230px; }
|
|
.con41_box .title {width:100%; height:45px; line-height:45px; padding:0 20px;color:#fff; font-size:18px; font-weight:bold;
|
|
background: -moz-linear-gradient(left, #75b4ed 0%, #75b4ed 0%, #005aab 100%); /* FF3.6-15 */
|
|
background: -webkit-linear-gradient(left, #75b4ed 0%,#75b4ed 0%,#005aab 100%); /* Chrome10-25,Safari5.1-6 */
|
|
background: linear-gradient(to right, #75b4ed 0%,#75b4ed 0%,#005aab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75b4ed', endColorstr='#005aab',GradientType=1 ); /* IE6-9 */
|
|
}
|
|
.con41_box a:hover {color:#005aab; font-weight:bold;}
|
|
|
|
.con_box431 {width:100%; padding:50px 30px 50px 90px; background:url('/img/sub/img431_1920.png') no-repeat center }
|
|
.con_box431 .title {color:#000; font-size:20px; font-weight:bold; line-height:50px;}
|
|
.con_box431 .title span {color:#045dad; font-size:27px;}
|
|
.con_box431 .text {color:#797979; font-size:16px;}
|
|
.con_box431 .text strong {color:#333; }
|
|
|
|
@media screen and (max-width: 770px) {
|
|
.con_box431 {width:100%; padding:50px 20px 50px 20px; background:url('/img/sub/img431_1920.png') no-repeat #f6f6f6 top right }
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
.con_box431 {width:100%; padding:50px 20px 50px 20px; background:url('/img/sub/img431_1920.png') no-repeat #f6f6f6 top right }
|
|
.con_box431 .title {margin:15px 0; color:#000; font-size:17px; font-weight:bold; line-height:25px;}
|
|
.con_box431 .title span { color:#045dad; font-size:20px;}
|
|
.con_box431 .text {color:#797979; font-size:15px;}
|
|
}
|
|
|
|
.con44_list1 {width:100%; text-align:center; font-weight:bold; overflow:hidden}
|
|
.con44_list1 dl {float:left; width:32.5%; margin:0 0.4%; height:205px; padding:0 20px; border:0px solid red}
|
|
@media screen and (max-width: 650px) {
|
|
.con44_list1 dl {float:none; width:60%; margin:10px auto; height:205px; padding:0 10px; border:0px solid red}
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
.con44_list1 dl {float:none; width:90%; margin:10px auto; height:205px; padding:0 10px; border:0px solid red}
|
|
}
|
|
.con44_list1 dl dt {color:#fff; font-size:25px; padding:10px 0 18px 0}
|
|
.con44_list1 dl dd {color:#1a1a1a; font-size:16px; border-bottom:#e5e5e5 solid 1px; padding:5px; margin:0}
|
|
.con44_list1 dl dd span {color:#005aab;}
|
|
.con44_list1 .bg44a_1 {background:url('/img/sub/img44_1.jpg') no-repeat center;}
|
|
.con44_list1 .bg44a_2 {background:url('/img/sub/img44_2.jpg') no-repeat center;}
|
|
.con44_list1 .bg44a_3 {background:url('/img/sub/img44_3.jpg') no-repeat center;}
|
|
|
|
.con44_list2 {width:100%; text-align:center; font-weight:bold; overflow:hidden}
|
|
.con44_list2 div {float:left; width:33.3333%; margin:0px auto; height:298px; padding-top:105px; color:#fff; font-size:17px; border:0px solid red}
|
|
@media screen and (max-width: 590px) {
|
|
.con44_list2 div {float:none; width:100%; margin:0px auto; height:205px; padding-top:60px; border:0px solid red}
|
|
}
|
|
.con44_list2 .bg44b_1 {background:url('/img/sub/img44_a1.jpg') no-repeat center;}
|
|
.con44_list2 .bg44b_2 {background:url('/img/sub/img44_a2.jpg') no-repeat center;}
|
|
.con44_list2 .bg44b_3 {background:url('/img/sub/img44_a3.jpg') no-repeat center;}
|
|
|
|
.con44_list3 {width:100%; overflow:hidden}
|
|
.con44_list3 ul {float:left; width:31.3333%; margin:1%; color:#333; padding:20px; font-size:15px; background:#f6f6f6; border-radius:30px; border:0px solid red}
|
|
.con44_list3 ul li {padding-bottom:5px; background:url('/img/sub/con_list03.png') no-repeat 0 7px; padding-left:8px;}
|
|
@media screen and (max-width: 590px) {
|
|
.con44_list3 ul {float:none; width:99%; margin:2% 1%; color:#333; padding:20px; font-size:15px; background:#f6f6f6; border-radius:30px; border:0px solid red}
|
|
}
|
|
|
|
.sub44_title {margin:30px auto; text-align:center; width:160px; border-radius:100px; line-height:50px; height:50px; color:#fff; font-size:21px; background:#c3c3c3; font-weight:bold}
|
|
|
|
.pyo_1920 {display:block}
|
|
.pyo_720 {display:none}
|
|
@media screen and (max-width: 720px) {
|
|
.pyo_1920 {display:none}
|
|
.pyo_720 {display:block}
|
|
}
|
|
|
|
|
|
/* 5.기관소개 */
|
|
.con51_limg {float:left; width:60%;}
|
|
.con51_rimg {float:right; width:40%; }
|
|
.con51_rimg img {width:100%; }
|
|
@media screen and (max-width: 650px) {
|
|
.con51_limg {float:none; width:100%;}
|
|
.con51_rimg {float:none; width:70%; margin:0 auto}
|
|
.con51_rimg img {width:100%;}
|
|
}
|
|
.con51_box {color:#505050; font-size:18px; line-height:30px; letter-spacing:-1px}
|
|
.con51_box span {color:#3a5c98}
|
|
|
|
.con52_box1 {width:100%; height:327px; padding:70px 0 0 30px; background:url('/img/sub/img51_bg1.jpg') no-repeat center; font-weight:bold; letter-spacing:-1px}
|
|
.con52_box1 .title {width:130px; text-align:center; background:#005aab; border-radius:100px; margin-left:20px; padding:10px 20px; color:#fff; font-size:20px; font-weight:bold}
|
|
.con52_box1 .text {background:rgba(255,255,255,0.5); width:70%; border-radius:20px; padding:30px; color:#000; font-size:20px; margin-top:10px;}
|
|
.con52_box1 .text span {color:#005aab; font-size:25px;}
|
|
.con52_box1 .text p {font-size:16px;}
|
|
@media screen and (max-width: 850px) {
|
|
.con52_box1 {width:100%; height:auto; padding:20px 0 30px 20px; background:url('/img/sub/img51_bg1_480.jpg') no-repeat bottom right; background-size:cover; font-weight:bold; letter-spacing:-1px}
|
|
.con52_box1 .text {width:90%; padding:20px; font-size:18px; }
|
|
.con52_box1 .text span {color:#005aab; font-size:23px;}
|
|
}
|
|
|
|
.con52_box2 {width:100%; padding:30px 0; background:url('/img/sub/img51_bg2.png') no-repeat right bottom;}
|
|
.history_h {width:100%; overflow:hidden; }
|
|
.history_year {float:left; width:35%; padding:30px 0 0 8%; font-size:30px; color:#005aab; font-weight:bold}
|
|
.history_h2 {float:right; width:65%; color:#333; font-size:17px; font-weight:500; padding:30px 0 0px 30px; border-left:1px solid #d7dbe7}
|
|
.history_h2 ul li {position:relative; line-height:22px; padding:0 0 10px 120px;}
|
|
.history_h2 ul li span {position:absolute; left:0px; color:#1b4b77; font-size:20px; font-weight:bold; }
|
|
.history_h2 ul li .dot1 {position:absolute; background:#00a8b2; border-radius:100px; left:-35px; top:5px; width:10px; height:10px;}
|
|
.history_h2 ul li .dot2 {position:absolute; background:#0c86d2; border-radius:100px; left:-35px; top:5px; width:10px; height:10px;}
|
|
.history_h2 ul li .dot3 {position:absolute; background:#2e70aa ; border-radius:100px; left:-35px; top:5px; width:10px; height:10px;}
|
|
.history_h2 ul li .dot4 {position:absolute; background:#1b4b77; border-radius:100px; left:-35px; top:5px; width:10px; height:10px;}
|
|
@media screen and (max-width: 650px) {
|
|
.history_h2 ul li {padding-left:0px;}
|
|
.history_h2 ul li span {position:relative; display:block; left:0px; color:#1b4b77; font-size:20px; font-weight:bold; }
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
.con52_box2 {padding:20px 0; background-size:140%}
|
|
.history_year {float:left; width:25%; padding:20px 0 0 1%; font-size:18px; color:#005aab; font-weight:bold}
|
|
.history_h2 {float:right; width:75%; color:#333; font-size:15px; font-weight:500; padding:20px 0 0px 10px; border-left:1px solid #d7dbe7}
|
|
.history_h2 ul li { line-height:19px; padding:0 0 5px 0px;}
|
|
.history_h2 ul li span {position:relative; display:block; left:0px; color:#1b4b77; font-size:16px; font-weight:bold; }
|
|
.history_h2 ul li .dot1 {left:-14px;}
|
|
.history_h2 ul li .dot2 {left:-14px;}
|
|
.history_h2 ul li .dot3 {left:-14px;}
|
|
.history_h2 ul li .dot4 {left:-14px;}
|
|
}
|
|
.ci_box { text-align:center; width:100%; border:1px solid #cccccc; border-radius:10px; padding:20px;}
|
|
.ci_box ul {display:inline;}
|
|
.ci_box ul li {display:inline-block; padding:10px;}
|
|
|
|
.map-container{position:relative; padding-bottom:35%;padding-top:30px;height:0; margin-bottom:30px; overflow:hidden;}
|
|
.map-container iframe,.map-container object,.map-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
|
|
|
|
.img53_tt1 {margin:30px auto; font-size:18px; width:90%; padding:20px; text-align:center; border-radius:100px; background:url('/img/sub/img53_img1.jpg') no-repeat center; background-size:cover;}
|
|
.img53_list1 {width:620px; margin:20px auto; overflow:hidden}
|
|
.img53_list1 dl {float:left; width:300px; margin:5px; text-align:center; font-size:17px; padding:30px; background:#f2f2f2; border-radius:80px; }
|
|
.img53_list1 dl dt {font-weight:bold; font-size:20px;}
|
|
.img53_list1 dl dd {margin-left:0; }
|
|
.img53_tt2 {margin:30px auto; font-size:18px; width:90%; padding:20px; text-align:center; border-radius:100px; border:5px solid #e5e5e5}
|
|
.img53_list2 {width:100%; overflow:hidden}
|
|
.img53_list2_box {float:left; width:22%; margin:1.5%; text-align:center; background:#f2f2f2}
|
|
.img53_list2_box p img {width:100%}
|
|
.img53_list2_box ul {width:100%; height:180px; margin:0 auto; padding:20px 10px; }
|
|
.img53_list2_box ul li {text-align:left; background:url('/img/sub/img53_list.jpg') no-repeat 0 5px; padding:0 0 5px 15px}
|
|
|
|
@media screen and (max-width: 730px) {
|
|
.img53_list1 {width:100%; margin:20px auto; overflow:hidden}
|
|
.img53_list1 dl {float:left; width:48%; margin:1%; text-align:center; font-size:17px; padding:30px; background:#f2f2f2; border-radius:80px; }
|
|
.img53_list2_box {float:left; width:48%; margin:1%; text-align:center; background:#f2f2f2}
|
|
.img53_list2_box ul {width:100%; height:180px; margin:0 auto; padding:20px 10px; }
|
|
.img53_list2_box ul li {text-align:left; background:url('/img/sub/img53_list.jpg') no-repeat 0 5px; padding:0 0 5px 15px}
|
|
}
|
|
@media screen and (max-width: 400px) {
|
|
.img53_list1 {width:100%; margin:20px auto; overflow:hidden}
|
|
.img53_list1 dl {float:none; width:100%; margin:1%; text-align:center; font-size:17px; padding:10px; background:#f2f2f2; border-radius:80px; }
|
|
.img53_list2_box {float:none; width:100%; margin:1%; text-align:center; background:#f2f2f2; padding-top:5px;}
|
|
.img53_list2_box ul {width:100%; height:120px; margin:0 auto; padding:20px 10px; }
|
|
.img53_list2_box p img {width:80%}
|
|
}
|
|
|
|
/* f_menu */
|
|
.con_box_fmenu5 {width:770px; margin:0 auto; padding:10px; border-bottom:1px dotted #666; overflow:hidden;}
|
|
.con_box_fmenu5 .img {width:154px; float:left; text-align:center}
|
|
.con_box_fmenu5 .img img {width:100%; }
|
|
.con_box_fmenu5 dl {width:576px; padding-left:20px;float:right; text-align:left}
|
|
.con_box_fmenu5 dl dt {margin:0; font-weight:800; font-size:22px}
|
|
.con_box_fmenu5 dl dd {margin:0; font-weight:400; color:#666; font-size:17px}
|
|
.con_box_fmenu5 dl dd a {display:block; margin-top:10px; border:4px solid #ededed; text-align:center; width:160px; height:47px; line-height:40px}
|
|
.con_box_fmenu5 dl dd a:hover {background:#191819; font-weight:600; border:0px; color:#fff; line-height:48px }
|
|
|
|
.fmenu6_list {overflow:hidden}
|
|
.fmenu6_list li {float:left; border:4px solid #ededed; text-align:center; padding:20px 0; margin:1%; width:31%; height:110px;}
|
|
@media screen and (max-width: 1150px) {
|
|
.fmenu6_list li img {width:80%}
|
|
}
|
|
@media screen and (max-width: 770px) {
|
|
.con_box_fmenu5 {width:100%;}
|
|
.con_box_fmenu5 .img {width:20%;}
|
|
.con_box_fmenu5 dl {width:80%; }
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
.con_box_fmenu5 {width:100%; text-align:center}
|
|
.con_box_fmenu5 .img {width:100%; float:none; text-align:center }
|
|
.con_box_fmenu5 .img img {width:40%; }
|
|
.con_box_fmenu5 dl {width:100%; float:none; padding-left:0px; text-align:center}
|
|
.con_box_fmenu5 dl dd a {margin:10px auto;}
|
|
|
|
.fmenu6_list li {float:none; border:4px solid #ededed; text-align:center; padding:20px 0; margin:1% 0; width:100%; height:100px;}
|
|
.fmenu6_list li img {width:50%}
|
|
}
|
|
|
|
|
|
/* 역대기관장 */
|
|
.president_box {display:inline-block; vertical-align:top ; width:32%; height:750px; margin:0.5%; padding:0; border-top:1px solid #373e4e; background:url('../img/sub/img_president_bg.jpg') right bottom no-repeat #f6f6f6;}
|
|
.president_box .title1 {font-size:30px; font-weight:500; color:#373e4e; padding:20px 0px 10px 20px;}
|
|
.president_box .img {text-align:center;}
|
|
.president_box .president_list1 {padding:5px 0px 0px 10px; font-size:17px; }
|
|
.president_box .president_list1 li {padding-bottom:8px}
|
|
.president_box .president_list1 li span {font-weight:500; padding:2px 10px; margin-right:10px; border-radius:100px; background:#a6b4d4; text-align:center; color:#fff}
|
|
.president_box .title2 {float:left; font-size:17px; font-weight:500; width:84px; padding:2px; margin-left:10px; border-radius:100px; background:#a6b4d4; text-align:center; color:#fff}
|
|
.president_box .president_list2 {float:left; border-top:1px dotted #666; color:#222; font-size:17px; margin:3px 0 20px 10px }
|
|
.president_box .president_list2 li {border-bottom:1px dotted #666; background:url('../img/sub/con_list03.png') no-repeat 0 12px; padding:5px 20px 5px 10px; line-height:18px; font-size:15px}
|
|
.president_box .president_list2 li span {display:block; width:100%; color:#000; font-weight:600; margin-right:5px}
|
|
|
|
@media screen and (max-width: 1150px) {
|
|
.president_box {height:840px;}
|
|
.president_box .president_list1 {padding:5px 0px 0px 20px; font-size:17px; }
|
|
.president_box .president_list1 li {padding-bottom:8px}
|
|
.president_box .president_list1 li span {display:block; width:84px; font-weight:500; padding:2px 10px; margin-right:10px; border-radius:100px; background:#a6b4d4; text-align:center; color:#fff}
|
|
.president_box .title2 {float:none; font-size:17px; font-weight:500; width:84px; padding:2px; margin-left:20px; border-radius:100px; background:#a6b4d4; text-align:center; color:#fff}
|
|
.president_box .president_list2 {float:none; border-top:1px dotted #666; color:#222; font-size:17px; margin:10px 20px 20px 20px }
|
|
.president_box .president_list2 li {border-bottom:1px dotted #666; background:url('../img/sub/con_list03.png') no-repeat 0 12px; padding:5px 0px 5px 10px; line-height:18px; font-size:15px}
|
|
.president_box .president_list2 li span {display:block; width:100%; color:#000; font-weight:600; margin-right:5px}
|
|
}
|
|
|
|
@media screen and (max-width: 800px) {
|
|
.president_box {width:48.5%; height:auto; margin:0.5%;}
|
|
}
|
|
|
|
@media screen and (max-width: 520px) {
|
|
.president_box {width:100%; height:auto; margin:0.5% 0;}
|
|
} |