182 lines
11 KiB
CSS
182 lines
11 KiB
CSS
/* 공통 */
|
|
.maTop12 {margin-top:12px !important;}
|
|
.maTop14 {margin-top:14px !important;}
|
|
.maTop60 {margin-top:60px !important;}
|
|
.maTop64 {margin-top:64px !important;}
|
|
.maTop20 {margin-top:20px !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: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;}
|
|
.fLeft {float:left !important;}
|
|
.fRight {float:right !important;}
|
|
.vAlignM {vertical-align:middle !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:18px; font-weight:bold; margin-bottom:15px; background:url('../img/sub/con_list01.png') no-repeat 0 6px; padding-left:28px; }
|
|
.con_list02 {color:#055eae; font-size:16px; font-weight:bold; margin-bottom:8px; background:url('../img/sub/con_list02.png') no-repeat 0 3px; padding-left:20px; margin-left:10px }
|
|
.con_list03 ul {color:#646464; font-size:14px; 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:13px}
|
|
.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:13px}
|
|
.con_text {color:#666; font-size:14px; line-height:22px }
|
|
|
|
/* 이미지 */
|
|
.content_img {width:100%; text-align:center;}
|
|
.content_img_1920 {width:100%; text-align:center;}
|
|
.content_img_480 {display:none;}
|
|
|
|
@media screen and (max-width: 1150px) {
|
|
.content_img_1920 img {width:100%; padding:0 10px}
|
|
}
|
|
@media screen and (max-width: 870px) {
|
|
.content_img img {width:100%; padding:0 20px}
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
.content_img_1920 {display:none;}
|
|
.content_img_480 {display:block; }
|
|
.content_img_480 img {width:100%; padding:0 0px}
|
|
}
|
|
|
|
/* 표 */
|
|
.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:14px; border:1px solid #dedee1;}
|
|
@media screen and (max-width: 480px) {
|
|
.tbl01 th, .tbl01 td {padding:3px; font-size:13px; }
|
|
}
|
|
.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 {text-align:center; color:#666;}
|
|
|
|
|
|
/* 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:15px; font-weight:bold; }
|
|
.sub11_list1 dd {margin-left:13%; color:#1b1b1b; text-align:left; font-size:14px; background:url('../img/sub/con_list04.png') no-repeat 0 8px; padding-left:8px; }
|
|
|
|
.sub11_list2 {float:left; width:31.3333%; margin:1%; height:200px; 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:8px 0 25px 0; text-align:center; color:#fff; font-size:15px; font-weight:bold; }
|
|
.sub11_list2 dd {margin-left:4%; padding:0px 8px 5px 8px; color:#1b1b1b; text-align:left; font-size:13px; 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:13px; 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:13px; 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:8px 0 25px 0; text-align:center; color:#fff; font-size:15px; font-weight:bold; }
|
|
.sub11_list2 dd {margin-left:2%; width:98%; color:#1b1b1b; text-align:left; font-size:13px; 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:13px; 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:13px;}
|
|
}
|
|
|
|
/* 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:15px;}
|
|
.con_box361 .text strong {color:#333; }
|
|
|
|
.normal_dl dt {margin:13px 0 0 10px; color:#000; font-size:15px; font-weight:bold; background:url('../img/sub/con_list02.png') no-repeat 0 3px; padding-left:23px; }
|
|
.normal_dl dd {color:#646464; font-size:14px; background:url('../img/sub/con_list03.png') no-repeat 0 7px; padding-left:10px; margin:3px 0 0 30px }
|
|
.normal_dl dd ul {margin:10px 0}
|
|
.normal_dl dd ul li {line-height:20px; font-size:13px}
|
|
|
|
.con_box_red {border:0px solid red; width:100%; text-align:center; padding:30px; background:#f6f6f6;border-radius:100px; }
|
|
|
|
@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:14px;}
|
|
}
|
|
|
|
/* 신고게시판 */
|
|
.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:15px; margin:5px 2px;}
|
|
.complain_btn .complain_btn2 {background:#7e7e7e; font-size:15px; 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:15px; 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;}
|
|
|
|
} |