@charset "utf-8";

a.btn-type-08#btn-search { display: inline-block; vertical-align: top; height: 30px; font-size: 12px; padding: 0 20px; border: none; border-radius: 3px; background: #3d5a7c; color: #fff; line-height: 30px; }
a.btn-type-08.btn-lost-write { height: 30px; display: inline-block; vertical-align: top; height: 30px; font-size: 12px; padding: 0 20px; border: none; border-radius: 3px; background: #0084ff; color: #fff; line-height: 30px; }

div.contents div.page-contents div.s-page-content { min-height: 600px; }
div.contents div.page-contents div.s-page-content div.p-content-title { position: relative; padding-bottom: 15px; border-bottom: 1px solid #dadada; }

div.contents div.page-contents div.s-page-content div.p-content-title div.search-filter { display: inline-block; vertical-align: middle; margin-left: 40px; }
div.contents div.page-contents div.s-page-content div.p-content-title div.search-filter span { font-size: 14px; font-weight: 500; color: #989898; margin-right: 10px; cursor: pointer; }
div.contents div.page-contents div.s-page-content div.p-content-title div.search-filter span:last-child { margin-right: 0; }
div.contents div.page-contents div.s-page-content div.p-content-title div.search-filter span.active { border-bottom: 2px solid #0084ff; color: #0084ff; font-weight: 600; }
div.contents div.page-contents div.s-page-content div.p-content-title div.row-size { position: absolute; top: 0; right: 0; }
div.contents div.page-contents div.s-page-content div.p-content-title div.row-size select { background-color: #fbfbfb; height: 30px; font-size: 11px; font-weight: bold; color: #7c7c7c; border: 1px solid #e5e5e5; line-height: 28px; vertical-align: top; }
div.contents div.page-contents div.s-page-content div.p-content-title div.row-size a img { vertical-align: middle; margin-right: 5px; }
div.contents div.page-contents div.s-page-content div.cont-info div.view-content{ overflow-x:auto; overflow-y:hidden; border:1px solid #e1e1e1; padding:10px; word-break: break-all;}
div.contents div.page-contents div.s-page-content div.cont-info div.guide-txt {margin-top:10px; color:#d26060; font-weight:bold;}
div.contents div.page-contents div.s-page-content div.cont-info div.guide-txt em {font-weight:bold; color:#7f7b7c; padding:0 5px;}
div.contents div.page-contents div.s-page-content div.cont-info textarea { margin-top: 10px; width: 100%; height: 500px; }
div.contents div.page-contents div.s-page-content div.cont-button-area { text-align: right; margin: 20px 0; }
div.contents div.page-contents div.s-page-content div.cont-button-area a.btn-type-05 img { vertical-align: middle; }

div.contents div.page-contents div.s-page-content div.cont-button-area > * { display: inline-block; vertical-align: middle; margin-right: 10px; }
div.contents div.page-contents div.s-page-content div.cont-button-area > *:last-child { margin-right: 0; }
div.contents div.page-contents div.s-page-content div.cont-button-area a img { vertical-align: middle; }
div.contents div.page-contents div.s-page-content div.cont-button-area div.search-input { position: relative; display: inline-block; }
div.contents div.page-contents div.s-page-content div.cont-button-area div.search-input input { font-size: 12px; padding: 3px 7px; width: 200px; height: 30px; border: 1px solid #f0efef; border-radius: 3px; background-color: #fafafa; }
div.contents div.page-contents div.s-page-content div.cont-button-area div.search-input img.ico-search { position: absolute; top: 6px; right: 7px; }
div.contents div.page-contents div.s-page-content div.cont-button-area .selectbox { margin-right: 0; }
div.contents div.page-contents div.s-page-content div.cont-button-area select { font-size: 11px; width: 120px; border: 1px solid #dee3eb; }

/* 리스트 영역 */
div.cont-info ul li { border-bottom: 1px solid #f3f3f3; padding: 10px 0; position: relative; cursor:pointer; }
div.cont-info ul li.result:HOVER { background-color: #f1f1f1; }
div.cont-info ul li:last-child { border-bottom: none; }
div.cont-info ul li.no-result { width: 100%; padding: 50px 0; margin: 20px 0; text-align: center; border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; }
div.cont-info ul li div.white-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); }
div.cont-info ul li div.list-img { display: inline-block; vertical-align: middle; border: 1px solid #dfdfdf; border-radius: 1px; overflow: hidden; margin-left: 10px; }
div.cont-info ul li div.list-img > img { width:158px; height:158px; }
div.cont-info ul li div.list-info { display: inline-block; vertical-align: middle; padding: 0 20px; }
div.cont-info ul li div.list-info div.info-titles { font-size: 15px; font-weight: bold; border-bottom: 1px solid #ededed; padding-bottom: 10px; margin-bottom: 10px; }
div.cont-info ul li div.list-info div.info-titles.new:AFTER { background-image: url(../../img/common/ico_new.png); content: ""; display: inline-block; width: 29px; height: 11px; background-size: 29px; margin-left: 10px; background-repeat: no-repeat; }
div.cont-info ul li div.list-info div.info-titles span { vertical-align: middle; }
div.cont-info ul li div.list-info div.info-titles span.red { color: #ce6363; font-size: 15px; }
div.cont-info ul li div.list-info div.info-titles span.blue { color: #526aaf; font-size: 15px; }
div.cont-info ul li div.list-info div.info-titles span.info-title { display: inline-block; width: 630px; margin-left: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
div.cont-info ul li div.list-info div.info-contents div.info-content { display: inline-block; vertical-align: middle; margin-right: 10px; width: 890px; }
div.cont-info ul li div.list-info div.info-contents div.info-content table.info-table { font-size: 12px; color: #515151; border-collapse: separate; border-spacing: 3px; width: 100%; }
div.cont-info ul li div.list-info div.info-contents div.info-content table.info-table tr { border-bottom: 1px solid #FFFFFF; }
div.cont-info ul li div.list-info div.info-contents div.info-content table.info-table tr th { border-right: 1px solid #d8d7d7; padding: 2px 0; width: 55px; font-weight: 500; }
div.cont-info ul li div.list-info div.info-contents div.info-content table.info-table tr td { padding: 0 10px; }
div.cont-info ul li div.list-info div.info-contents div.info-content table.info-table tr td span { display: inline-block;}
div.cont-info ul li div.list-info div.info-contents div.info-content table.writer-table { font-size: 12px; color: #676666; border-collapse: separate; border-spacing: 2px; }
div.cont-info ul li div.list-info div.info-contents div.info-content table.writer-table tr { border-bottom: 1px solid #FFFFFF; }
div.cont-info ul li div.list-info div.info-contents div.info-content table.writer-table tr th { border-right: 1px solid #d8d7d7; padding: 2px 0; width: 55px; font-weight: 500; }
div.cont-info ul li div.list-info div.info-contents div.info-content table.writer-table tr td { padding: 0 10px; }
div.cont-info ul li div.list-info div.info-contents div.info-status { display: inline-block; vertical-align: middle; text-align: center; }
div.cont-info ul li div.list-info div.info-contents div.info-status span { display: inline-block; width: 80px; word-break: keep-all; text-align: center; color: #FFFFFF; border-radius: 4px; padding: 15px 20px; }
div.cont-info ul li div.list-info div.info-contents div.info-status span.red { background-color: #ce6363; }
div.cont-info ul li div.list-info div.info-contents div.info-status span.blue { background-color: #526aaf; }

/* 테이블 영역 */
table.horizon-table { width: 100%; font-size:13px; margin-top:10px; }
table.horizon-table tbody tr th {
	width:120px; padding:5px 10px; border-left:solid 5px #3d5a7c; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:bold;
	background: rgba(252,252,252,1);
    background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,252,252,1)), color-stop(100%, rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
}
table.horizon-table tbody tr td {width:120px; padding:10px 20px 10px 0; text-align:right; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
table.horizon-table tbody tr td span.point {color:#557399; margin-left:5px;}

table.mod-table { width: 100%; }
table.mod-table tbody tr th { text-align:left; }
table.mod-table tbody tr td { width:760px; height:40px; text-align:left; padding:0 20px; background-color:#FFF;}
table.mod-table tbody tr td em {padding:0 5px;}
table.mod-table tbody tr td input.input-default {padding-left:10px; height:25px; font-size:12px; border:1px solid #efefef; background-color:#FFF; color:#616161; font-weight:bold; border-radius:2px;}
table.mod-table tbody tr td input.name {padding-left:10px; width:250px; height:25px; font-size:12px; border:1px solid #efefef; background-color:#FFF; color:#616161; font-weight:bold; border-radius:2px;}
table.mod-table tbody tr td input.password {padding-left:10px; width:250px; height:25px; font-size:12px; border:1px solid #efefef; background-color:#fafafa; color:#c0bcbb; font-weight:bold; border-radius:2px;}
table.mod-table tbody tr td input.phone-num {color:#616161; border:1px solid #e1e1e1; font-weight:bold; width:50px; height:25px; text-align:center;}
table.mod-table tbody tr td input.email-id {color:#616161; border:1px solid #e1e1e1; font-weight:bold; width:150px; height:25px; text-align:center; background-color:#fafafa;}
table.mod-table tbody tr td select.phone-num-front {margin-left:0; color:#616161; border:1px solid #e1e1e1; font-weight:bold; width:50px; height:25px;}
table.mod-table tbody tr td select.email-addr {margin-left:0; color:#616161; border:1px solid #e1e1e1; font-weight:bold; width:120px; height:26px;}
table.mod-table tbody tr td select.select-default {margin-left:0; color:#616161; border:1px solid #e1e1e1; font-weight:bold; height:25px;}
table.mod-table tbody tr td a.confirm-btn {padding:5px 22px; font-size:12px; color:#FFF; background-color:#6088b9; margin-left:5px; border:1px solid #6088b9; box-shadow:none;}
table.mod-table tbody tr td a.pw-mod-btn {padding:5px 20px; font-size:12px; color:#FFF; background-color:#73726e; margin-left:0; border:1px solid #6088b9; box-shadow:none;}

/* 리스트 상세 */
.contents .page-contents .page-contents-container .s-page-content .cont-info .view-content img { max-width: 1155px; }

.ellipsis_780 { width:780px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }