@charset"utf-8";

@import url('fonts.css');

/* default */
* {margin:0;padding:0;}
html {width:100%;height:100%;}
body {width:100%;height:100%;margin:0px;padding:0px;font-family:"Noto Sans";font-size:15px;color:#30282a;}
div, p, ul, li, table, th, td, textarea, input,  form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, address, cite, button {margin:0px;padding:0px;font-family:"Noto Sans";font-size:15px;color:#30282a;line-height:100%;font-weight:700;letter-spacing:-0.05em;}
span{margin:0px;padding:0px;}
ul, ol, dl, dd, dt, li {list-style-type:none;margin:0;padding:0px;line-height:100%;}
table {width:100%;table-layout:fixed;}

fieldset {border:0;margin:0px;padding:0px;}
legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;display:none;}
img {border:0;vertical-align:top;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
input,select {margin:0;vertical-align:middle;}
button {cursor:pointer;}

select {font-family: inherit;border:none;border:1px solid #f6dc83;outline:none;color:#999999;height:33px;
	background:url('../images/arrow_select_01.png') no-repeat 95% center;background-size:auto 7px;padding:0px 20px 0px 10px;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius:4px;}
select::-ms-expand {display: none;}

.no_scroll {overflow:hidden;-webkit-overflow-scrolling:touch;}

/* 링크 */
a {text-decoration:none;color:#30282a;margin:0px;padding:0px;}
a:link, a:visited {text-decoration:none;color:#30282a;}
a:hover, a:focus, a:active {text-decoration:none;color:#30282a;}
a:focus, img:focus {outline:none;}

/* 인풋 */
input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"]{border:1px solid #f6dc83;background:#ffffff;font-size:14px;line-height:33px;height:33px;outline:none;color:#999999;text-indent:15px;border-radius:4px;box-sizing:border-box;}
input.num_password {-webkit-text-security:disc;-moz-text-security:disc;}
input[type="radio"] {width:14px;height:14px;margin-bottom:1px;}
input[type="checkbox"] {width:14px;height:14px;margin-bottom:2px;}
input:-ms-input-placeholder {color:#999999;}
input::-webkit-input-placeholder {color:#999999;}
input::-moz-placeholder {color:#999999;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input::-ms-clear {display:none;}

/* textarea */
textarea {box-sizing:border-box;}
textarea:-ms-input-placeholder {color:#cccccc;}
textarea::-webkit-input-placeholder {color:#cccccc;}
textarea::-moz-placeholder {color:#cccccc;}

button {padding:0;margin:0;background-color:transparent;color:#30282a;border:none;outline:none;width:100%;}

body {}

#wrap {min-width:320px;max-width:640px;margin:0 auto;position:relative;min-height:100%;overflow:hidden;}

header {position:fixed;height:45px;top:0;left:0;width:100%;z-index:300;background:#30282a;box-shadow:0px 5px 5px rgba(0,0,0,0.2);}
header h1 {text-align:center;}
header h1 img {height:25px;margin-top:10px;}
header #gnb_memu {font-size:0;width:36px;height:30px;background:url('../images/ico_menu_01.png') no-repeat center center;background-size:auto 15px;cursor:pointer;position:absolute;top:7.5px;left:10px;}
header #gnb_home {font-size:0; width:36px;height:30px; background:url('../images/ico_menu_02.png') no-repeat center center; background-size:auto 20px;cursor:pointer;position:absolute;top:7.5px; right:8px;}
header #gnb_list {position:absolute;top:45px;left:0;width:195px;display:none;}
header #gnb_list h3 {background:#cac8c9;color:#30282a;padding-left:20px;line-height:35px;}
header #gnb_list li {border-bottom:1px solid #cac8c9;background:#4f484a;}
header #gnb_list li a {display:block;color:#ffffff;font-size:14px;padding-left:37px;line-height:35px;background:url('../images/bul_gnb_01.png') no-repeat 20px 12px;background-size:10px auto;}
header #gnb_list li:last-child {border-bottom:none;}
header h2 {text-align:center;font-size:18px;color:#edb907;line-height:45px;}
header .back_ico {font-size:0;width:36px;height:30px;background:url('../images/ico_back_01.png') no-repeat center center;background-size:auto 10px;cursor:pointer;position:absolute;top:7.5px;left:10px;}

#contents {padding-top:45px;position:relative;}

.position_img {position:absolute;top:45px;left:0;width:100%;z-index:100;}
.position_img img {width:100%;}

/* 푸터 */
footer {margin:0 auto;position:relative;}

/* --------------------------------------------------------------------------- 공통 ------------------------------------------------------------------------------------------- */

/* 공통 체크 박스 */
.checkbox {display:inline-block;position:relative;}
.checkbox input[type="checkbox"] {width:1px;height:1px;padding:0;border:0 none;margin:0;position:absolute;left:0;top:0;overflow:hidden;clip:rect(0 0 0 0);}
.checkbox label {padding-left:35px;display:inline-block;background:url('../images/bg_check_01.png') no-repeat;background-size:20px auto;line-height:20px;cursor:pointer;min-height:20px;font-size:14px;}
.checkbox input[type="checkbox"]:checked + label {background:url('../images/bg_check_02.png') no-repeat;background-size:20px auto;}

/* 버튼 타입 */
.btn_gray {display:block;line-height:35px;font-size:14px;color:#ffffff;background:#999999;text-align:center;cursor:pointer;border-radius:4px;}
.btn_yellow {display:block;line-height:35px;font-size:14px;color:#30282a;background:#ffd97b;text-align:center;cursor:pointer;border-radius:4px;}

/* 레이어 마스크 */
.layer_mask {position:fixed;top:-100%;left:-100%;right:-100%;bottom:-100%;background:rgba(48,40,42,0.8);z-index:500;}

/* 공통 팝업 */
.common_popup {position:fixed;top:50%;left:20px;right:20px;z-index:600;background:#ffffff;}
.common_popup .pop_area {padding:20px 35px;}
.common_popup h3 {text-align:center;padding-bottom:16px;}
.common_popup .ico_area {margin-bottom:10px;text-align:center;}
.common_popup .ico_area .ico01 {display:inline-block;width:35px;height:35px;background:url('../images/ico_01.png') no-repeat;background-size:auto 35px;}
.common_popup .ico_area .ico02 {display:inline-block;width:35px;height:35px;background:url('../images/ico_02.png') no-repeat;background-size:auto 35px;}
.common_popup .ico_area .ico03 {display:inline-block;width:35px;height:35px;background:url('../images/ico_03.png') no-repeat;background-size:auto 35px;}
.common_popup .head_text {margin-bottom:10px;text-align:center;line-height:21px;}
.common_popup .notice {font-size:11px;text-align:center;letter-spacing:-0.06em;line-height:15px;margin-bottom:10px;}
.common_popup .input_area {}
.common_popup .input_area li {margin-bottom:10px;}
.common_popup .input_area li input {width:100%;}
.common_popup .btn_area {margin-top:15px;}
.common_popup .btn_both {position:relative;margin-top:15px;}
.common_popup .btn_both button {width:48%;}
.common_popup .btn_both button:last-child {position:absolute;top:0;right:0;}
.common_popup .close01 {position:absolute;top:18px;right:33px;width:20px;height:20px;font-size:0;cursor:pointer;background:url('../images/ico_close_01.png') no-repeat center center;background-size:11px auto;}

/* 메인 */
#main {}
#main .report_area {min-height:calc(100vh - 300px); background:url('../images/bg_main_01.jpg') no-repeat ;background-size:cover;position:relative;}
#main .report_area .ico_area {padding-top:135px;margin-bottom:12.5px;text-align:center;}
#main .report_area .ico_area img {width:62.5px;}
#main .report_area .btn_area {text-align:center;margin-bottom:15px;}
#main .report_area .btn_area button {display:inline-block;line-height:25px;font-size:14px;color:#ffffff;border:1px solid #ffffff;text-align:center;cursor:pointer;border-radius:25px;width:102px;}
#main .report_area .text01 {font-size:16px;text-align:center;color:#ffffff;}
#main .main_menu {background:#c0bebf;padding:5px 0px 0px 5px;}
#main .main_menu ul {*zoom:1;}
#main .main_menu ul:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
#main .main_menu li {float:left;width:50%;position:relative;height:85px;}
#main .main_menu li a {display:block;background:#ffffff;position:absolute;top:0;left:0;bottom:5px;right:5px;text-align:center;font-size:12px;color:#000000;box-shadow:2px 2px 2px #959192;}
#main .main_menu li a img {height:31px;margin:14px 0px 10px 0px;}
#main .family_site {padding:17.5px 20px 17.5px 20px;}
#main .family_site ul {*zoom:1;}
#main .family_site ul:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
#main .family_site li {float:left;width:33.33%;text-align:center;}
#main .family_site li img {height:20px;}


/* 회원인증 */
#member_certify {padding:30% 20px 0px 20px;}
#member_certify h1 {text-align:center;margin-bottom:25px;}
#member_certify h1 img {height:126px;}
#member_certify .select_list {}
#member_certify .select_list li {margin-bottom:10px;position:relative;}
#member_certify .select_list h3 {line-height:35px;}
#member_certify .select_list .select_area {position:absolute;top:0;right:0;width:70%;}
#member_certify .select_list .select_area select {width:100%;}
#member_certify .btn_area {margin-top:20px;}

/* 약관동의 */
#terms_agree {padding:0px 20px 30px 20px;}
#terms_agree h3 {margin:25px 0px 15px 0px;padding:0px 15px;background:url('../images/ico_h3_01.png') no-repeat 0px 2px;background-size:10px auto;}
#terms_agree .terms_view {border:1px solid #979394;padding:15px;font-size:13px;height:140px;overflow:hidden;overflow-y:auto;line-height:16px;}
#terms_agree .btn_area {margin-top:20px;}

/* 접수하기 */
#report_section {}
#report_section .map_area {position:relative; height:250px; height:calc(100vh - 300px);}
#report_section .map_area img {width:100%;}
#report_section .map_area .btn_position {position:absolute;bottom:20px;right:20px;}
#report_section .map_area .btn_position button {background:rgba(48,40,42,0.5);color:#ffffff;font-size:14px;line-height:26.5px;width:105px;text-align:center;border-radius:26.5px;}
#report_section .map_area .massage_pop {position:absolute;top:0;left:0;width:100%;font-size:14px;background:#ffd97b;text-indent:20px;z-index:200;line-height:40px;}
#report_section .map_area .massage_pop .close01 {position:absolute;top:10px;right:15px;width:20px;height:20px;font-size:0;cursor:pointer;background:url('../images/ico_close_01.png') no-repeat center center;background-size:11px auto;}
#report_section .photo_list {margin:0 10px;padding:15px 0px 15px 0px;border-bottom:1px solid #c0bebf;}
#report_section .photo_list ul {*zoom:1;}
#report_section .photo_list ul:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
#report_section .photo_list li {float:left;width:33.33%;text-align:center;height:80px;}
#report_section .photo_list .img_area {margin:0 auto;width:80px;height:80px;position:relative;}
#report_section .photo_list .img_area img {width:78px;height:78px;border:1px solid #999999;}
#report_section .photo_list .img_area .del01 {position:absolute;top:5px;right:5px;width:20px;height:20px;background:url('../images/ico_del_01.png') no-repeat;background-size:100%;font-size:0;cursor:pointer;}
#report_section .photo_list .add_area {margin:0 auto;width:80px;height:80px;background:#e6e6e6;}
#report_section .photo_list .add_area a {display:block;font-size:12px;padding-top:58px;height:22px;background:url('../images/ico_add_01.png') no-repeat center 21px;background-size:28px auto;}
#report_section .memo_input {margin:15px 20px 12px 20px;}
#report_section .memo_input h4 {font-size:14px;margin-bottom:12px;}
#report_section .memo_input .input_text {border:1px solid #979394;width:100%;height:43px;border-radius:4px;position:relative;}
#report_section .memo_input .input_text textarea {padding:5px 10px;height:32px;line-height:16px;font-size:14px;width:75%;border:none;border-radius:4px;outline:none;}
#report_section .memo_input .input_text .count {position:absolute;right:5px;bottom:3px;font-size:11px;}
#report_section .btn_both {margin:0px 20px 0px 20px;position:relative;}
#report_section .btn_both button {width:48%;}
#report_section .btn_both button img {height:17.5px;vertical-align:middle;margin:0px 0px 2px 4px;}
#report_section .btn_both button:last-child {position:absolute;top:0;right:0;}

/* 전송내역 */
#send_section {padding-bottom:30px;}
#send_section .head_area {height:70px;text-align:center;background:url('../images/bg_send_01.jpg') no-repeat;background-size:100% auto;}
#send_section .head_area .count {line-height:70px;color:#edb907;}
#send_section .search_area {padding:20px 20px 0px 20px;}
#send_section .search_area li {margin-bottom:10px;}
#send_section .search_area li input {width:100%;}
#send_section .send_list {padding:0px 10px;}
#send_section .send_list li {padding:15px 50px 16px 10px;font-size:14px;line-height:20px;border-bottom:1px solid #c0bebf;position:relative;}
#send_section .send_list li:last-child {border-bottom:none;}
#send_section .send_list .bar01 {display:inline-block;margin:0px 6px;}
#send_section .send_list .result01 {position:absolute;top:25px;right:10px;}
#send_section .send_list .result02 {position:absolute;top:25px;right:10px;color:#d0a200;}
#send_section .send_list .result03 {position:absolute;top:25px;right:10px;color:#0065b3;}

/* 임시 저장소 */
#keep_section {padding-bottom:30px;}
#keep_section .head_area {height:70px;text-align:center;background:url('../images/bg_send_01.jpg') no-repeat;background-size:100% auto;}
#keep_section .head_area .count {line-height:70px;color:#edb907;}
#keep_section .keep_list {padding:0px 10px 80px 10px;}
#keep_section .total_check {padding:20px 10px 10px 10px;border-bottom:1px solid #c0bebf;}
#keep_section .keep_list li {padding:15px 10px 16px 45px;font-size:14px;line-height:20px;border-bottom:1px solid #c0bebf;position:relative;}
#keep_section .keep_list li:last-child {border-bottom:none;}
#keep_section .keep_list li .checkbox {position:absolute;top:20px;left:10px;}
#keep_section .keep_list li .checkbox label {width:20px;height:20px;padding-left:0px;font-size:0;}
#keep_section .keep_list .bar01 {display:inline-block;margin:0px 6px;}
#keep_section .btn_bottom {position:fixed;bottom:0;left:0;background:#ffffff;width:100%;}
#keep_section .btn_bottom .btn_area {margin:30px 20px;position:relative;}
#keep_section .btn_bottom button {width:48%;}
#keep_section .btn_bottom button img {height:17.5px;vertical-align:middle;margin:0px 0px 2px 4px;}
#keep_section .btn_bottom button:last-child {position:absolute;top:0;right:0;}

/* 임시 저장소 */
#map_section {position:relative;}
#map_section .head_pop {position:absolute;top:0;left:0;right:0;line-height:40px;font-size:14px;background:#ffd97b;}
#map_section .head_pop .date01 {padding-left:20px;}
#map_section .head_pop .img01 {position:absolute;top:5px;right:20px;width:38px;height:28px;overflow:hidden;border:1px solid #978052;background:#978052;text-align:center;}
#map_section .head_pop .img01 img {width:100%;}
#map_section .map_box img {width:100%;}

/* 상세 보기 */
#view_section {padding-bottom:30px;}
#view_section .view_list {padding:25px 20px;}
#view_section .view_list li {padding:0px 0px 20px 85px;position:relative;}
#view_section .view_list h4 {position:absolute;top:0;left:0;line-height:18px;padding-left:15px;background:url('../images/ico_h4_01.png') no-repeat 0px 3px;background-size:10px auto;font-size:14px;}
#view_section .view_list p {font-size:14px;line-height:18px;}
#view_section .img_rolling {position:relative;margin:0px 20px 0px 20px;}
#view_section .img_rolling .img01 {}
#view_section .img_rolling .img01 img {width:100%;}
#view_section .slider {width:100%;height:100%;}
#view_section .slick-slide {width:100%;height:100%;position:relative;cursor:pointer;}
#view_section .slick-slide:focus {color: transparent;outline: none;}
#view_section .slick-prev {position:absolute;top:50%;left:10px;width:21.5px;height:36.5px;background:url('../images/arrow_rolling_01.png') no-repeat;background-size:12.5px auto;z-index:10;margin-top:-18px;font-size:0;cursor:pointer;}
#view_section .slick-next {position:absolute;top:50%;right:10px;width:21.5px;height:36.5px;background:url('../images/arrow_rolling_02.png') no-repeat;background-size:12.5px auto;z-index:10;margin-top:-18px;font-size:0;cursor:pointer;}
#view_section .slick-dots {position: absolute;bottom:-20px;left:0px;width:100%;display: block;z-index:100;text-align:center;line-height:0;font-size:0;}
#view_section .slick-dots li {position: relative;display: inline-block;width:10px;height:10px;margin:0px 0px 0px 5px;}
#view_section .slick-dots li button {font-size:0;display:block;width:100%;height:100%;border:none;outline: none;background:#cccccc;transition: 400ms all;cursor: pointer;border-radius:5px;}
#view_section .slick-dots li button:hover,
#view_section .slick-dots li button:focus {background:#edb907;}
#view_section .slick-dots li.slick-active button {background:#edb907;}

/* 야생동물 응급구조 신고 */
#emergency_section {padding-bottom:30px;}
#emergency_section .emergency_list {padding:0px 10px;}
#emergency_section .emergency_list li {padding:20px 40px 20px 70px;font-size:14px;line-height:22px;border-bottom:1px solid #c0bebf;position:relative;}
#emergency_section .emergency_list li:last-child {border-bottom:none;}
#emergency_section .emergency_list .area {position:absolute;top:32px;left:10px;}
#emergency_section .emergency_list .go_site {position:absolute;top:33px;right:10px;font-size:0;width:20px;height:18.5px;background:url('../images/ico_homepage_01.png') no-repeat;background-size:100%;}

/* 공지사항 */
#notice_section {padding-bottom:30px;}
#notice_section .notice_list {padding:0px 10px;}
#notice_section .notice_list li {border-bottom:1px solid #c0bebf;padding:20px 10px 20px 10px;}
#notice_section .notice_list .title_area {position:relative;padding-left:70px;padding-bottom:13px;}
#notice_section .notice_list .title_area h4 {position:absolute;top:0;left:0;line-height:18px;padding-left:15px;background:url('../images/ico_h4_01.png') no-repeat 0px 3px;background-size:10px auto;font-size:14px;}
#notice_section .notice_list .title_area p {font-size:14px;line-height:18px;}
#notice_section .notice_list .date_area {position:relative;padding-left:70px;}
#notice_section .notice_list .date_area h4 {position:absolute;top:0;left:0;line-height:18px;padding-left:15px;background:url('../images/ico_h4_01.png') no-repeat 0px 3px;background-size:10px auto;font-size:14px;}
#notice_section .notice_list .date_area p {font-size:14px;line-height:18px;}
#notice_section .notice_list .view_area {padding:13px 0px 20px 0px;display:none;}
#notice_section .notice_list .view_area h4 {line-height:18px;padding-left:15px;background:url('../images/ico_h4_01.png') no-repeat 0px 3px;background-size:10px auto;font-size:14px;padding-bottom:18px;}
#notice_section .notice_list .view_area .img_area {padding-bottom:15px;}
#notice_section .notice_list .view_area .img_area img {width:100%;}
#notice_section .notice_list .view_area p {line-height:20px;font-size:14px;}
#notice_section .btn_area {margin:25px 20px 0px 20px;}
#notice_section .btn_area2 {margin:10px 20px 0px 20px;}

/* 로드킬 다운로드 */
#download_section {}
#download_section .version_list {padding:25px 20px;}
#download_section .version_list li {padding:0px 0px 20px 0px;position:relative;}
#download_section .version_list h4 {padding-left:15px;background:url('../images/ico_h4_01.png') no-repeat 0px 2px;background-size:10px auto;font-size:14px;}
#download_section .version_list .version {position:absolute;top:0;right:0;font-size:14px;}
#download_section .bottom_box {position:fixed;bottom:0;left:0;right:0;padding:30px 20px;}
#download_section .bottom_box .text01 {font-size:11px;letter-spacing:-0.08em;}
#download_section .bottom_box .btn_area {margin-top:10px;}

/* 이용안내 */
#info_section {padding:30px 0px 50px 0px; height:94vh;}
#info_section .img_rolling {position:relative;margin:0px 20px 0px 20px;}
#info_section .img_rolling .img01 {}
#info_section .img_rolling .img01 img {width:100%;}
#info_section .slider {width:100%;height:100%;}
#info_section .slick-slide {width:100%;height:100%;position:relative;cursor:pointer;}
#info_section .slick-slide:focus {color: transparent;outline: none;}
#info_section .slick-prev {display:none !important;}
#info_section .slick-next {display:none !important;}
#info_section .slick-dots {position: absolute;bottom:-30px;left:0px;width:100%;display: block;z-index:100;text-align:center;line-height:0;font-size:0;}
#info_section .slick-dots li {position: relative;display: inline-block;width:13px;height:13px;margin:0px 0px 0px 5px;}
#info_section .slick-dots li button {font-size:0;display:block;width:100%;height:100%;border:none;outline: none;border:2px solid #f1c739;transition: 400ms all;cursor: pointer;border-radius:15px;}
#info_section .slick-dots li button:hover,
#info_section .slick-dots li button:focus {background:#f1c739;}
#info_section .slick-dots li.slick-active button {background:#edb907;}

/* datepicker */
.datepicker {left:0px !important;}