@charset "utf-8";


/* 카카오 발송 영역 */


.main-content-area h2 {font-size:14px; font-weight: bold; margin:10px 0}
.number-input-table textarea {min-height:230px}
.number-input-table table tr{padding:10px 0}
.number-input-table table th span {color:rgb(255, 77, 77)}

.normal-txt-input.paper {width:600px}
.btn-wrap {float:right;}
.left-btn {float:left}
.normal-btn.blue-bg {display: inline-block;}
.white-bg {color:#999}

/* 카카오 팝업창 영역 */

.admin-popup-wrap .admin-popup .tab-name {background-color: #d8d8d8; padding:7px 0; overflow: hidden; position: fixed; width:100%; border-bottom: 1px solid #333;}
.admin-popup-wrap .admin-popup .tab-name p {float:left; font-size:1.3rem; color:#333;}
.admin_close_btn {float:right;width:16px; margin-right:5px}

.admin-popup {overflow-y: auto;}

.admin-popup-wrap > .admin-popup > .admin-info-wrap {padding:20px; margin-bottom: 50px;}
.admin-popup-wrap > .admin-popup > .admin-info-wrap > .main-title-area { padding-bottom: 10px; border-bottom: 1px solid #dee3eb; margin-bottom: 10px; }
.admin-popup-wrap > .admin-popup > .admin-info-wrap >.main-title-area>h1.main-title { font-size: 30px; font-weight: 800; display: block;}
.admin-popup-wrap > .admin-popup > .admin-info-wrap >.main-title-area>.sub-title-wrap { background: #fff; border: 1px solid #dee3eb; padding: 10px 15px; margin-top: 5px; position: relative; }
.admin-popup-wrap > .admin-popup > .admin-info-wrap >.main-title-area>.sub-title-wrap>p.main-title-sub { font-size: 13px; color: #555; letter-spacing: -0.75px; display: block; margin-bottom: 1px; display: none; }
.admin-popup-wrap > .admin-popup > .admin-info-wrap >.main-title-area>.sub-title-wrap>p.main-title-sub:first-of-type { display: block; }
.admin-popup-wrap > .admin-popup > .admin-info-wrap >.main-title-area>.sub-title-wrap>p.main-title-sub i { margin-right: 5px; }
.admin-popup-wrap > .admin-popup > .admin-info-wrap >.main-title-area>.sub-title-wrap.on>p.main-title-sub { display: block;}
.admin-popup-wrap > .admin-popup .btn-wrap .normal-btn { font-size: 12px; height: 30px; display: block; line-height: 30px; padding: 0 25px; border-radius: 3px;  cursor: pointer;  transition: background .2s ease; font-weight: 300; }
.admin-popup-wrap > .admin-popup > .number-input-table tr th {text-align: center;}


.number-input-table table tr td .number-list ul li button { border: none; background: none; width: auto; height: auto; font-size: 14px; vertical-align:middle; margin-top: 0; margin-left: 0; cursor: pointer; position: relative; top:-2px }
.number-input-table table tbody tr div.selectbox {display: inline-block;}
.normal-txt-input.search {width:500px}
.check-input {display: inline-block;}

.result-table { border-top: 2px solid #dee3eb; border-bottom: 2px solid #dee3eb; background: #fff; padding: 15px 20px; margin-top:50px; }
.result-table .search-result { font-size: 12px; }
.result-table .search-result p .result { font-weight: bold; color: #00b2e2; }

.filter-wrap .filter-area {margin-top:10px;}
.filter-wrap .filter-area.on .filter-detail-set-layer {display:none}
.filter-wrap .btn-wrap { margin-top: 10px; height: 30px; }
.filter-wrap .btn-wrap ul li { display: inline-block; }
.filter-wrap .btn-wrap ul.right-btn-list { float: right; }
.filter-wrap .btn-wrap .small-btn { font-size: 12px; height: 25px; display: block; line-height: 25px; padding: 0 15px; border-radius: 3px; cursor: pointer; color: #fff; transition: background .2s ease; font-weight: 300; }
.filter-wrap .btn-wrap .small-btn.white-bg { line-height: 23px; border: 1px solid #eaeaea; color: #999; font-weight: 400; transition: background .2s ease,border-color .2s ease; }
.filter-wrap .btn-wrap .small-btn.white-bg:hover { border-color: #dcdcdc; background: #f8f8f8; }
.filter-wrap .btn-wrap .normal-btn.white-bg { line-height: 28px; border: 1px solid #dcdcdc; color: #999; font-weight: 400; transition: background .2s ease,border-color .3s ease; background: #fff; }
.filter-wrap .btn-wrap .normal-btn.white-bg:hover { border-color: #dcdcdc; background: #f8f8f8;}

.normal-table > table tr {padding:5px 0;}
.normal-table > table td {font-size:12px}
.normal-table > table > tbody > tr > td:nth-child(3) {text-decoration: underline;}
.normal-table > table th:last-child {width:200px}
.normal-table > table th:first-child {width:80px}
.normal-table > table th:nth-child(2) {width:100px}