@charset "utf-8";


/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/



html,
html body {width:100%; height:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
html body {font-family:"Noto Sans Korean", "RobotoDraft", "Dotum", Sans-serif; min-width:320px; margin:0; padding:0; opacity:1;}
html, body, p, ul, dl, ol, li, a, h1, h2, h3, h4, h5, h6 {word-break:keep-all;}

/* IOS Pinch Zoom Disabled */
html,
html body {touch-action:pan-x pan-y !important;}

html.intro body,
html.outro body {
transition:all 0.6s ease;
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
-ms-transition:all 0.6s ease;
}
html.intro body {opacity:1;}
html.outro body {opacity:1;}


.content-wrapper {background:#fcfcfc;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:"Noto Sans Korean", "RobotoDraft", "Dotum", Sans-serif;}
ul, dl, ol, li {list-style:none;}
img {max-width:100%;}
.br_tag {display:inline;}
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}

input:focus {outline:none !important; box-shadow:none !important;}

.m_auto {margin:0 auto !important;}

.ma_0 {margin:0 !important;}
.ma_5 {margin:5px !important;}
.ma_10 {margin:10px !important;}
.ma_20 {margin:20px !important;}
.ma_30 {margin:30px !important;}
.ma_40 {margin:40px !important;}
.ma_50 {margin:50px !important;}

.mv_5 {margin:5px 0 !important;}
.mv_10 {margin:10px 0 !important;}
.mv_20 {margin:20px 0 !important;}
.mv_30 {margin:30px 0 !important;}
.mv_40 {margin:40px 0 !important;}
.mv_50 {margin:50px 0 !important;}

.mh_5 {margin:0 5px !important;}
.mh_10 {margin:0 10px !important;}
.mh_20 {margin:0 20px !important;}
.mh_30 {margin:0 30px !important;}
.mh_40 {margin:0 40px !important;}
.mh_50 {margin:0 50px !important;}

.mt_0 {margin-top:0 !important;}
.mt_5 {margin-top:5px !important;}
.mt_10 {margin-top:10px !important;}
.mt_20 {margin-top:20px !important;}
.mt_30 {margin-top:30px !important;}
.mt_40 {margin-top:40px !important;}
.mt_50 {margin-top:50px !important;}

.mb_0 {margin-bottom:0 !important;}
.mb_5 {margin-bottom:5px !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_40 {margin-bottom:40px !important;}
.mb_50 {margin-bottom:50px !important;}

.ml_0 {margin-left:0 !important;}
.ml_5 {margin-left:5px !important;}
.ml_10 {margin-left:10px !important;}
.ml_20 {margin-left:20px !important;}
.ml_30 {margin-left:30px !important;}
.ml_40 {margin-left:40px !important;}
.ml_50 {margin-left:50px !important;}

.mr_0 {margin-right:0 !important;}
.mr_5 {margin-right:5px !important;}
.mr_10 {margin-right:10px !important;}
.mr_20 {margin-right:20px !important;}
.mr_30 {margin-right:30px !important;}
.mr_40 {margin-right:40px !important;}
.mr_50 {margin-right:50px !important;}

.pa_0 {padding:0 !important;}
.pa_5 {padding:5px !important;}
.pa_10 {padding:10px !important;}
.pa_20 {padding:20px !important;}
.pa_30 {padding:30px !important;}
.pa_40 {padding:40px !important;}
.pa_50 {padding:50px !important;}

.pv_5 {padding:5px 0 !important;}
.pv_10 {padding:10px 0 !important;}
.pv_20 {padding:20px 0 !important;}
.pv_30 {padding:30px 0 !important;}
.pv_40 {padding:40px 0 !important;}
.pv_50 {padding:50px 0 !important;}

.ph_5 {padding:0 5px !important;}
.ph_10 {padding:0 10px !important;}
.ph_20 {padding:0 20px !important;}
.ph_30 {padding:0 30px !important;}
.ph_40 {padding:0 40px !important;}
.ph_50 {padding:0 50px !important;}

.pt_0 {padding-top:0 !important;}
.pt_5 {padding-top:5px !important;}
.pt_10 {padding-top:10px !important;}
.pt_20 {padding-top:20px !important;}
.pt_30 {padding-top:30px !important;}
.pt_40 {padding-top:40px !important;}
.pt_50 {padding-top:50px !important;}

.pb_0 {padding-bottom:0 !important;}
.pb_5 {padding-bottom:10px !important;}
.pb_10 {padding-bottom:10px !important;}
.pb_20 {padding-bottom:20px !important;}
.pb_30 {padding-bottom:30px !important;}
.pb_40 {padding-bottom:40px !important;}
.pb_50 {padding-bottom:50px !important;}

.pl_0 {padding-left:0 !important;}
.pl_5 {padding-left:5px !important;}
.pl_10 {padding-left:10px !important;}
.pl_20 {padding-left:20px !important;}
.pl_30 {padding-left:30px !important;}
.pl_40 {padding-left:40px !important;}
.pl_50 {padding-left:50px !important;}

.pr_0 {padding-right:0 !important;}
.pr_5 {padding-right:5px !important;}
.pr_10 {padding-right:10px !important;}
.pr_20 {padding-right:20px !important;}
.pr_30 {padding-right:30px !important;}
.pr_40 {padding-right:40px !important;}
.pr_50 {padding-right:50px !important;}

.wid_30 {width:30px !important;}
.wid_40 {width:40px !important;}
.wid_50 {width:50px !important;}
.wid_60 {width:60px !important;}
.wid_70 {width:70px !important;}
.wid_80 {width:80px !important;}
.wid_90 {width:90px !important;}
.wid_100 {width:100px !important;}
.wid_120 {width:120px !important;}
.wid_140 {width:140px !important;}
.wid_150 {width:150px !important;}
.wid_180 {width:180px !important;}
.wid_200 {width:200px !important;}
.wid_250 {width:250px !important;}
.wid_300 {width:300px !important;}
.wid_350 {width:350px !important;}
.wid_400 {width:400px !important;}
.wid_500 {width:500px !important;}
.wid_full {width:100% !important;}
.wid_auto {width:auto !important;}

.wid_40p {width:40% !important;}
.wid_49p {width:49% !important;}
.wid_50p {width:50% !important;}
.wid_60p {width:60% !important;}
.wid_70p {width:70% !important;}
.wid_80p {width:80% !important;}
.wid_90p {width:90% !important;}
.wid_maxFull {max-width:100% !important;}

.wid_1_2 {width:50% !important;}
.wid_1_3 {width:33.33333333333333% !important;}
.wid_1_4 {width:25% !important;}
.wid_1_5 {width:20% !important;}

.hei_0 {height:0 !important;}
.minHei_0 {min-height:0 !important;}

/* <i class="fa fa-fw fa-close"></i> */
.delBtn {}
.delBtn i {color:#dd0000;}

.disN {display:none !important;}
.disB {display:block !important;}
.disI {display:inline !important;}
.disIB {display:inline-block !important;}
.disT {display:table !important; position:relative; width:100%; height:100%;}
.disTC {display:table-cell !important; position:relative; text-align:center; vertical-align:middle;}

.oh {overflow:hidden !important;}
.ov {overflow:visible !important;}

.tal,
.tal * {text-align:left !important;}
.tar,
.tar * {text-align:right !important;}
.tac,
.tac * {text-align:center !important;}

.relDiv {position:relative; box-sizing:border-box;}
.cf {float:none; clear:both;}
#ugroEle {width:0; height:0; position:fixed; top:-100%; left:-100%;}

.hr {display:block; width:100%; height:0; position:relative; margin:0; padding:0; font-size:0; text-indent:-999em;}

.fc_white,
.fc_white * {color:#fff !important;}
.fc_lgreen,
.fc_lgreen * {color:#59c429 !important;}
.fc_ngreen,
.fc_ngreen * {color:#b0e151 !important;}
.fc_dgreen,
.fc_dgreen * {color:#659802 !important;}
.fc_orange,
.fc_orange * {color:#fd8f04 !important;}

.titleTxt {font-size:15px; line-height:22px; color:#333; margin:0; padding:0;}
.notiTxt {font-size:13px; line-height:18px; color:#454545; margin:0; padding:0;}
.warnTxt {font-size:13px; line-height:18px; color:#dd0000 !important; margin:0; padding:0;}
.warnTxt p {font-size:13px; line-height:18px; color:#dd0000 !important; margin:0; padding:0;}
.posiTxt {font-size:13px; line-height:18px; color:#0000dd; margin:0; padding:0;}
.ellipTxt {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; padding:0;}
.btnTxt {font-size:13px; color:#454545; padding:3px 6px; border:1px solid #e0e0e0; border-radius:3px; margin:0 4px 4px 0;}
.emptyTxt {font-size:14px; line-height:20px; font-weight:500; color:#333; margin:0; padding:0; text-align:center;}

.twinEle {
  transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
}

html body .main {min-height:800px;}

.datepicker.datepicker-dropdown.dropdown-menu {z-index:99999 !important;}
.bootstrap-timepicker-widget.dropdown-menu {z-index:99999 !important;}
.bootstrap-timepicker-widget.dropdown-menu a {position:relative;}
.bootstrap-timepicker-widget.dropdown-menu a:before {display:block; content:''; width:12px; height:8px; position:absolute; top:50%; left:50%; margin:-4px 0 0 -6px;}
.bootstrap-timepicker-widget.dropdown-menu tr:first-child td:first-child a:before,
.bootstrap-timepicker-widget.dropdown-menu tr:first-child td:last-child a:before {background:url('/public/images/icon_arrow_up_black_1.png') center center no-repeat;}
.bootstrap-timepicker-widget.dropdown-menu tr:last-child td:first-child a:before,
.bootstrap-timepicker-widget.dropdown-menu tr:last-child td:last-child a:before {background:url('/public/images/icon_arrow_down_black_1.png') center center no-repeat;}


/* form 스타일 관련 CSS */
.form-wrap {width:100%; position:relative; padding:15px 20px; margin:0; background:#f0f0f0; border:1px solid #ccc; border-radius:5px;}
.form-wrap.form-dl-wrap .form-dl {width:50%; margin:10px 0; padding:0 10px;}
.form-wrap.form-dl-wrap .form-dl:after {display:none;}

.form-wrap .hr {height:1px; background:#e0e0e0; margin:3px 0;}

.form-dl-wrap {width:100%; position:relative; overflow:hidden;}
.form-dl {display:block; float:left; position:relative; overflow:hidden; margin:5px 25px 5px 0; padding:0 25px 0 0;}
.form-dl:after {display:block; content:''; width:1px; height:100%; background:#ddd; position:absolute; top:0; right:0;}
.form-dl.nb:after {display:none;}
.form-dl dt {display:block; width:100px; float:left; height:34px; line-height:34px; margin:0; padding:0;}
.form-dl dt label {margin-bottom:0;}
.form-dl dd {display:block; width:calc(100% - 100px); float:left; position:relative; margin:0; padding:0;}

/* 기본 form title */
.form-title {display:block; font-size:16px !important; font-weight:bold !important; margin:0; color:#333 !important;}

/* 기본 date form input */
.form-date {display:inline-block; width:186px; height:34px; position:relative; margin:0; padding:0; overflow:hidden; vertical-align:middle; border:1px solid #d2d6de; box-sizing:border-box;}
.form-date i {display:block; float:left; width:34px; height:34px; line-height:34px; text-align:center; background:#fff; border-right:1px solid #d2d6de;}
.form-date .form-control {display:block; float:left; width:150px; background:#fff; border:0;}

/* 기본 form input */
.form-control {display:inline-block; height:34px; line-height:34px; padding:0 8px; font-size:14px; color:#555; vertical-align:middle; border-radius:3px;}
.form-control.form-tiny {height:30px; line-height:28px; padding:0 3px; font-size:12px;}
p.form-control {margin:0;}

/* 기본 form input 규격 텍스트 */
.form-text {display:inline-block; height:34px; line-height:34px; font-size:14px; color:#555; padding:0 3px; margin:0; vertical-align:middle;}

/* 기본 form input 규격 텍스트 */
.form-textarea {min-height:150px; resize:none !important;}
.cke_editable {min-height:300px !important;}
.cke_editable p {margin:0;}

/* 기본 form checkbox & radio */
input[type="checkbox"].checkbox,
input[type="radio"].radio {display:inline-block; width:16px; height:16px; vertical-align:middle; margin:5px; padding:5px;}
.form-rect {display:inline-block; margin:0; position:relative;}
.form-rect .form-checkbox,
.form-rect .form-radio {display:none;}
.form-rect .form-label {display:block; font-size:13px; font-weight:normal; color:#454545; height:34px; line-height:34px; margin:0; padding:0 0 0 25px; position:relative;}

.form-rect .form-checkbox + .form-label:before {display:block; content:''; width:20px; height:20px; background:url('/public/images/icon_checkbox_1_off.png') center center no-repeat; position:absolute; top:50%; left:0; margin:-10px 0 0 0;
background-image:url('/public/images/cm_icon_checkbox_2_off.png') !important;}
.form-rect .form-checkbox:checked + .form-label:before {background:url('/public/images/icon_checkbox_1_on.png') center center no-repeat;
background-image:url('/public/images/cm_icon_checkbox_2_on.png') !important;}
.form-rect .form-radio + .form-label:before {display:block; content:''; width:20px; height:20px; background:url('/public/images/icon_radio_1_off.png') center center no-repeat; position:absolute; top:50%; left:0; margin:-10px 0 0 0;
background-image:url('/public/images/cm_icon_radio_2_off.png') !important;}
.form-rect .form-radio:checked + .form-label:before {background:url('/public/images/icon_radio_1_on.png') center center no-repeat;
background-image:url('/public/images/cm_icon_radio_2_on.png') !important;}

.form-agree {display:block; width:100%; height:150px; padding:10px; box-sizing:border-box; background:#fff; border:1px solid #c4c4c4; border-radius:5px; font-size:13px; line-height:20px; color:#454545; margin:0; overflow-y:auto; position:relative;}

/* 파일업로드 영역 관련 CSS */
.file-input .fileinput-upload.fileinput-upload-button {display:none !important;}

/* 중복검사 영역 관련 CSS */
#duplication_txt {display:none; width:100%; position:relative; font-size:13px; line-height:13px; margin:5px 0 0 0;}
#duplication_txt.active {display:block;}
#duplication_txt.b {color:#0000dd;}
#duplication_txt.r {color:#dd0000;}
.duplication_txt {display:none; width:100%; position:relative; font-size:13px; line-height:13px; margin:5px 0 0 0;}
.duplication_txt.active {display:block;}
.duplication_txt.b {color:#0000dd;}
.duplication_txt.r {color:#dd0000;}

/* 이메일 입력 영역 관련 CSS */
.emailWrapper {position:relative; overflow:hidden;}
.emailWrapper > * {display:block; float:left;}
.emailWrapper #email1 {width:calc(50% - 10px);}
.emailWrapper .form-text {width:20px; text-align:center;}
.emailWrapper #email2 {width:calc(50% - 10px);}
.emailWrapper #email3 {display:none; width:0;}
.emailWrapper.direct #email1 {width:calc(33.33333333333333%);}
.emailWrapper.direct #email2 {width:calc(33.33333333333333% - 25px);}
.emailWrapper.direct #email3 {display:block; width:calc(33.33333333333333%); margin-right:5px;}

/* 검색결과 영역 관련 CSS */
.searchResult {width:100%; position:relative; text-align:left; margin:10px auto 0; padding:0; box-sizing:border-box;}
.searchResult .resultRect {display:inline-block; height:24px; position:relative; text-align:left; margin:1.5px; padding:1.5px 4px; box-sizing:border-box; background:#f4f4f4; border:1px solid #333; border-radius:3px;}
.searchResult .resultRect > * {display:inline-block; position:relative; vertical-align:top; margin:0 3px 0 0; padding:0; font-size:12px; line-height:20px; font-weight:500; color:#333;}
.searchResult .resultRect > *:last-child {margin:0;}
.searchResult .resultRect .name {}
.searchResult .resultRect .closeBtn {}
.searchResult .resultRect .closeBtn i {color:#dd0000;}
.searchResult .resultRect.active {background:#333;}
.searchResult .resultRect.active > * {color:#fff;}

.searchResult .resultRect.form-rect {height:auto; padding:3px;}
.searchResult .resultRect.lock {padding-bottom:24px;}
.searchResult .resultRect.lock:after {display:block; content:''; width:100%; height:100%; position:absolute; top:0; left:0; z-index:3;}
.searchResult .resultRect.lock > * {z-index:1;}
.searchResult .resultRect.lock .delBtn {position:absolute; bottom:3px; right:3px; z-index:5;}



/* 기본 Talbe 관련 스타일 */
.table {position:relative; border-collapse:collapse; width:100%; vertical-align:middle; text-align:center; border-top:2px solid #003f22; border-bottom:1px solid #003f22; margin-bottom:0;}
.table caption {padding-top:0; padding-bottom:0;}
/* .table caption {padding:0 !important;} */
.table thead {}
.table thead input, .table thead p, .table thead span, .table thead div {color:#333;}
.table tr {border-bottom:1px solid #cbd3de;}
.table tr:last-child {border-bottom:0;}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td {text-align:center; vertical-align:middle; padding:8px; font-size:13px; border-right:1px solid #cbd3de;}
.table th:last-child, .table td:last-child {border-right:0;}
.table th {font-weight:600; background:#dee5ec; color:#333;}
.table td {color:#454545;}
/*
.table td span {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;}
*/
.table th.textAlignLeft, .table td.textAlignLeft {padding:8px 10px;}
.dataTables_info {display:none !important;}
table.table.dataTable {margin-top:0 !important; margin-bottom:0 !important;}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {width:13px; height:18px; top:50% !important; margin:-9px 0 0 0 !important;}
table.dataTable thead > tr > th {padding-right:20px; padding-left:20px; padding:8px 20px 5px;}
/*
.table img {max-width:80px;}
.table img {max-width:100%; max-height:80px;}
*/
.table .row_disabled th, .table .row_disabled td {background:#ac2925 !important; color:#fff !important;}

.table th .sortBtn {margin-left:5px;}

/* 작은 스타일 테이블 관련 CSS */
.table.table_tiny > thead > tr > th,
.table.table_tiny > thead > tr > td,
.table.table_tiny > tbody > tr > th,
.table.table_tiny > tbody > tr > td {padding:3px; font-size:13px; line-height:16px;}



/* table 태그 가로스크롤 관련 스타일 */
.tabScroll_container {position:relative; width:100%; height:auto;}
.tabScroll_wrap {position:relative; width:100%; overflow-x:auto;}
@media screen and (max-width:768px){
  .tabScroll_container:after {display:block; width:20px; height:100%; position:absolute; top:0; right:0; background:url('../image/table_scroll_bg_1.png') center center repeat-y; content:"";}
  .tabScroll_wrap table {min-width:768px;}
}
@media screen and (max-width:480px){
  .tabScroll_wrap table {min-width:640px;}
}
@media screen and (max-width:360px){
  .tabScroll_wrap table {min-width:580px;}
}
/* zabuto callendar 가로스크롤 관련 스타일 */
.zabuto_calendar {position:relative; width:100%; overflow-x:auto;}
/*
@media screen and (max-width:768px){
  .zabuto_calendar > table {min-width:768px;}
}
@media screen and (max-width:480px){
  .zabuto_calendar > table {min-width:640px;}
}
@media screen and (max-width:360px){
  .zabuto_calendar > table {min-width:580px;}
}
*/



/* iframe 관련 스타일 */
.iframeWrap {width:100%; height:0; padding-bottom:56.25%; overflow:hidden; position:relative;}
.iframeWrap iframe {display:block; width:100% !important; height:100% !important; position:absolute; top:0; left:0;}



/* 서브메뉴 가로스크롤 관련 스타일 */
.horizontal_menu {width:100%; overflow-x:auto; white-space:nowrap;}
.horizontal_menu .item {display:inline-block;}



/* pagination 관련 스타일 */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}



/* modal 관련 스타일 */
.modal {}
.modal .rangeSearchWrap {width:100%; position:relative; overflow:hidden; box-sizing:border-box; border:1px solid #e4e4e4; padding:10px;}
.modal .rangeSearchWrap .ranges {position:relative; overflow:hidden; float:left; width:calc(100% - 60px);}
.modal .rangeSearchWrap .ranges .form_calendar {float:left; width:calc(50% - 15px);}
.modal .rangeSearchWrap .ranges p {display:block; width:30px; line-height:34px; float:left; margin:0; text-align:center;}
.modal .rangeSearchWrap .searchBtn {float:right;}



/* modal 관련 스타일 */
.main-sidebar .sidebar .user-panel {}
.main-sidebar .sidebar .user-panel > .info {position:relative; float:right; left:auto;}



/* 복합 검색 영역 관련 CSS */
#multiSearchWrap {width:100%; position:relative; margin:15px auto 30px; padding:15px 20px; background:#f0f0f0; border:1px solid #ccc; border-radius:5px;}

#multiSearchWrap .inpWrap {width:calc(100% - 120px); position:relative; overflow:hidden;}
#multiSearchWrap .inpWrap .form-dl {}
#multiSearchWrap .inpWrap .form-dl dt {width:80px; margin:0 15px 0 0;}
#multiSearchWrap .inpWrap .form-dl dd {width:calc(100% - 95px);}

#multiSearchWrap .searchBtn {display:block; width:100px; height:calc(100% - 40px); position:absolute; top:20px; right:20px;}
#multiSearchWrap .searchBtn span {display:block; width:100%; height:16px; line-height:16px; font-size:16px; font-weight:bold; text-align:center; position:absolute; top:50%; left:0; margin:-8px 0 0 0;}
#multiSearchWrap .s-ele {display:none !important;}
#multiSearchWrap .s-ele.active {display:block !important;}

#multiSearchWrap.renew._1 .inpWrap .form-dl {display:inline-block; position:relative; vertical-align:top; width:calc(25% - 4px); margin:3px 10px 3px 0; padding:0 10px 0 0;}
#multiSearchWrap.renew._1 .inpWrap .form-dl.full {width:100%;}
#multiSearchWrap.renew._1 .inpWrap .form-dl dt {width:80px; margin:0;}
#multiSearchWrap.renew._1 .inpWrap .form-dl dd {width:calc(100% - 80px);}
#multiSearchWrap.renew._1 .inpWrap .form-dl dd .form-date {width:calc(50% - 14px);}
#multiSearchWrap.renew._1 .inpWrap .form-dl dd .form-date input[type="text"] {width:calc(100% - 34px);}
#multiSearchWrap.renew._1 .inpWrap .form-dl dd .form-text {width:20px; padding:0; text-align:center;}



/* [이미지] 데이터 등록 및 수정 form 영역 관련 CSS */
.profileImg {width:100%; position:relative; text-align:center; margin:10px 0 0 0;}
.profileImg img {width:100%; max-width:150px;}
.profileImg p {display:block; margin:5px 0 0 0;}



/* [공지사항] 데이터 등록 및 수정 form 영역 관련 CSS */
.attachedFileRow {width:100%; position:relative; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #ccc;}
.attachedFileRow.noBot {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.attachedFileRow .fileRow {width:100%; position:relative; overflow:hidden; margin:3px 0;}
.attachedFileRow .fileRow p {display:block; float:left; font-size:14px; line-height:20px; margin:0 15px 0 0;}
.attachedFileRow .fileRow p:nth-child(2) {margin:0 5px 0 0;}
.attachedFileRow .fileRow a {display:block; float:left; width:20px; height:20px;}
.attachedFileRow .fileRow a i {text-align:center;}
.attachedFileRow .fileRow p.name {}
.attachedFileRow .fileRow p.name a {float:none; width:auto; height:auto;}



/* [갤러리] 데이터 등록 및 수정 form 영역 관련 CSS */
.attachedImgRow {width:100%; position:relative; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #ccc; overflow:hidden;}
.attachedImgRow.noBot {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.attachedImgRow .imgRow {width:calc(20% - 6px); float:left; position:relative; overflow:hidden; padding:18px 18px 10px 18px; margin:0; margin-right:7.5px; margin-bottom:7.5px; box-sizing:border-box; border:1px solid #c4c4c4; border-radius:5px;}
.attachedImgRow .imgRow:nth-of-type(5n+5) {margin-right:0;}
.attachedImgRow .imgRow img {display:block; width:100%;}
.attachedImgRow .imgRow p {display:block; font-size:13px; line-height:15px; margin:5px 0 0 0; text-align:center;}
.attachedImgRow .imgRow a {display:block; width:20px; height:20px; position:absolute; top:0; right:0;}
.attachedImgRow .imgRow a i {text-align:center;}
.attachedImgRow .imgRow p.name {}
.attachedImgRow .imgRow p.name a {float:none; width:auto; height:auto;}



/* 커스텀팝업 관련 스타일 */
.customPopWrap {width:100%; height:100%; position:fixed; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.6); display:none;}
.customPopWrap.active {display:block;}
.customPopWrap .disT {}
.customPopWrap .disTC {text-align:center; vertical-align:middle; padding:10px; box-sizing:border-box;}
.customPopWrap .customPop {width:100%; height:auto; max-width:420px; position:relative; margin:0 auto; padding:0; border-radius:5px; overflow:hidden;}
.customPopWrap .customPop form {display:block; width:100%; position:relative;}
.customPop .popHead {width:100%; height:40px; position:relative; overflow:hidden; background:#202020; padding:0 15px;}
.customPop .popHead p {display:block; float:left; font-size:14px; line-height:40px; color:#fff; font-weight:bold; margin:0;}
.customPop .popHead a {display:block; width:20px; height:20px; position:absolute; top:50%; right:10px; margin:-10px 0 0 0;}
.customPop .popHead a img {vertical-align:top;}
.customPop .popBody {width:100%; height:100%; max-height:calc(100% - 40px); background:#fff; overflow-y:auto; padding:20px;}
.customPop .popBody .t1 {font-size:18px; line-height:24px; font-weight:500; color:#000;}
.customPop .popBody .btnArea {width:100%; text-align:center; position:relative; margin:30px auto 0; padding:0;}
.customPop .popBody .btnArea a {display:inline-block; position:relative; vertical-align:middle; margin:5px; padding:0; width:160px; font-size:14px; line-height:40px; font-weight:500; border-radius:20px; background:#000; color:#fff;}
.customPop .popBody .btnArea a.cancel {background:#fff; color:#ff1412;}



/* 카테고리 토글탭관련 CSS
.category-wrap {position:relative;}

.category-wrap .category-tabs {width:100%; position:relative; overflow:hidden; border-top:2px solid #1351a5;}
.category-tabs .categoryBtn {display:block; float:left; width:50%; height:60px; line-height:59px; text-align:center; box-sizing:border-box; background:#f7f7f7; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:bold; color:#666;}
.category-tabs .categoryBtn:last-child {border-right:0;}
.category-tabs .categoryBtn.active {background:#fcfcfc; border-bottom:0; line-height:60px; color:#284093;}
.category-tabs.ea-3 .categoryBtn {width:33.33333333333333%;}
.category-tabs.ea-4 .categoryBtn {width:25%;}
.category-tabs.ea-5 .categoryBtn {width:20%;}
.category-tabs.ea-6 .categoryBtn {width:16.66666666666667%;}
.category-tabs.ea-7 .categoryBtn {width:14.28571428571429%;}
.category-tabs.ea-8 .categoryBtn {width:12.5%;}
.category-tabs.ea-9 .categoryBtn {width:11.11111111111111%;}

.category-wrap .category-cons {}
.category-cons .categoryCon {display:none; width:100%; position:relative;}
.category-cons .categoryCon.active {display:block;}

.category-wrap .category-tabs.category-sub1 {max-width:530px; margin:0 auto; border-top:0;}
.category-wrap .category-tabs.category-sub1.full {max-width:100%;}
.category-tabs.category-sub1 .categoryBtn {height:56px; line-height:55px; color:#666; border-bottom:1px solid #ddd; border-right:0; background:#fcfcfc;}
.category-tabs.category-sub1 .categoryBtn.active {color:#1351a5; border-bottom:1px solid #1351a5;}

.category-wrap .category-tabs.category-sub2 {margin:0 auto; border-top:0; border:1px solid #ddd; border-bottom:0;}
.category-tabs.category-sub2 .categoryBtn {height:56px; line-height:56px; color:#666; border-right:0; background:#f7f7f7; border-right:1px solid #ddd;}
.category-tabs.category-sub2 .categoryBtn:nth-of-type(3n) {border-right:0;}
.category-tabs.category-sub2 .categoryBtn.active {color:#1351a5; border-top:2px solid #1351a5; background:#fcfcfc; border-bottom:1px solid #ddd;}
*/
.category-wrap {width:100%; position:relative;}
.category-wrap .category-tab {width:100%; position:relative; text-align:center;}
.category-wrap .category-tab a {display:inline-block;}
.category-wrap .category-cons {width:100%; position:relative;}
.category-wrap .category-cons .category-con {display:block; width:100%; position:absolute; top:0; left:0; z-index:5; background:#fff; opacity:0;
top:-9999em; left:-9999em; opacity:1;}
.category-wrap .category-cons .category-con.active {position:relative; z-index:10; opacity:1;
top:auto; left:auto;}

.swiper-container.loading {max-height:300px;}
.swiper-container.loading .swiper-wrapper {opacity:0;}
.swiper-container.loading:after {display:block; content:''; width:250px; height:250px; position:absolute; top:0; left:50%; margin:0 0 0 -125px; background:url('/public/images/preloader.gif') center center no-repeat; z-index:10;}



/* 라디오 카테고리 탭 관련 스타일 */
.radio-wrap {width:100%; position:relative;}
.radio-wrap .radio-chks {width:100%; position:relative; overflow:hidden;}
.radio-wrap .radio-chks .radio-chk {display:block; float:left; margin:0 0 0 20px;}
.radio-wrap .radio-chks .radio-chk:first-child {margin:0;}
.radio-wrap .radio-contents {width:100%; position:relative; margin:0;}
.radio-wrap .radio-contents .radio-content {width:100%; position:relative; display:none;}
.radio-wrap .radio-contents .radio-content.active {display:block;}



/* 관련 파일정보 관련 스타일 */
.uploadedFiles {width:100%; position:relative; margin:0 auto 15px; overflow:hidden;}
.uploadedFiles .fileRect {float:left; position:relative; text-align:center; margin:0 10px; padding:10px; background:#fff; border-radius:5px; border:1px solid #555;}
.uploadedFiles .fileRect img {display:block; max-width:100px;}
.uploadedFiles .fileRect p {display:block;}
.uploadedFiles .fileRect a {margin:5px auto 0;}
.uploadInp {display:block; width:100%; position:relative; margin:0 auto;}



/* 권한설정 관련 스타일 */
.authRect {width:100%; position:relative; margin:0 auto 20px;}
.authRect:last-child {margin:0 auto;}
.authRect .tit {display:block; font-size:15px; line-height:30px; font-weight:bold; color:#000; margin:0 auto 4px;}
.authRect .authInps {width:100%; position:relative;}
.authRect .authInps .form-rect {margin:0 20px 10px 0;}



/* 예약컨텐츠 입력항목 관련 스타일 */
.optSetWrap {width:100%; position:relative; margin:0; padding:0;}
.optSetWrap > div {width:100%; position:relative; margin:0; padding:0;}
.optSetWrap > div > * {display:inline-block; position:relative; vertical-align:middle; margin:5px; padding:0;}
.optSetWrap > div .rect {}
.optSetWrap > div .rect p,
.optSetWrap > div .rect div,
.optSetWrap > div .rect select,
.optSetWrap > div .rect input,
.optSetWrap > div .rect textarea {display:inline-block; position:relative; box-sizing:border-box; vertical-align:middle; margin:0 2.5px; padding:0; font-size:12px; line-height:22px; font-weight:500; color:#333;}

.optSetWrap .optSetCtrlArea {}

.optSetWrap .optSetAddArea {}
.optSetWrap .optSetAddArea .addRow {width:100%; display:block; margin:10px auto 0; padding:10px 0 0 0; border-top:1px solid #c4c4c4;}
.optSetWrap .optSetAddArea .addRow .rect {display:inline-block; position:relative; vertical-align:middle; margin:5px; padding:0;}
.optSetWrap .optSetAddArea .addRow .rect p {width:40px;}
.optSetWrap .optSetAddArea .addRow .rect > *:nth-child(2) {width:calc(100% - 55px);}
.optSetWrap .optSetAddArea .addRow .rect._title {width:calc(35% - 55px); width:150px; width:100%;}
.optSetWrap .optSetAddArea .addRow .rect._count {width:100%;}
.optSetWrap .optSetAddArea .addRow .rect._value {width:calc(65% - 55px); width:calc(100% - 225px); width:calc(100% - 58px);}
.optSetWrap .optSetAddArea .addRow .rect .valArea {}
.optSetWrap .optSetAddArea .addRow .rect .valRect {display:inline-block; position:relative; vertical-align:middle; margin:0 2px 0 0; padding:0;}
/*
.optSetWrap .optSetAddArea .addRow .rect .valRect.prc {display:block; width:100%; margin:0 auto 5px; padding:0 0 5px 0; border-bottom:1px solid #c4c4c4;}
.optSetWrap .optSetAddArea .addRow .rect .valRect.prc:last-child {margin:0 auto; padding:0; border-bottom:0;}
*/
.optSetWrap .optSetAddArea .addRow .rect .valRect.prc {display:block; width:100%; margin:0 auto 8px; padding:8px; box-sizing:border-box; border-radius:5px; background:#fff;}
.optSetWrap .optSetAddArea .addRow .rect .valRect.prc:last-child {margin:0 auto;}
.optSetWrap .optSetAddArea .addRow .rect .valRect > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0;}
.optSetWrap .optSetAddArea .addRow .rect .valRect > p {width:auto; margin:0 2.5px;}
.optSetWrap .optSetAddArea .addRow .rect .valRect input[type="text"] {width:40px; font-size:10px; letter-spacing:-0.5px;}
.optSetWrap .optSetAddArea .addRow .rect a.setBtn {position:absolute; top:0; right:0;}


.optSetWrap .optSetAddArea .addRow .rect .valRect.prc .detInfo {width:100%; position:relative; margin:5px auto 0; padding:5px 0 0 0; box-sizing:border-box; border-top:1px solid #f0f0f0;}
.optSetWrap .optSetAddArea .addRow .rect .valRect.prc .detInfo p {width:80px;}

.optSetWrap .optSetAddArea .addRow .rect .valRect.prc .prcInfo {padding:5px; background:#ececec; border-radius:5px;}
.optSetWrap .optSetAddArea .addRow .rect .valRect.prc .prcInfo li {display:block; width:100%; position:relative; margin:0; padding:0;}
.optSetWrap .optSetAddArea .addRow .rect .valRect.prc .prcInfo li > * {display:inline-block; position:relative; vertical-align:middle; text-align:center; margin:1.5px; padding:0; box-sizing:border-box; font-size:12px; line-height:20px; font-weight:500; color:#333; width:calc(25% - 27px);}
.optSetWrap .optSetAddArea .addRow .rect .valRect.prc .prcInfo li > *:first-child {width:80px;}

.optSetWrap .optSetAddArea .addRow .rect .valRect.prc .noticeInfo {}
.optSetWrap .optSetAddArea .addRow .rect .valRect.prc .noticeInfo input {width:calc(100% - 98px);}

.optSetWrap .optSetAddArea .addRow .rect .valRect.prc .commissionInfo {}
.optSetWrap .optSetAddArea .addRow .rect .valRect.prc .commissionInfo select {width:80px;}
.optSetWrap .optSetAddArea .addRow .rect .valRect.prc .commissionInfo input {width:calc(100% - 186px);}
.optSetWrap .optSetAddArea .addRow .rect .valRect.prc .commissionInfo .comm_operator_value {width:calc(33.33333333333333% - 68px);}

.optSetWrap .optSetAddArea .addRow .rect .valRect.prc .delBtn {display:block; width:20px; height:20px; text-align:center; position:absolute; top:0; right:0;}


.customPopWrap.contentAttrOpt {}
.customPopWrap.contentAttrOpt .customPop {width:400px; height:auto; top:50%; left:50%; margin:-200px 0 0 -200px;}
.customPopWrap.contentAttrOpt .customPop .popHead {}
.customPopWrap.contentAttrOpt .customPop .popBody {}
.customPopWrap.contentAttrOpt .popBody {}
.customPopWrap.contentAttrOpt .popBody > div {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}

.customPopWrap.contentAttrOpt .popBody .inpArea {}
.customPopWrap.contentAttrOpt .popBody .inpArea > * {display:inline-block; position:relative; vertical-align:middle;}
.customPopWrap.contentAttrOpt .popBody .inpArea input {width:calc(100% - 50px);}
.customPopWrap.contentAttrOpt .popBody .addArea {margin:10px auto; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4;}
.customPopWrap.contentAttrOpt .popBody .btnArea {text-align:center;}

.customPopWrap.contentAttrOpt .popBody .inpArea {text-align:center; display:none !important;}
.customPopWrap.contentAttrOpt.normal .popBody .inpArea.normal {display:block !important;}
.customPopWrap.contentAttrOpt.price_1 .popBody .inpArea.price_1 {display:block !important;}
.customPopWrap.contentAttrOpt.price_2 .popBody .inpArea.price_2 {display:block !important;}
.customPopWrap.contentAttrOpt.price_3 .popBody .inpArea.price_3 {display:block !important;}

.customPopWrap.contentAttrOpt .popBody .inpArea > div {width:100%; position:relative; margin:0 auto; padding:0; text-align:left;}
.customPopWrap.contentAttrOpt .popBody .inpArea > div > *:not(a) {display:inline-block; position:relative; vertical-align:middle; margin:0 2.5px; padding:0; box-sizing:border-box; font-size:12px; line-height:22px; font-weight:400; color:#333;}
.customPopWrap.contentAttrOpt .popBody .inpArea > div > a {position:absolute; top:0; right:0;}

.customPopWrap.contentAttrOpt .popBody .inpArea .setArea {}
.customPopWrap.contentAttrOpt .popBody .inpArea .optArea {margin:5px auto; padding:5px 0; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4;}
.customPopWrap.contentAttrOpt .popBody .inpArea .optArea .optRect {width:100%; position:relative; margin:0 auto 2px; padding:0; text-align:left;}
.customPopWrap.contentAttrOpt .popBody .inpArea .optArea .optRect:last-child {margin:0 auto;}
.customPopWrap.contentAttrOpt .popBody .inpArea .optArea .optRect > * {display:inline-block; position:relative; vertical-align:middle; margin:0 2.5px; padding:0; box-sizing:border-box; font-size:12px; line-height:22px; font-weight:400; color:#333;}



/* 예약 데이터 입력항목 관련 스타일 */
.rsvtInpWrap {width:100%; position:relative; margin:0; padding:0;}
.rsvtInpWrap dl {display:block; width:100%; position:relative; margin:0 auto 5px; padding:0 0 5px 0; box-sizing:border-box; border-bottom:1px solid #d8d8d8;}
.rsvtInpWrap dl:last-child {margin:0 auto; padding:0; border-bottom:0;}
.rsvtInpWrap dl dt,
.rsvtInpWrap dl dd {display:inline-block; width:auto; height:auto; float:none; position:relative; vertical-align:top; margin:0; padding:0; text-align:left; font-size:13px; line-height:22px; font-weight:400; color:#555;}
.rsvtInpWrap dl dt span,
.rsvtInpWrap dl dd span {font-size:12px; line-height:16px; font-weight:600; color:#999;}
.rsvtInpWrap dl dt {width:180px;}
.rsvtInpWrap dl dd {width:calc(100% - 185px);}



/* 예약컨텐츠 운영관리 관련 스타일 */
.form-wrap.form-dl-wrap .form-dl #manageArea {width:100%; position:relative; margin:0 auto; padding:0;}
.form-wrap.form-dl-wrap .form-dl #manageArea .rect {width:100%; position:relative; margin:0 auto 5px; padding:0 0 5px 0; border-bottom:1px solid #ececec;}
.form-wrap.form-dl-wrap .form-dl #manageArea .rect:last-child {margin:0 auto; padding:0; border-bottom:0;}
.form-wrap.form-dl-wrap .form-dl #manageArea .rect > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:14px; line-height:30px; font-weight:500; color:#454545;}
.form-wrap.form-dl-wrap .form-dl #manageArea .rect input[type="text"], 
.form-wrap.form-dl-wrap .form-dl #manageArea .rect select {width:100px; height:30px; padding:0 5px;}
.form-wrap.form-dl-wrap .form-dl #manageArea .rect input[type="text"].date {width:150px;}
.form-wrap.form-dl-wrap .form-dl #manageArea .rect p {margin:0 5px 0 15px;}
.form-wrap.form-dl-wrap .form-dl #manageArea .rect p:first-child {margin:0 5px 0 0;}
.form-wrap.form-dl-wrap .form-dl #btnArea {width:100%; position:relative; margin:10px auto 0; padding:10px 0 0 0; border-top:1px solid #ccc; text-align:right;}