@charset "utf-8";

/** Common **/
html, body {margin:0; padding:0; background-color:#fff; width:100%; height:100%; font-family:'Arial','Verdana','sans-serif','Dotum'; color:#5b5b5b; font-size:12px;}
hr {display:none;}
img,fieldset {border:0 none;outline:none;}
dl,ul,ol,li {list-style: none;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0; padding:0; font-weight:normal;}
table {border-collapse:collapse; font-size:12px;}
a ,a:link {text-decoration:none; color:#5f5f5f;} 
a:hover {text-decoration:none; color:#5f5f5f;} 
a:active {text-decoration:none;}
input,select,textarea {color:#999999; margin:0; padding:0; font-size:12px; font-family:'Arial','Verdana','sans-serif','Dotum'; border:1px solid #c1c1c1;}
select {border: 1px solid #c1c1c1; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: auto !important; padding: 4px 5px !important; background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%), url('/images/ico_select_arr.gif') no-repeat right 8px top 50%;}
select::-ms-expand {display: none;}
body {font-size:12px;}
caption {display:none;}
table {border-collapse:collapse;}
focus {outline:none;}
em {font-style: normal;}
.border_none {border:none !important;}
.tl {text-align:left !important;}
.tc {text-align:center !important;}
.tr {text-align:right !important;}
.btn_up { background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%), url('/images/btn_up.jpg') no-repeat; width:30px; cursor:pointer; height:25px;}
.btn_down { background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%), url('/images/btn_down.jpg') no-repeat; width:30px; cursor:pointer; height:25px;}
input[type="button"] { background-color: #D8D8D8; border: 1px solid #c1c1c1; }
.btn_up, .btn_down, input[type="button"][value="Edit"] { background-color: #fff; border-radius: 0; border: 1px solid #c1c1c1; }
.btn_up:hover, .btn_down:hover, input[type="button"]:hover, input[type="button"][value="Edit"]:hover { border-color: #6f6f6f; }

/** login **/

#login_wrap {width:100%; height:100%; background:#000; min-height:500px;}

.login_header {padding:20px 0 25px; width:1024px; margin:0 auto;}

#login_container {background:#000; padding:0 0 50px; position:absolute; top:50%; left:50%; margin-left:-600px; margin-top:-380px; height:653px;}
.login_visual {text-align:center; height:465px; position:relative; width:1200px; margin:0 auto;}
.login_visual span {position:absolute; bottom:50px; left:82px; color:#fff; font-size:42px;}

.login_input_wrap * {vertical-align:middle;}
.login_input_wrap {width:100%; text-align:center; margin:30px 0;}
.login_input ul {display:inline-block;}
.login_input li {border:1px solid #333; display:inline-block; height:44px; line-height:44px; text-align:left; padding:10px; margin:0 3px;}
.login_input li>span {color:white; font-size: 14px;}
.login_input input {height:45px; line-height:45px; background:none; font-size:16px; width:180px; border:none; outline:none; padding-left: 10px;}
.login_input .btn_login {display:inline-block; background:#333; color:#fff; height:46px; line-height:46px; padding:0 10px; width:180px; font-size:16px; margin-left:10px;cursor: pointer;}

#login_footer {background:#333; text-align:center; position:fixed; bottom:0; padding:20px; width:100%; color:#777;}

/** contents **/
#pdi_wrap {width:100%; min-width:1500px;}

#header_wrap {height:77px; background:#000; text-align:center; border-bottom:2px solid #804033; position:relative;}
#header_wrap h1 {position:absolute; left:20px; top:20px;}
#header_wrap .title {display:inline-block; position:relative; top:26px; color:#fff; font-size:24px; margin-left: 35%;}
#header_wrap .menu_btns {width: 100px; height: 30px; float: right; margin-top: 6px; margin-right: 33px; cursor: pointer;}
#header_wrap .menu_btns > div {font-size: 12px; color: white; background-color: #6f6f6f; margin-top: 5px; border: 1px solid #e7e7e7; color: white; cursor: pointer;}
#header_wrap .menu_btns .log_out {background: none; border: 0; border-bottom: 1px solid #e7e7e7; width: 60px; margin: 5px auto 0 auto;}
#header_wrap .user {font-size: 13px; width: 20%; float: right; margin-top: 15px; color: white; margin-right: 2%; text-align: right;}

#container {margin:0 auto 80px; padding:0 20px;}

.std_title {margin-bottom: 32px;}
.std_title h3 {font-weight: bold;}

.tab_wrap ul {width:100%; margin:20px 0 15px 0; padding: 0; box-sizing: border-box;}
.tab_wrap li {display: inline-block; margin-left: 3px; min-height: 40px;}
.tab_wrap li:last-child {width: 110px; margin-left: 3px;}
.tab_wrap li span {border:1px solid #e7e7e7; color:#777; background:#f7f7f7; line-height:100%; display:table-cell; box-sizing: border-box; min-width: 90px; max-width: 100px; height: 40px !important; min-height: 40px; max-height: 40px; text-align:center; vertical-align: middle; padding: 6px; font-size:12px; cursor:pointer;}
.tab_wrap span:hover {background:#804033; border:1px solid #804033; color:#fff;}
.tab_wrap span.active {background:#804033; border:1px solid #804033; color:#fff;}

.top_btn {text-align:right; width:100%; position:relative;}
.top_btn .page_info {position:absolute; left:0; bottom:0;}
.top_btn .page_info em {color:#e04141}
.top_btn a {display:inline-block; padding:4px 10px 3px; border:1px solid #804033; min-width:50px; color:#804033; text-align:center; font-size:13px;}
.top_btn a img {margin-right:5px;}
.top_btn a.btn_save {background:url(../images/icon_save.png) 8px 1px no-repeat; padding-left:30px;}
.top_btn a.btn_add_user {background:url(../images/icon_add.png) 8px 6px no-repeat; padding-left:23px;}
.top_btn .add_btn {margin-left: 0.5%;}

.board_wrap {width:100%; min-width:1024px;}
.board_wrap table {width:100%; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb !important; margin:10px 0 50px 0;}
.board_wrap tr {border-bottom:1px solid #dedede;}
.board_wrap th {background:#f7f7f7; color:#000; text-align:left; padding:10px 0 10px 20px;}
.board_wrap td {padding:8px; min-height:25px;}
.board_wrap td input {width:40%; padding:4px 0 4px 3px;}

.board_wrap .btn_wrap {text-align: center; margin: 10px 0 0 0;}
.board_wrap .btn_wrap a {color: #fff; font-size: 13px; display: inline-block; padding: 7px 10px; min-width: 80px;}
.board_wrap .btn_wrap .search_btn {background: #000;}
.board_wrap .btn_wrap .reset_btn {background: #6f6f6f;}

.board_wrap_list {width:100%; margin:0 0 20px 0;}
.board_wrap_list table {width:100%; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; margin:10px 0 0 0;}
.board_wrap_list tr {border-bottom:1px solid #e6e6e6;}
.board_wrap_list th {background:#f7f7f7; color:#000; padding:11px 0 8px; border-bottom:1px solid #e0e0e0;}
.board_wrap_list td {padding:0 5px; text-align:center; height:36px;}
.board_wrap_list td input {width:70%; padding:4px 0 4px 3px; color: #5d5d5d; cursor:pointer;}
.board_wrap_list .status span {width:40%; display:inline-block;}
.board_wrap_list a {display:inline-block; border-bottom:1px solid #804033; color:#804033; border-bottom:1px solid #804033; font-family:'Arial';}
.board_wrap_list .btn_wrap {text-align: center; margin: 10px 0 0 0;}
.board_wrap_list .btn_wrap a {color: #fff; font-size: 13px; display: inline-block; padding: 7px 10px; min-width: 80px;}
.board_wrap_list .btn_wrap .search_btn {background: #000;}
.board_wrap_list .btn_wrap .reset_btn {background: #6f6f6f;}
#container_upload_file_list {text-align: left;}

.btn_bottom {display: inline-block; cursor:pointer; padding: 8px 23px 8px; border: 1px solid #804033; min-width: 50px; color: #804033; text-align: center; font-size: 13px; background: white;}

.board_view .good {background:#53ae68; color:#fff; width:100%; display:inline-block; padding:5px 0 5px;}
.board_view .nogood {background:#ea4e4e; color:#fff; width:100%; display:inline-block; padding:5px 0 5px;}
.board_view .check {background:#ffa500; color:#fff; font-weight:bold; width:80px; padding:5px 0;}

.required_photo {padding:6px 0;}
.required_photo table {border:none; margin:0;}
.required_photo tr {border:none;}
.required_photo th {background:none; text-align:left; vertical-align:top; font-weight:normal; padding:10px; border:none; font-family:'Arial';}
.required_photo td {text-align:left; height:auto; padding-bottom:4px;}
.required_photo .photo {border:1px solid #b4b4b4; padding:6px; display:inline-block;}

.board_view {width:100%; margin:0 0 20px 0;}
.board_view table {width:100%; border-top:1px solid #bbb; border-bottom:1px solid #bbb; margin:10px 0 0 0;}
.board_view th {background:#f7f7f7; color:#000; padding:10px 0;}
.board_view td {padding:0 5px; text-align:center; height:40px;}
.board_view td input {width:100%; padding:4px 0 4px 3px;}
.board_view .status span {width:40%; display:inline-block;}
.board_view a {display:inline-block; padding:5px 10px 3px; border:1px solid #804033; color:#804033; min-width:125px;}
.board_view a img {margin-right:5px;}

.board_view input {width:98%; padding:3px 5px;}
.board_view tr {border:none;}
.board_view th {text-align:left; padding-left:10px; font-size:13px; border-top:1px solid #bebebe; border-bottom:1px solid #bebebe;}
.board_view td {height:auto; padding:3px 5px;}
.board_view .view_list table {border:none; margin:5px 0;}

.board_view .checkbox {position: relative; padding-left: 25px; font-size: 13px;}
.board_view .check_mark {border: 3px solid #549b9f; position: absolute; top: -3px; left: 0; height: 15px; width: 15px;}
.board_view .check_mark.checked:after {content: ""; position: absolute; display: block; left: 5px; width: 3px; height: 10px; border: solid #549b9f; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.board_view .data_colletion table {border:1px solid #e7e7e7; margin:5px 0;}
.board_view .data_colletion th {background:#fff; border-right:1px solid #e7e7e7; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; text-align:center; font-weight:normal; padding:0; font-size:12px; background:#f9f9f9;}
.board_view .data_colletion td {padding:10px 0; border-bottom:1px solid #e7e7e7; color:#707070;}
.board_view .data_colletion dl {display:inline-block;}
.board_view .data_colletion dt img {border:1px solid #ddd;}
.board_view .data_colletion dd {border:1px solid #ddd; margin-top:5px; padding:3px 0;}
.board_view .data_colletion .pressure span {display:inline-block; width:24%;}
.board_view .data_colletion .mileage span {display:inline-block; width:49%;}
.board_view .data_colletion .gds_data {padding:0;}
.board_view .data_colletion .gds_data span {display:inline-block; width:49%;}
.board_view .data_colletion .gds_data table {border:none;}
.board_view .data_colletion .gds_data th {border:none; text-align:left; padding:0 10px; font-size:12px; color:#707070; background:none;}
.board_view .data_colletion .gds_data td {border:none; padding:3px; text-align:left;}
.board_view .data_colletion .gds_data input {width:200px; text-align:center;}
.board_view .data_colletion .gds_data a {border:none; border-bottom:1px solid #804033; min-width:inherit; padding:0; font-size:13px;}
.board_view .btn_wrap {text-align: center; margin: 10px 0 0 0;}
.board_view .btn_wrap a {color: #fff; font-size: 13px; display: inline-block; padding: 7px 10px; min-width: 80px;}
.board_view .btn_wrap .search_btn {background: #000;}
.board_view .btn_wrap .reset_btn {background: #6f6f6f;}

.board_title {background:url(../images/icon_bullet.png) 0px 4px no-repeat; padding-left:15px; font-size:14px; color:#000; margin-top: 30px; font-weight:bold;}
.board_view_title {background-color:#f7f7f7; border-top:2px solid #bebebe; border-bottom:1px solid #bebebe; font-size:13px; font-weight:bold; padding:10px 10px 10px 10px; margin-top: 15px;}

.std_tb_admin {border-top: none !important; margin: 0 !important;}
.std_tb_admin td {border-bottom:1px solid #e9e9e9;}
#container_contents>div>div .board_title { margin-bottom: 15px; }

.search_wrap {width:100%; margin:0 0 20px 0;}
.search_wrap table {width:100%; border:1px solid #e7e7e7;}
.search_wrap tr {border-bottom:1px solid #e9e9e9;}
.search_wrap th {background:#f7f7f7; height:45px; font-size:13px; text-align:left; padding-left:15px; color:#000;}
.search_wrap td {height:45px; font-size:12px; padding:0 10px;}
.search_wrap td select {width:100%; padding:3px;}
.search_wrap td input {width:100%; padding:4px 5px; box-sizing: border-box;}
.search_wrap .btn_wrap {text-align:center; margin:10px 0 0 0;}
.search_wrap .btn_wrap a {color:#fff; font-size:13px; display:inline-block; padding:7px 10px; min-width:80px;}
.search_wrap .btn_wrap .search_btn {background:#000;}
.search_wrap .btn_wrap .reset_btn {background:#6f6f6f;}
.search_wrap .board_view th {padding: 0 5px; height: 30px;}
.search_wrap .board_view td {height: auto; padding: 3px 5px;}

.search_wrap div ul {max-height: 180px; overflow: auto;}
.search_wrap div ul, .search_wrap div li {padding: 4px 0;}
.search_wrap .std_tb_admin div ul, .search_wrap .std_tb_admin div li {padding: 0;}
.board_view .std_tb_admin tbody td { height: 30px; min-height: 30px; }

.search_wrap td.btn_inline {padding-left: 0;}
.search_wrap .btn_inline a {color:#fff; font-size:13px; display:inline-block; padding:7px 10px; min-width:80px; text-align: center;}
.search_wrap .btn_inline .search_btn {background:#000;}
.search_wrap .btn_inline .reset_btn {background:#6f6f6f;}

.search_wrap .summary_results .std_tb_admin { border: none; }
.search_wrap .summary_results .std_tb_admin th { height: 40px; background-color: #f7f7f7; }
.search_wrap .summary_results .std_tb_admin td { height: 30px; padding: 3px 10px; }

.search_wrap .btn_result {cursor: pointer; display: block; width: 100%; margin: 0; padding: 6px 10px; font-size: 13px; border: 2px solid #a9a9a9;}
.search_wrap .btn_result.hide,
.search_wrap .btn_result.show:hover,
.search_wrap .btn_result.show:active {color: #eee; background-color: #6f6f6f; border-color: #6f6f6f;}
.search_wrap .btn_result.show,
.search_wrap .btn_result.hide:hover,
.search_wrap .btn_result.hide:active {color: #6f6f6f; background-color: #eee; border-color: #a9a9a9;}
.search_wrap .btn_result.hide {margin-top: -10px; margin-bottom: 10px;}

p.board_title.vin_info {margin-bottom: 15px;}
a.btn_activate {background:url(../images/icon_active.png) 8px 7px no-repeat; padding-left:22px; border-color:#549b9f; color:#4ea4a9;}
a.btn_delete {background:url(../images/icon_delete.png) 8px 7px no-repeat; padding-left:22px; border-color:#9f9f9f; color:#9f9f9f;}
a.btn_upload {background:url(../images/icon_upload.png) 8px 6px no-repeat; padding-left:22px; border-color:#549b9f; color:#4ea4a9; margin-top:5px;}
a.btn_disabled {background:url(../images/icon_disable.png) 5px 4px no-repeat; padding-left:22px; border-color:#9f9f9f; color:#9f9f9f;}
a.btn_view {background:url(../images/icon_view.png) 8px 4px no-repeat; padding-left:32px; border-color:#549b9f; color:#4ea4a9;}
a.btn_photo {background:url(../images/icon_photo.png) 8px 5px no-repeat; padding-left:32px; border-color:#217dcb; color:#217dcb; min-width:97px;}
a.btn_comment {border-color:#ec6969; color:#ec6969; min-width:119px;}

.paging_wrap * {vertical-align:middle;}
.paging_wrap {text-align:center; margin:0 0 50px 0;}
.paging_wrap a {display:inline-block; color:#8f8f8f; height:20px; line-height:20px; border:1px solid transparent; margin:0 3px; font-size:12px; padding:0 6px; min-width:10px;}
.paging_wrap a:hover {border-color:#bbb; text-decoration:underline;}
.paging_wrap a:active {color:#804033; border-color:#804033; text-decoration:underline;}
.paging_wrap a.active {color:#804033; border-color:#804033; text-decoration:underline;}
.paging_wrap a.btn_arrow {border:1px solid #bbb; padding:1px 8px 0px;}
.paging_wrap a.btn_arrow:hover {text-decoration:none; border:1px solid #bbb;}

/** footer **/
#footer_wrap {width:100%; background:#e6e6e6; text-align:center; padding:20px 0; color:#888; bottom:0;}

/** popup **/
.popup_table tr {border-bottom: gray 1px solid;}
.popup_table th {padding: 10px; background-color: lightgray; font-weight: bold;}
.popup_table select {margin-left: 10px; height: 22px; color: #6f6f6f;}
.popup_table select:nth-child(1) {width: 250px;}

#pop_header {background:#804033; position:relative;}
#pop_header .top_wrap .navi {color:#fff; font-size:16px; font-weight:bold; padding:9px 0 3px 0;}
#pop_header .top_wrap .navi img {margin:0 5px; position:relative; top:-2px;}
#pop_header .top_wrap .navi em {color:#a2f5ff;}
#pop_header .top_wrap .btn_close {position:absolute; top:13px; right:10px; display:inline-block;}

.chart_title {background:url(/images/icon_bullet.png) 0px 7px no-repeat; padding-left:15px; font-size:14px; font-weight:bold; color:#2b2d2f; margin:20px 0 10px 0;}
.chart_sub_title{background-color:#f7f7f7; border-top:2px solid #bebebe;  border-right:1px solid #bebebe; border-bottom:1px solid #bebebe;  border-left:1px solid #bebebe; color:#213039; font-size:13px; font-weight:bold; padding:10px 10px 10px 10px; }

/** row **/
.hide_row{display:none;}

.std_btn_blackline {cursor:pointer; display: inline-block; padding: 4px 10px 3px; border: 1px solid #804033; min-width: 50px; color: #804033; text-align: center; background: white; font-size: 13px; margin-bottom: 5px;}
.std_btn_lightblue{cursor:pointer; height: 23px !important; line-height: 1; color: #5d5d5d; border: 1px solid #c1c1c1;}
.std_btn_lightgray{cursor:pointer; height: 23px !important; line-height: 1; color: #5d5d5d; border: 1px solid #c1c1c1; margin-top: 10px;}

.gnb_wrap {margin-bottom:20px;}
.gnb_wrap .main {height:50px; background-color:#333; text-align:center;}
.gnb_wrap .main li {color:#fff; font-size:16px; display:inline-block; line-height:50px; vertical-align:middle; padding:0 50px; cursor:pointer; position:relative;}
.gnb_wrap .main li:after {content:''; display:inline-block; width:1px; height:14px; background-color:#666; position:absolute; right:0; top:19px;}
.gnb_wrap .main li:last-child:after {display:none;}
.gnb_wrap .main li:hover {color:#cd9a81;}
.gnb_wrap .main li.active {color:#cd9a81;}
.gnb_wrap .sub dl {height: 38px; background-color: #fff; border-bottom: 1px solid #ddd; text-align: center;}
.gnb_wrap .sub dd {display: inline-block; line-height: 38px; vertical-align: middle; padding: 0 15px; cursor: pointer; color: #666; font-size: 13px;}
.gnb_wrap .sub dd:hover {color:#804033; text-decoration:underline;}
.gnb_wrap .sub dd.active {color:#6b0001; font-weight:bold; text-decoration:underline;}

/* print */
@media print {
    body {zoom: 75%;}
}
/* [2024.08.22] jhc : add warning message style for archive */
.warning_message {
    background-color: #f8d7da; /* Light red background */
    border: 1px solid #f5c6cb; /* Red border */
    color: #721c24; /* Dark red text color */
    padding: 10px;
    margin-top: 20px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
}
.warning_message p {
    margin: 5px 0;
}
.title_wrapper {
    background-color: #ffa500; /* Orange background */
    color: white; /* White text color */
    padding: 20px; /* Padding around the text */
    border-radius: 8px; /* Rounded corners */
    text-align: center; /* Center-align text */
    margin-bottom: 20px; /* Margin below the title */
}
.title_wrapper h3 {
    font-size: 2em; /* Font size twice as big */
    margin: 0; /* Remove default margin */
}
.disabled-button {
    background-color: #d3d3d3; /* Light grey */
    color: #a9a9a9; /* Dark grey text */
    border-color: #d3d3d3; /* Match border color to background */
    cursor: not-allowed; /* Change cursor to indicate it's not clickable */
}
/* end */

::-webkit-input-placeholder { /* Edge */ color: #ffb3b3; }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #ffb3b3;}
::placeholder { color: #ffb3b3;}