/* CSS Document */
/*제목*/
h4{background:url("/images/02_mayor/common/h4.gif") no-repeat 0px 8px; padding-left:34px; margin-bottom:16px; color:#111; font-weight:900; font-size:24px;}
h5{background:url("/images/02_mayor/common/h5.gif") no-repeat  5px 4px; padding-left:20px; margin-bottom:14px; color:#111; font-weight:600; font-size:18px;}

.basic_p{font-size:16px;line-height:1.5em;margin:10px 0 10px 20px;}

/* 목록 */
.basic_ul{margin: 0 0 24px 18px;}
.basic_ul li{font-size:16px; line-height:1.5em; padding:0 0 0 20px; margin:0 0 5px 0;background:url("/images/02_mayor/common/li01.gif") no-repeat 0 10px; color:#222; font-weight:300;}
.basic_ul li ul{margin:8px 0}
.basic_ul li li{padding:0 0 0 10px;background:url("/images/02_mayor/common/li02.gif") no-repeat 0 11px; color:#454545;}

/* 테이블 */
.over_table{overflow-x:auto}
.basic_table{width:100%; min-width:1000px; margin:20px 0;border-top:1px solid #002157;}
.basic_table th, .basic_table td{text-align:center;padding:8px 10px; border:1px solid #d1d1d1; border-top:none; vertical-align:middle; font-size:16px;line-height:1.5em;}
.ht_30 td {height:45px;}
.basic_table thead th{background:#eef4ff; color:#002157;}
.basic_table tbody th{background:#f4f4f4; color:#333;}
.basic_table tbody td{color:#111}
.basic_table tbody td li{padding:0 0 0 20px; margin:0 0 5px 0;background:url("/images/02_mayor/common/li01.gif") no-repeat 0 10px; color:#111; text-align:left}
.basic_table tbody td li li{padding:0 0 0 10px; background:url("/images/02_mayor/common/li02.gif") no-repeat 0 11px; color:#454545;}
.basic_table tbody td table{border-top:1px solid #223e99}
.basic_table .point_bg{background:#f4f4f4;}
.table_left td{text-align:left;}
.basic_table td{text-align:center}
.basic_table td.txt_left{text-align:left}
.table_left td{text-align:left}
.basic_table .color_change {background:#015b97;}
.basic_table .color_change a {color:#fff;}

/* 박스 */
.basic_box{background:url("/images/02_mayor/common/box_bg.gif");padding:8px;margin:20px 0 30px 0}
.basic_box>div{background:#fff;padding:30px}


/* 탭메뉴 */
.basic_tab{overflow:hidden; border-top:1px solid #d1d1d1;border-left:1px solid #d1d1d1; margin:0 0 30px 0}
.basic_tab li{float:left; width:100%; background:#f8f8f8 url("/images/02_mayor/common/tab_off.png") no-repeat 95%; font-size:18px;}
.basic_tab li a{display:block; padding:12px 15px;height:30px; border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
.basic_tab li a:hover{background:#fff url("/images/02_mayor/common/tab_off.png") no-repeat 95%; color:#111}
.basic_tab li.on a{background:#fff url("/images/02_mayor/common/tab_on.png") no-repeat 95%; color:#111; border-top:4px solid #025b97;height:26px;}
.basic_tab li.on a:hover{color:#025b97;}

/* 기본절차도 */
.basic_step li{background:url("/images/bbs/uia_arr.png") no-repeat center top !important;padding:25px 0 0 0 !important;margin:0 0 10px 0 !important;font-size:16px;text-align:center;line-height:1.5em;}
.basic_step li:first-child{background:none;padding-top:0 !important}
.basic_step li strong{display:block;background:#223e99;color:#fff;padding:16px 15px}
.basic_step li span{display:block;border:1px dotted #a8aeba;border-top:3px solid #323a47;padding:15px;background:#f7f7f7}
.basic_step li span em{font-style:normal;font-size:14px}

.basic_step2 li{background:url("/images/bbs/uia_arr.png") no-repeat center top;padding:25px 0 0 0;margin:0 0 10px 0;font-size:16px;text-align:center;line-height:1.5em;}
.basic_step2 li:first-child{background:none;padding-top:0}
.basic_step2 li strong{display:block;background:#223e99;color:#fff;padding:16px 15px}
.basic_step2 li span{display:block;border:1px dotted #a8aeba;border-top:3px solid #323a47;padding:15px;background:#f7f7f7}

/* 링크연결 컨텐츠 */
.link_box{text-align:center}
.link_box dt{color:#363636;font-size:24px;font-weight:600;margin:10px 0 0 0}
.link_box dd{margin:15px 0 0 0;line-height:1.5em}
.link_box dd a{display:inline-block;background:#025b97;border:1px solid #025b97;border-radius:3px;color:#fff;text-align:left;font-size:18px;margin:0 5px 10px 5px;padding:0 20px 0 0}
.link_box dd a:hover{background:#04436e;border:1px solid #04436e}
.link_box dd a span{display:block; padding:10px 40px 12px 20px;background:url("/images/02_mayor/common/btn_new.png") no-repeat right center; font-size:16px;}

/* 버튼 스타일 */
.basic_btn{text-align:center;margin:20px 0}
.basic_btn a{display:inline-block;background:#015b97;border-radius:100px;color:#fff;text-align:left;font-size:16px;margin:0 5px 10px 5px;padding:0 0 0 40px}
.basic_btn a:hover{background:#d54441;}
.basic_btn span{display:block;padding:10px 40px 10px 20px}
.btn_go span{background:url("/images/02_mayor/common/btn_new.png") no-repeat left center}
.btn_new span{background:url("/images/02_mayor/common/btn_new.png") no-repeat left center}
.btn_down span{background:url("/images/02_mayor/common/btn_down.png") no-repeat left center}

.sbtn_go{display:inline-block;background:url("/images/02_mayor/common/btn_new.png") no-repeat 8px center #d54441;color: #d54441;font-size:14px;margin:2px 5px;padding:0 0 0 30px;border: 1px solid #d54441}
.sbtn_go:hover{border:1px solid #015b97;background-color:#015b97;color:#000}
.sbtn_go span{display:block;background: #fff;padding: 2px 15px; font-weight:300;}

.sbtn_new{display:inline-block;background:url("/images/02_mayor/common/btn_new.png") no-repeat 8px center #d54441;color: #d54441;font-size:14px;margin:2px 5px;padding:0 0 0 30px;border: 1px solid #d54441}
.sbtn_new:hover{border:1px solid #015b97;background-color:#015b97;color:#000}
.sbtn_new span{display:block;background: #fff;padding: 2px 15px; font-weight:300;}

.sbtn_down{display:inline-block;background: url("/images/02_mayor/common/btn_down.png") no-repeat 8px center #d54441;color: #d54441;font-size:14px;margin:2px 5px;padding: 0 0 0 30px;border: 1px solid #d54441}
.sbtn_down:hover{border:1px solid #015b97;background-color:#015b97;color:#000}
.sbtn_down span{display:block;background: #fff;padding: 2px 15px; font-weight:300;}

.sbtn_normal1{display:inline-block;background:#d54441;border-radius:100px;color:#fff;text-align:left;font-size:16px;margin:0 5px 10px 5px;padding:6px 20px;}
.sbtn_normal2{display:inline-block;background:#015b97;border-radius:100px;color:#fff;text-align:left;font-size:16px;margin:0 5px 10px 5px;padding:6px 20px;}
.sbtn_normal3{display:inline-block;background:#454545;border-radius:100px;color:#fff;text-align:left;font-size:16px;margin:0 5px 10px 5px;padding:6px 20px;}


.txt_link, .txt_link:hover{background:url("/images/02_mayor/common/link_icon.png") no-repeat right center;padding:0 15px 0 0;color:#015b97;text-decoration:underline}

.down_jpg{display:inline-block;background:url("http://mayor.gimje.go.kr/rfc3/user/domain/mayor.gimje.go.kr.80/0/../images/01_potal/sub/file_jpg.png") no-repeat 10px center #fff;border:1px solid #ccc;padding:10px 10px 10px 35px;letter-spacing:-0.05em}
.down_jpg:hover{border:1px solid #223e99}
.down_ai{display:inline-block;background:url("http://mayor.gimje.go.kr/rfc3/user/domain/mayor.gimje.go.kr.80/0/../images/01_potal/sub/file_ai.png") no-repeat 10px center #fff;border:1px solid #ccc;padding:10px 10px 10px 35px;letter-spacing:-0.05em}
.down_ai:hover{border:1px solid #223e99}
.down_pdf{display:inline-block;background:url("http://mayor.gimje.go.kr/rfc3/user/domain/mayor.gimje.go.kr.80/0/../images/01_potal/sub/file_pdf.png") no-repeat 10px center #fff;border:1px solid #ccc;padding:10px 10px 10px 35px;letter-spacing:-0.05em}
.down_pdf:hover{border:1px solid #223e99}
.down_xls{display:inline-block;background:url("http://mayor.gimje.go.kr/rfc3/user/domain/mayor.gimje.go.kr.80/0/../images/01_potal/sub/file_xls.png") no-repeat 10px center #fff;border:1px solid #ccc;padding:10px 10px 10px 35px;letter-spacing:-0.05em}
.down_xls:hover{border:1px solid #223e99}
.down_hwp{display:inline-block;background:url("http://mayor.gimje.go.kr/rfc3/user/domain/mayor.gimje.go.kr.80/0/../images/01_potal/sub/file_hwp.png") no-repeat 10px center #fff;border:1px solid #ccc;padding:10px 10px 10px 35px;letter-spacing:-0.05em}
.down_hwp:hover{border:1px solid #223e99}

.w100 img, img.w100{width:100%}

/* 이미지 코멘트 */
.comment{display:block;overflow:hidden;position:absolute;font-size:1.8em;left:-5000px;top:0;}

.map_area{border:1px solid #ccc}
.map_area img{width:100%}

/* 폰트 사이즈 : 기본적으로 작성은 되어있으나 사용여부는 디자이너 판단 */
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs21{font-size:21px;}
.fs22{font-size:22px;}

/* 폰트 컬러 : 상황에 따라 추가 가능 */
.fc_red{color:#d44500 !important;font-style:normal}
.fc_blue{color:#0072bc !important;font-style:normal}
.fc_black{color:#000 !important;font-style:normal}


/* 기본 마진 : 상황에 따라 추가 가능 */
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}

.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}

.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}

.mb05{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}

/* 기본 패딩 : 상황에 따라 추가 가능 */
.p0{padding:0 !important;}
.pb0{padding-bottom:0px !important}
.pb10{padding-bottom:10px !important}
.pb20{padding-bottom:20px !important}
.pb30{padding-bottom:30px !important}

.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}

.pr10{padding-right:10px;}
.pr20{padding-right:10px;}
.pr30{padding-right:10px;}

.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt100{padding-top:100px !important}

/* 배경 없앰 */
.bg_none{background:none !important;}

.va_top{vertical-align:top !important;}

/* 컨텐츠 float */
.f_left{float:left;}
.f_right{float:right;}

/* float 해제 */
.clear{clear:both}

/* 이미지 및 컨텐츠 정렬 시. */
.txt_center{text-align:center !important}
.txt_right{text-align:right !important}
.txt_left{text-align:left !important}    

 /*자세히보기*/         
html a.view_btn {display:inline-block; background: #666 url(/images/02_mayor/common/view.png) no-repeat 90% center;padding: 6px 20px 6px 2px;font-size: 14px;color: #fff;}
html a.view_btn span {background: #999; padding: 6px 8px;}

@media all and (min-width:768px) {
.basic_tab li{width:50%}

.link_box{text-align:center; background:#f9f9fb;border-top:1px solid #025b97;border-bottom:1px solid #e6e6e6;padding:50px 75px}
.link_box p{display:inline-block; margin-right:20px;}
.link_box p img{width:90%;max-width:268px}
.link_box dl{display:inline-block; text-align:left;}
.link_box dt{font-size:32px}
}

@media all and (min-width:1023px) {
/* 기본절차도 */
.basic_step ol{overflow:hidden}
.basic_step li{float:left;background:url("/images/bbs/search_more_arr.png") no-repeat 0 center !important;padding:0 0 0 20px !important;margin: 0 15px 10px 0 !important;font-size:14px;}
.basic_step li:first-child{padding-left:0 !important}
.basic_step .col2 li{width:45%}
.basic_step .col3 li{width:29%}
.basic_step .col4 li{width:21%}
.basic_step .col5 li{width:16%}

.basic_step2 li{overflow:hidden}
.basic_step2 li strong{float:left;width:20%}
.basic_step2 li strong.line2{padding:27px 15px}
.basic_step2 li span{float:left;width:70%;text-align:left}

}
@media all and (min-width:1600px) {
.basic_tab li{width:25%}
.basic_tab .col5 li{width:20%}
.basic_tab .col3 li{width:33.333%}
.basic_tab .col2 li{width:50%}

.w100 img, img.w100{width:auto}

}