8952 lines
230 KiB
HTML
8952 lines
230 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="description" content="우체국물류지원단에 대한 정보를 제공합니다.">
|
|
<meta name="keywords" content="우체국물류지원단">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<!-- default -->
|
|
<script src="/pb/js/jquery-3.5.0.js"></script>
|
|
|
|
<script type="text/javascript" src="/js/tab.js"></script>
|
|
<!-- 탭// -->
|
|
<!-- 달력 -->
|
|
<script type="text/javascript" src="/js/calendar.js"></script>
|
|
<!-- message -->
|
|
|
|
<style>
|
|
.ap_wrap {
|
|
/* position:relative; */
|
|
width: 1150px;
|
|
margin: 30px auto;
|
|
}
|
|
|
|
@media (max-width: 1150px) {
|
|
.ap_wrap {
|
|
/* position:relative; */
|
|
width: 100%;
|
|
padding: 0 10px;
|
|
margin: 30px auto;
|
|
}
|
|
}
|
|
|
|
.ap_pyo {
|
|
width: 100%;
|
|
border: 1px solid #d9d9d9;
|
|
}
|
|
|
|
.ap_pyo thead th {
|
|
width: 15%;
|
|
padding: 0 20px;
|
|
height: 50px;
|
|
color: #fff;
|
|
background: #005aab;
|
|
text-align: center
|
|
}
|
|
|
|
.ap_pyo thead td {
|
|
width: 85%;
|
|
padding: 0 20px;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
color: #797979;
|
|
text-align: left;
|
|
}
|
|
|
|
@media (max-width: 650px) {
|
|
.ap_pyo thead th {
|
|
width: 30%;
|
|
}
|
|
|
|
.ap_pyo thead td {
|
|
width: 70%;
|
|
}
|
|
|
|
.ap_star_check li img {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.ap_pyo tbody th {
|
|
padding: 10px 20px;
|
|
font-weight: 500;
|
|
height: 50px;
|
|
color: #000;
|
|
background: #f6f6f6;
|
|
text-align: left;
|
|
word-break: keep-all
|
|
}
|
|
|
|
.ap_pyo tbody td.center {
|
|
padding-bottom: 15px;
|
|
text-align: center;
|
|
}
|
|
|
|
.ap_pyo .ap_star_check {
|
|
text-align: center;
|
|
margin: 10px 0
|
|
}
|
|
|
|
.ap_pyo .ap_star_check li {
|
|
display: inline-block;
|
|
text-align: center;
|
|
margin: 10px 30px
|
|
}
|
|
|
|
.ap_pyo .ap_btn {
|
|
padding: 8px 20px;
|
|
border: 0;
|
|
border-radius: 4px;
|
|
background: #686868;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
font-weight: bold
|
|
}
|
|
|
|
.ap_pyo .ap_btn:hover {
|
|
background: #333;
|
|
color: #fff
|
|
}
|
|
|
|
|
|
@media screen and (max-width: 600px) {
|
|
.ap_pyo .ap_star_check li {
|
|
margin: 0px;
|
|
}
|
|
}
|
|
|
|
/* 리스트 */
|
|
@media screen and (max-width: 1150px) {
|
|
.board_wrap {
|
|
position: relative;
|
|
padding: 0 10px
|
|
}
|
|
}
|
|
|
|
.board_search {
|
|
width: 100%;
|
|
margin: 20px 0;
|
|
padding: 20px 40px;
|
|
border: 1px solid #d9d9d9;
|
|
box-shadow: 0px 3px 0px rgba(241, 241, 241, 1);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.board_search form {
|
|
float: right
|
|
}
|
|
|
|
.board_search select,
|
|
.board_search input {
|
|
height: 38px;
|
|
padding: 7px;
|
|
border: 1px solid #d9d9d9
|
|
}
|
|
|
|
.sch_btn {
|
|
width: 50px;
|
|
line-height: 10px;
|
|
height: 38px;
|
|
background: #005aab;
|
|
color: #fff;
|
|
border: 0;
|
|
font-size: 17px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#bo_list_total {
|
|
float: left;
|
|
padding: 10px 0 0 20px;
|
|
background: url('../img/board_icon1.jpg') no-repeat 0 12px;
|
|
}
|
|
|
|
#bo_list_total span {
|
|
font-weight: bold
|
|
}
|
|
|
|
/*버튼*/
|
|
.btn_bo_user {
|
|
clear: both;
|
|
float: right;
|
|
margin: 30px 0
|
|
}
|
|
|
|
.btn_bo_user li {
|
|
display: inline-block;
|
|
}
|
|
|
|
.btn {
|
|
padding: 8px 20px;
|
|
border: 0;
|
|
border-radius: 4px;
|
|
background: #686868;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
font-weight: bold
|
|
}
|
|
|
|
.btn:hover {
|
|
background: #333;
|
|
color: #fff
|
|
}
|
|
|
|
.btn_more {
|
|
padding: 10px 20px;
|
|
border: 0;
|
|
border-radius: 0px;
|
|
background: #686868;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
font-weight: bold
|
|
}
|
|
|
|
.btn_more:hover {
|
|
background: #333;
|
|
color: #fff
|
|
}
|
|
|
|
.btn_bo_user li a {
|
|
color: #fff;
|
|
}
|
|
|
|
.btn_b02 {
|
|
background: #005aab;
|
|
}
|
|
|
|
.btn_b02:hover {
|
|
background: #004584;
|
|
color: #fff
|
|
}
|
|
|
|
.btn_cancel {
|
|
background: #686868;
|
|
color: #fff
|
|
}
|
|
|
|
.btn_cancel:hover {
|
|
background: #333;
|
|
}
|
|
|
|
.btn2 {
|
|
padding: 5px 10px;
|
|
border: 0;
|
|
background: #333;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
border-radius: 3px;
|
|
font-size: 12px !important
|
|
}
|
|
|
|
.btn2:hover {
|
|
background: #222;
|
|
color: #fff
|
|
}
|
|
|
|
.btn_cancel2 {
|
|
background: #686868;
|
|
color: #fff
|
|
}
|
|
|
|
.btn_cancel2:hover {
|
|
background: #555;
|
|
}
|
|
|
|
.btn3a {
|
|
padding: 5px;
|
|
border: 0;
|
|
background: #686868;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
border-radius: 3px;
|
|
font-size: 11px
|
|
}
|
|
|
|
.btn3a:hover {
|
|
background: #555;
|
|
color: #fff
|
|
}
|
|
|
|
.btn3b {
|
|
padding: 5px;
|
|
border: 0;
|
|
background: #333;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
border-radius: 3px;
|
|
font-size: 11px
|
|
}
|
|
|
|
.btn3b:hover {
|
|
background: #222;
|
|
color: #fff
|
|
}
|
|
|
|
.btn_bo_write {
|
|
clear: both;
|
|
text-align: center;
|
|
margin: 30px 0
|
|
}
|
|
|
|
.btn_bo_write ul li {
|
|
display: inline-block;
|
|
}
|
|
|
|
/*글쓰기*/
|
|
|
|
.write_wrap .bo_w_info {
|
|
width: 100%
|
|
}
|
|
|
|
.write_wrap .bo_w_info li {
|
|
float: left;
|
|
width: 24.5%;
|
|
margin-right: 0.5%
|
|
}
|
|
|
|
.write_wrap .bo_w_info input {
|
|
width: 100%;
|
|
height: 38px;
|
|
}
|
|
|
|
.write_wrap input {
|
|
border: 1px solid #ccc;
|
|
background: #fff;
|
|
color: #000;
|
|
vertical-align: middle;
|
|
border-radius: 3px;
|
|
padding: 5px;
|
|
-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);
|
|
|
|
}
|
|
|
|
input.wr_subject {
|
|
width: 99.5%;
|
|
height: 38px;
|
|
margin: 10px 0
|
|
}
|
|
|
|
.bo_w_download {
|
|
margin-top: 20px
|
|
}
|
|
|
|
.bo_w_download input {
|
|
width: 100%;
|
|
margin: 5px 0 10px 0
|
|
}
|
|
|
|
.write_wrap textarea {
|
|
border: 1px solid #ccc;
|
|
background: #fff;
|
|
color: #000;
|
|
vertical-align: middle;
|
|
border-radius: 3px;
|
|
padding: 5px;
|
|
width: 99.5%;
|
|
height: 300px;
|
|
-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);
|
|
}
|
|
|
|
|
|
/*view*/
|
|
.view_wrap {
|
|
position: relative;
|
|
margin: 20px 0
|
|
}
|
|
|
|
.view_subject {
|
|
position: relative;
|
|
width: 100%;
|
|
margin-bottom: 10px;
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 30px;
|
|
color: #000
|
|
}
|
|
|
|
.view_wrap .meta {
|
|
margin: 0;
|
|
padding: 8px 0 13px;
|
|
border-bottom: 1px solid #ddd;
|
|
color: #666;
|
|
}
|
|
|
|
.view_wrap .meta .author {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.view_content {
|
|
border-bottom: 1px solid #ddd;
|
|
padding: 50px 0
|
|
}
|
|
|
|
.view_content p img {
|
|
max-width: 100%
|
|
}
|
|
|
|
@media screen and (max-width: 700px) {
|
|
.view_content p img {
|
|
width: 100%
|
|
}
|
|
}
|
|
|
|
/*댓글*/
|
|
.comment_wrap {}
|
|
|
|
.comment_text_wrap {
|
|
position: relative;
|
|
}
|
|
|
|
.comment_text {
|
|
color: #666;
|
|
padding: 15px 20px;
|
|
border-bottom: 1px solid #ddd
|
|
}
|
|
|
|
.comment_text li {
|
|
padding-bottom: 5px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.comment_text li:first-child {
|
|
float: left;
|
|
margin-right: 30px
|
|
}
|
|
|
|
.comment_text li span {
|
|
margin-right: 10px;
|
|
padding-right: 10px;
|
|
border-right: 1px solid #ddd;
|
|
color: #333;
|
|
font-weight: bold
|
|
}
|
|
|
|
.comment_text li.con {
|
|
word-break: break-all;
|
|
border: 0px solid red;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
margin-top: 10px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.comment_text_btn {
|
|
position: absolute;
|
|
right: 10px;
|
|
bottom: 10px;
|
|
}
|
|
|
|
.comment_text_btn li {
|
|
float: left;
|
|
padding-right: 7px
|
|
}
|
|
|
|
.comment_no_text {
|
|
color: #666;
|
|
padding: 20px;
|
|
border-bottom: 1px solid #ddd
|
|
}
|
|
|
|
.comment_bo_write {
|
|
padding: 20px 0;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
.comment_bo_write textarea {
|
|
border: 1px solid #ccc;
|
|
background: #fff;
|
|
color: #000;
|
|
vertical-align: middle;
|
|
border-radius: 3px;
|
|
padding: 5px;
|
|
width: 100%;
|
|
height: 50px;
|
|
-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);
|
|
margin: 3px;
|
|
}
|
|
|
|
.comment_bo_write input {
|
|
float: left;
|
|
width: 140px;
|
|
height: 38px;
|
|
border: 1px solid #ccc;
|
|
background: #fff;
|
|
color: #000;
|
|
vertical-align: middle;
|
|
border-radius: 3px;
|
|
padding: 5px;
|
|
-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);
|
|
margin: 3px;
|
|
}
|
|
|
|
.board_number {
|
|
margin-bottom: 50px
|
|
}
|
|
|
|
.pg_wrap {
|
|
clear: both;
|
|
text-align: center;
|
|
}
|
|
|
|
.pg_wrap a {
|
|
display: inline-block;
|
|
width: 40px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
vertical-align: middle;
|
|
background: #fff;
|
|
border: 1px solid #bbbcc3;
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
.sp_result_txt {
|
|
display: none;
|
|
}
|
|
|
|
/*600px*/
|
|
@media screen and (max-width: 600px) {
|
|
|
|
.board_search {
|
|
width: 100%;
|
|
margin: 20px 0;
|
|
padding: 0 0 20px 10px;
|
|
border: 1px solid #d9d9d9;
|
|
box-shadow: 0px 3px 0px rgba(241, 241, 241, 1);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.board_search form {
|
|
float: none;
|
|
width: 100%
|
|
}
|
|
|
|
.board_search select,
|
|
.board_search input {
|
|
height: 38px;
|
|
padding: 7px;
|
|
border: 1px solid #d9d9d9
|
|
}
|
|
|
|
.sch_btn {
|
|
width: 50px;
|
|
line-height: 10px;
|
|
height: 38px;
|
|
background: #005aab;
|
|
color: #fff;
|
|
border: 0;
|
|
font-size: 17px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#bo_list_total {
|
|
float: none;
|
|
margin: 10px;
|
|
width: 100%;
|
|
padding: 7px 0 0 20px;
|
|
background: url('../img/board_icon1.jpg') no-repeat 0 12px;
|
|
}
|
|
|
|
#bo_list_total span {
|
|
font-weight: bold
|
|
}
|
|
|
|
/*설문조사*/
|
|
.th_sttus,
|
|
.th_result,
|
|
.th_result_cnt,
|
|
.td_result {
|
|
display: none;
|
|
}
|
|
|
|
.bo_basic_list td.td_sttus {
|
|
padding: 0px 10px;
|
|
display: inline;
|
|
text-align: center;
|
|
width: 65px;
|
|
color: #999;
|
|
}
|
|
|
|
.bo_basic_list td.td_result_cnt {
|
|
display: inline;
|
|
text-align: center;
|
|
width: 97px;
|
|
color: #999
|
|
}
|
|
|
|
/* .td_result_cnt:before { content:"참여수 : "; } */
|
|
.sp_result_txt {
|
|
display: inline;
|
|
}
|
|
|
|
|
|
/* 댓글 */
|
|
.comment_text {
|
|
color: #666;
|
|
padding: 15px 0px;
|
|
border-bottom: 1px solid #ddd
|
|
}
|
|
|
|
.comment_text li {
|
|
padding-bottom: 5px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.comment_text li:first-child {
|
|
float: none;
|
|
margin-right: 0px
|
|
}
|
|
|
|
.comment_text li span {
|
|
margin-right: 10px;
|
|
padding-right: 10px;
|
|
border-right: 1px solid #ddd;
|
|
color: #333;
|
|
font-weight: bold
|
|
}
|
|
|
|
.comment_text li.con {
|
|
font-size: 14px;
|
|
margin-top: 10px
|
|
}
|
|
|
|
/* 글쓰기 */
|
|
.write_wrap .bo_w_info {
|
|
width: 100%
|
|
}
|
|
|
|
.write_wrap .bo_w_info li {
|
|
float: left;
|
|
width: 49%;
|
|
margin-right: 1%;
|
|
margin-bottom: 1%
|
|
}
|
|
}
|
|
|
|
|
|
/* 480px */
|
|
@media screen and (max-width:480px) {
|
|
.board_search select {
|
|
width: 80px
|
|
}
|
|
|
|
.sch_input {
|
|
width: 110px;
|
|
}
|
|
}
|
|
|
|
|
|
/* 320px */
|
|
@media screen and (max-width:320px) {
|
|
|
|
/*.td_name {display:none;}*/
|
|
.view_wrap .meta .author {
|
|
display: block;
|
|
width: 100%;
|
|
margin-left: 0px;
|
|
}
|
|
}
|
|
|
|
/* 공통 */
|
|
.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;
|
|
}
|
|
|
|
dl.img11_5a1 {
|
|
background: url('/img/sub/img11_5c12.png') no-repeat top;
|
|
}
|
|
|
|
dl.img11_5b1 {
|
|
background: url('/img/sub/img11_5c22.png') no-repeat top;
|
|
}
|
|
|
|
dl.img11_5c1 {
|
|
background: url('/img/sub/img11_5c32.png') no-repeat top;
|
|
}
|
|
|
|
dl.img11_5a1 dt {
|
|
height: 61px;
|
|
}
|
|
|
|
dl.img11_5b1 dt {
|
|
height: 61px;
|
|
}
|
|
|
|
dl.img11_5c1 dt {
|
|
height: 61px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
dl.img11_5a1 {
|
|
background: url('/img/sub/img11_5c12.png') no-repeat top;
|
|
background-size: 100% 37px;
|
|
}
|
|
|
|
dl.img11_5b1 {
|
|
background: url('/img/sub/img11_5c22.png') no-repeat top;
|
|
background-size: 100% 37px;
|
|
}
|
|
|
|
dl.img11_5c1 {
|
|
background: url('/img/sub/img11_5c32.png') no-repeat top;
|
|
background-size: 100% 37px;
|
|
}
|
|
|
|
dl.img11_5a1 dt {
|
|
height: 48px;
|
|
}
|
|
|
|
dl.img11_5b1 dt {
|
|
height: 48px;
|
|
}
|
|
|
|
dl.img11_5c1 dt {
|
|
height: 48px;
|
|
}
|
|
|
|
.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: #159da7;
|
|
}
|
|
|
|
/*190422 수정*/
|
|
|
|
@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: #159da7;
|
|
}
|
|
|
|
/*190422 수정*/
|
|
}
|
|
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/*background 수정*/
|
|
.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, #005aab 0%, #005aab 0%, #3c89d0 100%);
|
|
/* FF3.6-15 */
|
|
background: -webkit-linear-gradient(left, #005aab 0%, #005aab 0%, #3c89d0 100%);
|
|
/* Chrome10-25,Safari5.1-6 */
|
|
background: linear-gradient(to right, #005aab 0%, #005aab 0%, #3c89d0 100%);
|
|
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005aab', endColorstr='#3c89d0', 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.기관소개 */
|
|
/*인사말 수정190116 */
|
|
.con51_box {
|
|
width: 100%;
|
|
padding: 13% 0 0 37%;
|
|
background: url('/img/sub/img51_2.jpg') no-repeat top;
|
|
background-size: 100%;
|
|
color: #505050;
|
|
font-size: 18px;
|
|
line-height: 30px;
|
|
letter-spacing: -1px;
|
|
|
|
}
|
|
|
|
.con51_box span {
|
|
color: #3a5c98
|
|
}
|
|
|
|
.con51_limg_700 {
|
|
display: block;
|
|
}
|
|
|
|
@media screen and (max-width: 880px) {
|
|
.con51_limg_700 img {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 700px) {
|
|
.con51_box {
|
|
width: 100%;
|
|
padding: 90% 0 0 2%;
|
|
background: url('/img/sub/img51_1_650.jpg') no-repeat top;
|
|
background-size: 100%;
|
|
font-size: 16px;
|
|
line-height: 25px;
|
|
}
|
|
|
|
.con51_limg_700 {
|
|
display: none
|
|
}
|
|
|
|
.con51_limg_name img {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.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%
|
|
}
|
|
}
|
|
|
|
/* 역대기관장 - 190116수정 */
|
|
.president_box {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 32%;
|
|
padding-bottom: 2%;
|
|
margin: 0.5%;
|
|
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 .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;
|
|
}
|
|
}
|
|
|
|
/*20200122-수정*/
|
|
|
|
.con_list03 .imgBlock ul li {
|
|
width: 17.94%;
|
|
height: 111px;
|
|
overflow: hidden;
|
|
border-radius: 10px;
|
|
margin: 0 10px;
|
|
list-style: none;
|
|
background: none;
|
|
display: inline-block;
|
|
padding: 0;
|
|
}
|
|
|
|
.con_list03 .imgBlock ul li img {
|
|
width: 100%;
|
|
}
|
|
|
|
.boxNew52 .sub14_list dt {
|
|
padding: 12px 0 23px 0;
|
|
}
|
|
|
|
@media screen and (max-width: 1150px) {
|
|
.con_list03 .imgBlock ul {
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.con_list03 .imgBlock ul li {
|
|
width: 30.94%;
|
|
height: 193px;
|
|
;
|
|
overflow: hidden;
|
|
border-radius: 10px;
|
|
margin: 10px;
|
|
list-style: none;
|
|
background: none;
|
|
display: inline-block;
|
|
}
|
|
|
|
.con_list03 .imgBlock ul li img {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 978px) {
|
|
.con_list03 .imgBlock ul {
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.con_list03 .imgBlock ul li {
|
|
width: 28.94%;
|
|
height: 171px;
|
|
overflow: hidden;
|
|
border-radius: 10px;
|
|
margin: 10px;
|
|
list-style: none;
|
|
background: none;
|
|
display: inline-block;
|
|
}
|
|
|
|
.con_list03 .imgBlock ul li img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.boxNew52 .sub14_list {
|
|
height: 193px;
|
|
}
|
|
|
|
.boxNew52 .sub14_list dt {
|
|
padding: 12px 0 21px 0;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 549px) {
|
|
.con_list03 .imgBlock ul {
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.con_list03 .imgBlock ul li {
|
|
width: 42.94%;
|
|
height: 171px;
|
|
overflow: hidden;
|
|
border-radius: 10px;
|
|
margin: 10px;
|
|
list-style: none;
|
|
background: none;
|
|
display: inline-block;
|
|
}
|
|
|
|
.con_list03 .imgBlock ul li img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 908px) {
|
|
.boxNew5 dl.img11_5a {
|
|
background: url('/img/sub/img11_5c12.png') no-repeat top;
|
|
background-size: 100% 53px;
|
|
}
|
|
|
|
.boxNew5 dl.img11_5b {
|
|
background: url('/img/sub/img11_5c22.png') no-repeat top;
|
|
background-size: 100% 53px;
|
|
}
|
|
|
|
.boxNew5 dl.img11_5c {
|
|
background: url('/img/sub/img11_5c32.png') no-repeat top;
|
|
background-size: 100% 53px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 770px) {
|
|
.boxNew5 dl.img11_5a {
|
|
background: url('/img/sub/img11_5c12.png') no-repeat top;
|
|
background-size: 105% 38px;
|
|
}
|
|
|
|
.boxNew5 dl.img11_5b {
|
|
background: url('/img/sub/img11_5c22.png') no-repeat top;
|
|
background-size: 105% 38px;
|
|
}
|
|
|
|
.boxNew5 dl.img11_5c {
|
|
background: url('/img/sub/img11_5c32.png') no-repeat top;
|
|
background-size: 105% 38px;
|
|
}
|
|
|
|
.boxNew5 dl.img11_5a dt {
|
|
padding: 5px 0 7px 0;
|
|
}
|
|
|
|
.boxNew5 dl.img11_5b dt {
|
|
padding: 5px 0 7px 0;
|
|
}
|
|
|
|
.boxNew5 dl.img11_5c dt {
|
|
padding: 5px 0 7px 0;
|
|
}
|
|
|
|
.boxNew52 .sub14_list {
|
|
height: 170px;
|
|
}
|
|
|
|
.boxNew52 .sub14_list dt {
|
|
padding: 12px 0 30px 0;
|
|
}
|
|
|
|
.conboxNew .content_img_1920 {
|
|
display: none;
|
|
}
|
|
|
|
.conboxNew .content_img_480 {
|
|
display: block;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 370px) {
|
|
.boxNew52 .sub14_list {
|
|
height: 178px;
|
|
}
|
|
|
|
.boxNew52 .sub14_list dt {
|
|
padding: 12px 0 16px 0;
|
|
}
|
|
|
|
.con_list03 .imgBlock ul li {
|
|
width: 80.94%;
|
|
}
|
|
}
|
|
|
|
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
|
|
|
|
* {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
outline: 0
|
|
}
|
|
|
|
html {
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
body {
|
|
position: relative;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 15px;
|
|
}
|
|
|
|
body,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
input,
|
|
button,
|
|
textarea,
|
|
select {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: 'Noto Sans KR', sans-serif;
|
|
}
|
|
|
|
p {
|
|
margin: 0;
|
|
}
|
|
|
|
ol,
|
|
ul,
|
|
li {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
outline: 0
|
|
}
|
|
|
|
a:link,
|
|
a:visited,
|
|
a:hover,
|
|
a:focus,
|
|
a:active {
|
|
color: #000;
|
|
text-decoration: none;
|
|
outline: 0
|
|
}
|
|
|
|
a:hover,
|
|
a:focus,
|
|
a:active {
|
|
color: #000;
|
|
text-decoration: none;
|
|
outline: 0
|
|
}
|
|
|
|
label {
|
|
font-size: 0
|
|
}
|
|
|
|
caption {
|
|
font-size: 0
|
|
}
|
|
|
|
table {
|
|
border-spacing: 0;
|
|
border-collapse: collapse
|
|
}
|
|
|
|
.blind {
|
|
height: 0;
|
|
font-size: 0;
|
|
text-indent: -9999px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.inblock {
|
|
display: inline-block;
|
|
}
|
|
|
|
|
|
header {
|
|
position: relative;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 80px;
|
|
z-index: 100;
|
|
}
|
|
|
|
.hd_top {
|
|
position: relative;
|
|
width: 1280px;
|
|
height: 80px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.hd_top.on::before {
|
|
position: absolute;
|
|
min-height: 289px;
|
|
height: 100%;
|
|
background-color: #fafafa;
|
|
width: 200%;
|
|
content: "";
|
|
left: -50%;
|
|
z-index: 99;
|
|
background-image: url(/img/index/menuBg.png);
|
|
top: 80px;
|
|
border-top: 1px solid #dbdcdc;
|
|
}
|
|
|
|
@media screen and (max-width: 1280px) {
|
|
.hd_top {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 770px) {
|
|
.hd_top {
|
|
height: 80px;
|
|
}
|
|
}
|
|
|
|
h1 {
|
|
position: absolute;
|
|
left: 10px;
|
|
top: 12px;
|
|
width: 221px;
|
|
height: 57px;
|
|
z-index: 99999;
|
|
}
|
|
|
|
h1 a {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
@media screen and (max-width: 480px) {
|
|
header {
|
|
position: relative;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 60px;
|
|
z-index: 100;
|
|
}
|
|
|
|
.hd_top {
|
|
height: 60px;
|
|
}
|
|
|
|
h1 {
|
|
position: absolute;
|
|
left: 10px;
|
|
top: 7px;
|
|
width: 221px;
|
|
height: 57px;
|
|
z-index: 99999;
|
|
}
|
|
|
|
h1 img {
|
|
width: 80%;
|
|
}
|
|
}
|
|
|
|
#skip_to_container a {
|
|
z-index: 100000;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 1px;
|
|
height: 1px;
|
|
font-size: 0;
|
|
line-height: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#skip_to_container a:focus,
|
|
#skip_to_container a:active {
|
|
width: 100%;
|
|
height: 75px;
|
|
background: #21272e;
|
|
color: #fff;
|
|
font-size: 2em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
line-height: 3.3em;
|
|
}
|
|
|
|
.utill {
|
|
float: right;
|
|
position: relative;
|
|
width: 160px;
|
|
height: 80px;
|
|
z-index: 999999999;
|
|
}
|
|
|
|
#utill_sitemap.siteMap2 {
|
|
top: 80px;
|
|
display: block;
|
|
border-top: 1px solid #dce7f2;
|
|
}
|
|
|
|
|
|
@media screen and (max-width: 770px) {
|
|
|
|
.utill {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.utill ul {
|
|
display: block;
|
|
}
|
|
|
|
.utill li {
|
|
float: left;
|
|
width: 80px;
|
|
text-align: center;
|
|
}
|
|
|
|
.utill li#utill_ct {
|
|
width: 48px;
|
|
padding-right: 0;
|
|
background: none;
|
|
}
|
|
|
|
.utill li a {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
/* 사이트맵 카테고리 */
|
|
#utill_sitemap {
|
|
display: none;
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0, 0, 0, 0.8);
|
|
z-index: 99999;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-backface-visibility: hidden;
|
|
}
|
|
|
|
|
|
@media (max-width:960px) {
|
|
|
|
#utill_sitemap {
|
|
top: 80px;
|
|
}
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
|
|
#utill_sitemap {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
#utill_sitemap .us_wr {
|
|
width: 100%;
|
|
height: 730px;
|
|
overflow-y: auto;
|
|
background: #f1f5f8;
|
|
z-index: 99999;
|
|
}
|
|
|
|
#utill_sitemap .us_tbx {
|
|
position: relative;
|
|
width: 1280px;
|
|
height: 730px;
|
|
margin: 0 auto;
|
|
padding-top: 15px;
|
|
padding-left: 100px;
|
|
}
|
|
|
|
@media (max-width:1280px) {
|
|
#utill_sitemap .us_tbx {
|
|
width: 100%;
|
|
height: 800px;
|
|
padding-left: 20px;
|
|
}
|
|
}
|
|
|
|
.us_tbx_ul01 {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.us_tbx_ul01 li {
|
|
float: left;
|
|
width: 18%;
|
|
padding-right: 0;
|
|
color: #000;
|
|
text-align: left;
|
|
background: none;
|
|
word-break: keep-all;
|
|
}
|
|
|
|
@media (max-width:960px) {
|
|
|
|
.us_tbx_ul01 li {
|
|
width: 16%;
|
|
margin-right: 2%;
|
|
font-size: 13px;
|
|
}
|
|
}
|
|
|
|
.us_tbx_ul01>li:nth-child(4) {
|
|
width: 20%;
|
|
background: none;
|
|
}
|
|
|
|
@media (max-width:960px) {
|
|
|
|
.us_tbx_ul01>li:nth-child(4) {}
|
|
}
|
|
|
|
|
|
.us_tbx_ul01 li p {
|
|
display: inline-block;
|
|
width: 150px;
|
|
font-size: 24px;
|
|
padding-bottom: 20px;
|
|
border-bottom: 1px solid #dedede;
|
|
}
|
|
|
|
@media (max-width:960px) {
|
|
|
|
.us_tbx_ul01 li p {
|
|
display: block;
|
|
width: 100%;
|
|
padding-bottom: 8px;
|
|
font-size: 17px;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
.us_tbx_ul02 {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.us_tbx_ul02,
|
|
.us_tbx_ul02 li {
|
|
display: block;
|
|
width: 100%;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.us_tbx_ul02 li {
|
|
font-size: 16px;
|
|
color: #000;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.us_tbx_ul02 li ul {
|
|
margin: 5px 0 5px 0px;
|
|
}
|
|
|
|
.us_tbx_ul02 li ul li {
|
|
margin: 0px 0 2px 15px;
|
|
}
|
|
|
|
.us_tbx_ul02 li ul li:before {
|
|
position: absolute;
|
|
margin: 6px 0 0 -8px;
|
|
width: 4px;
|
|
height: 4px;
|
|
background: #aaa;
|
|
content: '';
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.us_tbx_ul02 li ul li a {
|
|
font-size: 13px;
|
|
color: #666;
|
|
}
|
|
|
|
@media (max-width:960px) {
|
|
|
|
.us_tbx_ul02 li {
|
|
font-size: 13px;
|
|
|
|
}
|
|
}
|
|
|
|
.us_tbx_ul02 li a {
|
|
color: #000;
|
|
}
|
|
|
|
.us_tbx_ul02 li a:hover {
|
|
text-decoration: underline !important;
|
|
}
|
|
|
|
.us_tbx_ul03 {
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.us_tbx_ul03 li {
|
|
font-size: 13px;
|
|
text-indent: -0.1em;
|
|
}
|
|
|
|
#utill_sitemap .pop_close {
|
|
position: absolute;
|
|
top: 30px;
|
|
right: 30px;
|
|
width: 33px;
|
|
height: 31px;
|
|
font-size: 0;
|
|
text-indent: -9999px;
|
|
background: url(/img/us_close.png) no-repeat center;
|
|
border: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#hd_ct,
|
|
#hd_search {
|
|
display: none;
|
|
}
|
|
|
|
@media screen and (max-width: 770px) {
|
|
#hd_search {
|
|
display: block;
|
|
float: right;
|
|
width: 80px;
|
|
height: 80px;
|
|
text-indent: -9999px;
|
|
background: url(/img/top_search_btn.png) no-repeat center;
|
|
background-size: cover;
|
|
border: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#hd_ct {
|
|
display: block;
|
|
float: right;
|
|
width: 90px;
|
|
height: 80px;
|
|
text-indent: -9999px;
|
|
background: url(/img/toggle.jpg) no-repeat center;
|
|
background-size: cover;
|
|
border: 0;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 480px) {
|
|
#hd_search {
|
|
display: block;
|
|
float: right;
|
|
width: 50px;
|
|
height: 60px;
|
|
text-indent: -9999px;
|
|
background: url(/img/top_search_btn.png) no-repeat center;
|
|
background-size: cover;
|
|
border: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#hd_ct {
|
|
display: block;
|
|
float: right;
|
|
width: 60px;
|
|
height: 60px;
|
|
text-indent: -9999px;
|
|
background: url(/img/toggle.jpg) no-repeat center;
|
|
background-size: cover;
|
|
border: 0;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
/* 모바일 카테고리 */
|
|
#category {
|
|
display: none;
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #fff;
|
|
z-index: 99999;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-backface-visibility: hidden;
|
|
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
body {
|
|
overflow: hidden;
|
|
}
|
|
|
|
#category {
|
|
top: 0px;
|
|
height: calc(100% - 60px);
|
|
}
|
|
}
|
|
|
|
#category .ct_wr {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
background: #fff;
|
|
border-top: 3px solid #2877b7;
|
|
z-index: 99999;
|
|
}
|
|
|
|
#category ul.cate_tab {
|
|
width: 100%
|
|
}
|
|
|
|
#category ul.cate_tab:after {
|
|
display: block;
|
|
visibility: hidden;
|
|
clear: both;
|
|
content: "";
|
|
}
|
|
|
|
#category ul.cate_tab li {
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
|
|
#category ul.cate_tab li button {
|
|
display: block;
|
|
width: 100%;
|
|
height: 60px;
|
|
line-height: 60px;
|
|
color: #a8a8a8;
|
|
border-top: 2px solid #f6f0e7;
|
|
background: #f6f0e7;
|
|
border: none;
|
|
color: #998972;
|
|
}
|
|
|
|
#category ul.cate_tab li button.ct_tab_sl {
|
|
font-weight: bold;
|
|
background: #fff;
|
|
color: #545454;
|
|
border-top: 2px solid #be9153;
|
|
height: 60px;
|
|
}
|
|
|
|
#category ul.cate {
|
|
background: #fff;
|
|
width: 100%;
|
|
text-align: left;
|
|
text-indent: 10px;
|
|
}
|
|
|
|
#category ul.cate>li {
|
|
line-height: 60px;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
font-size: 1.167em;
|
|
}
|
|
|
|
#category ul.cate li {
|
|
position: relative;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#category ul.cate li a {
|
|
display: block;
|
|
color: #545454;
|
|
padding-right: 40px;
|
|
font-weight: 500;
|
|
font-size: 18px;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#category ul.cate li .ct_op {
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
height: 60px;
|
|
width: 40px;
|
|
text-indent: -9999px;
|
|
background: url(/img/btn_op.png) no-repeat center;
|
|
border: none;
|
|
}
|
|
|
|
#category ul.cate li a:hover,
|
|
#category ul.cate li a:focus {
|
|
text-decoration: underline
|
|
}
|
|
|
|
#category ul.cate li .ct_cl {
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
height: 60px;
|
|
width: 40px;
|
|
text-indent: -999px;
|
|
background: url(/img/btn_cl.png) no-repeat center;
|
|
}
|
|
|
|
#category ul.sub_cate {
|
|
display: none;
|
|
}
|
|
|
|
#category ul.sub_cate1 li {
|
|
text-indent: 20px;
|
|
background: #eee;
|
|
border-top: 1px solid #d2d2d2;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#category ul.sub_cate1 li a {
|
|
height: 50px;
|
|
line-height: 50px;
|
|
}
|
|
|
|
#category .category_logo {
|
|
position: relative;
|
|
height: 80px;
|
|
background: #fff;
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
#category .category_logo {
|
|
position: relative;
|
|
height: 60px;
|
|
background: #fff;
|
|
}
|
|
}
|
|
|
|
#category .pop_close {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0;
|
|
width: 90px;
|
|
height: 80px;
|
|
background: url(/img/toggle_close.jpg) no-repeat center;
|
|
border: 0;
|
|
text-indent: -99999px;
|
|
z-index: 1000;
|
|
cursor: pointer
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
#category .pop_close {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0;
|
|
width: 60px;
|
|
height: 60px;
|
|
background: url(/img/toggle_close.jpg) no-repeat center;
|
|
background-size: cover;
|
|
border: 0;
|
|
text-indent: -99999px;
|
|
z-index: 1000;
|
|
cursor: pointer
|
|
}
|
|
}
|
|
|
|
.tab_btn {
|
|
position: fixed;
|
|
width: 35%;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
background: #f5f5f5;
|
|
border-right: 1px solid #d9d9d9;
|
|
}
|
|
|
|
.tab_btn ul {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.tab_btn li {
|
|
width: 100%;
|
|
height: auto;
|
|
line-height: 70px;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
color: #748b96;
|
|
letter-spacing: -0.1em;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
}
|
|
|
|
.tab_btn li a {
|
|
display: block;
|
|
width: 100%;
|
|
color: inherit;
|
|
font-weight: 600;
|
|
background-repeat: no-repeat
|
|
}
|
|
|
|
#tabs {
|
|
content: "";
|
|
clear: both;
|
|
display: block;
|
|
}
|
|
|
|
#tabs .ui-tabs-anchor {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0;
|
|
}
|
|
|
|
#tabs #tabs-1,
|
|
#tabs #tabs-2,
|
|
#tabs #tabs-3,
|
|
#tabs #tabs-4 {
|
|
width: 100%;
|
|
}
|
|
|
|
#tabs .ui-state-active a,
|
|
#tabs .ui-state-active a:link,
|
|
#tabs .ui-state-active a:visited {
|
|
font-weight: 600;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.tab_list {
|
|
position: relative;
|
|
margin-left: 35%;
|
|
padding: 20px;
|
|
font-size: 13px;
|
|
color: #606060;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.tab_list a {
|
|
color: #606060;
|
|
}
|
|
|
|
.tab_list span {
|
|
color: #606060;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.tab_list li {
|
|
position: relative;
|
|
float: left;
|
|
width: 284px;
|
|
}
|
|
|
|
.ct_wr_ts {
|
|
height: 20px;
|
|
font-size: 15px;
|
|
border-bottom: 1px solid #000
|
|
}
|
|
|
|
.ct_wr_lists {
|
|
display: block
|
|
}
|
|
|
|
.ct_wr_lists li {
|
|
width: 100%;
|
|
line-height: 40px;
|
|
font-size: 15px;
|
|
color: #000;
|
|
border-bottom: 1px solid #e6e8e8;
|
|
word-break: keep-all
|
|
}
|
|
|
|
.ct_wr_lists li a {
|
|
font-weight: bold;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
color: inherit;
|
|
background: url(/img/s_navi_arrow.gif) no-repeat 99% center;
|
|
}
|
|
|
|
.ct_wr_lists li a:hover {
|
|
color: #000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ct_wr_lists li ul li {
|
|
line-height: 16px;
|
|
font-size: 14px;
|
|
color: #5b5b5b;
|
|
margin: 0 0 5px 10px;
|
|
border-bottom: 0px solid #e6e8e8
|
|
}
|
|
|
|
.ct_wr_lists li ul li:last-child {
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.ct_wr_lists li ul li a {
|
|
font-weight: 500;
|
|
}
|
|
|
|
|
|
/* 상단메뉴 s */
|
|
#nav {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
line-height: 80px;
|
|
height: 80px;
|
|
font-size: 22px;
|
|
z-index: 500;
|
|
}
|
|
|
|
@media (max-width:950px) {
|
|
#nav {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
#nav ul.select {
|
|
display: block;
|
|
position: relative;
|
|
width: 100%;
|
|
height: 80px;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#nav li {
|
|
display: inline-block;
|
|
}
|
|
|
|
#nav .select a {
|
|
display: block;
|
|
height: 80px;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
color: #222;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#nav .select a b {
|
|
font-weight: 600;
|
|
}
|
|
|
|
#nav .select>li:first-child {
|
|
margin-left: 80px;
|
|
}
|
|
|
|
#nav .select>li {
|
|
padding: 0 25px;
|
|
font-size: 20px;
|
|
line-height: 80px;
|
|
position: relative;
|
|
margin-left: -5px;
|
|
}
|
|
|
|
@media (max-width: 1280px) {
|
|
|
|
#nav .select>li {
|
|
margin: 0 20px;
|
|
font-size: 18px;
|
|
margin-left: 13px;
|
|
}
|
|
|
|
#nav div.sub_right ul {
|
|
padding: 25px 0 0 22%;
|
|
}
|
|
|
|
#nav .sub_right ul li div.deth3_menu ul {
|
|
width: 97%;
|
|
}
|
|
|
|
#nav .select li.active div.sub li a {
|
|
word-break: break-all
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1050px) {
|
|
|
|
#nav .select>li {
|
|
margin: 0 15px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
#nav div.sub_right ul {
|
|
padding: 25px 0 0 22%;
|
|
}
|
|
}
|
|
|
|
|
|
#nav .select li:hover a {
|
|
color: #125fac;
|
|
}
|
|
|
|
#nav .select li:hover a b {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#nav .select li.active a b {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#nav .sub {
|
|
display: none;
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 297px;
|
|
top: 0px;
|
|
text-align: center;
|
|
border: 0px solid red;
|
|
/*background:url('/img/head_bg.jpg') top center no-repeat #fff;*/
|
|
}
|
|
|
|
|
|
#nav .sub_bx {
|
|
position: relative;
|
|
width: 1280px;
|
|
height: 297px;
|
|
margin: 0 auto;
|
|
overflow: hidden;
|
|
}
|
|
|
|
@media (max-width: 1280px) {
|
|
#nav .sub_bx {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 297px;
|
|
margin: 0 auto;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
|
|
.sub_left {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 50%;
|
|
height: 289px;
|
|
padding-top: 130px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
#nav .sub_bx .haed_left_icon1 {
|
|
background: url('/img/haed_left_icon1.png') no-repeat 0px 120px;
|
|
}
|
|
|
|
#nav .sub_bx .haed_left_icon2 {
|
|
background: url('/img/haed_left_icon2.png') no-repeat 10px 110px;
|
|
}
|
|
|
|
#nav .sub_bx .haed_left_icon3 {
|
|
background: url('/img/haed_left_icon3.png') no-repeat 10px 100px;
|
|
}
|
|
|
|
#nav .sub_bx .haed_left_icon4 {
|
|
background: url('/img/haed_left_icon4.png') no-repeat 10px 100px;
|
|
}
|
|
|
|
#nav .sub_bx .haed_left_icon5 {
|
|
background: url('/img/haed_left_icon5.png') no-repeat 10px 110px;
|
|
}
|
|
|
|
#nav .sub_bx .haed_left_icon6 {
|
|
background: url('/img/haed_left_icon6.png') no-repeat 0px 100px;
|
|
}
|
|
|
|
#nav .sub_bx .sub_left .hight_tit {
|
|
margin: 0px 0 10px 120px;
|
|
font-size: 28px;
|
|
color: #000000;
|
|
line-height: 1em;
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
#nav .sub_bx .sub_left .hight_txt {
|
|
margin: 0px 0 0px 120px;
|
|
font-size: 15px;
|
|
color: #8b8b8b;
|
|
line-height: 1.4em;
|
|
}
|
|
|
|
#nav .sub li {
|
|
background: transparent;
|
|
}
|
|
|
|
#nav .select li:hover {
|
|
position: relative;
|
|
}
|
|
|
|
#nav .select li:hover .sub {
|
|
display: block;
|
|
position: absolute;
|
|
top: 80px;
|
|
left: -40%;
|
|
width: 180%;
|
|
height: 290px;
|
|
line-height: 60px;
|
|
text-align: left;
|
|
/*box-shadow:0 3px 0px rgba(0,0,0,0.05);
|
|
border-top:1px solid #dbdcdc;
|
|
border-bottom:1px solid #dbdcdc;*/
|
|
background-color: #f1f5f8;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
|
|
#nav .select li.active .sub {
|
|
display: block;
|
|
position: absolute;
|
|
top: 80px;
|
|
left: 0%;
|
|
width: 102%;
|
|
height: 290px;
|
|
line-height: 60px;
|
|
text-align: left;
|
|
/*box-shadow:0 3px 0px rgba(0,0,0,0.05);
|
|
border-top:1px solid #dbdcdc;
|
|
border-bottom:1px solid #dbdcdc;*/
|
|
}
|
|
|
|
#nav .select li:hover .sub li {
|
|
display: block;
|
|
line-height: 1em;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
#nav .select li.active .sub li {
|
|
display: block;
|
|
line-height: 1em;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
#nav .sub_bx .sub_right {
|
|
position: absolute;
|
|
right: 25%;
|
|
top: 0;
|
|
width: 25%;
|
|
height: 289px;
|
|
vertical-align: top;
|
|
border-right: 1px solid #dbdcdc;
|
|
border-left: 1px solid #dbdcdc;
|
|
background: #fff;
|
|
border-bottom: 1px solid #dbdcdc;
|
|
}
|
|
|
|
/*#nav .sub_bx .sub_right ul {padding:25px 0 0 15%}
|
|
#nav .sub_bx .sub_right ul li {position:relative}
|
|
|
|
#nav .sub_bx .sub_right ul li .deth3_wrap {}
|
|
#nav .sub_bx .sub_right ul li .deth3_plus {position:absolute; top:-1px; left:-21px; cursor:pointer; border:0px solid red}
|
|
#nav .sub_bx .sub_right ul li .deth3_minus {position:absolute; top:-1px; left:-21px}
|
|
#nav .sub_bx .sub_right ul li .deth3_menu ul {width:80%; margin-top:5px; padding:3px 7px; background:#fff; border-top:1px dotted #c6c6c6; border-bottom:1px dotted #c6c6c6; }
|
|
#nav .sub_bx .sub_right ul li .deth3_menu ul li {padding-bottom:2px; background:url('/img/list02.png') no-repeat 0 8px; padding-left:7px; }
|
|
#nav .sub_bx .sub_right ul li .deth3_menu ul li a {color:#666; font-size:14px}
|
|
#nav .sub_bx .sub_right ul li .deth3_menu ul li a:hover {color:#005aab; font-weight:bold}*/
|
|
|
|
|
|
#nav .sub_right ul {
|
|
padding: 25px 0 0 15%
|
|
}
|
|
|
|
#nav .sub_right ul li {
|
|
position: relative
|
|
}
|
|
|
|
#nav .sub_right ul li .deth3_wrap {}
|
|
|
|
#nav .sub_right ul li .deth3_plus {
|
|
position: absolute;
|
|
top: -1px;
|
|
left: -18px;
|
|
cursor: pointer;
|
|
border: 0px solid red;
|
|
display: inline-block;
|
|
}
|
|
|
|
#nav .sub_right ul li .deth3_minus {
|
|
position: absolute;
|
|
top: -1px;
|
|
left: -21px;
|
|
display: inline-block;
|
|
}
|
|
|
|
#nav .sub_right ul li .deth3_menu ul {
|
|
width: 88%;
|
|
margin-top: 5px;
|
|
padding: 3px 7px;
|
|
background: #fff;
|
|
border-top: 1px dotted #c6c6c6;
|
|
border-bottom: 1px dotted #c6c6c6;
|
|
}
|
|
|
|
#nav .sub_right ul li .deth3_menu ul li {
|
|
padding-bottom: 2px;
|
|
background: url('/img/list02.png') no-repeat 0 8px;
|
|
padding-left: 7px;
|
|
}
|
|
|
|
#nav .sub_right ul li .deth3_menu ul li a {
|
|
color: #666;
|
|
font-size: 14px;
|
|
word-break: keep-all
|
|
}
|
|
|
|
#nav .sub_right ul li .deth3_menu ul li a:hover {
|
|
color: #005aab;
|
|
font-weight: bold
|
|
}
|
|
|
|
#nav .sub_bx .sub_right2 {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 25%;
|
|
height: 289px;
|
|
vertical-align: top;
|
|
border-bottom: 1px solid #dbdcdc;
|
|
border-right: 1px solid #dbdcdc;
|
|
background: #fff;
|
|
}
|
|
|
|
#nav .sub_bx .sub_right2 ul {
|
|
width: 100%;
|
|
}
|
|
|
|
#nav .sub_bx .sub_right2 ul li {
|
|
width: 100%;
|
|
height: 96px;
|
|
cursor: pointer;
|
|
border-bottom: 1px solid #dbdcdc;
|
|
}
|
|
|
|
#nav .sub_bx .sub_right2 ul li:last-child {
|
|
border-bottom: 0px solid #dbdcdc;
|
|
}
|
|
|
|
|
|
|
|
#nav .sub_bx .sub_right2 ul li:first-child {
|
|
background: url('/img/right_img1.png') no-repeat right center;
|
|
}
|
|
|
|
#nav .sub_bx .sub_right2 ul li:nth-child(2) {
|
|
background: url('/img/right_img2.png') no-repeat right center;
|
|
}
|
|
|
|
#nav .sub_bx .sub_right2 ul li:nth-child(3) {
|
|
background: url('/img/right_img3.png') no-repeat right center;
|
|
}
|
|
|
|
@media (max-width: 1050px) {
|
|
#nav .sub_bx .sub_right2 ul li:first-child {
|
|
background: none;
|
|
}
|
|
|
|
#nav .sub_bx .sub_right2 ul li:nth-child(2) {
|
|
background: none;
|
|
}
|
|
|
|
#nav .sub_bx .sub_right2 ul li:nth-child(3) {
|
|
background: none;
|
|
}
|
|
}
|
|
|
|
#nav .sub_bx .sub_right2 ul li .tt {
|
|
font-size: 18px;
|
|
padding: 28px 0 0 15px;
|
|
font-weight: 700;
|
|
letter-spacing: -1px;
|
|
color: #222;
|
|
}
|
|
|
|
#nav .sub_bx .sub_right2 ul li .txt {
|
|
font-size: 14px;
|
|
color: #555555;
|
|
/*색상수정*/
|
|
padding: 5px 0 0 15px;
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
#nav .sub_bx .sub_right2 ul li:hover {
|
|
font-weight: 600;
|
|
}
|
|
|
|
#nav .select li:hover .sub li a {
|
|
display: block;
|
|
margin: 0;
|
|
color: #000;
|
|
font-size: 15px;
|
|
white-space: nowrap;
|
|
border: 0;
|
|
padding: 0;
|
|
height: auto;
|
|
}
|
|
|
|
#nav .select li.active .sub li a {
|
|
display: block;
|
|
margin: 0;
|
|
color: #000;
|
|
font-size: 13px;
|
|
white-space: normal;
|
|
border: 0;
|
|
padding: 0;
|
|
height: auto;
|
|
letter-spacing: -1px;
|
|
word-break: keep-all
|
|
}
|
|
|
|
#nav .select li:hover .sub li a:hover {
|
|
font-weight: 600
|
|
}
|
|
|
|
/* 상단메뉴 e */
|
|
|
|
|
|
/* 내용 PC */
|
|
#container {
|
|
position: relative;
|
|
margin: 50px auto;
|
|
width: 1150px;
|
|
height: auto;
|
|
word-break: keep-all
|
|
}
|
|
|
|
@media screen and (max-width: 1150px) {
|
|
#container {
|
|
width: 100%;
|
|
padding: 0 10px;
|
|
}
|
|
}
|
|
|
|
|
|
/* footer PC */
|
|
footer {}
|
|
|
|
footer.sft {
|
|
width: 100%;
|
|
height: 170px;
|
|
background: #191819;
|
|
clear: both;
|
|
}
|
|
|
|
footer.sft:after {
|
|
content: "";
|
|
clear: both;
|
|
display: block;
|
|
}
|
|
|
|
footer.sft>div {
|
|
position: absolute;
|
|
left: 50%;
|
|
width: 1280px;
|
|
margin-left: -640px;
|
|
z-index: 10;
|
|
}
|
|
|
|
footer.sft>div {
|
|
position: relative;
|
|
}
|
|
|
|
.ft_menu {
|
|
text-align: center;
|
|
height: 50px;
|
|
padding-top: 18px;
|
|
border-bottom: 1px solid #303030;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.ft_menu ul li {
|
|
float: left;
|
|
line-height: 1em;
|
|
border-right: 1px solid #474647;
|
|
padding: 0 10px
|
|
}
|
|
|
|
.ft_menu ul li:last-child {
|
|
border-right: 0px solid #474647;
|
|
padding: 0 10px
|
|
}
|
|
|
|
.ft_menu ul li a {
|
|
color: #a8a8a8;
|
|
font-size: 13px;
|
|
font-weight: 500
|
|
}
|
|
|
|
.ft_menu ul li a:hover {
|
|
color: #fff;
|
|
font-weight: bold
|
|
}
|
|
|
|
.ft_menu .facebook {
|
|
margin-top: -11px
|
|
}
|
|
|
|
.ft_menu select {
|
|
position: absolute;
|
|
top: 7px;
|
|
right: 0;
|
|
width: 210px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
padding: 0 10px;
|
|
border: 1px solid #5e5e5e;
|
|
color: #fff;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: url('/img/select-arrow.png') no-repeat 95% 50% #3a3a3a;
|
|
/* 화살표 아이콘 추가 */
|
|
}
|
|
|
|
.ft_menu select::-ms-expand {
|
|
display: none;
|
|
}
|
|
|
|
.ft_left {
|
|
float: left;
|
|
width: 1200px;
|
|
}
|
|
|
|
.ft_logo {
|
|
float: left;
|
|
height: 65px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
address {
|
|
float: left;
|
|
width: 950px;
|
|
height: 80px;
|
|
padding: 0px 0 0 20px;
|
|
font-style: normal;
|
|
font-size: 14px;
|
|
color: #a8a8a8;
|
|
font-weight: 500;
|
|
line-height: 1.4em;
|
|
letter-spacing: -0.05em;
|
|
}
|
|
|
|
address span {
|
|
display: inline-block;
|
|
padding: 0 10px;
|
|
line-height: 1em;
|
|
border-right: 1px solid #474647;
|
|
}
|
|
|
|
address span:nth-child(4) {
|
|
border-right: 0;
|
|
}
|
|
|
|
address span:nth-child(7) {
|
|
border-right: 0;
|
|
}
|
|
|
|
address .copy {
|
|
padding-left: 10px
|
|
}
|
|
|
|
.ft_right {
|
|
float: right;
|
|
width: 80px;
|
|
height: 80px;
|
|
}
|
|
|
|
.gototop {
|
|
display: inline-block;
|
|
width: 80px;
|
|
height: 80px;
|
|
}
|
|
|
|
.privacy {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* footer 1280px */
|
|
@media (max-width: 1280px) {
|
|
footer {}
|
|
|
|
footer.sft {
|
|
width: 100%;
|
|
height: auto;
|
|
padding-bottom: 2%;
|
|
background: #191819;
|
|
clear: both;
|
|
border: 0px solid red
|
|
}
|
|
|
|
footer.sft>div {
|
|
position: absolute;
|
|
left: 50%;
|
|
width: 100%;
|
|
margin-left: -50%;
|
|
z-index: 10;
|
|
}
|
|
|
|
footer.sft:after {
|
|
content: "";
|
|
clear: both;
|
|
display: block;
|
|
}
|
|
|
|
footer.sft>div {
|
|
position: relative;
|
|
}
|
|
|
|
.ft_menu {
|
|
text-align: center;
|
|
height: 50px;
|
|
padding-top: 18px;
|
|
border-bottom: 1px solid #303030;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.ft_menu ul {
|
|
display: none
|
|
}
|
|
|
|
.privacy {
|
|
display: block;
|
|
}
|
|
|
|
.ft_menu .privacy select {
|
|
position: absolute;
|
|
top: 7px;
|
|
left: 10px;
|
|
width: 180px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
padding: 0 10px;
|
|
border: 1px solid #5e5e5e;
|
|
color: #fff;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: url('/img/select-arrow.png') no-repeat 95% 50% #3a3a3a;
|
|
/* 화살표 아이콘 추가 */
|
|
}
|
|
|
|
.ft_menu .privacy select::-ms-expand {
|
|
display: none;
|
|
}
|
|
|
|
.ft_menu ul li:last-child {
|
|
border-right: 0px solid #474647;
|
|
padding: 0 10px
|
|
}
|
|
|
|
.ft_menu ul li a {
|
|
color: #a8a8a8
|
|
}
|
|
|
|
.ft_menu ul li a:hover {
|
|
color: #fff
|
|
}
|
|
|
|
.ft_menu .facebook {
|
|
position: absolute;
|
|
top: 17px;
|
|
right: 20px;
|
|
}
|
|
|
|
.ft_menu select {
|
|
position: absolute;
|
|
top: 7px;
|
|
/*left:200px;*/
|
|
left: 24%;
|
|
width: 180px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
padding: 0 10px;
|
|
border: 1px solid #5e5e5e;
|
|
color: #fff;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: url('/img/select-arrow.png') no-repeat 95% 50% #3a3a3a;
|
|
/* 화살표 아이콘 추가 */
|
|
}
|
|
|
|
.ft_menu select::-ms-expand {
|
|
display: none;
|
|
}
|
|
|
|
.ft_left {
|
|
float: left;
|
|
width: 90%;
|
|
}
|
|
|
|
.ft_logo {
|
|
float: left;
|
|
width: 15%;
|
|
height: auto;
|
|
margin-top: 10px;
|
|
margin-left: 10px
|
|
}
|
|
|
|
.ft_logo img {
|
|
width: 100%
|
|
}
|
|
|
|
address {
|
|
float: left;
|
|
width: 75%;
|
|
height: auto;
|
|
padding: 0px 0 0 10px;
|
|
font-style: normal;
|
|
font-size: 13px;
|
|
color: #a8a8a8;
|
|
font-weight: 500;
|
|
line-height: 1.4em;
|
|
letter-spacing: -0.05em;
|
|
}
|
|
|
|
address span {
|
|
display: inline-block;
|
|
padding: 0 10px;
|
|
line-height: 1em;
|
|
border-right: 1px solid #474647;
|
|
}
|
|
|
|
address .copy {
|
|
padding-left: 10px
|
|
}
|
|
|
|
.ft_right {
|
|
float: right;
|
|
width: 10%;
|
|
}
|
|
|
|
.gototop {
|
|
display: inline-block;
|
|
width: 80px;
|
|
height: 80px;
|
|
}
|
|
}
|
|
|
|
|
|
/* footer 800px */
|
|
@media (max-width: 800px) {
|
|
|
|
footer {}
|
|
|
|
footer.sft {
|
|
width: 100%;
|
|
height: auto;
|
|
padding-bottom: 2%;
|
|
background: #191819;
|
|
clear: both;
|
|
border: 0px solid red
|
|
}
|
|
|
|
footer.sft>div {
|
|
position: absolute;
|
|
left: 50%;
|
|
width: 100%;
|
|
margin-left: -50%;
|
|
z-index: 10;
|
|
}
|
|
|
|
footer.sft:after {
|
|
content: "";
|
|
clear: both;
|
|
display: block;
|
|
}
|
|
|
|
footer.sft>div {
|
|
position: relative;
|
|
}
|
|
|
|
.ft_menu {
|
|
text-align: center;
|
|
height: 103px;
|
|
padding-top: 18px;
|
|
border-bottom: 1px solid #303030;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.ft_menu ul {
|
|
display: none
|
|
}
|
|
|
|
.privacy {
|
|
display: inline-block;
|
|
}
|
|
|
|
.ft_menu .privacy select {
|
|
position: absolute;
|
|
top: 7px;
|
|
left: 2.5%;
|
|
width: 55%;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
padding: 0 10px;
|
|
border: 1px solid #5e5e5e;
|
|
color: #fff;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: url('/img/select-arrow.png') no-repeat 95% 50% #3a3a3a;
|
|
/* 화살표 아이콘 추가 */
|
|
}
|
|
|
|
.ft_menu .privacy select::-ms-expand {
|
|
display: none;
|
|
}
|
|
|
|
.ft_menu ul li:last-child {
|
|
border-right: 0px solid #474647;
|
|
padding: 0 10px
|
|
}
|
|
|
|
.ft_menu ul li a {
|
|
color: #a8a8a8
|
|
}
|
|
|
|
.ft_menu ul li a:hover {
|
|
color: #fff
|
|
}
|
|
|
|
.ft_menu .facebook {
|
|
position: absolute;
|
|
top: 17px;
|
|
right: 10px;
|
|
}
|
|
|
|
.ft_menu select {
|
|
position: absolute;
|
|
top: 50px;
|
|
left: 2.5%;
|
|
width: 55%;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
padding: 0 10px;
|
|
border: 1px solid #5e5e5e;
|
|
color: #fff;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: url('/img/select-arrow.png') no-repeat 95% 50% #3a3a3a;
|
|
/* 화살표 아이콘 추가 */
|
|
}
|
|
|
|
.ft_menu select::-ms-expand {
|
|
display: none;
|
|
}
|
|
|
|
.ft_left {
|
|
float: left;
|
|
width: 80%;
|
|
}
|
|
|
|
.ft_logo {
|
|
display: none
|
|
}
|
|
|
|
address {
|
|
float: left;
|
|
width: 90%;
|
|
height: auto;
|
|
padding: 0px 0 0 10px;
|
|
font-style: normal;
|
|
font-size: 13px;
|
|
color: #a8a8a8;
|
|
font-weight: 500;
|
|
line-height: 1.4em;
|
|
letter-spacing: -0.05em;
|
|
}
|
|
|
|
address span {
|
|
display: inline-block;
|
|
padding: 0 10px;
|
|
line-height: 1em;
|
|
border-right: 1px solid #474647;
|
|
}
|
|
|
|
address .copy {
|
|
padding-left: 10px
|
|
}
|
|
|
|
.ft_right {
|
|
float: right;
|
|
width: 20%;
|
|
}
|
|
|
|
.gototop {
|
|
display: inline-block;
|
|
width: 80px;
|
|
height: 80px;
|
|
}
|
|
}
|
|
|
|
/* footer 480px */
|
|
@media (max-width: 480px) {
|
|
|
|
footer.sft {
|
|
width: 100%;
|
|
height: auto;
|
|
padding-bottom: 0%;
|
|
background: #191819;
|
|
clear: both;
|
|
}
|
|
|
|
.ft_left {
|
|
float: none;
|
|
width: 100%;
|
|
height: 110px;
|
|
}
|
|
|
|
.ft_right {
|
|
float: none;
|
|
width: 20%;
|
|
}
|
|
|
|
.gototop {
|
|
position: absolute;
|
|
width: 40px;
|
|
height: 40px;
|
|
top: -51%;
|
|
right: 5px
|
|
}
|
|
|
|
.gototop img {
|
|
width: 100%
|
|
}
|
|
|
|
.ft_logo {
|
|
display: none
|
|
}
|
|
|
|
.ft_menu .facebook {
|
|
display: none
|
|
}
|
|
|
|
address {
|
|
float: none;
|
|
width: 100%;
|
|
height: auto;
|
|
padding: 0px 10px 0px 10px;
|
|
font-style: normal;
|
|
font-size: 12px;
|
|
color: #a8a8a8;
|
|
font-weight: 500;
|
|
line-height: 2em;
|
|
letter-spacing: -0.05em;
|
|
background: #191819;
|
|
}
|
|
|
|
address span {
|
|
display: block;
|
|
padding: 0 0 5px 0;
|
|
line-height: 1.3em;
|
|
border-right: 0px solid #474647;
|
|
}
|
|
|
|
address .copy {
|
|
padding-left: 0px;
|
|
line-height: 1.3em;
|
|
}
|
|
|
|
}
|
|
|
|
/* sub */
|
|
.s_visual {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 210px;
|
|
}
|
|
|
|
.s_visual_img01 {
|
|
background: url(/img/s_visual01.jpg) no-repeat bottom;
|
|
background-size: cover;
|
|
}
|
|
|
|
.s_visual_img02 {
|
|
background: url(/img/s_visual02.jpg) no-repeat bottom;
|
|
background-size: cover;
|
|
}
|
|
|
|
.s_visual_img03 {
|
|
background: url(/img/s_visual03.jpg) no-repeat bottom;
|
|
background-size: cover;
|
|
}
|
|
|
|
.s_visual_img04 {
|
|
background: url(/img/s_visual04.jpg) no-repeat bottom;
|
|
background-size: cover;
|
|
}
|
|
|
|
.s_visual_img05 {
|
|
background: url(/img/s_visual05.jpg) no-repeat bottom;
|
|
background-size: cover;
|
|
}
|
|
|
|
.s_visual_img06 {
|
|
background: url(/img/s_visual06.jpg) no-repeat bottom;
|
|
background-size: cover;
|
|
}
|
|
|
|
.s_visual_img07 {
|
|
background: url(/img/s_visual03.jpg) no-repeat bottom;
|
|
background-size: cover;
|
|
}
|
|
|
|
.s_visual_img0 {
|
|
background: url(/img/s_visual03.jpg) no-repeat bottom;
|
|
background-size: cover;
|
|
}
|
|
|
|
.textbar {
|
|
position: relative;
|
|
top: 0px;
|
|
width: 100%;
|
|
height: 210px;
|
|
text-align: center;
|
|
color: #fff;
|
|
z-index: 10;
|
|
}
|
|
|
|
.textbar .s_tit {
|
|
padding-top: 72px;
|
|
width: 100%;
|
|
font-size: 33px;
|
|
font-weight: 400;
|
|
line-height: 1em;
|
|
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.39);
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
.textbar .s_text {
|
|
height: 40px;
|
|
font-size: 14px;
|
|
line-height: 40px;
|
|
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.39);
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
.textbar .sub_navi {
|
|
padding-top: 12px;
|
|
}
|
|
|
|
.textbar .sub_navi ul {
|
|
padding-right: 20px
|
|
}
|
|
|
|
.textbar .sub_navi ul li {
|
|
display: inline-block;
|
|
line-height: 20px;
|
|
color: #d9d9d9;
|
|
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.39);
|
|
}
|
|
|
|
.textbar .sub_navi ul li span {
|
|
color: #fff
|
|
}
|
|
|
|
.textbar .sub_navi .home {
|
|
padding-left: 27px;
|
|
background: url('/img/s_navi_home.png') no-repeat 0 2px
|
|
}
|
|
|
|
@media screen and (max-width:800px) {
|
|
.s_visual {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 150px;
|
|
}
|
|
|
|
.textbar .s_tit {
|
|
padding-top: 42px;
|
|
}
|
|
|
|
.textbar .sub_navi {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
|
|
/*통합검색*/
|
|
|
|
/*탭1*/
|
|
.tab {
|
|
list-style: none;
|
|
margin-bottom: 40px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
@media screen and (max-width:800px) {
|
|
.tab li span {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.tab li {
|
|
float: left;
|
|
margin: 0;
|
|
cursor: pointer;
|
|
border-top: 1px solid #d9d9d9;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
border-left: 1px solid #d9d9d9;
|
|
height: 50px;
|
|
line-height: 48px;
|
|
display: inline-block;
|
|
color: #666;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
background: #f8f8f8;
|
|
font-size: 17px;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.tab li:last-child {
|
|
border-right: 1px solid #d9d9d9;
|
|
}
|
|
|
|
.tabcontent {
|
|
display: none;
|
|
}
|
|
|
|
ul.tab li.current {
|
|
color: #fff;
|
|
border: 1px solid #373e4e;
|
|
font-weight: bold;
|
|
background: #373e4e;
|
|
}
|
|
|
|
ul.tab li a {
|
|
display: block;
|
|
}
|
|
|
|
ul.tab li a.current {
|
|
color: #fff;
|
|
border: 1px solid #373e4e;
|
|
font-weight: bold;
|
|
background: #373e4e;
|
|
}
|
|
|
|
ul.tab li:hover {
|
|
display: block;
|
|
color: #fff;
|
|
border: 1px solid #373e4e;
|
|
font-weight: bold;
|
|
background: #373e4e;
|
|
}
|
|
|
|
ul.tab li a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
ul.tab li.current a {
|
|
display: block;
|
|
color: #fff;
|
|
border: 1px solid #373e4e;
|
|
font-weight: bold;
|
|
background: #373e4e;
|
|
}
|
|
|
|
.tabcontent.current {
|
|
display: block;
|
|
}
|
|
|
|
.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%
|
|
}
|
|
|
|
.tab_wid7 li {
|
|
width: 14%
|
|
}
|
|
|
|
.tab_wid8 li {
|
|
width: 12.5%
|
|
}
|
|
|
|
/*탭2*/
|
|
.tab2 {
|
|
list-style: none;
|
|
margin-bottom: 40px;
|
|
border-top: 1px solid #d9d9d9;
|
|
border-left: 1px solid #d9d9d9;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tab2 li {
|
|
float: left;
|
|
margin: 0;
|
|
cursor: pointer;
|
|
border-right: 1px solid #d9d9d9;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
height: 40px;
|
|
line-height: 37px;
|
|
display: inline-block;
|
|
color: #666;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
background: #f8f8f8;
|
|
font-size: 17px;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
ul.tab2 li.current {
|
|
color: #fff;
|
|
border: 1px solid #373e4e;
|
|
font-weight: bold;
|
|
background: #373e4e;
|
|
}
|
|
|
|
ul.tab2 li a {
|
|
display: block;
|
|
}
|
|
|
|
ul.tab2 li:hover {
|
|
display: block;
|
|
color: #fff;
|
|
border: 1px solid #373e4e;
|
|
font-weight: bold;
|
|
background: #373e4e;
|
|
}
|
|
|
|
ul.tab2 li a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
ul.tab2 li.current a {
|
|
display: block;
|
|
color: #fff;
|
|
border: 1px solid #373e4e;
|
|
font-weight: bold;
|
|
background: #373e4e;
|
|
}
|
|
|
|
.tab_box600 {
|
|
display: none;
|
|
}
|
|
|
|
@media screen and (max-width:800px) {
|
|
.tab_box1920 {
|
|
display: none;
|
|
}
|
|
|
|
.tab_box600 {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
/*탭2_600*/
|
|
.tab2_600 {
|
|
list-style: none;
|
|
margin-bottom: 40px;
|
|
border-top: 1px solid #d9d9d9;
|
|
border-left: 1px solid #d9d9d9;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tab2_600 li {
|
|
float: left;
|
|
margin: 0;
|
|
cursor: pointer;
|
|
border-right: 1px solid #d9d9d9;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
height: 40px;
|
|
line-height: 37px;
|
|
display: inline-block;
|
|
color: #666;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
background: #f8f8f8;
|
|
font-size: 15px;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
ul.tab2_600 li.current {
|
|
color: #fff;
|
|
border: 1px solid #373e4e;
|
|
font-weight: bold;
|
|
background: #373e4e;
|
|
}
|
|
|
|
ul.tab2_600 li a {
|
|
display: block;
|
|
}
|
|
|
|
ul.tab2_600 li a.current {
|
|
color: #fff;
|
|
border: 1px solid #373e4e;
|
|
font-weight: bold;
|
|
background: #373e4e;
|
|
}
|
|
|
|
ul.tab2_600 li:hover {
|
|
display: block;
|
|
color: #fff;
|
|
border: 1px solid #373e4e;
|
|
font-weight: bold;
|
|
background: #373e4e;
|
|
}
|
|
|
|
ul.tab2_600 li a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
ul.tab2_600 li.current a {
|
|
display: block;
|
|
color: #fff;
|
|
border: 1px solid #373e4e;
|
|
font-weight: bold;
|
|
background: #373e4e;
|
|
}
|
|
|
|
|
|
.search_all_list {
|
|
width: 100%;
|
|
padding: 30px;
|
|
text-align: center;
|
|
color: #142547;
|
|
background: #f8f8f8;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
margin-bottom: 40px;
|
|
word-break: keep-all
|
|
}
|
|
|
|
.search_all_list span {
|
|
color: #005aab;
|
|
}
|
|
|
|
.search_all_wrap {
|
|
margin-bottom: 40px;
|
|
word-break: keep-all
|
|
}
|
|
|
|
.search_all_tt_box {
|
|
position: relative;
|
|
width: 100%;
|
|
border-bottom: 2px solid #373f4e
|
|
}
|
|
|
|
.search_all_title {
|
|
margin: 0 0 10px 10px;
|
|
color: #005aab;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.search_all_more {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: #373f4e;
|
|
padding: 7px 20px
|
|
}
|
|
|
|
.search_all_more a {
|
|
color: #fff;
|
|
font-weight: bold
|
|
}
|
|
|
|
.search_all_board {
|
|
position: relative;
|
|
width: 100%;
|
|
padding: 20px;
|
|
border-bottom: 1px solid #dedede
|
|
}
|
|
|
|
.search_all_board .tt {
|
|
background: url('/img/list01.png') no-repeat 0 10px;
|
|
padding-left: 10px;
|
|
color: #000;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.search_all_board .content {
|
|
color: #676767;
|
|
margin: 5px 0 5px 10px
|
|
}
|
|
|
|
.search_all_board .navi {
|
|
color: #142547;
|
|
margin-left: 10px
|
|
}
|
|
|
|
.search_all_board .date {
|
|
color: #666;
|
|
margin: 5px 0 0 10px
|
|
}
|
|
|
|
.search_all_board .no {
|
|
color: #a1a1a1;
|
|
font-size: 16px
|
|
}
|
|
|
|
.all_search {
|
|
width: 100%;
|
|
margin: 20px 0;
|
|
padding: 20px 10px;
|
|
border: 1px solid #d9d9d9;
|
|
box-shadow: 0px 3px 0px rgba(241, 241, 241, 1);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.all_search .all_search_input {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.all_search input {
|
|
vertical-align: 0px;
|
|
height: 37px;
|
|
padding: 7px;
|
|
border: 1px solid #d9d9d9
|
|
}
|
|
|
|
|
|
.all_search .search_box {
|
|
margin-bottom: 5px;
|
|
width: 40%;
|
|
}
|
|
|
|
.all_search_input .check {
|
|
padding-left: -25%;
|
|
}
|
|
|
|
.all_search_input .check input {
|
|
vertical-align: -14px;
|
|
}
|
|
|
|
.all_search .search_box {
|
|
margin-bottom: 5px;
|
|
width: 40%;
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.all_search .search_box {
|
|
margin-bottom: 5px;
|
|
width: 70%;
|
|
}
|
|
}
|
|
|
|
.sch_btn2 {
|
|
width: 50px;
|
|
margin-left: -1px;
|
|
line-height: 10px;
|
|
height: 38px;
|
|
background: #005aab;
|
|
color: #fff;
|
|
border: 0;
|
|
font-size: 17px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.search_more_wrap .close_btn {
|
|
float: right;
|
|
margin-bottom: 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.search_more_wrap .content {}
|
|
|
|
.search_more_wrap .more_search_table {
|
|
width: 100%;
|
|
border-top: 1px dotted #888
|
|
}
|
|
|
|
.search_more_wrap .more_search_table th,
|
|
.search_more_wrap .more_search_table td {
|
|
background: #f4f4f4;
|
|
padding: 10px;
|
|
border-bottom: 1px dotted #888;
|
|
}
|
|
|
|
@media (max-width: 916px) {
|
|
|
|
.search_more_wrap .more_search_table th,
|
|
.search_more_wrap .more_search_table td {
|
|
display: block;
|
|
width: 100%;
|
|
text-align: center;
|
|
background: #f4f4f4;
|
|
padding: 5px 0px;
|
|
border-bottom: 0px dotted #888;
|
|
}
|
|
|
|
.search_more_wrap .more_search_table td ul {
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
|
|
.search_more_wrap .more_search_table td {
|
|
border-bottom: 1px dotted #888
|
|
}
|
|
}
|
|
|
|
|
|
.search_more_wrap .more_search_table td {
|
|
background: #fff;
|
|
}
|
|
|
|
.search_more_wrap .more_search_table ul li {
|
|
float: left;
|
|
margin-right: 20px
|
|
}
|
|
|
|
.search_more_wrap .more_search_table input {
|
|
vertical-align: -13px;
|
|
}
|
|
|
|
.search_more_wrap .more_search_table .width_100 {
|
|
width: 100%
|
|
}
|
|
|
|
.more_search_table td.set_period input {
|
|
vertical-align: 0px;
|
|
width: 90px;
|
|
margin: 2px 0
|
|
}
|
|
|
|
.more_search_table td.set_period button {
|
|
margin-left: -1px;
|
|
width: 37px;
|
|
height: 37px;
|
|
border: 1px solid #d9d9d9;
|
|
}
|
|
|
|
|
|
/*버튼*/
|
|
.all_search_btn {
|
|
clear: both;
|
|
text-align: center;
|
|
margin: 30px 0
|
|
}
|
|
|
|
.all_search_btn li {
|
|
display: inline-block;
|
|
}
|
|
|
|
.all_search_btn li a {
|
|
color: #fff
|
|
}
|
|
|
|
|
|
|
|
.visualWrap {
|
|
height: 400px;
|
|
}
|
|
|
|
.visualWrap ul {
|
|
height: 100%;
|
|
overflow: hidden
|
|
}
|
|
|
|
.visualWrap ul li {
|
|
float: left;
|
|
width: 25%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
background-size: cover;
|
|
cursor: pointer;
|
|
font-size: 3em;
|
|
color: #fff;
|
|
position: relative
|
|
}
|
|
|
|
.visualWrap ul li p {
|
|
vertical-align: middle;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
z-index: 2;
|
|
letter-spacing: -2px;
|
|
word-break: keep-all;
|
|
line-height: 46px;
|
|
}
|
|
|
|
/* .visualWrap ul li::after{position:absolute;content:"";width:80%;height:200px;background-color:rgba(38,66,92,0.6);top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;} */
|
|
.visualWrap ul li.vulImg1 {
|
|
background-image: url(/img/index/p_visual01.png);
|
|
}
|
|
|
|
.visualWrap ul li.vulImg2 {
|
|
background-image: url(/img/index/p_visual02.png);
|
|
}
|
|
|
|
.visualWrap ul li.vulImg3 {
|
|
background-image: url(/img/index/p_visual03.png);
|
|
}
|
|
|
|
.visualWrap ul li.vulImg4 {
|
|
background-image: url(/img/index/p_visual04.png);
|
|
}
|
|
|
|
|
|
@media screen and (max-width:1330px) {
|
|
.visualWrap {
|
|
height: 300px;
|
|
}
|
|
|
|
}
|
|
|
|
@media screen and (max-width:1251px) {
|
|
#nav .select li.active .sub {
|
|
width: 162%;
|
|
left: -32%;
|
|
}
|
|
|
|
#nav .select li .sub {
|
|
width: 162%;
|
|
left: -32%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:1000px) {
|
|
#nav .select li.active .sub {
|
|
width: 135%;
|
|
left: -23%;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
#nav .select li .sub {
|
|
width: 135%;
|
|
left: -23%;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
#nav .sub_right ul li .deth3_plus {
|
|
left: -14px;
|
|
}
|
|
}
|
|
|
|
|
|
@media screen and (max-width:950px) {
|
|
.visual {
|
|
display: block;
|
|
}
|
|
|
|
.visualWrap {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.carbon-poweredby,
|
|
em,
|
|
i {
|
|
font-style: italic
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Oxygen;
|
|
font-style: normal;
|
|
font-weight: 300;
|
|
src: url(../fonts/oxygen/oxygen-v5-latin-300.eot);
|
|
src: local("Oxygen Light"), local("Oxygen-Light"), url(../fonts/oxygen/oxygen-v5-latin-300.eot?#iefix) format("embedded-opentype"), url(../fonts/oxygen/oxygen-v5-latin-300.woff2) format("woff2"), url(../fonts/oxygen/oxygen-v5-latin-300.woff) format("woff"), url(../fonts/oxygen/oxygen-v5-latin-300.ttf) format("truetype"), url(../fonts/oxygen/oxygen-v5-latin-300.svg#Oxygen) format("svg")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Oxygen;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url(../fonts/oxygen/oxygen-v5-latin-regular.eot);
|
|
src: local("Oxygen"), local("Oxygen-Regular"), url(../fonts/oxygen/oxygen-v5-latin-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/oxygen/oxygen-v5-latin-regular.woff2) format("woff2"), url(../fonts/oxygen/oxygen-v5-latin-regular.woff) format("woff"), url(../fonts/oxygen/oxygen-v5-latin-regular.ttf) format("truetype"), url(../fonts/oxygen/oxygen-v5-latin-regular.svg#Oxygen) format("svg")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Oxygen;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: url(../fonts/oxygen/oxygen-v5-latin-700.eot);
|
|
src: local("Oxygen Bold"), local("Oxygen-Bold"), url(../fonts/oxygen/oxygen-v5-latin-700.eot?#iefix) format("embedded-opentype"), url(../fonts/oxygen/oxygen-v5-latin-700.woff2) format("woff2"), url(../fonts/oxygen/oxygen-v5-latin-700.woff) format("woff"), url(../fonts/oxygen/oxygen-v5-latin-700.ttf) format("truetype"), url(../fonts/oxygen/oxygen-v5-latin-700.svg#Oxygen) format("svg")
|
|
}
|
|
|
|
/**,::after,::before{box-sizing:inherit}html{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{color:#6d6d6d;background-color:#fff;font-family:Oxygen,Helvetica,sans-serif;font-size:14px;line-height:1.8}h1,h2,h3,h4,h5,h6{color:#3b3b3b;font-weight:700;line-height:1.2}a{color:#dc446e;text-decoration:none}a:hover{color:#9d1d41}b,strong{font-weight:700}img{max-width:100%;height:auto}*/
|
|
.o-container {
|
|
margin: 0 auto;
|
|
padding: 0 12px;
|
|
max-width: 960px
|
|
}
|
|
|
|
@media all and (min-width:480px) {
|
|
.o-container {
|
|
padding: 0 24px
|
|
}
|
|
}
|
|
|
|
@media all and (min-width:720px) {
|
|
.o-container {
|
|
padding: 0 48px
|
|
}
|
|
}
|
|
|
|
.o-header {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.o-header-nav {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-webkit-justify-content: space-between;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
background-color: #dc446e
|
|
}
|
|
|
|
.o-header-nav__link {
|
|
padding: 12px;
|
|
color: #fff
|
|
}
|
|
|
|
.o-header-nav__link:hover {
|
|
color: #fff;
|
|
background-color: #9d1d41
|
|
}
|
|
|
|
.o-header__title {
|
|
margin: 24px;
|
|
padding: 0;
|
|
color: #818181;
|
|
font-size: 28px;
|
|
font-weight: 300;
|
|
text-align: center
|
|
}
|
|
|
|
@media all and (min-width:480px) {
|
|
.o-header__title {
|
|
margin: 36px;
|
|
font-size: 42px
|
|
}
|
|
}
|
|
|
|
.o-section {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.o-section:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
@media all and (min-width:720px) {
|
|
.o-section {
|
|
margin-bottom: 48px
|
|
}
|
|
}
|
|
|
|
.o-sub-nav {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.o-sub-nav__items {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-flex-flow: row wrap;
|
|
-ms-flex-flow: row wrap;
|
|
flex-flow: row wrap;
|
|
-webkit-box-pack: center;
|
|
-webkit-justify-content: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.o-sub-nav__item {
|
|
margin: 0;
|
|
padding: 4px
|
|
}
|
|
|
|
.o-sub-nav__link {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 4px 24px;
|
|
border: 2px solid #dc446e
|
|
}
|
|
|
|
.o-sub-nav__item.active .o-sub-nav__link,
|
|
.o-sub-nav__link:hover {
|
|
color: #fff;
|
|
background-color: #dc446e
|
|
}
|
|
|
|
.o-footer {
|
|
padding: 12px 0;
|
|
text-align: center
|
|
}
|
|
|
|
@media all and (min-width:480px) {
|
|
.o-footer {
|
|
padding: 24px 0
|
|
}
|
|
}
|
|
|
|
@media all and (min-width:720px) {
|
|
.o-footer {
|
|
padding: 48px 0
|
|
}
|
|
}
|
|
|
|
.c-tabs-nav {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.c-tabs-nav__link {
|
|
height: auto;
|
|
-webkit-box-flex: 1;
|
|
-webkit-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
/*margin-right:4px;padding:12px;background-color:#b3b3b3;*/
|
|
text-align: center;
|
|
-webkit-transition: color .3s;
|
|
transition: color .3s
|
|
}
|
|
|
|
.c-tabs-nav__link:last-child {
|
|
margin-right: 0
|
|
}
|
|
|
|
.c-tabs-nav__link:hover,
|
|
.c-tabs-nav__link.is-active {
|
|
width: 100%;
|
|
height: auto;
|
|
margin-left: 1px;
|
|
color: #000;
|
|
font-weight: 600;
|
|
background-color: #fff
|
|
}
|
|
|
|
.c-tabs-nav__link i,
|
|
.c-tabs-nav__link span {
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 1
|
|
}
|
|
|
|
.c-tabs-nav__link i {
|
|
font-size: 18px
|
|
}
|
|
|
|
.c-tabs-nav__link span {
|
|
display: none;
|
|
font-size: 18px
|
|
}
|
|
|
|
@media all and (min-width:720px) {
|
|
.c-tabs-nav__link i {
|
|
margin-bottom: 12px;
|
|
font-size: 22px
|
|
}
|
|
|
|
.c-tabs-nav__link span {
|
|
display: block
|
|
}
|
|
}
|
|
|
|
.c-tab {
|
|
display: none;
|
|
background-color: #fff
|
|
}
|
|
|
|
.c-tab.is-active {
|
|
display: block
|
|
}
|
|
|
|
.c-tab__content {
|
|
padding: 1.5rem
|
|
}
|
|
|
|
.c-tabs.no-js .c-tabs-nav {
|
|
display: none
|
|
}
|
|
|
|
.c-tabs.no-js .c-tab {
|
|
display: block;
|
|
margin-bottom: 1.5rem
|
|
}
|
|
|
|
.c-tabs.no-js .c-tab:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.carbon-img,
|
|
.carbon-wrap {
|
|
margin: 0 0 4px;
|
|
display: block
|
|
}
|
|
|
|
#carbonads {
|
|
position: fixed;
|
|
bottom: 12px;
|
|
right: 12px;
|
|
z-index: 1000;
|
|
padding: 24px 12px 12px;
|
|
width: 154px;
|
|
background-color: #fff;
|
|
line-height: 1.1;
|
|
border: 1px solid #e7e7e7
|
|
}
|
|
|
|
.carbon-img {
|
|
padding: 0;
|
|
width: 130px;
|
|
height: 100px
|
|
}
|
|
|
|
.carbon-text {
|
|
color: #818181;
|
|
font-size: 12px
|
|
}
|
|
|
|
.carbon-poweredby {
|
|
font-size: 10px
|
|
}
|
|
|
|
.carbonad__close {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 12px;
|
|
height: 24px;
|
|
font-size: 11px;
|
|
line-height: 24px
|
|
}
|
|
|
|
@media all and (max-width:660px) {
|
|
#carbonads {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
/* PC */
|
|
section.main {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
.visual#slides {
|
|
display: none;
|
|
position: relative;
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.visual img {
|
|
cursor: pointer
|
|
}
|
|
|
|
@media screen and (max-width:950px) {
|
|
.visual#slides {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
/*메인슬라이드 s*/
|
|
#slides {
|
|
position: relative;
|
|
}
|
|
|
|
#slides,
|
|
#slides .slidesjs-control,
|
|
#slides .slidesjs-container,
|
|
#slides .slidesjs-slide {
|
|
width: 100%;
|
|
height: auto;
|
|
z-index: 0;
|
|
}
|
|
|
|
#slides .slidesjs-navigation {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
#slides a.slidesjs-next,
|
|
#slides a.slidesjs-previous {
|
|
display: block;
|
|
width: 7%;
|
|
height: 18%;
|
|
text-indent: -9999px;
|
|
z-index: 100;
|
|
}
|
|
|
|
#slides a.slidesjs-next {
|
|
background-image: url('/img/index/btns-next.png');
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
position: absolute;
|
|
top: 40%;
|
|
right: 3%;
|
|
}
|
|
|
|
#slides a:hover.slidesjs-next {}
|
|
|
|
#slides a.slidesjs-previous {
|
|
background-image: url('/img/index/btns-prev.png');
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
position: absolute;
|
|
top: 40%;
|
|
left: 3%;
|
|
}
|
|
|
|
#slides a:hover.slidesjs-previous {}
|
|
|
|
/*190422 수정 s */
|
|
#slides a.slidesjs-play {
|
|
position: absolute;
|
|
bottom: 5%;
|
|
left: 50%;
|
|
margin-left: -10px;
|
|
width: 20px;
|
|
height: 0;
|
|
padding-top: 15px;
|
|
background-image: url(../img/index/pagination.png);
|
|
background-repeat: no-repeat;
|
|
background-position: 0 -56px;
|
|
z-index: 1000000;
|
|
text-indent: -9999px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#slides a:hover.slidesjs-play {
|
|
width: 20px;
|
|
height: 0;
|
|
padding-top: 15px;
|
|
background-position: 0 -56px;
|
|
}
|
|
|
|
#slides a.slidesjs-stop {
|
|
position: absolute;
|
|
bottom: 5%;
|
|
left: 50%;
|
|
margin-left: -10px;
|
|
width: 20px;
|
|
height: 0;
|
|
padding-top: 15px;
|
|
background-image: url(../img/index/pagination.png);
|
|
background-repeat: no-repeat;
|
|
background-position: 0 -40px;
|
|
z-index: 1000000;
|
|
text-indent: -9999px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#slides a:hover.slidesjs-stop {
|
|
width: 20px;
|
|
height: 0;
|
|
padding-top: 15px;
|
|
background-position: 0 -40px;
|
|
}
|
|
|
|
/*190422 수정 e */
|
|
|
|
#slides .slidesjs-pagination {
|
|
position: absolute;
|
|
top: 340px;
|
|
left: 375px;
|
|
margin: 0;
|
|
float: right;
|
|
list-style: none;
|
|
border: 0px solid red;
|
|
z-index: 10000;
|
|
}
|
|
|
|
#slides .slidesjs-pagination li {
|
|
float: left;
|
|
margin: 0 1px;
|
|
}
|
|
|
|
#slides .slidesjs-pagination li a {
|
|
display: block;
|
|
width: 22px;
|
|
height: 0px;
|
|
padding-top: 22px;
|
|
margin: 0 1px;
|
|
/* background-image: url('/img/index/pagination.png'); */
|
|
background-position: 0 22px;
|
|
float: left;
|
|
overflow: hidden;
|
|
z-index: 100;
|
|
}
|
|
|
|
#slides .slidesjs-pagination li a.active,
|
|
#slides .slidesjs-pagination li a:hover.active {
|
|
background-position: 0 0
|
|
}
|
|
|
|
#slides .slidesjs-pagination li a:hover {
|
|
background-position: 0 0
|
|
}
|
|
|
|
#slides .navbar {
|
|
overflow: hidden
|
|
}
|
|
|
|
/*메인슬라이드 e*/
|
|
|
|
.main_board_wr {
|
|
position: relative;
|
|
width: 1300px;
|
|
margin: 0px auto;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.main_board_01 {
|
|
float: left;
|
|
width: 49%;
|
|
padding-right: 1.2%;
|
|
margin: 25px 0 25px;
|
|
}
|
|
|
|
.main_board_02 {
|
|
float: left;
|
|
width: 49%;
|
|
padding-left: 1.2%;
|
|
margin: 25px 0 25px;
|
|
}
|
|
|
|
.main_board_03 {
|
|
float: left;
|
|
width: 49%;
|
|
padding-right: 1.2%;
|
|
}
|
|
|
|
.main_board_04 {
|
|
float: left;
|
|
width: 49%;
|
|
padding-left: 1.2%;
|
|
}
|
|
|
|
.main_board_tt {
|
|
height: 50px;
|
|
line-height: 50px;
|
|
font-size: 20px;
|
|
color: #000;
|
|
font-weight: 900;
|
|
letter-spacing: -1px;
|
|
margin-bottom: 10px;
|
|
background: url('/img/index/main_board_more.png') no-repeat center right 20px #f9f9f9;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.main_board_tt p {
|
|
border-bottom: 2px solid #405a73;
|
|
width: 190px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.main_board_tt span {
|
|
color: #3386f1
|
|
}
|
|
|
|
.main_board_list ul {
|
|
height: 142px;
|
|
border: 0px solid red
|
|
}
|
|
|
|
/* 수정190108 */
|
|
.main_board_list ul li {
|
|
position: relative;
|
|
border-bottom: 1px solid #dedede;
|
|
vertical-align: middle;
|
|
padding: 7px 10px 4px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.main_board_list ul li .lt_list {
|
|
display: inline-block;
|
|
width: 73%;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.main_board_list ul li .new_icon {
|
|
display: inline-block;
|
|
padding: 2px 4px;
|
|
background: #333;
|
|
font-weight: bold;
|
|
border-radius: 3px;
|
|
font-size: 12px;
|
|
color: #fff;
|
|
}
|
|
|
|
.main_board_list ul li .lt_date {
|
|
position: absolute;
|
|
text-align: right;
|
|
top: 8px;
|
|
right: 15px;
|
|
font-size: 14px;
|
|
color: #888;
|
|
}
|
|
|
|
.main_board_list ul li a {
|
|
color: #444
|
|
}
|
|
|
|
.main_board_list ul li a:hover {
|
|
color: #000
|
|
}
|
|
|
|
@media (max-width: 1300px) {
|
|
.main_board_wr {
|
|
position: relative;
|
|
width: 97%;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.main_board_list ul li .lt_date {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 520px) {
|
|
.main_board_list ul {
|
|
height: auto;
|
|
}
|
|
|
|
/* 수정190108 */
|
|
.main_board_01,
|
|
.main_board_02,
|
|
.main_board_03,
|
|
.main_board_04 {
|
|
float: none;
|
|
width: 100%;
|
|
padding-right: 0;
|
|
margin: 20px 0 10px;
|
|
}
|
|
}
|
|
|
|
|
|
.main_tile {
|
|
position: relative;
|
|
width: 100%;
|
|
height: auto;
|
|
margin: 0px auto;
|
|
padding: 3% 0;
|
|
border: 0px solid red;
|
|
overflow: hidden
|
|
}
|
|
|
|
.main_tile ul li {
|
|
float: left;
|
|
width: 100%;
|
|
width: 20%;
|
|
height: 0;
|
|
overflow: hidden;
|
|
padding-bottom: 20%;
|
|
text-align: center;
|
|
}
|
|
|
|
.main_tile ul li.main_tile01 {
|
|
background: #688097;
|
|
text-align: center;
|
|
line-height: 1em
|
|
}
|
|
|
|
.main_tile ul li.main_tile01 {
|
|
background: url('/img/index/main_tile01.png') no-repeat #688097 center;
|
|
background-size: 50%;
|
|
}
|
|
|
|
.main_tile ul li.main_tile02 {
|
|
background: url('/img/index/main_tile02.jpg') no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.main_tile ul li.main_tile03 {
|
|
background: #1773cf
|
|
}
|
|
|
|
.main_tile03,
|
|
.main_tile05,
|
|
.main_tile07,
|
|
.main_tile09 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.main_tile ul li .img {
|
|
text-align: center;
|
|
line-height: 1em;
|
|
padding-top: 18%;
|
|
padding-bottom: 3%
|
|
}
|
|
|
|
.main_tile ul li .img img {
|
|
width: 35%;
|
|
}
|
|
|
|
.main_tile ul li .title_w {
|
|
line-height: 60px;
|
|
height: 80px;
|
|
font-size: 25px;
|
|
color: #fff;
|
|
font-weight: 500;
|
|
letter-spacing: -2px;
|
|
background: url('/img/index/main_tile_bar_w.png') no-repeat 50% 80%
|
|
}
|
|
|
|
.main_tile ul li .text_eng_w {
|
|
font-size: 15px;
|
|
color: rgba(250, 250, 250, 0.5);
|
|
font-weight: 700;
|
|
}
|
|
|
|
.main_tile ul li .title_b {
|
|
line-height: 60px;
|
|
height: 80px;
|
|
font-size: 25px;
|
|
color: #4c4747;
|
|
font-weight: 500;
|
|
letter-spacing: -2px;
|
|
background: url('/img/index/main_tile_bar_b.png') no-repeat 50% 80%
|
|
}
|
|
|
|
.main_tile ul li .text_eng_b {
|
|
font-size: 15px;
|
|
color: rgba(76, 71, 71, 0.25);
|
|
font-weight: 700;
|
|
}
|
|
|
|
.main_tile ul li.main_tile04 {
|
|
background: url('/img/index/main_tile04.jpg') no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.main_tile ul li.main_tile05 {
|
|
background: #405a73
|
|
}
|
|
|
|
.main_tile ul li.main_tile06 {
|
|
background: url('/img/index/main_tile06.jpg') no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.main_tile ul li.main_tile07 {
|
|
background: #f7f7f7
|
|
}
|
|
|
|
.main_tile ul li.main_tile08 {
|
|
background: url('/img/index/main_tile08.jpg') no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.main_tile ul li.main_tile09 {
|
|
background: #f7f7f7
|
|
}
|
|
|
|
.main_tile ul li.main_tile10 {
|
|
background: url('/img/index/main_tile10.jpg') no-repeat;
|
|
background-size: cover;
|
|
font-size: 23px;
|
|
}
|
|
|
|
@media (max-width: 1280px) {
|
|
.main_tile ul li.main_tile10 {
|
|
background: url('/img/index/main_tile10.jpg') no-repeat;
|
|
background-size: cover;
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
|
|
.main_tile ul li.main_tile10 .title {
|
|
padding-top: 30%;
|
|
padding-bottom: 5%;
|
|
font-size: 1em;
|
|
color: #404040;
|
|
letter-spacing: -1px;
|
|
font-weight: bold
|
|
}
|
|
|
|
.main_tile ul li.main_tile10 .title span {
|
|
color: #c23231
|
|
}
|
|
|
|
.main_tile ul li.main_tile10 img {
|
|
width: 60%
|
|
}
|
|
|
|
|
|
/*팝업리스트*/
|
|
.main_pop_wrap {
|
|
position: relative;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
padding: 5% 0 3% 0;
|
|
/* 추가 */
|
|
display: inline-block;
|
|
text-align: center;
|
|
}
|
|
|
|
.main_pop_wrap .main_pop_tt {
|
|
margin-bottom: 20px;
|
|
margin-left: 30px;
|
|
}
|
|
|
|
.main_pop_wrap .popup_list {
|
|
float: left;
|
|
z-index: 100;
|
|
position: relative;
|
|
}
|
|
|
|
.main_pop_wrap .popup_list li {
|
|
float: left;
|
|
}
|
|
|
|
.main_pop_wrap .popup_list li img {
|
|
width: 100%;
|
|
/*width:inherit;*/
|
|
height: 400px;
|
|
border: 4px solid #fff;
|
|
box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.1)
|
|
}
|
|
|
|
.main_pop_wrap .popup_list li a {
|
|
display: block;
|
|
}
|
|
|
|
.main_pop_wrap .bx-start {
|
|
background: url('/img/index/slide_play.png') no-repeat;
|
|
top: 0px;
|
|
left: 100px;
|
|
position: absolute;
|
|
width: 41px;
|
|
height: 41px
|
|
}
|
|
|
|
.main_pop_wrap .bx-stop {
|
|
background: url('/img/index/slide_stop.png') no-repeat;
|
|
top: 0px;
|
|
left: 150px;
|
|
position: absolute;
|
|
width: 41px;
|
|
height: 41px
|
|
}
|
|
|
|
.main_pop_wrap .bx-wrapper {
|
|
position: relative;
|
|
display: inline-block
|
|
}
|
|
|
|
.main_pop_wrap .bx-controls {
|
|
position: absolute;
|
|
top: -60px;
|
|
/* left:260px;*/
|
|
right: 20%;
|
|
}
|
|
|
|
.main_pop_wrap .bx-controls a {
|
|
text-indent: -9999px;
|
|
display: block
|
|
}
|
|
|
|
.main_pop_wrap .bx-prev,
|
|
.main_pop_wrap .bx-next {
|
|
position: absolute;
|
|
width: 41px;
|
|
height: 41px
|
|
}
|
|
|
|
.main_pop_wrap .bx-prev {
|
|
top: 0px;
|
|
left: 00px;
|
|
background: url('/img/index/larr.png') no-repeat
|
|
}
|
|
|
|
.main_pop_wrap .bx-next {
|
|
top: 0px;
|
|
left: 50px;
|
|
background: url('/img/index/rarr.png') no-repeat
|
|
}
|
|
|
|
.main_pop_wrap_600 {
|
|
display: none;
|
|
}
|
|
|
|
@media (max-width: 1300px) {
|
|
.main_pop_wrap {
|
|
position: relative;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
padding: 1% 2% 3%;
|
|
/* 추가 */
|
|
display: inline-block
|
|
}
|
|
|
|
.main_pop_wrap .main_pop_tt {
|
|
margin-bottom: 20px;
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 700px) {
|
|
.main_pop_wrap {
|
|
margin: 0 0 15%;
|
|
padding: 5% 10px 0;
|
|
/* 추가 */
|
|
display: inline-block
|
|
}
|
|
}
|
|
|
|
@media (max-width: 660px) {
|
|
.main_pop_wrap {
|
|
display: none
|
|
}
|
|
|
|
.main_pop_wrap_600 {
|
|
display: block;
|
|
padding: 5% 3% 5%;
|
|
}
|
|
|
|
.main_pop_wrap_600 .main_pop_tt {
|
|
margin-bottom: 10px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.main_pop_wrap_600 .main_pop_tt img {
|
|
width: 50%;
|
|
}
|
|
|
|
.main_pop_wrap_600 .popup_list_600 {
|
|
float: left;
|
|
z-index: 100;
|
|
position: relative;
|
|
}
|
|
|
|
.main_pop_wrap_600 .popup_list_600 li {
|
|
float: left;
|
|
}
|
|
|
|
.main_pop_wrap_600 .popup_list_600 li img {
|
|
width: 100%;
|
|
/*width:inherit;*/
|
|
height: 370px;
|
|
border: 4px solid #fff;
|
|
box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.1)
|
|
}
|
|
|
|
.main_pop_wrap_600 .popup_list_600 li a {
|
|
display: block;
|
|
}
|
|
|
|
.main_pop_wrap_600 .bx-wrapper {
|
|
position: relative;
|
|
display: inline-block
|
|
}
|
|
|
|
.main_pop_wrap_600 .bx-controls {
|
|
position: absolute;
|
|
top: -45px;
|
|
left: 55%;
|
|
}
|
|
|
|
.main_pop_wrap_600 .bx-controls a {
|
|
text-indent: -9999px;
|
|
display: block
|
|
}
|
|
|
|
.main_pop_wrap_600 .bx-prev,
|
|
.main_pop_wrap_600 .bx-next {
|
|
position: absolute;
|
|
width: 41px;
|
|
height: 41px
|
|
}
|
|
|
|
.main_pop_wrap_600 .bx-prev {
|
|
top: 0px;
|
|
left: 00px;
|
|
background: url('/img/index/larr.png') no-repeat
|
|
}
|
|
|
|
.main_pop_wrap_600 .bx-next {
|
|
top: 0px;
|
|
left: 50px;
|
|
background: url('/img/index/rarr.png') no-repeat
|
|
}
|
|
}
|
|
|
|
@media (max-width: 500px) {
|
|
.main_pop_wrap_600 .popup_list_600 li img {
|
|
width: 100%;
|
|
/*width:inherit;*/
|
|
height: 250px;
|
|
border: 4px solid #fff;
|
|
box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.1)
|
|
}
|
|
}
|
|
|
|
/*하단배너*/
|
|
#link_wrap {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 90px;
|
|
border-top: 1px solid #e5e5e5;
|
|
overflow: hidden
|
|
}
|
|
|
|
#link_wrap .link_wrap_1300 {
|
|
position: relative;
|
|
width: 1280px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
@media (max-width: 1300px) {
|
|
#link_wrap .link_wrap_1300 {
|
|
position: relative;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
|
|
#link_wrap .link_tt {
|
|
width: 11%;
|
|
margin-left: 5px;
|
|
line-height: 90px;
|
|
}
|
|
|
|
#link_wrap .link_tt img {
|
|
width: 100%;
|
|
}
|
|
|
|
#link_wrap .link_banner {
|
|
float: left;
|
|
z-index: 100;
|
|
position: relative;
|
|
height: 90px;
|
|
line-height: 80px;
|
|
}
|
|
|
|
#link_wrap .link_banner li {
|
|
float: left
|
|
}
|
|
|
|
#link_wrap .link_banner li img {
|
|
width: 160px;
|
|
height: 40px
|
|
}
|
|
|
|
#link_wrap .link_banner li a {
|
|
display: block;
|
|
}
|
|
|
|
#link_wrap .bx-wrapper {
|
|
position: absolute;
|
|
top: 20px;
|
|
left: 9.5%;
|
|
border: 0px solid red
|
|
}
|
|
|
|
#link_wrap .bx-viewport {
|
|
max-width: 100%;
|
|
margin-left: 4%;
|
|
border: 0px solid red
|
|
}
|
|
|
|
#link_wrap .bx-controls {
|
|
position: absolute;
|
|
top: 0;
|
|
left: -9%;
|
|
width: 100px;
|
|
height: 41px;
|
|
}
|
|
|
|
#link_wrap .bx-controls a {
|
|
text-indent: -9999px;
|
|
display: block
|
|
}
|
|
|
|
#link_wrap .bx-prev,
|
|
#link_wrap .bx-next {
|
|
position: absolute;
|
|
width: 41px;
|
|
height: 41px
|
|
}
|
|
|
|
#link_wrap .bx-prev {
|
|
top: 5px;
|
|
left: 0px;
|
|
background: url('/img/index/larr.png') no-repeat
|
|
}
|
|
|
|
#link_wrap .bx-next {
|
|
top: 5px;
|
|
left: 47px;
|
|
background: url('/img/index/rarr.png') no-repeat
|
|
}
|
|
|
|
|
|
|
|
/* 1150px */
|
|
@media (max-width: 1150px) {
|
|
.main_tile {
|
|
position: relative;
|
|
width: 100%;
|
|
height: auto;
|
|
margin: 0px auto;
|
|
padding: 7% 0;
|
|
border: 0px solid red;
|
|
overflow: hidden
|
|
}
|
|
|
|
.main_tile ul li {
|
|
float: left;
|
|
width: 100%;
|
|
width: 20%;
|
|
height: 0;
|
|
overflow: hidden;
|
|
padding-bottom: 20%;
|
|
text-align: center;
|
|
}
|
|
|
|
.main_tile ul li.main_tile01 {
|
|
background: #688097;
|
|
text-align: center;
|
|
line-height: 1em
|
|
}
|
|
|
|
.main_tile ul li.main_tile01 {
|
|
background: url('/img/index/main_tile01.png') no-repeat #688097 center;
|
|
background-size: 50%;
|
|
}
|
|
|
|
.main_tile ul li.main_tile02 {
|
|
background: url('/img/index/main_tile02.jpg') no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.main_tile ul li.main_tile03 {
|
|
background: #1773cf
|
|
}
|
|
|
|
.main_tile03,
|
|
.main_tile05,
|
|
.main_tile07,
|
|
.main_tile09 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.main_tile ul li .img {
|
|
text-align: center;
|
|
line-height: 1em;
|
|
padding-top: 18%;
|
|
}
|
|
|
|
.main_tile ul li .img img {
|
|
width: 35%;
|
|
}
|
|
|
|
.main_tile ul li .title_w {
|
|
line-height: 40px;
|
|
height: 55px;
|
|
font-size: 20px;
|
|
color: #fff;
|
|
font-weight: 500;
|
|
letter-spacing: -2px;
|
|
background: url('/img/index/main_tile_bar_w.png') no-repeat 50% 80%
|
|
}
|
|
|
|
.main_tile ul li .text_eng_w {
|
|
font-size: 14px;
|
|
color: rgba(250, 250, 250, 0.5);
|
|
font-weight: 700;
|
|
}
|
|
|
|
.main_tile ul li .title_b {
|
|
line-height: 40px;
|
|
height: 55px;
|
|
font-size: 20px;
|
|
color: #4c4747;
|
|
font-weight: 500;
|
|
letter-spacing: -2px;
|
|
background: url('/img/index/main_tile_bar_b.png') no-repeat 50% 80%
|
|
}
|
|
|
|
.main_tile ul li .text_eng_b {
|
|
font-size: 14px;
|
|
color: rgba(76, 71, 71, 0.25);
|
|
font-weight: 700;
|
|
}
|
|
|
|
.main_tile ul li.main_tile04 {
|
|
background: url('/img/index/main_tile04.jpg') no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.main_tile ul li.main_tile05 {
|
|
background: #405a73
|
|
}
|
|
|
|
.main_tile ul li.main_tile06 {
|
|
background: url('/img/index/main_tile06.jpg') no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.main_tile ul li.main_tile07 {
|
|
background: #f7f7f7
|
|
}
|
|
|
|
.main_tile ul li.main_tile08 {
|
|
background: url('/img/index/main_tile08.jpg') no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.main_tile ul li.main_tile09 {
|
|
background: #f7f7f7
|
|
}
|
|
|
|
.main_tile ul li.main_tile10 {
|
|
background: url('/img/index/main_tile10.jpg') no-repeat;
|
|
background-size: cover;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.main_tile ul li.main_tile10 .title {
|
|
padding-top: 30%;
|
|
padding-bottom: 5%;
|
|
font-size: 1em;
|
|
color: #404040;
|
|
letter-spacing: -1px;
|
|
font-weight: bold;
|
|
word-break: keep-all
|
|
}
|
|
|
|
.main_tile ul li.main_tile10 .title span {
|
|
color: #c23231
|
|
}
|
|
|
|
.main_tile ul li.main_tile10 img {
|
|
width: 60%
|
|
}
|
|
}
|
|
|
|
/* 960px */
|
|
@media (max-width: 960px) {
|
|
|
|
.main_tile {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0px auto;
|
|
padding: 6% 0;
|
|
border: 0px solid red;
|
|
overflow: hidden
|
|
}
|
|
|
|
.main_tile ul li {
|
|
float: left;
|
|
width: 100%;
|
|
width: 33.3%;
|
|
height: 0;
|
|
overflow: hidden;
|
|
padding-bottom: 33.3%;
|
|
text-align: center;
|
|
}
|
|
|
|
.main_tile ul li.main_tile01 {
|
|
display: none;
|
|
}
|
|
|
|
.main_tile ul li.main_tile01 {
|
|
background: url('/img/index/main_tile01.png') no-repeat #688097 center;
|
|
background-size: 50%;
|
|
}
|
|
|
|
.main_tile ul li.main_tile02 {
|
|
background: url('/img/index/main_tile02.jpg') no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.main_tile ul li.main_tile03 {
|
|
background: #1773cf
|
|
}
|
|
|
|
.main_tile03,
|
|
.main_tile05,
|
|
.main_tile07,
|
|
.main_tile09 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.main_tile ul li .img {
|
|
text-align: center;
|
|
line-height: 1em;
|
|
padding-top: 18%;
|
|
}
|
|
|
|
.main_tile ul li .img img {
|
|
width: 36%;
|
|
}
|
|
|
|
.main_tile ul li .title_w {
|
|
line-height: 30px;
|
|
height: 50px;
|
|
font-size: 20px;
|
|
color: #fff;
|
|
font-weight: 500;
|
|
letter-spacing: -2px;
|
|
background: url('/img/index/main_tile_bar_w.png') no-repeat 50% 80%;
|
|
background-size: 10%;
|
|
}
|
|
|
|
.main_tile ul li .text_eng_w {
|
|
font-size: 12px;
|
|
color: rgba(250, 250, 250, 0.5);
|
|
font-weight: 700;
|
|
}
|
|
|
|
.main_tile ul li .title_b {
|
|
line-height: 30px;
|
|
height: 50px;
|
|
font-size: 20px;
|
|
color: #4c4747;
|
|
font-weight: 500;
|
|
letter-spacing: -2px;
|
|
background: url('/img/index/main_tile_bar_b.png') no-repeat 50% 80%;
|
|
background-size: 10%;
|
|
}
|
|
|
|
.main_tile ul li .text_eng_b {
|
|
font-size: 12px;
|
|
color: rgba(76, 71, 71, 0.25);
|
|
font-weight: 700;
|
|
}
|
|
|
|
.main_tile ul li.main_tile04 {
|
|
background: url('/img/index/main_tile04.jpg') no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.main_tile ul li.main_tile05 {
|
|
background: #405a73
|
|
}
|
|
|
|
.main_tile ul li.main_tile06 {
|
|
background: url('/img/index/main_tile06.jpg') no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.main_tile ul li.main_tile07 {
|
|
background: #f7f7f7
|
|
}
|
|
|
|
.main_tile ul li.main_tile08 {
|
|
background: url('/img/index/main_tile08.jpg') no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.main_tile ul li.main_tile09 {
|
|
background: #f7f7f7
|
|
}
|
|
|
|
.main_tile ul li.main_tile10 {
|
|
background: url('/img/index/main_tile10.jpg') no-repeat;
|
|
background-size: cover;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.main_tile ul li.main_tile10 .title {
|
|
padding-top: 20%;
|
|
padding-bottom: 5%;
|
|
font-size: 1em;
|
|
color: #404040;
|
|
letter-spacing: -1px;
|
|
font-weight: bold;
|
|
word-break: keep-all
|
|
}
|
|
|
|
.main_tile ul li.main_tile10 .title span {
|
|
color: #c23231
|
|
}
|
|
|
|
.main_tile ul li.main_tile10 img {
|
|
width: 70%
|
|
}
|
|
|
|
/*팝업리스트*/
|
|
.main_pop_wrap .popup_list li img {
|
|
width: 100%;
|
|
/*width:inherit;*/
|
|
height: 250px;
|
|
border: 4px solid #fff;
|
|
box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.1)
|
|
}
|
|
|
|
/*하단배너*/
|
|
#link_wrap {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 90px;
|
|
border-top: 1px solid #e5e5e5;
|
|
overflow: hidden
|
|
}
|
|
|
|
#link_wrap .link_tt {
|
|
display: none;
|
|
}
|
|
|
|
#link_wrap .link_banner {
|
|
float: left;
|
|
z-index: 100;
|
|
position: relative;
|
|
height: 90px;
|
|
line-height: 80px;
|
|
}
|
|
|
|
#link_wrap .link_banner li {
|
|
float: left
|
|
}
|
|
|
|
#link_wrap .link_banner li img {
|
|
width: 160px;
|
|
height: 40px
|
|
}
|
|
|
|
#link_wrap .link_banner li a {
|
|
display: block;
|
|
}
|
|
|
|
#link_wrap .bx-wrapper {
|
|
position: absolute;
|
|
top: 20px;
|
|
left: 1%;
|
|
border: 0px solid red
|
|
}
|
|
|
|
#link_wrap .bx-viewport {
|
|
max-width: 100%;
|
|
margin-left: 100px;
|
|
border: 0px solid red
|
|
}
|
|
|
|
#link_wrap .bx-controls {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0px;
|
|
width: 100px;
|
|
height: 41px;
|
|
}
|
|
|
|
#link_wrap .bx-controls a {
|
|
text-indent: -9999px;
|
|
display: block
|
|
}
|
|
|
|
#link_wrap .bx-prev,
|
|
#link_wrap .bx-next {
|
|
position: absolute;
|
|
width: 41px;
|
|
height: 41px
|
|
}
|
|
|
|
#link_wrap .bx-prev {
|
|
top: 5px;
|
|
left: 0px;
|
|
background: url('/img/index/larr.png') no-repeat
|
|
}
|
|
|
|
#link_wrap .bx-next {
|
|
top: 5px;
|
|
left: 47px;
|
|
background: url('/img/index/rarr.png') no-repeat
|
|
}
|
|
}
|
|
|
|
/* 660px */
|
|
@media (max-width: 660px) {
|
|
|
|
/*하단배너*/
|
|
#link_wrap .link_banner {
|
|
float: left;
|
|
z-index: 100;
|
|
position: relative;
|
|
height: 90px;
|
|
line-height: 80px;
|
|
}
|
|
|
|
#link_wrap .link_banner li {
|
|
float: left;
|
|
width: 33%
|
|
}
|
|
|
|
#link_wrap .link_banner li img {
|
|
width: 100%;
|
|
height: 40px
|
|
}
|
|
|
|
#link_wrap .link_banner li a {
|
|
display: block;
|
|
}
|
|
|
|
#link_wrap .bx-wrapper {
|
|
position: absolute;
|
|
top: 20px;
|
|
left: 1%;
|
|
border: 0px solid red
|
|
}
|
|
|
|
#link_wrap .bx-viewport {
|
|
max-width: 100%;
|
|
margin-left: 0;
|
|
border: 0px solid red
|
|
}
|
|
|
|
#link_wrap .bx-controls {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* 480px */
|
|
@media (max-width: 480px) {
|
|
.main_tile ul li .img {
|
|
text-align: center;
|
|
line-height: 1em;
|
|
padding-top: 14%;
|
|
padding-bottom: 1%
|
|
}
|
|
|
|
.main_tile ul li .title_w {
|
|
font-weight: bold;
|
|
line-height: 30px;
|
|
height: 30px;
|
|
font-size: 15px;
|
|
background: none
|
|
}
|
|
|
|
.main_tile ul li .text_eng_w {
|
|
font-size: 10px;
|
|
line-height: 10px
|
|
}
|
|
|
|
.main_tile ul li .title_b {
|
|
font-weight: bold;
|
|
line-height: 30px;
|
|
height: 30px;
|
|
font-size: 15px;
|
|
background: none
|
|
}
|
|
|
|
.main_tile ul li .text_eng_b {
|
|
font-size: 10px;
|
|
line-height: 10px
|
|
}
|
|
|
|
.main_tile ul li.main_tile10 {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.main_tile ul li.main_tile10 .title {
|
|
padding-top: 16%;
|
|
padding-bottom: 5%;
|
|
font-size: 1em;
|
|
}
|
|
}
|
|
|
|
.mainpopNew {
|
|
max-width: 1300px;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
div.main_tile10 {
|
|
background: url('/img/index/main_tile10.jpg') no-repeat;
|
|
background-size: cover;
|
|
font-size: 23px;
|
|
position: relative;
|
|
width: 23%;
|
|
height: 400px;
|
|
margin: 0px auto;
|
|
padding: 3% 0;
|
|
border: 0px solid red;
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
}
|
|
|
|
div.main_tile10 .title {
|
|
padding-top: 30%;
|
|
padding-bottom: 5%;
|
|
font-size: 1em;
|
|
color: #404040;
|
|
letter-spacing: -1px;
|
|
font-weight: bold
|
|
}
|
|
|
|
div.main_tile10 .title span {
|
|
color: #c23231
|
|
}
|
|
|
|
div.main_tile10 img {
|
|
width: 60%
|
|
}
|
|
|
|
@media (max-width: 1300px) {
|
|
.mainpopNew {
|
|
margin: 5% auto;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1294px) {
|
|
.mainpopNew {
|
|
margin: 7% auto;
|
|
}
|
|
|
|
.mainpopNew .bx-wrapper {
|
|
max-width: 73% !important;
|
|
}
|
|
|
|
.main_pop_wrap .bx-controls {
|
|
right: 28%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 960px) {
|
|
div.main_tile10 {
|
|
height: 255px;
|
|
}
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
//모바일경우 팝업 없음.
|
|
|
|
//레이어 팝업 띄우기
|
|
|
|
|
|
//윈도우 팝업 띄우기
|
|
|
|
});
|
|
|
|
/* ********************************************************
|
|
* 팝업창 오픈 쿠키 정보 OPEN
|
|
******************************************************** */
|
|
function fnGetCookie(name) {
|
|
var prefix = name + "=";
|
|
|
|
var cookieStartIndex = document.cookie.indexOf(prefix);
|
|
if (cookieStartIndex == -1) return null;
|
|
var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length);
|
|
if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length;
|
|
|
|
|
|
return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex));
|
|
}
|
|
/* ********************************************************
|
|
* 쿠키설정
|
|
******************************************************** */
|
|
function fnSetCookiePopup(name, value, expiredays) {
|
|
var todayDate = new Date();
|
|
todayDate.setDate(todayDate.getDate() + expiredays);
|
|
document.cookie = name + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";"
|
|
}
|
|
/* ********************************************************
|
|
* 체크버튼 클릭시
|
|
******************************************************** */
|
|
function fnPopupCheck(popupId, typeFlag) {
|
|
fnSetCookiePopup(typeFlag + "_" + popupId, "done", 1);
|
|
fn_layerClose(popupId);
|
|
}
|
|
|
|
function fn_openPopup(popupId, seq, width, height, x, y) {
|
|
if (width < 200) {
|
|
width = 200;
|
|
}
|
|
|
|
if (height < 200) {
|
|
height = 200;
|
|
}
|
|
|
|
var openPopup = window.open('/web/main/EgovPopup.do' + '?popupId=' + popupId,
|
|
'pop_' + popupId, 'width=' + width + ',height=' + height + ',top=' + y + ',left=' + x);
|
|
if (openPopup != null) {
|
|
if (window.focus) {
|
|
openPopup.focus()
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
function fn_layerClose(popupId) {
|
|
$("#layer_pop_" + popupId).fadeOut();
|
|
}
|
|
|
|
|
|
function fn_egov_inqire_notice(bbsId, nttId) {
|
|
document.frm.nttId.value = nttId;
|
|
document.frm.bbsId.value = bbsId;
|
|
document.frm.method = "get";
|
|
document.frm.action = "/web/cop/bbs/selectBoardArticle.do";
|
|
document.frm.submit();
|
|
}
|
|
|
|
function checkMobileDevice() {
|
|
var mobileKeyWords = new Array('Android', 'iPhone', 'iPod', 'BlackBerry', 'Windows CE', 'SAMSUNG', 'LG', 'MOT', 'SonyEricsson');
|
|
for (var info in mobileKeyWords) {
|
|
if (navigator.userAgent.match(mobileKeyWords[info]) != null) {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function fn_egov_addNotice() {
|
|
document.frm.method = "get";
|
|
document.frm.bbsId.value = "BBSMSTR_000000000153";
|
|
document.frm.action = "/web/cop/bbs/addBoardArticle.do";
|
|
document.frm.submit();
|
|
}
|
|
</script>
|
|
<title>
|
|
우체국물류지원단
|
|
</title>
|
|
<div class="hd_top on">
|
|
<div id="skip_to_container"><a href="#con_wrapper">본문 바로가기</a></div>
|
|
<h1><a href="/web/main/mainPage.do"><img src="/img/logo.png" alt="우체국 물류지원단 로고"></a></h1>
|
|
<div class="utill">
|
|
<ul>
|
|
<li><a href="/web/search/search.do"><img src="/img/top_search_btn.png" alt="검색 버튼"></a></li>
|
|
<li id="utill_ct"><a href="#"><img src="/img/top_list_btn.png" alt="전체매뉴"></a></li>
|
|
</ul>
|
|
<div id="utill_sitemap">
|
|
<div class="us_wr">
|
|
<div class="us_tbx">
|
|
<ul class="us_tbx_ul01">
|
|
<li>
|
|
<p>주요사업</p>
|
|
<ul class="us_tbx_ul02">
|
|
<li><a href="/web/content.do?proFn=mainProject01">우편물 운송</a></li>
|
|
<li><a href="/web/content.do?proFn=mainProject03">소포배달</a></li>
|
|
<li><a href="/web/content.do?proFn=mainProject02">우편물류센터 운영</a></li>
|
|
<li><a href="/web/content.do?proFn=mainProject04">국제물류</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="active">
|
|
<p>참여마당</p>
|
|
<ul class="us_tbx_ul02">
|
|
<li onclick="menuOn();"><a href="#">고객만족</a>
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=serviceCharter">고객서비스 헌장</a></li>
|
|
<li><a href="/web/content.do?proFn=serviceAction">서비스 이행표준</a></li>
|
|
<li><a href="/web/content.do?proFn=cs_service">서비스 매뉴얼</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000020">CS 교육 및 활동</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">공익신고</a>
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=publicReport">공익신고안내</a></li>
|
|
<li><a href="/web/content.do?proFn=claimantProtection">신고자 보호 안내</a></li>
|
|
<li><a href="/web/content.do?proFn=compensationPaid">보상금 지급 안내</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000151&reportIntroYn=Y">클린신고센터</a></li>
|
|
<li><a href="/web/survey/surveyList.do">설문조사</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000221">칭찬합시다</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<p>알림마당</p>
|
|
<ul class="us_tbx_ul02">
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000018">공지사항</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000201">뉴스와 화제</a></li>
|
|
<li><a href="#">인사채용</a>
|
|
<ul>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000029">채용공고</a></li>
|
|
<li><a href="/web/content.do?proFn=recruit">인재상</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">입찰공고</a>
|
|
<ul>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000019">입찰공고</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000060">계약심의회</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<p>열린경영</p>
|
|
<ul class="us_tbx_ul02">
|
|
<li><a href="/web/content.do?proFn=alio">경영공시</a></li>
|
|
<li><a href="#">일반공시</a>
|
|
<ul>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000022">기관규정</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000038">공무국외 여행보고서</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000039">공용차량 운영현황</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000040">소송관리 운영현황</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000043">상품권 구매현황</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000030">부서장 업무추진비</a></li>
|
|
<li><a href="/web/content.do?proFn=greenhouseGas">온실가스 감축현황</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000056">금품처리 공개</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">윤리경영</a>
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=ethicalCharter">윤리헌장</a></li>
|
|
<li><a href="/web/content.do?proFn=codeOfEthics">윤리실천강령</a></li>
|
|
<li><a href="/web/content.do?proFn=codeOf365">365안전운행 실천강령</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000037">반부패 청렴활동</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000048">부패행위 징계처분자 정보공개</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000014">감사결과</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">사회공헌</a>
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=socialContribution">사회공헌 개요</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000049">사회공헌활동 요청</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">기관활동</a>
|
|
<ul>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000041">수의계약현황</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000035">제ㆍ개정 예고</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000057">정부권장정책 현황</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000058">사업실명제</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<p>정보공개</p>
|
|
<ul class="us_tbx_ul02">
|
|
<li><a href="#">정보공개</a>
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=information">정보공개제도 안내</a></li>
|
|
<li><a href="/web/content.do?proFn=informationFlow">정보공개제도 흐름도</a></li>
|
|
<li><a href="/web/content.do?proFn=closedInfo">비공개 세부기준</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000500">정보목록</a></li>
|
|
<li><a href="/web/content.do?proFn=informationSigned">정보공개신청</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">공공데이터 개방</a>
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=introOpenData">개방안내</a></li>
|
|
<li><a href="/web/content.do?proFn=informationList">제공목록</a></li>
|
|
<li><a href="https://www.data.go.kr" target="_blank">이용신청</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">사전정보공표</a>
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=announcement">공표목록</a></li>
|
|
<li><a href="/web/content.do?proFn=bookMarkInfo">즐겨찾기 목록</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000231">사전정보 점검</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<p>기관소개</p>
|
|
<ul class="us_tbx_ul02">
|
|
<li><a href="/web/content.do?proFn=intro">인사말</a></li>
|
|
<li><a href="/web/content.do?proFn=history">기관연혁</a></li>
|
|
<li><a href="/web/content.do?proFn=generation">역대기관장</a></li>
|
|
<li><a href="/web/content.do?proFn=vision">미션ㆍ비전</a></li>
|
|
<li><a href="/web/content.do?proFn=ci">CI</a></li>
|
|
<li><a href="/web/org/userOrgChart.do">조직도</a></li>
|
|
<li><a href="/web/content.do?proFn=map00">오시는 길</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<button type="button" class="pop_close" alt="전체메뉴 닫기"><span class="sound_only">전체메뉴 </span>닫기</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
$(function() {
|
|
var $category = $("#utill_sitemap");
|
|
|
|
$("#utill_ct").on("click", function() {
|
|
$category.css("display", "block");
|
|
});
|
|
|
|
$("#utill_sitemap .pop_close").on("click", function() {
|
|
$category.css("display", "none");
|
|
});
|
|
});
|
|
</script>
|
|
</div>
|
|
<script>
|
|
function scPdfDown() {
|
|
window.open('/cmm/fms/FileDown.do?atchFileId=FILE_000000000010091&fileSn=0');
|
|
}
|
|
|
|
$(document).ready(function() { //li_two_depth 하위 href 있으면 첫번째 가져오기
|
|
$("#nav > ul.select > li").focus(function() {
|
|
$(".hd_top").addClass("on");
|
|
$("#nav > ul.select > li").removeClass("active");
|
|
$("#nav > ul.select > li").addClass("active");
|
|
});
|
|
$("#nav > ul.select > li:last-child > div > div > div.sub_right2 > ul > li:last-child").focusout(function() {
|
|
$("#nav > ul.select > li").removeClass("active");
|
|
$(".hd_top").removeClass("on")
|
|
});
|
|
|
|
$("#nav > ul.select > li").mouseenter(function() {
|
|
$(".hd_top").addClass("on");
|
|
$("#nav > ul.select > li").removeClass("active");
|
|
$("#nav > ul.select > li").addClass("active");
|
|
$("#nav .select li.active .sub").css("height", "100% !important;");
|
|
var subHei = $("#nav .select li.active .sub").height()
|
|
document.styleSheets[0].addRule('.hd_top.on::before', 'height: ' + subHei + 'px;');
|
|
|
|
});
|
|
$("#nav > ul.select > li").mouseleave(function() {
|
|
$(".hd_top").removeClass("on");
|
|
$("#nav > ul.select > li").removeClass("active");
|
|
//$(".hd_top").height(80);
|
|
$(".deth3_menu").hide();
|
|
$("#nav > ul.select > li").children(".sub").css("height", "289px");
|
|
$(".deth_plus").attr("src", "/pb/image/3deth_plus.png");
|
|
});
|
|
|
|
|
|
});
|
|
</script>
|
|
<button type="button" id="hd_ct">전체메뉴</button>
|
|
<button type="button" id="hd_search" onclick="window.location.href='/web/search/search.do'">통합검색</button>
|
|
<div id="category">
|
|
<div class="category_logo">
|
|
<h1><a href="/web/main/mainPage.do"><img src="/img/logo.png" alt="home"></a></h1>
|
|
</div>
|
|
<div class="ct_wr">
|
|
<div id="tabs">
|
|
<div class="tab_btn c-tabs-nav">
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=mainProject01" class="c-tabs-nav__link is-active">주요사업</a></li>
|
|
<li><a href="/web/content.do?proFn=serviceCharter" class="c-tabs-nav__link">참여마당</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000201" class="c-tabs-nav__link">알림마당</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000022" class="c-tabs-nav__link">열린경영</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000022" class="c-tabs-nav__link">정보공개</a></li>
|
|
<li><a href="/web/content.do?proFn=intro" class="c-tabs-nav__link">기관소개</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="tab_list">
|
|
<div class="c-tab is-active">
|
|
<ul class="ct_wr_lists">
|
|
<li><a href="/web/content.do?proFn=mainProject01">우편물 운송</a></li>
|
|
<li><a href="/web/content.do?proFn=mainProject03">소포배달</a></li>
|
|
<li><a href="/web/content.do?proFn=mainProject02">우편물류센터 운영</a></li>
|
|
<li><a href="/web/content.do?proFn=mainProject04">국제물류</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="c-tab">
|
|
<ul class="ct_wr_lists">
|
|
<li><a>고객만족</a>
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=serviceCharter">고객서비스 헌장</a></li>
|
|
<li><a href="/web/content.do?proFn=serviceAction">서비스 이행표준</a></li>
|
|
<li><a href="/web/content.do?proFn=cs_service">서비스 매뉴얼</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000020">CS 교육 및 활동</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a>공익신고</a>
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=publicReport">공익신고안내</a></li>
|
|
<li><a href="/web/content.do?proFn=claimantProtection">신고자 보호 안내</a></li>
|
|
<li><a href="/web/content.do?proFn=compensationPaid">보상금 지급 안내</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000151&reportIntroYn=Y">클린신고센터</a></li>
|
|
<li><a href="/web/survey/surveyList.do">설문조사</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000221">칭찬합시다</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="c-tab">
|
|
<ul class="ct_wr_lists">
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000018">공지사항</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000201">뉴스와 화제</a></li>
|
|
<li><a>인사채용</a>
|
|
<ul>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000029">채용공고</a></li>
|
|
<li><a href="/web/content.do?proFn=recruit">인재상</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a>입찰공고</a>
|
|
<ul>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000019">입찰공고</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000060">계약심의회</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="c-tab">
|
|
<ul class="ct_wr_lists">
|
|
<li><a href="/web/content.do?proFn=alio">경영공시</a></li>
|
|
<li><a>일반공시</a>
|
|
<ul>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000022">기관규정</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000038">공무국외 여행보고서</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000039">공용차량 운영현황</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000040">소송관리 운영현황</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000043">상품권 구매현황</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000030">부서장 업무추진비</a></li>
|
|
<li><a href="/web/content.do?proFn=greenhouseGas">온실가스 감축현황</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000056">금품처리 공개</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a>윤리경영</a>
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=ethicalCharter">윤리헌장</a></li>
|
|
<li><a href="/web/content.do?proFn=codeOfEthics">윤리실천강령</a></li>
|
|
<li><a href="/web/content.do?proFn=codeOf365">365안전운행 실천강령</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000037">반부패 청렴활동</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000048">부패행위 징계처분자 정보공개</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000014">감사결과</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a>사회공헌</a>
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=socialContribution">사회공헌 개요</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000049">사회공헌활동 요청</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a>기관활동</a>
|
|
<ul>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000041">수의계약현황</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000035">제ㆍ개정 예고</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000057">정부권장정책 현황</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000058">사업실명제</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="c-tab">
|
|
<ul class="ct_wr_lists">
|
|
<li><a>정보공개</a>
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=information">정보공개제도 안내</a></li>
|
|
<li><a href="/web/content.do?proFn=informationFlow">정보공개제도 흐름도</a></li>
|
|
<li><a href="/web/content.do?proFn=closedInfo">비공개 세부기준</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000500">정보목록</a></li>
|
|
<li><a href="/web/content.do?proFn=informationSigned">정보공개신청</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a>공공데이터 개방</a>
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=introOpenData">개방안내</a></li>
|
|
<li><a href="/web/content.do?proFn=informationList">제공목록</a></li>
|
|
<li><a href="https://www.data.go.kr" target="_blank">이용신청</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a>사전정보공표</a>
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=announcement">공표목록</a></li>
|
|
<li><a href="/web/content.do?proFn=bookMarkInfo">즐겨찾기 목록</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000231">사전정보 점검</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="c-tab">
|
|
<ul class="ct_wr_lists">
|
|
<li><a href="/web/content.do?proFn=intro">인사말</a></li>
|
|
<li><a href="/web/content.do?proFn=history">기관연혁</a></li>
|
|
<li><a href="/web/content.do?proFn=generation">역대기관장</a></li>
|
|
<li><a href="/web/content.do?proFn=vision">미션ㆍ비전</a></li>
|
|
<li><a href="/web/content.do?proFn=ci">CI</a></li>
|
|
<li><a href="/web/org/userOrgChart.do">조직도</a></li>
|
|
<li><a href="/web/content.do?proFn=map00">오시는 길</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var myTabs = tabs({
|
|
el: '#tabs',
|
|
tabNavigationLinks: '.c-tabs-nav__link',
|
|
tabContentContainers: '.c-tab'
|
|
});
|
|
|
|
myTabs.init();
|
|
</script>
|
|
<button type="button" class="pop_close"><span class="sound_only">카테고리 </span>닫기</button>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
$(function() {
|
|
var $category = $("#category");
|
|
|
|
$("#hd_ct").on("click", function() {
|
|
$category.css("display", "block");
|
|
$("#con_wrapper").css("display", "none");
|
|
$("footer").css("display", "none");
|
|
});
|
|
|
|
$("#category .pop_close").on("click", function() {
|
|
$category.css("display", "none");
|
|
$("#con_wrapper").css("display", "block");
|
|
$("footer").css("display", "block");
|
|
});
|
|
|
|
});
|
|
</script>
|
|
</div>
|
|
<div id="nav">
|
|
<ul class="select">
|
|
<li tabindex="0"><a href="/web/content.do?proFn=mainProject01"><b>주요사업</b></a>
|
|
<div class="sub">
|
|
<div class="sub_right">
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=mainProject01">우편물 운송</a></li>
|
|
<li><a href="/web/content.do?proFn=mainProject03">소포배달</a></li>
|
|
<li><a href="/web/content.do?proFn=mainProject02">우편물류센터 운영</a></li>
|
|
<li><a href="/web/content.do?proFn=mainProject04">국제물류</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li tabindex="0" class="active"><a href="/web/content.do?proFn=serviceCharter"><b>참여마당</b></a>
|
|
<div class="sub">
|
|
<div class="sub_right">
|
|
<ul>
|
|
<li>
|
|
<div class="deth3_plus_sub"><a href="#" onclick="menuOn(this);">고객만족</a></div>
|
|
<div class="deth3_wrap">
|
|
<div class="deth3_plus" style="cursor:hand">
|
|
<img src="/pb/image/3deth_plus.png" onclick="menuOn2(this);">
|
|
</div>
|
|
<div class="deth3_con">
|
|
<div class="deth3_menu" style="display:none">
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=serviceCharter">고객서비스 헌장</a></li>
|
|
<li><a href="/web/content.do?proFn=serviceAction">서비스 이행표준</a></li>
|
|
<li><a href="/web/content.do?proFn=cs_service">서비스 매뉴얼</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000020">CS 교육 및 활동</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="deth3_plus_sub"><a href="#" onclick="menuOn(this);">공익신고</a></div>
|
|
<div class="deth3_wrap">
|
|
<div class="deth3_plus" style="cursor:hand">
|
|
<img src="/pb/image/3deth_plus.png" onclick="menuOn2(this);">
|
|
</div>
|
|
<div class="deth3_con">
|
|
<div class="deth3_menu" style="display:none">
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=publicReport">공익신고안내</a></li>
|
|
<li><a href="/web/content.do?proFn=claimantProtection">신고자 보호 안내</a></li>
|
|
<li><a href="/web/content.do?proFn=compensationPaid">보상금 지급 안내</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000151&reportIntroYn=Y">클린신고센터</a></li>
|
|
<li><a href="/web/survey/surveyList.do">설문조사</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000221">칭찬합시다</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li tabindex="0"><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000201"><b>알림마당</b></a>
|
|
<div class="sub">
|
|
<div class="sub_right">
|
|
<ul>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000018">공지사항</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000201">뉴스와 화제</a></li>
|
|
<li>
|
|
<div class="deth3_plus_sub"><a href="#">인사채용</a></div>
|
|
<div class="deth3_wrap">
|
|
<div class="deth3_plus" style="cursor:hand">
|
|
<img src="/pb/image/3deth_plus.png" alt="하위메뉴 열기" onclick="menuOn2(this);">
|
|
</div>
|
|
<div class="deth3_con">
|
|
<div class="deth3_menu" style="display:none">
|
|
<ul>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000029">채용공고</a></li>
|
|
<li><a href="/web/content.do?proFn=recruit">인재상</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="deth3_plus_sub"><a href="#">입찰공고</a></div>
|
|
<div class="deth3_wrap">
|
|
<div class="deth3_plus" style="cursor:hand">
|
|
<img src="/pb/image/3deth_plus.png" alt="하위메뉴 열기" onclick="menuOn2(this);">
|
|
</div>
|
|
<div class="deth3_con">
|
|
<div class="deth3_menu" style="display:none">
|
|
<ul>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000019">입찰공고</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000060">계약심의회</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li tabindex="0"><a href="/web/content.do?proFn=alio"><b>열린경영</b></a>
|
|
<div class="sub">
|
|
<div class="sub_right">
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=alio">경영공시</a></li>
|
|
<li>
|
|
<div class="deth3_plus_sub"><a href="#">일반공시</a></div>
|
|
<div class="deth3_wrap">
|
|
<div class="deth3_plus" style="cursor:hand">
|
|
<img src="/pb/image/3deth_plus.png" alt="하위메뉴 열기" onclick="menuOn2(this);">
|
|
</div>
|
|
<div class="deth3_con">
|
|
<div class="deth3_menu" style="display:none">
|
|
<ul>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000022">기관규정</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000038">공무국외 여행보고서</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000039">공용차량 운영현황</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000040">소송관리 운영현황</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000043">상품권 구매현황</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000030">부서장 업무추진비</a></li>
|
|
<li><a href="/web/content.do?proFn=greenhouseGas">온실가스 감축현황</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000056">금품처리 공개</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="deth3_plus_sub"><a href="#">윤리경영</a></div>
|
|
<div class="deth3_wrap">
|
|
<div class="deth3_plus" style="cursor:hand">
|
|
<img src="/pb/image/3deth_plus.png" alt="하위메뉴 열기" onclick="menuOn2(this);">
|
|
</div>
|
|
<div class="deth3_con">
|
|
<div class="deth3_menu" style="display:none">
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=ethicalCharter">윤리헌장</a></li>
|
|
<li><a href="/web/content.do?proFn=codeOfEthics">윤리실천강령</a></li>
|
|
<li><a href="/web/content.do?proFn=codeOf365">365안전운행 실천강령</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000037">반부패 청렴활동</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000048">부패행위 징계처분자 정보공개</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000014">감사결과</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="deth3_plus_sub"><a href="#">사회공헌</a></div>
|
|
<div class="deth3_wrap">
|
|
<div class="deth3_plus" style="cursor:hand">
|
|
<img src="/pb/image/3deth_plus.png" alt="하위메뉴 열기" onclick="menuOn2(this);">
|
|
</div>
|
|
<div class="deth3_con">
|
|
<div class="deth3_menu" style="display:none">
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=socialContribution">사회공헌 개요</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000049">사회공헌활동 요청</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="deth3_plus_sub"><a href="#">기관활동</a></div>
|
|
<div class="deth3_wrap">
|
|
<div class="deth3_plus" style="cursor:hand">
|
|
<img src="/pb/image/3deth_plus.png" alt="하위메뉴 열기" onclick="menuOn2(this);">
|
|
</div>
|
|
<div class="deth3_con">
|
|
<div class="deth3_menu" style="display:none">
|
|
<ul>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000041">수의계약현황</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000035">제ㆍ개정 예고</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000057">정부권장정책 현황</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000058">사업실명제</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li tabindex="0"><a href="/web/content.do?proFn=information"><b>정보공개</b></a>
|
|
<div class="sub">
|
|
<div class="sub_right">
|
|
<ul>
|
|
<li>
|
|
<div class="deth3_plus_sub"><a href="#">정보공개</a></div>
|
|
<div class="deth3_wrap">
|
|
<div class="deth3_plus" style="cursor:hand">
|
|
<img src="/pb/image/3deth_plus.png" alt="하위메뉴 열기" onclick="menuOn2(this);">
|
|
</div>
|
|
<div class="deth3_con">
|
|
<div class="deth3_menu" style="display:none">
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=information">정보공개제도 안내</a></li>
|
|
<li><a href="/web/content.do?proFn=informationFlow">정보공개제도 흐름도</a></li>
|
|
<li><a href="/web/content.do?proFn=closedInfo">비공개 세부기준</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000500">정보목록</a></li>
|
|
<li><a href="/web/content.do?proFn=informationSigned">정보공개신청</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="deth3_plus_sub"><a href="#">공공데이터 개방</a></div>
|
|
<div class="deth3_wrap">
|
|
<div class="deth3_plus" style="cursor:hand">
|
|
<img src="/pb/image/3deth_plus.png" alt="하위메뉴 열기" onclick="menuOn2(this);">
|
|
</div>
|
|
<div class="deth3_con">
|
|
<div class="deth3_menu" style="display:none">
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=introOpenData">개방안내</a></li>
|
|
<li><a href="/web/content.do?proFn=informationList">제공목록</a></li>
|
|
<li><a href="https://www.data.go.kr" target="_blank">이용신청</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
<li>
|
|
<div class="deth3_plus_sub"><a href="#">사전정보공표</a></div>
|
|
<div class="deth3_wrap">
|
|
<div class="deth3_plus" style="cursor:hand">
|
|
<img src="/pb/image/3deth_plus.png" alt="하위메뉴 열기" onclick="menuOn2(this);">
|
|
</div>
|
|
<div class="deth3_con">
|
|
<div class="deth3_menu" style="display:none">
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=announcement">공표목록</a></li>
|
|
<li><a href="/web/content.do?proFn=bookMarkInfo">즐겨찾기 목록</a></li>
|
|
<li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000231">사전정보 점검</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li tabindex="0"><a href="/web/content.do?proFn=intro"><b>기관소개</b></a>
|
|
<div class="sub">
|
|
<div class="sub_right">
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=intro">인사말</a></li>
|
|
<li><a href="/web/content.do?proFn=history">기관연혁</a></li>
|
|
<li><a href="/web/content.do?proFn=generation">역대기관장</a></li>
|
|
<li><a href="/web/content.do?proFn=vision">미션ㆍ비전</a></li>
|
|
<li><a href="/web/content.do?proFn=ci">CI</a></li>
|
|
<li><a href="/web/org/userOrgChart.do">조직도</a></li>
|
|
<li><a href="/web/content.do?proFn=map00">오시는 길</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<script>
|
|
function menuOn(item) {
|
|
$(item).parent().parent().siblings().children(".deth3_wrap").children(".deth3_plus").children().attr("src", "/pb/image/3deth_plus.png");
|
|
$(item).parent().parent().siblings().children(".deth3_wrap").children(".deth3_con").children().hide();
|
|
$(item).parent().next().children().next().children(".deth3_menu").toggle();
|
|
|
|
if ($(item).parent().next().children(".deth3_con").children(".deth3_menu").css("display") == "block") {
|
|
$(item).parent().next().children(".deth3_plus").children("img").attr("src", "/pb/image/3deth_minus.png");
|
|
} else {
|
|
$(item).parent().next().children(".deth3_plus").children("img").attr("src", "/pb/image/3deth_plus.png");
|
|
}
|
|
}
|
|
|
|
function menuOn2(item1) {
|
|
$(item1).parent().parent().parent().siblings().children(".deth3_wrap").children(".deth3_plus").children().attr("src", "/pb/image/3deth_plus.png");
|
|
$(item1).parent().parent().parent().siblings().children(".deth3_wrap").children(".deth3_con").children().hide();
|
|
$(item1).parent(".deth_plus").parent().parent().siblings("li").children(".deth3_wrap").children(".deth3_con").children(".deth3_menu").hide();
|
|
$(item1).parent().next().children(".deth3_menu").toggle();
|
|
if ($(item1).parent().next().children(".deth3_menu").css("display") == "block") {
|
|
$(item1).attr("src", "/pb/image/3deth_minus.png");
|
|
} else {
|
|
$(item1).attr("src", "/pb/image/3deth_plus.png");
|
|
}
|
|
}
|
|
$('.deth3_plus').click(function() {
|
|
//$('.deth3_plus').children().attr("src", "/pb/image/3deth_plus.png");
|
|
//$('.deth3_plus').next().children().hide();
|
|
|
|
//$(this).children().attr("src", "/img/3deth_minus.png");
|
|
//$(this).next().children().show();
|
|
|
|
h1 = 290;
|
|
h2 = $(this).parent().parent().parent().height();
|
|
h3 = h2 + 40;
|
|
if (h2 > 240) {
|
|
$(this).parent().parent().parent().parent().parent().parent().css("height", h3 + "px");
|
|
$(this).parent().parent().parent().parent().parent().css("height", (h3 - 1) + "px");
|
|
$(this).parent().parent().parent().parent().css("height", (h3) + "px");
|
|
} else {
|
|
$(this).parent().parent().parent().parent().parent().parent().css("height", h1 + "px");
|
|
$(this).parent().parent().parent().parent().parent().css("height", (h1 - 1) + "px");
|
|
$(this).parent().parent().parent().parent().css("height", (h1 - 1) + "px");
|
|
}
|
|
|
|
//var hd_top = window.getComputedStyle(document.querySelector(".hd_top.on"),"::before").getPropertyValue("height")
|
|
var hei = $(this).parent().parent().parent().parent().height();
|
|
var maxHei = hei;
|
|
//$(hd_top).height(maxHei);
|
|
|
|
document.styleSheets[0].addRule('.hd_top.on::before', 'height: ' + maxHei + 'px;');
|
|
});
|
|
|
|
$('.deth3_plus_sub').click(function() {
|
|
|
|
//$('.deth3_plus_sub').next().children().next().children().hide();
|
|
|
|
//$(this).next().children().next().children().show();
|
|
|
|
h1 = 290;
|
|
h2 = $(this).parent().parent().height();
|
|
h3 = h2 + 40;
|
|
if (h2 > 240) {
|
|
$(this).parent().parent().parent().parent().parent().css("height", h3 + "px");
|
|
$(this).parent().parent().parent().parent().css("height", (h3 - 1) + "px");
|
|
$(this).parent().parent().parent().css("height", (h3) + "px");
|
|
} else {
|
|
$(this).parent().parent().parent().parent().parent().css("height", h1 + "px");
|
|
$(this).parent().parent().parent().parent().css("height", (h1 - 1) + "px");
|
|
$(this).parent().parent().parent().css("height", (h1 - 1) + "px");
|
|
}
|
|
|
|
/* 메뉴 높이 제일 긴거
|
|
$("ul li").each(function(index,item){
|
|
var hei = $("ul li").map(function(){
|
|
return $(this).height();
|
|
}).get();
|
|
var maxHei = Math.max.apply(Math,hei)
|
|
console.log(maxHei);
|
|
$(".hd_top").height(369+maxHei);
|
|
})
|
|
*/
|
|
|
|
//var hd_top = window.getComputedStyle(document.querySelector(".hd_top.on"),"::before").getPropertyValue("height")
|
|
var hei = $(this).parent().parent().parent().height();
|
|
var maxHei = hei;
|
|
//$(".hd_top").height(maxHei);
|
|
|
|
document.styleSheets[0].addRule('.hd_top.on::before', 'height: ' + maxHei + 'px;');
|
|
|
|
})
|
|
</script>
|
|
</div>
|
|
<div id="con_wrapper">
|
|
|
|
|
|
<section class="main">
|
|
<div id="slides" class="visual">
|
|
|
|
|
|
<img src="/img/index/visual01.png" alt="우편물운송" onclick="location.href='/web/content.do?proFn=mainProject01'">
|
|
<img src="/img/index/e_visual02_1.png" alt="소포배달" onclick="location.href='/web/content.do?proFn=mainProject03'">
|
|
<img src="/img/index/e_visual03.png" alt="우편물류센터 운영" onclick="location.href='/web/content.do?proFn=mainProject02'">
|
|
<img src="/img/index/visual04.png" alt="국제물류" onclick="location.href='/web/content.do?proFn=mainProject04'">
|
|
</div>
|
|
|
|
<div class="visualWrap">
|
|
<ul>
|
|
<li class="vulImg1" onclick="location.href='/web/content.do?proFn=mainProject01'"></li>
|
|
<li class="vulImg2" onclick="location.href='/web/content.do?proFn=mainProject03'"></li>
|
|
<li class="vulImg3" onclick="location.href='/web/content.do?proFn=mainProject02'"></li>
|
|
<li class="vulImg4" onclick="location.href='/web/content.do?proFn=mainProject04'"></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<script src="/js/jquery.slides.min.js"></script>
|
|
<script type="text/javascript">
|
|
//기본 슬라이드 주석
|
|
var winWid = window.innerWidth; //브라우저 width
|
|
|
|
//모바일에서만
|
|
if (951 > winWid) {
|
|
$("#slides").show();
|
|
$('#slides').slidesjs({
|
|
|
|
play: {
|
|
active: true,
|
|
auto: true,
|
|
interval: 5000,
|
|
navigation: false,
|
|
swap: true,
|
|
effect: "slide"
|
|
},
|
|
navigation: {
|
|
active: true
|
|
},
|
|
pagination: {
|
|
active: false, //페이징
|
|
effect: "slide" //숫자 눌렀을때 효과 슬라이드(slide) 페이드효과(fade)
|
|
//css slidesjs-pagination 이부분 수정으로 커스터마이징 가능함
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
|
|
<div class="main_board_wr">
|
|
<div class="main_board_01">
|
|
<!-- 공지사항 -->
|
|
<div class="main_board_tt" tabindex="0" onkeypress="location.href='/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000018'" onclick="location.href='/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000018'">
|
|
<p>공지사항</p>
|
|
</div>
|
|
<div class="main_board_list">
|
|
<ul>
|
|
|
|
|
|
<li><span class="lt_list">
|
|
|
|
<a href="javascript:fn_egov_inqire_notice('BBSMSTR_000000000018', '6774');">
|
|
우체국물류지원단 개인정보 재위탁현황 공개(2020년 8월 기준)
|
|
</a>
|
|
</span><span class="lt_date">2020-09-07</span></li>
|
|
|
|
|
|
|
|
<li><span class="lt_list">
|
|
|
|
<a href="javascript:fn_egov_inqire_notice('BBSMSTR_000000000018', '6734');">
|
|
공공기관 청렴도 측정 관련 개인정보 제 3자 제공 알림(2020년)
|
|
</a>
|
|
</span><span class="lt_date">2020-07-21</span></li>
|
|
|
|
|
|
|
|
<li><span class="lt_list">
|
|
|
|
<a href="javascript:fn_egov_inqire_notice('BBSMSTR_000000000018', '6684');">
|
|
2020년도 시민참여혁신단 2기 최종 선정 결과발표
|
|
</a>
|
|
</span><span class="lt_date">2020-06-10</span></li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="main_board_02">
|
|
<!-- 뉴스와 화제 -->
|
|
<div class="main_board_tt" tabindex="0" onkeypress="location.href='/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000201'" onclick="location.href='/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000201'">
|
|
<p>뉴스와 화제
|
|
</div>
|
|
<div class="main_board_list">
|
|
<ul>
|
|
|
|
|
|
<li><span class="lt_list">
|
|
|
|
<a href="javascript:fn_egov_inqire_notice('BBSMSTR_000000000201', '6739');">
|
|
우체국물류지원단, 택배원 복지 위해 8.14 택배없는 날 동참 확정
|
|
</a>
|
|
</span><span class="lt_date">2020-07-27</span></li>
|
|
|
|
|
|
|
|
<li><span class="lt_list">
|
|
|
|
<a href="javascript:fn_egov_inqire_notice('BBSMSTR_000000000201', '6733');">
|
|
우체국물류지원단, 한국백혈병어린이재단에 헌혈증서 기부
|
|
</a>
|
|
</span><span class="lt_date">2020-07-20</span></li>
|
|
|
|
|
|
|
|
<li><span class="lt_list">
|
|
|
|
<a href="javascript:fn_egov_inqire_notice('BBSMSTR_000000000201', '6676');">
|
|
우체국물류지원단, KF94 보건마스크 1만장 국내 취약계층에 기부
|
|
</a>
|
|
</span><span class="lt_date">2020-06-03</span></li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="main_board_03">
|
|
<div class="main_board_tt" tabindex="0" onkeypress="location.href='/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000029'" onclick="location.href='/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000029'">
|
|
<p>채용공고</p>
|
|
</div>
|
|
<div class="main_board_list">
|
|
<ul>
|
|
|
|
|
|
<li><span class="lt_list">
|
|
|
|
<span class="new_icon">NEW</span>
|
|
|
|
<a href="javascript:fn_egov_inqire_notice('BBSMSTR_000000000029', '6803');">
|
|
대구사업소 2020년 추석명절 단기 기간제근로자(운전) 채용 공고
|
|
</a>
|
|
</span><span class="lt_date">2020-09-15</span></li>
|
|
|
|
|
|
|
|
<li><span class="lt_list">
|
|
|
|
<span class="new_icon">NEW</span>
|
|
|
|
<a href="javascript:fn_egov_inqire_notice('BBSMSTR_000000000029', '6798');">
|
|
서울지사 추석 특별소통 단기 기간제(택배사업) 채용 공고
|
|
</a>
|
|
</span><span class="lt_date">2020-09-14</span></li>
|
|
|
|
|
|
|
|
<li><span class="lt_list">
|
|
|
|
<span class="new_icon">NEW</span>
|
|
|
|
<a href="javascript:fn_egov_inqire_notice('BBSMSTR_000000000029', '6797');">
|
|
경인지사 한시적 기간제 근로자 채용 공고
|
|
</a>
|
|
</span><span class="lt_date">2020-09-14</span></li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="main_board_04">
|
|
<div class="main_board_tt" tabindex="0" onkeypress="location.href='/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000019'" onclick="location.href='/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000019'">
|
|
<p>입찰공고</p>
|
|
</div>
|
|
<div class="main_board_list">
|
|
<ul>
|
|
|
|
|
|
<li><span class="lt_list">
|
|
|
|
<a href="javascript:fn_egov_inqire_notice('BBSMSTR_000000000019', '6766');">
|
|
2020년 우정종사원 교육사업 운영 용역 입찰 재공고
|
|
</a>
|
|
</span><span class="lt_date">2020-09-02</span></li>
|
|
|
|
|
|
|
|
<li><span class="lt_list">
|
|
|
|
<a href="javascript:fn_egov_inqire_notice('BBSMSTR_000000000019', '6765');">
|
|
2020년 우정종사원 교육사업 운영 용역 입찰 공고
|
|
</a>
|
|
</span><span class="lt_date">2020-08-14</span></li>
|
|
|
|
|
|
|
|
<li><span class="lt_list">
|
|
|
|
<a href="javascript:fn_egov_inqire_notice('BBSMSTR_000000000019', '6744');">
|
|
우편물운송 화물차량(윙바디 56대) 구매(리스) 입찰 재공고
|
|
</a>
|
|
</span><span class="lt_date">2020-08-04</span></li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="link_wrap">
|
|
<div class="link_wrap_1300">
|
|
<ul class="link_banner">
|
|
|
|
<li>
|
|
<a href="http://www.alio.go.kr/home.do" target="_blank" title="새창열림">
|
|
<img alt="알리오" src='/cmm/fms/getImage.do?atchFileId=FILE_000000000008967' />
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="https://www.msit.go.kr/web/main/main.do" target="_blank" title="새창열림">
|
|
<img alt="과학기술정보통신부" src='/cmm/fms/getImage.do?atchFileId=FILE_000000000008968' />
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="http://www.koreapost.go.kr/kpost/main/index.jsp" target="_blank" title="새창열림">
|
|
<img alt="우정사업본부" src='/cmm/fms/getImage.do?atchFileId=FILE_000000000008966' />
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="http://www.postnews.kr/" target="_blank" title="새창열림">
|
|
<img alt="우체국뉴스룸" src='/cmm/fms/getImage.do?atchFileId=FILE_000000000008965' />
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="https://www.epeople.go.kr/jsp/user/pc/cvreq/UPcPassCvreqForm.paid?flag=P" target="_blank" title="새창열림">
|
|
<img alt="소극행정신고" src='/cmm/fms/getImage.do?atchFileId=FILE_000000000009243' />
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="https://1398.acrc.go.kr/pcc/ds/prvnSttemntStepSub1.do" target="_blank" title="새창열림">
|
|
<img alt="복지보조금" src='/cmm/fms/getImage.do?atchFileId=FILE_000000000008974' />
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="https://www.gov.kr/portal/main?Mcode=9999" target="_blank" title="새창열림">
|
|
<img alt="대한민국정부" src='/cmm/fms/getImage.do?atchFileId=FILE_000000000008977' />
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="http://www.acrc.go.kr/acrc/index.do" target="_blank" title="새창열림">
|
|
<img alt="국민권익위원회" src='/cmm/fms/getImage.do?atchFileId=FILE_000000000008978' />
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="http://www.mpva.go.kr/main.asp" target="_blank" title="새창열림">
|
|
<img alt="국가보훈처" src='/cmm/fms/getImage.do?atchFileId=FILE_000000000008979' />
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="https://www.epost.go.kr/search.RetrieveNewAddressNewZipCdList.comm" target="_blank" title="새창열림">
|
|
<img alt="우편번호" src='/cmm/fms/getImage.do?atchFileId=FILE_000000000008980' />
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="https://www.youthhopefund.kr/" target="_blank" title="새창열림">
|
|
<img alt="청년희망펀드" src='/cmm/fms/getImage.do?atchFileId=FILE_000000000008981' />
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript" src="/js/jquery.bxslider.min.js"></script>
|
|
<script type="text/javascript">
|
|
$(function() {
|
|
$('.link_banner').bxSlider({
|
|
auto: false,
|
|
minSlides: 3,
|
|
maxSlides: 6,
|
|
slideWidth: 180,
|
|
slideMargin: 6,
|
|
speed: 6000,
|
|
pager: false,
|
|
// 웹접근성 추가
|
|
onSliderLoad: function() {
|
|
$(".bx-clone").find("a").prop("tabIndex", "-1");
|
|
},
|
|
onSlideAfter: function() {
|
|
$(".mainSlider").children("li").each(function() {
|
|
if ($(this).attr("aria-hidden") == "false") {
|
|
$(this).find("a").attr("tabIndex", "0");
|
|
} else {
|
|
$(this).find("a").attr("tabIndex", "-1");
|
|
}
|
|
});
|
|
}
|
|
});
|
|
});
|
|
|
|
$('.mainSlider a').focusin(function() {
|
|
mainSlider.stopAuto();
|
|
});
|
|
|
|
$(".link_wrap_1300 .bx-wrapper").css("max-width", "1051px");
|
|
$(".link_wrap_1300 .bx-wrapper .bx-viewport").css("width", "130%");
|
|
</script>
|
|
</section>
|
|
|
|
<form name="frm" action="/web/cop/bbs/selectBoardArticle.do" method="get">
|
|
<input type="hidden" name="bbsId" />
|
|
<input type="hidden" name="nttId" value="0" />
|
|
<input name="pageIndex" type="hidden" value="1" />
|
|
</form>
|
|
|
|
<!-- 레이어 팝업 -->
|
|
|
|
<!-- 레이어 팝업 끝-->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta name="format-detection" content="telephone=no" />
|
|
|
|
<head>
|
|
<script>
|
|
$(document).ready(function() {});
|
|
|
|
function linkPageGo() {
|
|
location.href = $("#fammilyLink option:selected").val();
|
|
}
|
|
</script>
|
|
</head>
|
|
</div>
|
|
<footer class="sft">
|
|
<div class="ft_menu">
|
|
<ul>
|
|
<li><a href="/web/content.do?proFn=policy">이용약관</a></li>
|
|
<li><a href="/web/content.do?proFn=copyrightView">저작권정책</a></li>
|
|
<li><a href="/web/content.do?proFn=mailView">이메일무단수집거부</a></li>
|
|
<li><a href="/web/content.do?proFn=downloadViewer">뷰어다운로드</a></li>
|
|
<li><a href="/web/content.do?proFn=relatedSite">관련사이트</a></li>
|
|
<li><a href="/web/content.do?proFn=privacyView" style="color:#ffd800; font-weight:bold">개인정보처리방침</a></li>
|
|
<li><a href="/web/content.do?proFn=picture">영상정보처리기기 운영·관리 방침</a></li>
|
|
<li class="facebook"><a href="https://www.facebook.com/korpola" target="_blank"><img src="/img/ft_facebook.png" alt="페이스북"></a></li>
|
|
</ul>
|
|
<!--1024 s-->
|
|
<style>
|
|
/* 개인정보처리방침 css */
|
|
#fammilyLink option:nth-child(6) {
|
|
color: #ffd800;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.footerSite_2 {
|
|
display: none;
|
|
}
|
|
|
|
/* footer 1280px */
|
|
@media (max-width: 1280px) {
|
|
.footerSiteGo {
|
|
position: relative;
|
|
width: 34px;
|
|
height: 34px;
|
|
top: -10px;
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
|
|
.footerSite_2 {
|
|
left: 38.5%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.footerSite_1 {
|
|
left: 18.5% !important;
|
|
}
|
|
}
|
|
|
|
|
|
@media (max-width: 769px) {
|
|
.footerSiteGo {
|
|
position: relative;
|
|
left: 67px;
|
|
width: 34px;
|
|
height: 34px;
|
|
top: -10px
|
|
}
|
|
|
|
.footerSite_2 {
|
|
left: 58.5% !important;
|
|
top: 36.5% !important;
|
|
}
|
|
|
|
.footerSite_1 {
|
|
left: 190% !important;
|
|
margin-left: 385%;
|
|
}
|
|
|
|
#footerSite {
|
|
left: 2.5%;
|
|
}
|
|
}
|
|
|
|
/* footer 800px */
|
|
@media (max-width: 800px) {
|
|
.footerSiteGo {
|
|
position: relative;
|
|
left: 67px;
|
|
width: 34px;
|
|
height: 34px;
|
|
top: -10px
|
|
}
|
|
|
|
.footerSite_2 {
|
|
left: 74.5%;
|
|
}
|
|
|
|
.footerSite_1 {
|
|
left: -188% !important;
|
|
}
|
|
|
|
}
|
|
|
|
@media (max-width: 420px) {
|
|
.footerSiteGo {
|
|
position: relative;
|
|
left: 67px;
|
|
width: 34px;
|
|
height: 34px;
|
|
top: -10px
|
|
}
|
|
|
|
.footerSite_2 {
|
|
left: 60%;
|
|
top: 39% !important;
|
|
}
|
|
|
|
.footerSite_1 {
|
|
left: 107% !important;
|
|
margin-left: 0%;
|
|
}
|
|
|
|
}
|
|
|
|
@media (max-width: 321px) {
|
|
.footerSiteGo {
|
|
position: relative;
|
|
left: 67px;
|
|
width: 34px;
|
|
height: 34px;
|
|
top: -10px
|
|
}
|
|
|
|
.footerSite_2 {
|
|
left: 60%;
|
|
top: 39% !important;
|
|
}
|
|
|
|
.footerSite_1 {
|
|
left: 94% !important;
|
|
margin-left: 0%;
|
|
}
|
|
|
|
}
|
|
</style>
|
|
<div class="privacy">
|
|
<select name="fammilyLink" title="홈페이지 운용방침 및 페이스북 바로가기" id="fammilyLink">
|
|
<option value="/web/content.do?proFn=policy">이용약관</option>
|
|
<option value="/web/content.do?proFn=copyrightView">저작권정책</option>
|
|
<option value="/web/content.do?proFn=mailView">이메일무단수집거부</option>
|
|
<option value="/web/content.do?proFn=downloadViewer">뷰어다운로드</option>
|
|
<option value="/web/content.do?proFn=relatedSite">관련사이트</option>
|
|
<option value="/web/content.do?proFn=privacyView">개인정보처리방침</option>
|
|
<option value="/web/content.do?proFn=picture">영상정보처리기기 운영·관리 방침</option>
|
|
<option value="https://www.facebook.com/korpola">페이스북</option>
|
|
</select>
|
|
<button onclick="linkPageGo ();" value="go" class="footerSite_1" style="position:relative; float:left; width:34px; height:34px; top:-10px;display:inline-block;">go</button>
|
|
<div class="facebook"><a href="#" target="_blank"><img src="/img/ft_facebook.png" alt="페이스북"></a></div>
|
|
</div>
|
|
<!--e-->
|
|
<select id="footerSite" name="footerSite" title="관련사이트" style="display:inline-block">
|
|
<option title="선택하세요" selected="selected" value="">관련사이트</option>
|
|
<option value="http://www.msit.go.kr/">과학기술정보통신부</option>
|
|
<option value="http://www.koreapost.go.kr/">우정사업본부</option>
|
|
<option value="http://www.posid.or.kr/">우체국금융개발원</option>
|
|
<option value="http://www.posa.or.kr">한국우편사업진흥원</option>
|
|
<option value="http://www.poma.or.kr">우체국시설관리단</option>
|
|
<option value="http://www.popa.or.kr">별정우체국연금관리단</option>
|
|
<option value="http://www.koreapost.go.kr">우정박물관</option>
|
|
</select>
|
|
<button onclick="if($('#footerSite').val()) window.open($('#footerSite').val());" value="go" class="footerSite_2" style="display:block; position:relative;width:34px; height:34px; top:-10px;float:right;">go</button>
|
|
</div>
|
|
<div>
|
|
<div class="ft_left">
|
|
<p class="ft_logo"><img src="/img/ft_logo.png" alt="우체국물류지원단"></p>
|
|
<address>
|
|
<span>서울특별시 광진구 자양 76(자양동 680-65) 우편번호 : 05050</span>
|
|
<span>대표번호: 070-7202-1001</span>
|
|
<span>택배민원: 070-4712-7834</span>
|
|
<span>대형차량민원: 080-012-1472</span>
|
|
<span>개인정보보호책임자 : 경영지원실장 김동배</span>
|
|
<span>개인정보보호담당자 : 정보화센터 이재근(fruit@pola.or.kr)</span>
|
|
<span>우체국물류지원단의 허락없이 무단으로 복제배포, 사용하실 수 없습니다.</span>
|
|
<p class="copy">Copyright © Korea Postal Logistics Agency. All Rights Reserved.</p>
|
|
</address>
|
|
</div>
|
|
<div class="ft_right">
|
|
<a href="#" class="gototop"><img src="/img/top_btn.png" alt="상단가기"></a>
|
|
<script>
|
|
$(".gototop").click(function() {
|
|
$("body,html").animate({
|
|
scrollTop: 0
|
|
}, 400);
|
|
})
|
|
|
|
$(document).ready(function() { //게시판 경우 sub 매뉴 볼드채로 변경
|
|
if ($('#menuCours').length != 0) {
|
|
var tempArray = $('#menuCours').text().split('>');
|
|
var changeText = tempArray[tempArray.length - 1];
|
|
tempArray.splice(tempArray.length - 1, 1, "<span>" + changeText + "</span>");
|
|
for (var i in tempArray) {
|
|
if (i != 0) {
|
|
tempArray.splice(i, 1, " > " + tempArray[i])
|
|
}
|
|
}
|
|
$('#menuCours').html(tempArray)
|
|
}
|
|
});
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</html> |