@charset "utf-8";
@import url("initialize.css");
@import url("font.css");

.fL{float:left}
.fR{float:right}
.mt0{margin-top:0 !important}
.tL{text-align:left !important}
.tC{text-align:center !important}
.tR{text-align:right !important}
.w100{width:100%}
.mL10{margin-left:10px}
.tbl_basic .bdL{border-left:1px solid #dbdbdb !important}
.bg_disabled{background:#f3f3f3}
.tbl_basic.tbl_border tr.bg_disabled td{color:#989898}
.ico{display:inline-block;vertical-align:bottom}

* {
  transition:background-color 0.2s,color 0.2s;
  -webkit-transition:background-color 0.2s,color 0.2s;
}

.btn-basic .ico{vertical-align:-6px}
#wrapper{background:#f4f5f6bd}
.bg-gray{height:100vh;background:#f4f5f6}
input{box-shadow:none !important}

label{position:relative;padding:.2em 0;font-size:1em;color:#000;font: 15px/normal 'Noto Sans KR', 'Malgun Gothic', 'Dotum', sans-serif;cursor:pointer}
label.disabled{color:#bdbdbd}
label + label{margin-left:15px;}
label:after {content: '';position:absolute;right:100%;bottom:-2px;left:20px;display:block;height:1px;background:#2e3092;transition: .1s}


.checkbox{vertical-align:top;margin:0}
.checkbox input[type=checkbox]:checked + i{background-position-y:-20px}
.checkbox input[type=checkbox]:checked:disabled + i{background-position:-20px -20px}
label{position:relative;padding:.2em 0;font-size:1em;color:#000;font: 15px/normal 'Noto Sans KR', 'Malgun Gothic', 'Dotum', sans-serif;cursor:pointer}
label.disabled{color:#bdbdbd}
label + label{margin-left:15px;}
.checkbox{overflow:hidden;position:relative;display:inline-block;width:20px;height:20px;margin-right:6px;vertical-align:bottom;cursor:pointer;border-radius: 4px;}
label:after {content: '';position:absolute;right:100%;bottom:-2px;left:20px;display:block;height:1px;background:#2e3092;transition: .1s}
.checkbox input[type=checkbox]{position:relative;width:20px;height:20px;margin:0;padding:0;cursor:pointer;opacity:0}
.checkbox input[type=checkbox]{width:20px;height:20px;vertical-align:top;cursor:pointer}
.checkbox i{position:absolute;top:0;left:0;right:0;bottom:0;background:url(/assets/images/ico/ico-chk.png) no-repeat 0 0}


.radiobox{margin:0overflow:hidden;position:relative;display:inline-block;width:20px;height:20px;margin-right:6px;vertical-align:middle;cursor:pointer}
.radiobox input[type=radio]:checked + i{background-position-y:-20px}
.radiobox input[type=radio]:checked:disabled + i{background-position:-20px -20px}
.radiobox input[type=radio]{position:relative;width:20px;height:20px;margin:0;padding:0;cursor:pointer;opacity:0}
.radiobox input[type=radio]{width:20px;height:20px;vertical-align:top;cursor:pointer}
.radiobox i{position:absolute;top:0;left:0;right:0;bottom:0;background:url(/assets/images/ico/ico-radio.png) no-repeat 0 0}


.box-login-wrap{overflow: hidden;position: relative;top: 50%;left: 50%;width: 600px;height: 440px;background-color: #fff;border-radius: 10px;transform: translate(-50%, -50%);box-sizing: border-box;box-shadow: 1px 1px 12px rgba(0,0,0,.07);border: 1px solid #ebeaea;}
.box-login-wrap .tit-login{color:#333;font-size:2em;font-weight:800;line-height:1.4em;}
.box-login-wrap .login-con .tit-login + .txt-sub{margin:0px 0 20px}

.box-login-wrap .login-con{position:relative;top:50%;width:400px;margin:0 auto;transform:translateY(-50%)}
/*.box-login-wrap .login-con form{margin-top:25px}*/
.box-login-wrap .login-con input:not([type='checkbox']) {margin-top:10px}
.box-login-wrap .login-con .login-util{overflow:hidden;margin-top:15px}
.box-login-wrap .login-con .box-gray{margin-top:10px}
.box-login-wrap .login-con .input-group .btn{height:60px;margin-top:10px}
.box-login-wrap .login-con .txt-sub{margin:10px 0}
.box-login-wrap .login-con .id-chk{margin:10px 0;}
.box-login-wrap .login-con .btn-success{font-size:1.3em;}

.login-con .btn-group{width:100%;margin-top:30px}
.login-con .btn-group .btn{border-color:#dbdbdb;border-radius:0;color:#999;font-weight:500;line-height:45px}
.login-con input.form-control{height:52px;border-color:#dbdbdb;font-size:1.08em;}
.login-con input.form-control::placeholder{color:#999}
.login-con input:active,
.login-con input:focus{border-color:#dbdbdb}
.login-con .btn-big{margin-top:25px;border-radius: 6px;}
.login-con .form-control.btn{margin-top:10px}

.btn-big{line-height:40px;width:100%;font-size:16px;font-weight:500}
.btn-success{border-color:#5bab38 !important;background:#5bab38 !important}

.btn-success:hover,
.btn-success:focus,
.btn-success:active{border-color:#003912 !important;background:#003912 !important}


.btn-outline-success,
.btn-outline-success:hover,
.btn-outline-success:active{border-color:#003912;color:#003912}
.btn-outline-success:hover{background:#003912;color:#fff}
.btn-outline-black{border:1px solid #000;background:#fff}


 

.tbl_basic{border-radius: 6px;overflow: hidden;box-shadow: 1px 1px 7px #ddddddad;margin-bottom: 10px;background-color:#fff;}
.tbl_basic tr{border-bottom:1px solid #e7e7e7;}
.tbl_basic tr.close_tr td{color: #dbdbdb}
.tbl_basic.tbl_border:not(.nonHover) tr:not(:first-child):not(.bg_disabled):hover{background:#faf9fc}


.tbl_basic tr:first-child{border-top:none}
.tbl_basic th{background-color:#f4f3f8;font-size:1em;font-weight:400;color:#333;text-align:center}
.tbl_basic td{padding:10px;height:66px;}
.tbl_basic td select{min-width:80px}
.tbl_basic td select + input,
.tbl_basic td input + input{margin:0 5px}

/* .search-wrap .tbl_basic{box-shadow: none;border-top: 1px solid #e7e7e7;overflow: visible;} */
.search-wrap .tbl_basic{overflow: visible;}
.search-wrap .tbl_basic th{background:none;font-weight: 700;;}

.tbl_basic.tbl_border th{font-size:1em;color:#000;padding:15px 0;background-color:#f4f3f8;}
.tbl_basic.tbl_border td{height:50px;font-size:1em;color:#000;text-align:center;word-break: break-word}
.tbl_basic.tbl_border_all td{font-size:1em;color:#000;text-align:center;word-break: break-word}

.tbl_small{border:1px solid #e7e7e7}
.tbl_small + .tbl_small{margin-top:20px}
.tbl_small th{background:#f4f4f4;font-size:15px;font-weight:500}
.tbl_small td{padding:4px 9px}
.tbl_small td input[type=text],
.tbl_small .input-group .cell{margin-right:10px;}
.tbl_small .input-group .btn{border-radius: 6px !important;}

.ipt_basic{max-width:450px;width:100%}
.ipt_basic + .ipt_btn{display:inline-block;min-width:100px;border:1px solid #5bab38;height:45px;padding:0 10px;font-size:1em;font-weight:500;color:#5bab38;line-height:44px;text-align:center;box-sizing:border-box;vertical-align:middle}

.btn_searchOption{float:right;position:relative;display:inline-block;width:110px;height:45px;padding:0 10px;font-size:1em;font-weight:400;border:1px solid #5bab38;color:#5bab38;line-height:45px;vertical-align:middle}
.btn_searchOption:hover,.btn_searchOption:active{color:#5bab38}
.btn_searchOption:after{content:"";display:block;position:absolute;top:17px;right:10px;width:14px;height:10px;background:url('/assets/images/ico/ico-common.png') no-repeat -5px -65px;transform:rotate(180deg);transition:transform .2s;-webkit-transition:transform .2s;}

.tbl_basic .btn-searchOption{float:right}

.section_option_area{display:none;position:relative;top:-1px}
.section_option_area .tbl_basic{border-top:1px solid #dbdbdb}

.search-option .btn_searchOption:after{transform: rotate(0deg);-webkit-transform: rotate(0deg)}


.ipt-date{width:150px;    display: inline-block !important;background:url('/assets/images/ico/ico-date.png') no-repeat 90% 50%}

.btn.green{min-width:110px;border-color:#5bab38;color:#5bab38}
.btn.green:hover,
.btn.green:active{background:#5bab38;color:#fff}
.btn.black{border:1px solid #919191;padding:0 13px}
.btn.fullBlack{background:#333;color:#fff;border:#333}
.btn i{margin-right:5px}
.btn + .btn{margin-left:7px}
.btn.small{font-size:14px;height:35px !important;/*line-height:35px !important*/}
.btn.extra_small{font-size:14px;height:32px !important;line-height:32px !important}
.btn.w100{width:100%;border-radius:0;height:60px;margin-top:10px;line-height:45px}


.ico_mail{width:24px;height:19px;background-position:-58px -2px}
.ico_excel{width:24px;height:19px;background-position:-87px -2px}
.ico_usr{width:24px;height:19px;background-position:-118px -3px}
.ico_mag{margin-right:0;width:15px;height:15px;background-position:-62px -32px;vertical-align:-2px}

.btn_mag.green{min-width:35px}
.btn_mag.green .ico_mag{margin-right:0}
.btn_mag.green:hover .ico_mag{background-position-x:-92px}

.txt_green{color:#5bab38}
.txt_yellow{color:#f9a825}
.txt_red{color:#d32f2f}
.txt_hotred{color:#e70000}
.txt_gray{color:#999}
.txt_download{display:block;position:relative;padding-bottom:3px;color:#333;font-size:1em;font-weight:400}
.txt_download:after{content:"";position:absolute;bottom:0;display:block;width:100%;height:1px;background:#000}
a.txt_link{display:inline-block;color:#000;text-decoration:underline;text-underline-position:under}
.txt_sub{display:inline-block;margin-top:5px;font-size:14px;font-weight:300;color:#999}

.form-control:disabled, .form-control[readonly]{background-color:#fafafa;color:#999}
input[readonly] {background-color: #fafafa;color: #999;}

.form-control:focus{border-color:#e5e5e5;box-shadow:none}
.input-group .btn{z-index:2}
.btn-check:focus+.btn-outline-secondary.green,
.btn-outline-secondary.green:focus{box-shadow:none}
.form-control{border-radius:6px;font-size:1em;font-weight:400}
.btn{border-radius:0;font-size:15px}
.btn-check:active+.btn-outline-primary.green:focus, .btn-check:checked+.btn-outline-primary.green:focus, .btn-outline-primary.green.active:focus, .btn-outline-primary.green.dropdown-toggle.show:focus, .btn-outline-primary.green:active:focus,.btn-check:focus+.btn-outline-primary.green, .btn-outline-primary.green:focus{box-shadow: none}
.btn-check:active+.btn-outline-primary.green, .btn-check:checked+.btn-outline-primary.green, .btn-outline-primary.green.active, .btn-outline-primary.green.dropdown-toggle.show, .btn-outline-primary.green:active{color:#fff;border-color:#5bab38;background-color:#5bab38}
.btn-group{margin-left:7px}
.btn-group label.btn.green{height:45px;border-color:#dbdbdb;color:#333;padding:0 .75rem;line-height:45px}
.btn-group label.btn.green:hover,
.btn-group label.btn.green:active{border-color:#5bab38;color:#5bab38;background:#fff}
.btn-check:focus+.btn, .btn:focus{box-shadow:none}

.input-group .btn-outline-secondary.fr{
  border-radius: 6px !important;
  margin-left: 6px;;
}

.btn{display:inline-block;font-size:1em;font-weight:400;border-radius: 6px;}
.btn.basic{min-width:100px;height:45px;line-height:44px;padding:0 .75rem;background-color:#fff;}
.btn.green-full{background-color:#58b530;color:#fff}
.btn.gray-full{background-color:#999999;border-color:#999999;color:#fff}
.bottom_area{overflow:hidden;margin-top:30px;text-align:center}
.bottom_area.tbl_bottom .paginate{padding-top:15px}
.tabCon.btn-top{margin-top:-1em;padding-top:0;}
.bottom_area.top{margin-top:0;margin-bottom:.75em;padding-bottom:1em;border-bottom:1px solid #e4e4e4}
.tabCon.btn-top a{float:right;margin-left:.5em;max-width:90px;height:40px;line-height:38px}


.tbl_top{overflow:hidden;margin:20px 0;}
.tbl_top .fL .tit_small{margin-top:6px;margin-bottom:0}
.tbl_top .fL .tit_small + .txt_gray{margin-left:10px;font-size:13px}
.tbl_top .tit_list{font-size:1.15em;margin-top:14px;font-weight:600;}

h1.tit_list{font-size:1.1em;font-weight:500;color:#333;letter-spacing:-.2px}
h1.tit_list .txt_green{font-weight:600}

.paginate{margin-top:0;padding:0 0 15px;text-align:center;line-height:30px}
.paginate *{display:inline-block;position:relative;margin:0;padding:0 12px;font-size:14px;color:#999;line-height:28px;text-decoration:none;vertical-align:middle}
.paginate strong{border:1px solid #5bab38;border-radius:3px;background:#5bab38;color:#fff}
.paginate .direction{width:31px;height:31px;background:#fff url('/assets/images/ico/ico-common.png') no-repeat 0 50%}
.paginate .direction.direc-first{right:-4px;background-position-y:1px;background-position-x:-151PX}
.paginate .direction.direc-prev{background-position-y:1px;background-position-x:-182PX}
.paginate .direction.direc-next{background-position-y:1px;background-position-x:-223px}
.paginate .direction.direc-last{left:-4px;background-position-y:1px;background-position-x:-254px}

.modal-header{position:relative;height:60px;background:#5bab38;padding:0 1rem;align-items:center}
.modal-header.black{background:#000}
.modal-header .header_util{position:absolute;top:12px;right:70px}
.modal-content{overflow:hidden;border-radius:10px;border:none}
.modal-title{color:#fff;font-size:1em;font-weight:500}

.btn-close{display:block;width:30px;height:30px;opacity:1;background:transparent url('/assets/images/ico/ico-common.png') no-repeat -54px -52px;box-sizing: inherit;}

@media (min-width: 1200px){.modal-xxl{max-width: 1400px}}

.btn-group input[type=radio]{position:absolute;clip: rect(0,0,0,0)}

.tab_btn{overflow:hidden}
.tab_btn li{float:left}
.tab_btn li a{display:block}

.tab_contents .tabCon{display:none;overflow:hidden}
.tab_contents .tabCon.show{display:block;animation-name:show;animation-duration:.5s}

.modal_tabTit li{margin-left:15px}
.modal_tabTit li:first-child{margin-left:0}
.modal_tabTit li a{padding:0 15px;border-radius:30px;color:#dcf5d1;font-size:1em;font-weight:400;line-height:35px}
.modal_tabTit li.on a{color:#fff;background:#7ec062}


.modal.show .modal-content{box-shadow:1px 1px 13px 2px rgba(0,0,0,0.2)}
.modal-backdrop.show + .modal-backdrop.show{display:none}
.modal.multi.show{z-index:1051}
.modal .txt_basic{font-size:16px;font-weight:400;color:#333;letter-spacing:-.3px;line-height:1.6}
.modal .txt_basic h1{margin-bottom:20px;font-size:27px;font-weight:500}
.modal .txt_basic h2{margin-bottom:20px;font-size:23px;font-weight:400}
.txt_label{display:inline-block;margin-right:10px;font-weight:500;color:#333}

@keyframes show{0%{opacity:0};100%{opacity:100%}}

.divide_wrap{overflow:hidden}
.divide_wrap .divide{float:left;box-sizing:border-box;padding-left:30px}
.divide_wrap .divide:first-child{padding-left:0}

.tit_small{display:inline-block;margin-bottom:15px;font-size:1em;font-weight:400;color:#333;line-height:1}

.cell{padding:.4em 0}


table.tbl_basic.tL td{text-align:left}
textarea{border:1px solid #ebebeb;font-size:1em;padding:.5em}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:focus .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#dbdbdb}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background:rgba(0,0,0,0)}
.scroll-area .mCSB_inside > .mCS_no_scrollbar_y,
.modal-dialog-scrollable .mCSB_inside > .mCS_no_scrollbar_y.mCSB_container{margin-right:0}
.scroll-area .mCSB_inside > .mCSB_container,
.modal-dialog-scrollable .mCSB_inside > .mCSB_container{margin-right:20px}
#mCSB_1_scrollbar_vertical.mCSB_scrollTools .mCSB_dragger{height:100px !important}

.modal .box_gray{margin:15px 0}
.box_gray{background:#fafafa;padding:20px;box-sizing:border-box}
.box_gray p{margin-top:10px;font-size:14px;font-weight:400;color:#999}
.box_gray .txt_group{margin-top:25px}
.box_gray .txt_group:first-child{margin-top:0}
.box_gray .txt_group:first-child p:first-child{margin-top:0}
.box_gray .txt_group .txt_strong{color:#000;font-weight:500}

.alert .modal-header{height:50px}
.txt_alert{margin:15px 0 25px;font-size:1em;font-weight:400;color:#333;text-align:center}

.admin_contact_cell{margin-right:10px;}
.opt-data{border:1px solid #dbdbdb}
.opt-data .mCSB_scrollTools .mCSB_draggerContainer{top:7px;bottom:7px}
.opt-data .opt-item{margin:7px 0 0 7px}
.opt-item{display:inline-block;margin:0 0 0 7px;padding:0 5px;height:30px;font-size:14px;font-weight:400;color:#333;background:#f2f6ef;vertical-align:middle;line-height:30px}
.btn_del{display:inline-block;width:17px;height:17px;margin-left:3px;background:url('/assets/images/ico/ico-common.png') no-repeat -30px -59px;vertical-align:-3px}

.ipt_group{display:inline-block;margin-left:15px}
input.ipt_date_radius{width:180px;height:45px;border-radius:50px;padding:0 1em;border:1px #dbdbdb solid;background-color:#fff;background-image:url('/assets/images/ico/ico-date-on.png');background-repeat:no-repeat;background-position:90% 50%}
input.ipt_time_radius{width:180px;height:45px;border-radius:50px;padding:0 1em;border:1px #dbdbdb solid;;background-color:#fff;background-image:url('/assets/images/ico/ico-time-on.png');background-repeat:no-repeat;background-position:90% 50%}

.ipt_date_radius:disabled{background-color:#f7f7f7;background-image:url('/assets/images/ico/ico-date-off.png')}
.ipt_time_radius:disabled{background-color:#f7f7f7;background-image:url('/assets/images/ico/ico-time-off.png')}

.box_con{display:table;width:100%;padding:10px;background:#f7f9f5;font-size:1em;font-weight:400;color:#333;box-sizing:border-box}
.box_con .box_con_tit{position:relative;display:table-cell;font-weight:500}
.box_con .box_con_tit:after{position:absolute;top:6px;right:0;content:"";display:block;width:1px;height:11px;background:#d0d0d0}
.box_con .box_con_subs{display:table-cell;padding-left:10px}

.list_ipt_group{overflow:hidden}
.list_ipt_group > li{float:left;width:20%;padding:.5em 0}

.ipt_chk_group .ipt_small{display:inline-block;width:50%;height:35px;margin-left:10px}
.btn_smMore{display:inline-block;margin-left:5px;width:15px;height:15px;border:1px solid #a0a0a0;background:#ededed;color:#8e8e8e;font-size:1em;font-weight:500;line-height:11px;vertical-align:middle}
.logo_thumb{margin-top:15px;border:1px solid #ededed;max-width:300px;width:100%}


.wickedpicker {z-index: 9999}
.wickedpicker__title {background:#f7f9f5 !important}
.wickedpicker__controls {padding:0px 0 !important;line-height:normal;margin:0}
.wickedpicker__close{font-size:25px}
.wickedpicker__controls__control-down, .wickedpicker__controls__control-up{font-size:16px !important}

.align-center{align-items: center;}

optgroup {
    color: transparent;
    height: 0px;
    font-size:0px;
}

optgroup option {
    color: black;
    font-size:15px
}

.ui-autocomplete {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 99999;
  cursor: default;
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-autocomplete li {
  padding: 5px 10px;
  display: block;
  font-size: 14px;
  color: #333;
}
.ui-autocomplete li:hover {
  background-color: #f4f4f4;
}

.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span{
  background: url(/assets/images/ico/ico-common.png) no-repeat 0 50%;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev span {
  background-position-y: -7px;
  background-position-x: -189PX;
}

.ui-datepicker .ui-datepicker-next span{
  background-position-y: -7px;
  background-position-x: -232px;
}