@charset "utf-8";
/* CSS Document */

/* common */
.cm {color:#f43069;}
.cv {color:#6b3cec;}
.cs {color:#6b3cec;}
.link {color:#6b3cec;}
.tab li:hover a {background-color:#17161b;}
.tab li.on a {background-color:#17161b;}
.form .f_field .ff_title {color:#17161b;}
.form.t1 {border-top-color:#17161b;}
.form.t2 {border-top-color:#6b3cec;}
.btn.t1 {border-color:#2f3949; background-color:#2f3949;}/* #17161b */
.btn.t1:hover {border-color:#17161b; background-color:#17161b; color:#feeb00;}
.btn.t3:hover {border-color:#17161b; background-color:#17161b; color:#feeb00;}
.paging .p_btn a:hover, .paging .p_wrap .on {background-color:#2f3949; color:#feeb00;}


/* login */
#login .l_title {color:#feeb00;}t
#login .l_copyright mark {color:#feeb00;}
#login .form .title {border-bottom-color:#feeb00;}

/* layout */
#header .h_logo {background-color:#feeb00;background-image:url("/static/images/logo.png");background-size:100px;}
#nav .n_wrap li.on button:before {background-color:#feeb00;}
#nav .n_wrap .n_sub .ns_area li a:hover, #nav .n_wrap .n_sub .ns_area li.on a {background-color:#feeb00; color:#17161b;}
#nav .n_wrap .n_sub .ns_area li a:hover:before ,#nav .n_wrap .n_sub .ns_area li.on a:before {background-color:#17161b;}
#contents .c_navi .cn_menu button {/*background-color:#17161b;*/}
#contents .c_submenu a:hover:before, #contents .c_submenu .on a:before {background-color:#feeb00;}
#footer p mark {color:#17161b;}
/* 20190603 BAAM 관리자 추가내용 */
/* 입력폼 */
.form .f_field .ff_title{color:#767676}
.ff_wrap > img{width:100%; height: auto;}
.ff_wrap.text img{width:100%;max-width:600px;}
.form.t1 .f_field .ff_wrap{margin-left:120px;color:#333;font-weight: 400;}
.form.t1 .f_field .ff_title{left:0}
/* 버튼 변형 */
.btn.slim{white-space:nowrap;padding:0 10px !important;}
/* readonly */

textarea {color:#eee;}
textarea[readonly='readonly']{border:none;background-color:transparent;box-shadow:none;padding-left:0;}
textarea[readonly='readonly']:hover{border:none;box-shadow:none;}

.input{color:#767676;}
/*.form .f_field input {color:#767676;}*/
input[readonly='readonly']{border:none;background-color:transparent;box-shadow:none;padding-left:0;text-indent:0;}
input[readonly='readonly']:hover{border:none;box-shadow:none;}
input[readonly='readonly'] + button{display:none;}

.flatpickr-input[readonly]{border: 1px solid #e6e7e9;background-color: #f6f7f8;box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);}
.flatpickr-input[readonly]:hover{border: 1px solid #e6e7e9;border-color: #c2c4c8;box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);}

select[disabled='disabled']{border:none;background:transparent;box-shadow:none;padding-left:0;text-indent:0;padding-left:0;-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none;}
select[disabled='disabled']:hover{border:none;box-shadow:none;}

*, ::after, ::before {box-sizing: border-box;}
table.dataTable thead th {white-space:nowrap;border-right:1px solid #edf1f5; line-height:1.2em; }
table.dataTable tbody td {border-right:1px solid #f1f6fb; }
table.dataTable tbody td.title {display:table-cell;text-align:left;padding-left:15px;box-sizing:border-box;}
table.dataTable tbody td.right{text-align:right;padding-right:10px;box-sizing:border-box;}
table.dataTable tbody td.left{text-align:left;padding-left:10px;box-sizing:border-box;}
table.dataTable thead .sorting, 
table.dataTable thead .sorting_asc, 
table.dataTable thead .sorting_asc_disabled, 
table.dataTable thead .sorting_desc, 
table.dataTable thead .sorting_desc_disabled {cursor: pointer;position: relative;padding:0px 20px 0 8px;text-align:left;}
table.dataTable thead .sorting:after, 
table.dataTable thead .sorting:before, 
table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_asc:before, 
table.dataTable thead .sorting_asc_disabled:after, 
table.dataTable thead .sorting_asc_disabled:before, 
table.dataTable thead .sorting_desc:after, 
table.dataTable thead .sorting_desc:before, 
table.dataTable thead .sorting_desc_disabled:after, 
table.dataTable thead .sorting_desc_disabled:before {position: absolute;/* bottom: .5em; */bottom:calc(50% - 8px);display: block;opacity: .3;}
table.dataTable thead .sorting:before, 
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:before, 
table.dataTable thead .sorting_desc:before, 
table.dataTable thead .sorting_desc_disabled:before {right: 1em;content: "\f0de";font-family: 'Font Awesome\ 5 Free';font-weight: 900;font-size: 1rem;}
table.dataTable thead .sorting:after, 
table.dataTable thead .sorting:before, 
table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_asc:before, 
table.dataTable thead .sorting_asc_disabled:after, 
table.dataTable thead .sorting_asc_disabled:before, 
table.dataTable thead .sorting_desc:after, 
table.dataTable thead .sorting_desc:before, 
table.dataTable thead .sorting_desc_disabled:after, 
table.dataTable thead .sorting_desc_disabled:before {position: absolute;/*bottom: .5em;*/display: block;opacity: .3;}
table.dataTable thead .sorting:after, 
table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_asc_disabled:after, 
table.dataTable thead .sorting_desc:after, 
table.dataTable thead .sorting_desc_disabled:after {content: "\f0dd";font-family: 'Font Awesome\ 5 Free';font-weight: 900;right: 5px;font-size: 1rem;}
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {opacity: 1}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {/*bottom:1.5em;*/right:5px;}
table.dataTable tbody tr:nth-child(even) {background-color:rgba(237, 241, 245,0.1);}
table.dataTable tbody tr:nth-child(odd) {background: #FFF}
table.dataTable tbody tr:nth-child(even):hover,
table.dataTable tbody tr:nth-child(odd):hover{background-color:rgba(254, 235, 0,0.1);cursor: pointer;/*background-color:rgba(254, 208, 0,0.1);*/}
table.dataTable tbody td > a {font-weight:500;font-size:14px;color:#333;text-decoration: underline;text-underline-position:under;}
table.dataTable tbody td > a.btn {font-weight:normal;font-size:inherit;color:inherit;text-decoration:none;}
/* 클럽 */	
.table.link tr {cursor: pointer}
.table td {color:#454a52}
tr.md{background-color:rgba(107, 60, 236, 0.02)}
mark.md{}
mark.md:before{content:'MD';display:inline-block;line-height:1em; padding:1px 5px; border-radius:10px;border:solid 1px#e55958;color:#e55958;/*background-color:#e55958;color:#fff;*/font-size:10px;margin-left:5px;}
/*  강조 */
.form .f_wrap.point .ff_wrap *   {color:#333!important; font-weight:500;font-size:16px;}
.form .f_wrap.point .ff_wrap .fl:nth-child(3) .local{color:#6b3cec !important;}

/* 이용안내 미리보기 */
.addr{}
input[readonly='readonly'].addr {
    vertical-align: middle;
    width: 100%;
    height: 38px;
    margin: 0;
    padding: 0;
    border: 1px solid #e6e7e9;
    border-radius: 4px;
    background-color:transparent;
    font-size: 14px;
    color: #8c98a6;
    line-height: 38px;
    text-indent: 15px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
	margin-right:5px;
}
.form.t1 .f_field .ff_title {position:relative;float:left;}
.text.semibold {}
.text.semibold:before {content:'';display:inline-block;width:100%;float:none;}
#wrap{left:0;top:0;width:100%;height:100%;/*min-width:768px;*/}
/* 오류페이지 */
.errorArea{padding:80px 20px;text-align:center;width:600;margin:0 auto;}
.errorArea i{display:inline-block;width:100px;height:100px;background-image:url(/static/images/icon_caution.png);background-size:cover;background-repeat:no-repeat;}
.errorArea h2{margin-top:30px;font-size:32px;font-weight:500;line-height:1.3em;}
.errorArea p{padding:10px 20px;;color:#767676;line-height:1.3em;}
.errorArea p span{}
.errorArea p span strong{font-size:20px;line-height:1.5em;}
.errorArea p span em{display:block;margin-top:30px;color:#999;font-size:20px;}
.errorArea + .btn_wrap{margin:30px auto;}


/* 팝업 */
.popup .dim{display:inline-block; vertical-align:middle; width:100%; height:100%; background-color:rgba(27, 34, 38, 0.8);}
.popup {display:none; vertical-align:middle; position:fixed; left:0; right:0; top:0; bottom:0; z-index:999999;}
.popup .p_frame {position:absolute;width:400px; left:calc(50% - 200px);/* right:25px; */top:calc(50% - 250px); z-index:1; height:500px; overflow:hidden;  background-color:#fff; box-shadow:0 0 50px rgba(0, 0, 0, 0.3);}
.popup.long .p_frame {height:320px; margin-top:-160px;}
.popup.full .p_frame {top:25px; bottom:25px; height:auto; margin-top:0;}
.popup .p_head {display:inline-block; vertical-align:middle; width:100%; height:69px; overflow:hidden;font-size:20px; font-weight:500; color:#333; line-height:70px; text-align:center;background-color:#eee;}
.popup .p_body {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:70px; bottom:50px; overflow:auto;}
.popup .p_body.nohead {top:0;width:100%;height:calc(100% - 48px);display:table;text-align: center;vertical-align: middle;}
.popup .p_body.nohead .p_wrap {display:table-cell; vertical-align: middle}
.popup .p_wrap {padding:10px 10px 5px 10px;}
.popup .p_body a {display:block; width:auto; height:100%; color:#282828; text-align:left !important; font-size: 13px;}
.popup .p_body a:hover {color:#1b9be2;}
.popup .textarea{border:none;background-color:#f0f0f0;}
.popup .p_body a.text{display:inline;color:#6b3cec;text-decoration:underline; text-underline-position:under;font-size:14px;}
.popup .p_foot {display:inline-block; vertical-align:middle; position:absolute; left:0; bottom:0; width:100%; height:50px;text-align:center;border-top:solid 1px #ccc;padding-top:10px;}
/* 팝업 내 검색 */
.popup.search .p_frame {}
.popup.search .p_body {overflow:hidden;}
.popup .table {margin-top:20px;border-top:solid 1px #ccc;display:block;width:100%;}
.popup .table th {padding: 14px 0px;}
.popup .table td > button {padding:0;width:50px;}
.popup .table td.left {text-align:left;padding-left:10px;}
.popup .table thead {float:left; width:360px}
.popup .table thead tr {display:table;width:360px;}
.popup .table tbody {overflow-y:auto; overflow-x:hidden; float:left; width:360px; height:224px}
.popup .table tbody tr {display:table; /*width:400px;*/}
.popup .table thead th:nth-child(1) {width:80px}
.popup .table thead th:nth-child(2) {width:70px}
.popup .table thead th:nth-child(3) {width:150px}
.popup .table thead th:nth-child(4) {width:80px}

.popup .table tbody td:nth-child(1) {width:80px}
.popup .table tbody td:nth-child(2) {width:70px}
.popup .table tbody td:nth-child(3) {width:150px}
.popup .table tbody td:nth-child(4) {width:60px}
/* 
.TABLE{border-collapse:collapse; width:100%}
.TABLE thead{float:left; width:890px;}
.TABLE tbody{overflow-y:auto; overflow-x:hidden; float:left; width:890px; height:100px}
.TABLE tbody tr{display:table; width:890px;}
.TABLE td{width:100px}


*/
.search_arae {width:100%;margin-top:20px;box-sizing:border-box;background-color:#fff;z-index:100;/* position:absolute;top:0;left:0;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);*/text-align:left;}
/* .input_wrap {display: table;width: 100%;height: 40px;background-color: #fff;border:solid 3px rgba(107, 60, 236, 0.5);}*/
.input_wrap {display: table;width: 100%;height: 40px;background-color: #fff;border:solid 3px #2f3949;}
.input_wrap .input_txt {display: table-cell;padding: 5px 0;vertical-align: top;}
.input_wrap .input_txt input {width: 100%;height: 30px;border: 0;font-size: 17px;color: #000;padding-left:10px;}
.input_wrap .input_btn {display: table-cell;text-align:right;width:70px;}
.input_wrap .input_btn .search_btn {display: inline-block;width: 40px;height: 40px;border:none;background-color:#fff;}
.input_wrap .input_btn .search_btn:after {content: '';margin: 0 auto;background-image: url(/static/images/ico_search_on.png);background-size:100%;width:24px;height: 24px;display: inline-block;vertical-align: top;background-repeat:no-repeat;}
.search_arae .checkbox label i {left: 0;}
.search_arae .checkbox{padding-left: 25px;}
.search_arae .btn_close { position: relative; display:inline-block; width: 26px; height: 26px; margin: 0;float:right;top:12px; right:5px;}
.search_arae .btn_close:before {position: absolute;content: '';display: inline-block;right: 0;top: 50%;width: 25px;height: 1px;transform: rotate(45deg);background-color: #616eaa;}
.search_arae .btn_close:after {position: absolute;content: '';display: inline-block;right:0;top: 50%;width: 25px;height: 1px;transform: rotate(-45deg);background-color: #616eaa;}
.search_arae .btn_close span{ display: none;}
.search_arae .btn_del { position: relative; display:table-cell; width: 20px; height: 20px;background-color:#eee;border-radius:50%;border:none;margin-top:9px;float:left;}
.search_arae .btn_del :before {position: absolute;content: '';display: inline-block;right:4px;top: 50%;width: 12px;height: 1px;transform: rotate(45deg);background-color: #999;}
.search_arae .btn_del :after {position: absolute;content: '';display: inline-block;right:4px;top: 50%;width: 12px;height: 1px;transform: rotate(-45deg);background-color: #999;}
.search_arae .btn_del span{ display: none;}
.ico_com {display: inline-block;background: url(/static/images/bg_icon.png) no-repeat;background-size: 10rem auto;vertical-align: middle;color: transparent;white-space: nowrap;text-indent: -1000rem;}
.search_arae {display:inline-block;}