/* basic */
html, body, div, h1, h2, h3, h4, h5, h6, p, a, address, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin:0;padding:0;}
body
{margin:0px; padding:0px; border:0px solid #242424;font-family:Dotum; font-size:12px; font-style: normal; color:#888888; line-height:1.6em;}
/* font-basic */
a:link {color:#888888; text-decoration:none;}
a:active {color:#888888; text-decoration:none; }
a:visited {color:#888888; text-decoration:none; }
a:hover {color:#467191; text-decoration:underline; font-weight: normal; letter-spacing:0px;}
/* 초기화*/
/*hr,h1,h2,h3,h4,h5,h6 {position: absolute; top: -50em;left: -200em;}*/
form, fieldset, thead, tbody{list-style:none; margin:0px; padding:0px; border: 0px none;}
input,textarea,select,hr,span{font-style:normal; font-weight:normal; color:#888888;margin:0px; padding:0px; vertical-align:middle;}
img{border:0px none; margin:0px; padding:0px; vertical-align:middle;}
/* 속성없애기*/
#clear{clear:both;}
/* 입력필드의 칼라활성화 */
input:hover, input:focus, textarea:hover, textarea:focus, select:hover,
select:active{background-color:#ffffff;}
/* png파일투명처리 */
.png24 {tmp:expression(setPng24(this));}
div {list-style:none; margin:0px; padding:0px;}
ul,ol,li {list-style:none; margin:0px; padding:0px;}
/* 공통 */
.mt5 {padding-top:5px;}
.mt8 {padding-top:8px;}
.mt10 {padding-top:10px;}
.mt15 {padding-top:15px;}
.mt20 {padding-top:20px;}
.mt25 {padding-top:25px;}
.mt30 {padding-top:30px;}
.mt40 {padding-top:40px;}
.mt50 {padding-top:50px;}
.mt60 {padding-top:60px;}
.mt70 {padding-top:70px;}
.mt80 {padding-top:80px;}
.mt100 {padding-top:100px;}
.mt120 {padding-top:120px;}
.mt550 {padding-top:550px;}
.mb5 {padding-bottom:5px;}
.mb10 {padding-bottom:10px;}
.mb15 {padding-bottom:15px;}
.mb20 {padding-bottom:20px;}
.mb30 {padding-bottom:30px;}
.mb40 {padding-bottom:40px;}
.mb50 {padding-bottom:50px;}
.mb60 {padding-bottom:60px;}
.mb70 {padding-bottom:70px;}
.mb80 {padding-bottom:80px;}
.mr3 {padding-right:3px;}
.mr5 {padding-right:5px;}
.mr10 {padding-right:10px;}
.me5 {padding-left:5px;}
.me7 {padding-left:7px;}
.me8 {padding-left:8px;}
.me10 {padding-left:10px;}
.me15 {padding-left:15px;}
.me20 {padding-left:20px;}
.me25 {padding-left:25px;}
.me30 {padding-left:30px;}
.me40 {padding-left:40px;}
.me45 {padding-left:45px;}
.align_left {float:left;}
.align_right {float:right;}
.align_center {vertical-align:middle;}
.em1-3 {line-height:1.3em;}
.em1-4 {line-height:1.4em;}
.em1-5 {line-height:1.5em;}
.em1-6 {line-height:1.6em;}
.em1-7 {line-height:1.7em;}
.right_gray {border-right:1px solid #C8C8C8;}
.img100 img {width:100%;}
/* 메인 */
#main {width:100%;}
#header {position:relative;display:block;border-top:6px solid #323232;}
#header .logo {margin:0 auto;width:35%;padding-top:20px;padding-bottom:20px;}
#header .logo img {width:100%;}
#contents {float:left;width:100%;}
#contents .banner { overflow:hidden; }
#contents .banner li {float:left;width:33.333%;}
#contents .banner li img {width:100%;}
#slider {width:100%;}
#slider .swipe {position:relative;}
#slider .swipe:after {content:""; display:block; clear:both;}
#slider .swipe li {float:left; width:100%; -webkit-backface-visibility:hidden; font-size:0; line-height:0; overflow:hidden;}
#slider .swipe li img {width:100% !important; height:auto;}
#slider .indicator {width:200px; position:relative; top:-30px; margin-top:0px; z-index:10;margin:0 auto;text-align:center;}
#slider .indicator:after {content:""; display:block; clear:both;}
/*
#slider .indicator li {display:inline-block; background:url(/m/images/icoNum011Off.png) 1px 1px no-repeat; background-size:52px 52px; width:52px; height:52px; margin-left:4px;}
#slider .indicator li:first-child {margin-left:0;}
#slider .indicator li.on {background:url(/m/images/icoNum011On.png) 0 0 no-repeat; background-size:52px 52px; width:52px; height:52px;}
*/
#slider .indicator li {display:inline-block; background:url(/m/images/icoNum011Off.png) 1px 1px no-repeat; background-size:18px 18px; width:18px; height:18px; margin-left:4px;}
#slider .indicator li:first-child {margin-left:0;}
#slider .indicator li.on {background:url(/m/images/icoNum011On.png) 0 0 no-repeat; background-size:18px 18px; width:18px; height:18px;}
.slider_noswipe .no_space img {width:18px !important; height:auto;}
#copy {float:left;width:100%;}
#copy img {width:100%;padding-top:20px;padding-top:20px;}
/* 서브 */
.top_dotline {background-image:url(/m/images/top_dotline.jpg); background-repeat:repeat-x; background-position:left center; height:1px;}
.tap {
float:center;
font-size:14px;
color:#657c34;
letter-spacing:-1px;
margin-left:10px;
}
.tap01_off {
float:left;
background:url('../images/tap_off.jpg') no-repeat center top;
width:45%;
height:38px;
padding-top:6px;
text-align:center;
font-weight:bold;
}
.tap01_off a{
float:left;
width:100%;
height:38px;
color:#929292;
font-weight:bold;
}
.tap01_off a:hover{
color:#657c34;
text-decoration:none;
}
.tap01_on {
float:left;
background:url('../images/tap_on.jpg') no-repeat center top;
width:45%;
height:38px;
padding-top:6px;
text-align:center;
font-weight:bold;
}
.tap01_on a{
float:left;
width:100%;
height:38px;
color:#657c34;
font-weight:bold;
}
.tap01_on a:hover{
color:#657c34;
text-decoration:none;
}
/* ***********************
* 240126 유지보수
*********************** */
.customer-lost-article-page{}
.customer-lost-article-page .tap01_on,
.customer-lost-article-page .tap01_off {width: calc(25% - 13px);}
.cm-customer-item{margin-top: 20px;}
.cm-customer-item + .cm-customer-item{margin-top: 40px;}
.cm-customer-tit{margin-bottom: 10px; position: relative; padding-left: 20px; font-size: 16px; line-height: 1.3; letter-spacing: -0.03em; font-weight: 700; color: #333;}
.cm-customer-tit:before{position: absolute; top: 2px; left: 1px; width: 14px; height: 15px; content: ''; background: url('/images/customer/cm_tit_bg.png') center/cover no-repeat;}
/* -------- 테이블 -------- */
.cm-customer-tbl{border-top: 3px solid #a9907c; border-bottom: 2px solid #c8c8c8; width: 100%; table-layout: fixed; border-collapse:collapse; border-spacing:0;}
.cm-customer-tbl tr{border-bottom: 1px solid #c8c8c8;}
.cm-customer-tbl th{font-size: 13px; line-height: 1.38; font-weight: 700; letter-spacing: -0.03em; color: #333; text-align: center; border-right: 1px solid #c8c8c8; background-color: #f7f7f7;}
.cm-customer-tbl td{padding: 12px 20px; font-size: 13px; line-height: 1.38; letter-spacing: -0.03em; color: #333; border-right: 1px solid #c8c8c8;}
.cm-customer-tbl th:last-child, .cm-customer-tbl td:last-child{border-right: 0;}
.cm-customer-tbl td em{color: #5b5b5b; font-style: normal;}
.cm-customer-tbl td .sm-txt{margin-top: 10px; font-size: 11.5px; display: block;}
/* 분실물 리스트 */
.cm-customer-tbl.wide-ver thead th{padding: 12px 0; font-size: 13px;}
.cm-customer-tbl.wide-ver th,
.cm-customer-tbl.wide-ver td{border-color: #ddd;}
.cm-customer-tbl.wide-ver tbody th,
.cm-customer-tbl.wide-ver td{padding: 5px; font-size: 12px; font-weight: 400; text-align: center;}
.cm-customer-tbl.wide-ver td .img-box{position: relative; display: block;}
.cm-customer-tbl.wide-ver td .img-box > img{max-width: 100%; max-height: 120px;}
.cm-customer-tbl.wide-ver td .item-image_wrapper {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 99; opacity: 0; visibility: hidden; display:table; text-align:center; transition: all 0.3s;}
.cm-customer-tbl.wide-ver td .item-image_wrapper.show{opacity: 1; visibility: visible;}
.cm-customer-tbl.wide-ver td .item-image_inner {position:relative; display:table-cell; vertical-align:middle;}
.cm-customer-tbl.wide-ver td .item-image_inner .item-image-close-btn{margin: 0 0 5px calc(95% - 85px); font-size:12px; color:#fff; border: 0; background-color: transparent; width: 85px; height: 40px; display: block;}
.cm-customer-tbl.wide-ver td .item-image_inner .item-image-close-btn i{margin-left: 5px; font-size: 32px; display: inline-block; vertical-align:middle;}
.cm-customer-tbl.wide-ver td .item-image_inner .item-image {max-width: 90%;}
.cm-customer-tbl.wide-ver td.padding-0{padding: 0;}
.cm-customer-tbl.wide-ver .state1{color: #599f21; font-weight: 700;}
.cm-customer-tbl.wide-ver .state2{color: #4191ff; font-weight: 700;}
.cm-customer-tbl.wide-ver .state3{color: #ff1818; font-weight: 700;}
/* 습득일 레이아웃 */
.radio-day-form-box,
.radio-form-con{width: 100%;}
/* -------- CHECKBOX CUSTOM -------- */
.custom-checkbox01{margin: -8px 0; display: flex; flex-wrap:wrap;}
.custom-checkbox01 .checkbox-item{margin:8px 0; width: 33.33%; padding-right: 10px; box-sizing: border-box;}
.custom-checkbox01 .checkbox-item:last-child{padding-right:0;}
.custom-checkbox01 .checkbox-item input[type="checkbox"]{display:none;}
.custom-checkbox01 .checkbox-item label{display:inline-block; position:relative; padding-left:22px; color:#5b5b5b; font-size:13px; letter-spacing:-0.03em; line-height:1.5; cursor: pointer;}
.custom-checkbox01 .checkbox-item label span{color:inherit;}
.custom-checkbox01 .checkbox-item label::before{content:""; position:absolute; top:2px; left:0px; width:12px; height:12px; border:1px solid #cecece; background-color:#fff;}
.custom-checkbox01 .checkbox-item i{content:""; position:absolute; top:0px; left:-2px; font-size:18px; color:#fff; display:none;}
.custom-checkbox01 .checkbox-item input[type="checkbox"]:checked + label::before{background-color:#a9907c; border-color:#a9907c;}
.custom-checkbox01 .checkbox-item input[type="checkbox"]:checked + label i{display:block;}
/* -------- RADIO CUSTOM -------- */
.custom-radio{margin: -8px 0; display: flex; flex-wrap:wrap;}
.custom-radio .radio-item{margin:8px 0; width: 33.33%; padding-right: 10px; box-sizing: border-box;}
.custom-radio .radio-item:last-child{padding-right:0;}
.custom-radio .radio-item input[type="radio"]{display:none;}
.custom-radio .radio-item label{display:inline-block; position:relative; padding-left:22px; color:#5b5b5b; font-size:13px; letter-spacing:-0.03em; line-height:1.5; cursor: pointer;}
.custom-radio .radio-item label::before{content:""; position:absolute; top:2px; left:0px; width:12px; height:12px; border:1px solid #cecece; background-color:#fff; border-radius:16px;}
.custom-radio .radio-item label::after{display:none; content:""; position:absolute; top:5px; left:3px; width:8px; height:8px; background:#a9907c; border-radius:8px;}
.custom-radio .radio-item input[type="radio"]:checked + label::before{border-color:#a9907c;}
.custom-radio .radio-item input[type="radio"]:checked + label::after{display:block;}
/* -------- Datepicker Component -------- */
/* 달력 :: 날짜선택영역*/
.day-form-con{display: flex; align-items: center;}
.day-form-con strong{margin-right: 7px; font-size: 12px; letter-spacing: -0.03em; color: #333;}
.day-form-con img{margin-left: 3px;}
.day-form-con .date-select-input{width:75px; height:30px; font-size: 13px; letter-spacing: -0.03em; color: #5b5b5b; border: 0; border-bottom: 1px solid #cecece; cursor:pointer; text-align: center;}
.day-form-con .hypen{margin:0 3px; font-size: 13px; letter-spacing: -0.03em; color: #5b5b5b;}
/* 달력 :: DATEPICKER CUSTOM */
/* datepicker box */
.ui-datepicker{background-color:#fff; border:1px solid #eee; padding:10px; border-radius:5px; position: absolute !important;}
/* datepicker header */
.ui-datepicker-header{position:relative;height:47px; line-height:47px; color:#333; text-align:center;}
.ui-datepicker-header a:hover{text-decoration:none;}
.ui-datepicker-prev,.ui-datepicker-next{position:absolute; top:0px; width:14.5%; text-align:center; cursor:pointer; font-size:18px; color:#000;}
.ui-datepicker-prev span,.ui-datepicker-next span{display:none;}
.ui-datepicker-prev{left:0; }
.ui-datepicker-prev:before{content:""; font-family:"xeicon"; content: "\e93c";}
.ui-datepicker-next{right:0; }
.ui-datepicker-next:before{content:""; font-family:"xeicon"; content: "\e93f";}
.ui-datepicker-title{font-size:16px; font-weight:600; letter-spacing:-0.3px;}
.ui-datepicker-title select{border:1px solid #eee; height:32px; border-radius:3px; padding:0 5px; font-size:13px; margin:0 5px;}
/* datepicker calendar */
.ui-datepicker-calendar{width:100%; box-sizing:border-box; }
/* datepicker calnedar :: 요일 */
.ui-datepicker-calendar thead th{width:14.25%; height:35px; text-align:center; font-size:14px; font-weight:bold; color:#333;}
.ui-datepicker-calendar thead th:first-child{width:14.5%}
.ui-datepicker-calendar thead .ui-datepicker-week-end{/* color:#0000ff */} /* SAT */
.ui-datepicker-calendar thead .ui-datepicker-week-end:first-child{/* color:#ff0000 */} /* SUN*/
/* datepicker calnedar :: 날짜 */
.ui-datepicker-calendar td{height:30px; text-align:center; vertical-align:top; font-size:14px;}
.ui-datepicker-calendar tr td:first-child{border-left:0;}
.ui-datepicker-calendar td a{display:block; position:relative;}
.ui-datepicker-calendar td a:hover{text-decoration:none;}
.ui-datepicker-calendar td.ui-datepicker-unselectable{color:#ccc} /* 비활성화 */
.ui-datepicker-calendar td .ui-state-default{display:block; width:100%; height:100%; padding:10px; box-sizing:border-box; color:inherit; border-radius:3px;}
.ui-datepicker-calendar td .ui-state-hover{background:#eee;} /* 마우스오버 */
.ui-datepicker-calendar td .ui-state-active{background-color:#0061f2; color:#fff;} /*active */
.ui-datepicker-calendar td.ui-datepicker-today a:before{
content: '';
display: inline-block;
border: solid transparent;
border-width: 0 0 7px 7px;
border-bottom-color: #0061f2;
border-top-color: rgba(0, 0, 0, 0.2);
position: absolute;
bottom: 4px;
right: 4px;
}
.ui-datepicker-calendar td a.ui-state-active:before{border-bottom-color:#fff;}
/* -------- 검색창 -------- */
.cm-customer-bbs-top{margin-bottom: 10px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;}
.cm-customer-bbs-top .cm-customer-tit{margin-bottom: 10px;}
.board-search-box{width: 100%; text-align:center;}
.board-search-box .board-search-inner{display:flex; align-items:center; height:36px; margin:0px auto; box-sizing:border-box; border:1px solid #e0e0e0; background-color:#fff;}
.board-search-box .board-search-inner:after{display:none;}
.board-search-box .search-subject-select,
.board-search-box .search-word{height:100%; background-color:transparent; border:0; padding:0 10px; font-size:13px; color:#333; letter-spacing:-0.03em; box-sizing:border-box;}
.board-search-box .search-subject-select{width:100px;}
.board-search-box .search-word{width:100%; border-right:0;}
.board-search-box .search-subject-select + .search-word,
.board-search-box .board-custom-select-box + .search-word{width:calc(100% - 100px); border-left:1px solid #e0e0e0;}
.board-search-box .search-subject-select:focus,
.board-search-box .search-word:focus{color:#333; outline:none; background-color:transparent;}
.board-search-box .search-word::placeholder{color:#333;}
.board-search-box .search-word::-webkit-search-cancel-button{display:none;}
.board-search-box .bbs-search-btn{margin:0px; border:0; width:36px; height:100%; font-size:15px; color:#333; background-color: #fff; cursor:pointer; vertical-align:top;}
.board-search-box .bbs-search-btn i{line-height:34px; font-size:16px;}
/* -------- 페이징 -------- */
.paging{display:flex; justify-content:center; width:100%; text-align:center; margin:30px 0; flex-wrap:wrap;}
.paging a{position:relative; display:block; padding:0 7px 3px; margin:0 5px; width: auto; height:30px; font-size:14px; line-height:30px; color:#868686; letter-spacing:-0.03em; background-color:#fff; border:0;}
.paging a:hover{color:#222; text-decoration: none;}
.paging a.cur{background-color:transparent; color:#333;}
.paging a.cur:after{position:absolute; bottom:0px; left:50%; width:100%; margin-left:-50%; height:2px; background-color:#333; content:"";}
.paging a.paging-arrow i{position:relative; top:-1px; vertical-align:middle; color:inherit; font-size:24px;}
.paging .paging-first i,
.paging .paging-last i{transform:translateX(-8px)}
.paging .paging-first i:before,
.paging .paging-last i:before{display:block;width:7px}
/* 탭 */
.lnb-tab-container{position: relative; padding: 0 45px; border: 1px solid #e5e5e5;}
.lnb-tab-container button{position: absolute; top: 0; width: 45px; height: 50px; background-color: #fff; border: 0;}
.lnb-tab-container button i{font-size: 20px; color: #000; font-weight: 600;}
.lnb-tab-container button.prev{left: 0; border-right: 1px solid #e5e5e5;}
.lnb-tab-container button.next{right: 0; border-left: 1px solid #e5e5e5;}
.lnb-tab-wrapper{height:50px; position: relative; overflow: hidden;}
.lnb-tab-wrapper ul{}
.lnb-tab-wrapper ul li{float: left; margin: 0 !important; box-sizing: border-box;}
.lnb-tab-wrapper ul li + li{border-left: 1px solid #e5e5e5;}
.lnb-tab-wrapper ul li a{position: relative; display:block; height:50px; line-height:50px; padding:0 15px; font-size:13px; font-weight:400; letter-spacing:-0.5px; color: #333; text-align: center; transition:all 0.2s}
.lnb-tab-wrapper ul li a:before{position: absolute; bottom: 0; left: 0; display: block; content: ''; width: 100%; height: 3px; background-color: transparent;}
/* .lnb-tab-wrapper ul li.selected a{font-weight: 700;}
.lnb-tab-wrapper ul li.selected a:before{background-color:#000;} */
/* 250121 YJ 수정 */
.info-tap .tap {width: calc((100% - 30px) / 2);}
.info-tap .tap:nth-of-type(even) {margin-right: 10px;}
.intro-tap .tap {width: 29.8%;}
/* 2025-05-07 MJ 수정 */
.main-board-link{}
.main-board-link a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100vw - 110px);}
.main-board-link + td{white-space: nowrap;}