/* 헤더 CSS */
.loading_view {z-index: 999999;height: 100%;width: 100%;background: #888888;position: fixed;filter: alpha(opacity=20);opacity: 0.2;display:none;}
.small-top-menu {float: left;width: 100%;background: #f1f1f1;border-bottom: 1px solid #dfdfdf;}
.small-top-menu .stm-r-m {float: left;margin-left: 20px;}
.small-top-menu .stm-r-m a {float: left;font-size: 13px;line-height: 34px;}
.small-top-menu .stm-l-m {float: right;margin-right: 20px;}
.small-top-menu .stm-l-m a {float: left;font-size: 13px;line-height: 34px;border-left: 1px solid #dfdfdf;padding: 0px 15px;}
.small-top-menu .stm-l-m a:hover {background: #dfdfdf;}
.small-top-menu .stm-l-m .commute_btn {cursor: pointer;}

.menu-h-v {float: left;width: 100%;position: relative;display: flex;align-content: flex-start;}
.menu-h-v .main-top-view {float: left;width: 100%;border-bottom: 1px solid #e9e9e9;position: relative;}
.menu-h-v .main-top-view .mtv_logo_area {float: left;margin: 27px;}
.menu-h-v .main-top-view .mtv_logo_area a {float: left;color: #ffffff;font-size: 17px;font-weight: 400;}
.menu-h-v .main-top-view .main-menu-area {width: calc(100% - 358px);margin: 0 auto;}
.menu-h-v .main-top-view .main-menu-area .main-menu-view {float: left;width: 100%;display: flex;justify-content: center;}
.menu-h-v .main-top-view .main-menu-area .main-menu-view a {float: left;padding: 20px;font-size: 20px;font-weight: 700;color: #595959;line-height: 48px;text-align: center;width: 160px;}
.menu-h-v .main-top-view .main-menu-area .main-menu-view a:hover {color: #4285f4;}
.menu-h-v .sub-top-view {width: 100%;position: absolute;z-index: 100;background: #ffffff;left:0px;top: 100%;display: none;padding: 0px 176px 0px 178px;border-bottom: 1px solid #1f3b73;}
.menu-h-v .sub-top-view .sub-menu-area {float: left;width: 100%;display: flex;justify-content: center;padding: 5px 0px;}
.menu-h-v .sub-top-view .sub-menu-view {float: left;width: 160px;}
.menu-h-v .sub-top-view .sub-menu-view a {float: left;width: 100%;font-size: 15px;text-align: center;line-height: 37px;}
.menu-h-v .sub-top-view .sub-menu-view a:hover {background-color: #f7f9fa;}
.menu-h-v .main-top-view .mtv_login_area {float: right;margin: 27px;cursor: pointer;}
.menu-h-v .main-top-view .mtv_login_area a {float: left;font-size: 24px;color: #595959;line-height: 32px;padding: 0px 10px;}
.menu-h-v .main-top-view .mtv_login_area button {float: left;}

/* 푸터 CSS */
.div-footer-view {float: left;width: 100%;margin-top: 50px;}
.div-footer-view .dfv-guide-v {float: left;width: 100%;text-align: center;padding: 5px 0px;background: #f7f9fa;border-top: 1px solid #dae1e6;}
.div-footer-view .dfv-guide-v a {font-size: 13px;color: #696969;line-height: 28px;cursor: pointer;}
.div-footer-view .dfv-com-a {float: left;width: 100%;background: #4d4b49;}
.div-footer-view .dfv-com-a .dfv-com-v {width: 1000px;margin: auto;}
.div-footer-view .dfv-com-a .dfv-com-v .dcv-logo-v {float: left;width: 200px;padding: 15px;}
.div-footer-view .dfv-com-a .dfv-com-v .dfv-com-all-v {float: left;width: 100%;position: relative;padding: 40px 0px;}
.div-footer-view .dfv-com-a .dfv-com-v .dcv-logo-v img {float: left;width: 100%;}
.div-footer-view .dfv-com-a .dfv-com-v .dcv-logo-v a {float: left;width: 100%;font-size: 24px;color: #ffffff;text-align: center;}
.div-footer-view .dfv-com-a .dfv-com-v .dcv-info-v {float: left;width: calc(100% - 220px);border-left: 1px solid #dfdfdf;margin-left: 20px;padding: 10px 0px 10px 20px;display: flex;flex-direction: column;}
.div-footer-view .dfv-com-a .dfv-com-v .dcv-info-v a {font-size: 12px;color: #fff;line-height: 18px;}
.div-footer-view .dfv-com-a .dfv-com-v .dcv-info-v b {margin-top: 20px;font-size: 10px;color: #dfdfdf;font-weight: 400;}
.div-footer-view .dfv-com-a .dfv-com-v .dcv-ict-v {position: absolute;right: 10px;width: 82px;bottom: 10px;}
.div-footer-view .dfv-com-a .dfv-com-v .dcv-ict-v a {}
.div-footer-view .dfv-com-a .dfv-com-v .dcv-ict-v img {width: 100%;}
.div-footer-view .dfv-com-a .dfv-com-v .dcv-info-v .m_dcv_info {display: none;}
.div-footer-view .dfv-com-a .dfv-com-v .dcv-info-v .pc_dcv_info {display: block;}

/* 공용 CSS */
input::placeholder {color: #b1b1b1 !important;font-weight: 300 !important;}
textarea::placeholder {color: #b1b1b1 !important;font-weight: 300 !important;}
.float-left {float: left;}
.float-right {float: right;}
.width-100 {width:100%;}
.small-btn {margin: 0px 2px;font-size: 13px;border-radius: 5px;font-weight: 400;cursor:pointer;}
.middle-btn {float: left;width: 100%;line-height: 34px;border-radius: 5px;font-size: 12px;font-weight: 300;cursor:pointer;}
.big-btn {width: 120px;line-height: 35px;border-radius: 5px;font-size: 13px;font-weight: 300;cursor:pointer;}
.bc-save {color:#ffffff; background:#007bff; border: 1px solid #3596ff;}
.bc-save:hover {color:#ffffff; background:#066ad6;}
.bc-normal {color:#9e9e9e; background:#ffffff; border: 1px solid #dfdfdf;}
.bc-normal:hover {color:#9e9e9e; background:#f1f1f1;}
.bc-cancel {color:#ffffff; background:#dc3545; border: 1px solid #e35e6b;}
.bc-cancel:hover {color:#ffffff; background:#bb2c39;}
.bc-list {color:#ffffff; background:#6c757d; border: 1px solid #8a9298;}
.bc-list:hover {color:#ffffff; background:#666f77;}
.bc-info {color:#ffffff; background:#17a2b8; border: 1px solid #47b5c7;}
.bc-info:hover {color:#ffffff; background:#148b9e;}
.bc-download {color:#ffffff; background:#28a745; border: 1px solid #54b96b;}
.bc-download:hover {color:#ffffff; background:#218b39;}
.bc-top {color:#ffffff; background:#4285f4; border: 1px solid #225fc3;}
.bc-top:hover {color:#ffffff; background:#225fc3;}
.bc-search {color:#ffffff; background:#30a0ce; border: 1px solid #2b91bb;}
.bc-search:hover {color:#ffffff; background:#4392b3;}
.bc-batch {color:#ffffff; background:#da524e; border: 1px solid #e4431c;}
.bc-write {color:#ffffff; background:#496fae; border: 1px solid #3d5e96;}
.bc-new {color:#ffffff;background: #5790ef;border: 1px solid #225fc3;}
.bc-new:hover {color:#ffffff; background:#225fc3;}
.bc-action {color:#ffffff; background:#5cb85c; border: 1px solid #3b8e3b;}
.bc-action:hover {color:#ffffff; background:#3b8e3b;}
.datatime-input {float: left;background: #ffffff !important;cursor: pointer;width: calc(100% - 50px) !important;margin-right: 5px;} /* 날짜 시간 입력 inputbox */
.data-del-btn {width: 45px;}
.model-datatime-input {background: #ffffff !important;cursor: pointer;width: calc(100% - 55px) !important;margin-right: 5px;} /* 날짜 시간 입력 inputbox */
.model-dd-btn {width: 45px;line-height: 26px;margin: 5px 0px;}

.info_mess {float: left;width: 100%;line-height: 14px;font-size: 11px;color: #e4431c;margin-top: 2px;font-weight: 400;}
.info_mess:hover {color: #e4431c;}
.btn_date_del {width:45px;}
.txt_ck {font-weight: bold;cursor: pointer;}
.search-line {float: left;border-left: 1px solid #dfdfdf;height: 38px;margin: 0px 5px;}

.search-select {float: left; font-size: 13px;position: relative;}
.search-select span {line-height: 36px !important; height: 38px !important;}
.select2-container li {font-size: 13px !important;}

/* TEXT CSS */
.text-hyphen {float: left;line-height: 36px;height: 38px;width: 16px;font-size: 12px;margin: 0px;text-align: center;}
.text-in {float: left;line-height: 33px;width: 10px;text-align: center;margin: 2px 5px;}
.txt-accent {color: #333333;font-weight: bold;}
.txt-bold {font-weight: bold;}
.txt-division { float: left; margin: 0px 5px; line-height: 33px;}
.l-txt-d {float: left;margin: 0px 5px;line-height: 12px;font-size: 12px;}
.f-txt-d {margin: 0px 15px;line-height: 12px;font-size: 12px;color: #696969;}
.login_txt_info {font-size: 12px;color: #28a745;font-weight: bold;}
.data_guide_txt {background: #f1f1f1;margin-top: 10px;padding: 5px;width: 100%;border: 1px solid #dfdfdf;}
.data_guide_txt > a {font-size: 12px;color: #3c3c3c;}
.data_guide_txt > a > i {margin: 0px 5px;color: #dc3545;}

/* 공통 CSS */
.content_container {float: left;width: 100%;}
.content_container .content-area {width: 1200px;margin: 0 auto;min-height: calc(100vh - 194px);margin-top: 10px;margin-bottom: 50px;}

/* 리스트 CSS */
.list-action-area {float: left;width: 100%;margin: 10px 0px;}
.list-action-area .list-search {float: left;width: calc(100% - 100px);}
.list-action-area .list-search .search-text {float: left;}
.list-action-area .list-search .search-text label {float: left;margin: 0px;width: 45px;line-height: 38px;}
.list-action-area .list-search .search-text input[type="text"] {float: left;width: calc(100% - 45px);}
.list-action-area .list-search .search-line {float: left;border-left: 1px solid #dfdfdf;height: 38px;margin: 0px 5px;}
.list-action-area .list-search .search-date {float: left;width: 350px;margin-right: 5px;}
.list-action-area .list-search .search-date label {float: left;margin: 0px;width: 55px;line-height: 38px;}
.list-action-area .list-search .search-date input[type="text"] {float: left;width: calc(50% - 38px);}
.list-action-area .list-search .search-btn {float: left;width: 70px;margin-right: 5px;}
.list-action-area .list-search .search-btn button {}
.list-action-area .list-search .search-select {float: left;width: 150px;}
.list-action-area .list-search .search-select select {font-size: 13px;}
.list-action-area .list-btn {float: left;width: 100px;}
.list-action-area .list-btn button {}

.list-table-area {}

.list-paging-area {float: left;width: 100%;text-align: center;margin-top: 10px;}
.list-paging-area .list-paging-view {display: inline-block;}
.list-paging-area .list-paging-view strong {float: left;padding: 7px 12px;border: 1px solid #4d8771;background: #6ea590;color: #ffffff;border-radius: 3px;margin: 0px 2px;-webkit-box-shadow: inset 1px 1px 2px #318263;-moz-box-shadow: inset 1px 1px 2px #318263;box-shadow: inset 1px 1px 2px #318263;}
.list-paging-area .list-paging-view a {float: left;padding: 7px 12px;border: 1px solid #dfdfdf;border-radius: 3px;margin: 0px 2px;background: #f1f1f1;}

.list-bottom-btn {width: 100%;text-align: right;}
.list-bottom-btn button {font-size: 16px;font-weight: 300;}

/* table CSS */
.basic_table {width: calc(100%);border-collapse: collapse;margin: 10px 0px;}
.basic_table th {border: 1px solid #e1e1e1;text-align: center;padding: 7px 4px;border-top: 1px solid #CCC;border-bottom: 1px solid #BBB;color: #555;line-height: 22px;background-color: #f9f9f9;background: linear-gradient(to bottom,#fdfdfd 0%,#f5f5f5 100%);font-size: 12px;font-weight: bold;}
.basic_table td {border: 1px solid #e1e1e1;text-align: center;font-size: 12px;padding: 5px 0px;line-height: 30px;}
.basic_table tr {}
.basic_table tr:hover {background-color: #f1f1f1;}
.basic_table a {font-weight: bold;text-decoration: none;}
.basic_table button {font-size: 14px;font-weight: 300;padding: 6px 10px;}
.basic_table .mo_d_none {}
.basic_table .mo_d_block {display: none;}
.basic_table .board_new {background: #5790ef;padding: 0px 3px;color: #ffffff;font-size: 10px;line-height: 10px;font-weight: 400;border: 1px solid #225fc3;border-radius: 3px;margin-left: 5px;}

.normal_table {width: 100%;border-collapse: collapse;}
.normal_table th {border: 1px solid #dae1e6;text-align: center;padding: 7px 4px;border-top: 1px solid #CCC;border-bottom: 1px solid #BBB;color: #555;line-height: 22px;background-color: #f9f9f9;background: linear-gradient(to bottom,#fdfdfd 0%,#f5f5f5 100%);font-size: 13px;font-weight: bold;}
.normal_table td {border: 1px solid #dae1e6;width: 12.5%;}
.normal_table td:hover {background-color: #f7f9fa;}
.normal_table a {text-decoration: none;float: left;width: 100%;text-align: center;font-size: 13px;font-weight: 400;line-height: 60px;cursor: pointer;}

/* 메인페이지 */
.main-pg-view {float: left;width: 100%;}
.main-pg-view .mpv-b-a {float: left;width: 100%;position: relative;}
.main-pg-view .mpv-b-a .mba-b-v {float: left;width: 100%;position: relative;}
.main-pg-view .mpv-b-a .mba-b-v > div {float: left;width: 100%;}
.main-pg-view .mpv-b-a .mba-b-v > div img {margin-left: auto;margin-right: auto;max-width: 1200px;width: 100%;}
.main-pg-view .mpv-b-a .mba-b-v .mbv-mb-01 {float: left;background: #cbe7e4;}
.main-pg-view .mpv-b-a .mba-b-v .mbv-mb-02 {}
.main-pg-view .mpv-b-a .mba-b-v .mbv-mb-03 {}
.main-pg-view .mpv-b-a .mba-btn-v {position: absolute;float: left;width: 100%;top: 50%;display: flex;align-items: center;}
.main-pg-view .mpv-b-a .mba-btn-v .btn-prev { position: absolute; left: 0px; margin-left: 10px;}
.main-pg-view .mpv-b-a .mba-btn-v .btn-next { position: absolute; right: 0px; margin-right: 10px;}
.main-pg-view .mpv-b-a .mba-btn-v > div i {font-size: 30px;color: #b1b1b1;cursor: pointer;}
.slick-dotted.slick-slider {margin-bottom: 0px;}
.slick-dots li button:before {font-size: 10px;}
.slick-dots {bottom:5px;}

/* 메인페이지 - 배너 모바일용 */
.main-pg-view .mo-mpv-b-a {float: left;width: 100%;position: relative;display: none;}
.main-pg-view .mo-mpv-b-a .mo-mba-b-v {float: left;width: 100%;position: relative;text-align: center;}
.main-pg-view .mo-mpv-b-a .mo-mba-b-v > div {float: left;width: 100%;}
.main-pg-view .mo-mpv-b-a .mo-mba-b-v > div img {margin-left: auto;margin-right: auto;max-width: 1200px;width: 100%;}
.main-pg-view .mo-mpv-b-a .mo-mba-b-v .mo-mbv-mb-01 {float: left;background: #cbe7e4;}
.main-pg-view .mo-mpv-b-a .mo-mba-b-v .mo-mbv-mb-txt {}
.main-pg-view .mo-mpv-b-a .mo-mba-b-v .mo-mbv-mb-txt > a {line-height: 24px;font-size: 16px;font-weight: bold;width: 100%;float: left;padding: 20px 0px;}
.main-pg-view .mo-mpv-b-a .mo-mba-b-v button {display: none !important;}

/* 메인페이지 - 중간영역 */
.main-pg-view .mpv-c-a {max-width: 1200px;width: 100%;margin: 0 auto;}
.main-pg-view .mpv-c-a .mca-t-v {float: left;width: 100%;margin-top: 10px;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v {float: left;width: 300px;background: #f7f9fa;border: 1px solid #dae1e6;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v .mlv-info {float: left;width: 100%;padding-top: 12px;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v .mlv-info .mlv-info-i {float: left;width: 100%;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v .mlv-info .mlv-info-i a {font-size: 14px;line-height: 14px;font-weight: bold;width: 100%;text-align: center;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v .mlv-info .mlv-info-d {float: left;width: 100%;margin-top: 5px;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v .mlv-info .mlv-info-d a {width: 100%;text-align: center;font-size: 11px;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v .mlv-info .mlv-info-c {float: left;width: 100%;margin-top: 10px;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v .mlv-info .mlv-info-c a {width: 100%;text-align: center;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v .mlv-info .mlv-info-b {float: left;width: 100%;margin-top: 10px;display: flex;justify-content: center;flex-direction: row;border-collapse: collapse;border-top: 1px solid #dae1e6;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v .mlv-info .mlv-info-b a {padding: 10px 0px;border-right: 1px solid #dae1e6;font-size: 12px;font-weight: bold;width: 75px;text-align: center;cursor: pointer;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v .mlv-info .mlv-info-b a:hover {background:#f1f1f1;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v .mlv-info .mlv-info-b .mlv-info-b-last {border: none;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v .mlv-join {float: left;width: 100%;padding: 10px;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v .mlv-join .mlv-join-t {float: left;width: 100%;margin-bottom: 10px;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v .mlv-join .mlv-join-b {float: left;width: 100%;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v .mlv-join .mlv-join-b button {float: left;width: 100%;background: #1f3b73;color: #ffffff;border: none;padding: 10px;display: flex;flex-direction: row;justify-content: center;align-items: center;cursor: pointer;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v .mlv-join .mlv-join-b button img {width: 50px;margin-right: 5px;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v .mlv-join .mlv-join-e {float: left;width: 100%;margin-top: 10px;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v .mlv-join .mlv-join-e .mje-f {float: left;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v .mlv-join .mlv-join-e .mje-j {float: right;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-l-v > div a {float: left;font-size: 12px;font-family: math;line-height: 12px;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-q-v {float: left;width: calc(100% - 305px);margin-left: 5px;border: 1px solid #dae1e6;position: relative;height: 110px;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-q-v .mqv-title {float: left;width: 100%;background: #f7f9fa;padding: 5px 10px;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-q-v .mqv-title a {font-size: 14px;font-weight: bold;line-height: 14px;color: #1f3b73;}
.main-pg-view .mpv-c-a .mca-t-v .mtv-q-v .mqv-quick .mqv-q-last {border: none;}

.main-pg-view .mpv-c-a .mca-b-v {float: left;width: 100%;margin-top: 5px;display: flex;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v {float: left;width: 300px;border: 1px solid #dae1e6;padding: 20px;position: relative;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-search {float: left;width: 100%;padding-bottom: 10px;border-bottom: 1px solid #dae1e6;margin-bottom: 10px;display: flex;justify-content: center;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-search > div {float: left;width: 85px;padding: 10px;cursor: pointer;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-search > div a {float: left;width: 100%;text-align: center;font-size: 13px;margin-top: 5px;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-infor {float: left;width: 100%;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-infor .mgv-i-title {float: left;width: 100%;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-infor .mgv-i-title a {float: left;width: 100%;text-align: center;font-size: 20px;font-weight: bold;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-infor .mgv-i-tel {float: left;width: 100%;margin-top: 10px;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-infor .mgv-i-tel > a {float: left;width: 100%;text-align: center;font-size: 14px;font-weight: 700;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-infor .mgv-i-tel > div b {float: left;font-size: 14px;font-weight: 400;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-infor .mgv-i-tel > div a {float: right;font-size: 14px;width: calc(100% - 50px);text-align: right;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-infor .mgv-i-tel > div {float: left;width: 100%;padding: 0px 30px;text-align: center;margin-top: 5px;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-infor .mgv-i-tel > div .mgv-it-title {float: left;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-infor .mgv-i-tel > div .mgv-it-con {}
.main-pg-view .mpv-c-a .mca-b-v .mbv-c-v {float: left;width: calc(100% - 305px);margin-left: 5px;padding: 15px;border: 1px solid #dae1e6;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-c-v .mcv-tab-area {float: left;width: 100%;display: flex;flex-direction: row;justify-content: space-around;border: 1px solid #dfdfdf;background: #f1f1f1;margin-bottom: 10px;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-c-v .mcv-tab-area a {float: left;width: 100%;text-align: center;border-right: 1px solid #dfdfdf;padding: 7px 5px;font-size: 13px;font-weight: bold;cursor: pointer;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-c-v .mcv-tab-area a:hover {background: #ffffff;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-c-v .mcv-tab-area .mcv_t_sele {background: #ffffff;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-c-v .mcv-tab-area .mcv_t_last {border-right: 0px;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-c-v .mcv-board-list {}

.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-com-link {float: left;width: calc(100% - 40px);position: absolute;background: #ffffff;border: 1px solid #dfdfdf;display: none;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-com-link .mcl-title {float: left;width: 100%;position: relative;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-com-link .mcl-title #mcl_t_txt {float: left;width: 100%;text-align: center;line-height: 30px;font-size: 13px;font-weight: bold;color: #595959;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-com-link .mcl-title #mcl_close {float: left;width: 30px;text-align: center;font-size: 12px;line-height: 30px;cursor: pointer;position: absolute;right: 0px;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-com-link .mcl-content {float: left;width: 100%;padding: 10px;display: flex;justify-content: center;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-com-link .mcl-content a {float: left;width: 53px;margin: 0px 3px;padding: 10px;color: #ffffff;text-align: center;font-size: 16px;line-height: 33px;cursor: pointer;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-com-link #mcl_kt_link {background: #4a4a4a;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-com-link #mcl_lg_link {background: #E4007B;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-com-link #mcl_skt_link {background: #df1010;}
.main-pg-view .mpv-c-a .mca-b-v .mbv-g-v .mgv-com-link #mcl_skb_link {background: #FF5A20;}

.main-pg-view .mpv-c-a .mca-gl-v {float: left;width: 100%;margin-top: 5px;}
.main-pg-view .mpv-c-a .mca-gl-v .mglv-title {float: left;width: 100%;}
.main-pg-view .mpv-c-a .mca-gl-v .mglv-title a {font-size: 14px;line-height: 30px;}
.main-pg-view .mpv-c-a .mca-gl-v .mglv-title i {font-size: 14px;color: #1f3b73;}
.main-pg-view .mpv-c-a .mca-gl-v .mglv-table {float: left;width: 100%;}

.main-pu-view {position: fixed;z-index: 1;background: #ffffff;border: 1px solid #353535;border-radius: 5px;}
.main-pu-view .popup-title {float: left;width: 100%;background: #353535;color: #ffffff;padding: 9px 10px;font-size: 14px;cursor: all-scroll;}
.main-pu-view .popup-body {float: left;width: 100%;font-size: 14px;line-height: 26px;padding: 10px;height: calc(100% - 78px);overflow: hidden;}
.main-pu-view .popup-body p {margin:0px;}
.main-pu-view .popup-footer {float: left;width: 100%;background: #333333;padding: 3px;display: flex;justify-content: space-between;border-radius: 0px 0px 3px 3px;}
.main-pu-view .popup-footer .mp-today-view {color: #ffffff;font-size: 12px;margin: 0px;cursor: pointer;font-weight: bold;padding: 7px;}
.main-pu-view .popup-footer .mp-today-view label {float: left;color: #ffffff;margin: 0px;cursor: pointer;}
.main-pu-view .popup-footer .mp-today-view input[type="checkbox"] {float: left;width: 15px;height: 15px;margin: 3px 3px 0px 0px;cursor: pointer;}
.main-pu-view .popup-footer .mp-close-view {}
.main-pu-view .popup-footer .mp-close-view a {color: #ffffff;font-size: 13px;}
.main-pu-view .popup-footer .mp-close-view i {margin-left: 5px;}


/* 페이지 타이틀 */
.iav-title-area {float: left;width: 100%;background: #ededed;padding: 10px;border-bottom: 1px solid #dfdfdf;margin-bottom: 10px;}
.iav-title-area .ita-main-title {float: left;margin: 0px 10px;}
.iav-title-area .ita-main-title a {font-size: 18px;font-weight: bold;}
.iav-title-area .ita-route-view {float: left;padding-left: 10px;margin-top: 5px;border-left: 1px solid #888888;}
.iav-title-area .ita-route-view .ita-route-txt {float: left;font-weight: 300;font-size: 13px;color: #595959;}
.iav-title-area .ita-route-view .ita-route-txt a {color: #595959;}

/* 페이지 공통 */
.pg-v-area {float: left;width: 100%;padding: 10px;}
.vw-middle {width: 100%;margin: 0 auto;}

.pg-v-area .info-basic {float: left;width: 100%;border: 1px solid #585858;border-radius: 5px;margin-bottom: 10px;}
.pg-v-area .info-basic .i-b-title {background: #585858;padding: 10px;text-align: center;border-radius: 2px 3px 0px 0px;}
.pg-v-area .info-basic .i-b-title a {color: #ffffff;font-weight: 300;}
.pg-v-area .i-line {float: left;width: 100%;border-bottom: 1px solid #dfdfdf;display: flex;}
.pg-v-area .i-line-abs {float: left;width: 100%;display: flex;}
.pg-v-area .i-line-left {float: left;width: 50%;display: flex;}
.pg-v-area .i-line-right {float: left;width: 50%;display: flex;}
.pg-v-area .i-line .i-l-sort {float: left;width: 120px;text-align: right;background: #f1f1f1;padding-right: 5px;}
.pg-v-area .i-line .i-l-sort a {font-size: 12px;line-height: 48px;}
.pg-v-area .i-line .i-l-input {float: left;width: calc(100% - 120px);padding: 5px;}
.pg-v-area .i-line .goods-dis-area {display: flex;}
.pg-v-area .i-line .i-l-input a {font-size: 13px;line-height: 38px;}
.pg-v-area .i-line .i-l-input span {font-size: 11px;}
.pg-v-area .i-line .i-l-input label {margin:0px;}
.pg-v-area .i-line .i-l-input .i-txt-half {width: calc(50% - 8px);}
.pg-v-area .i-line .i-l-input .i-f-nor-half {width: 50%;}
.pg-v-area .i-line .i-l-input .i-b-nor-half {width: calc(50% - 5px);margin-left: 5px;}
.pg-v-area .i-line .i-l-input .i-m-email-half {width: calc(40% - 16px);}
.pg-v-area .i-line .i-l-input .i-s-email-half {width: calc(30% - 5px);margin-right: 5px;}
.pg-v-area .i-line .i-l-input .i-e-email-half {width: 30%;}

.pg-v-area .i-line .i-l-input .line-div-input {float: left;width: calc(100% - 206px);margin-right: 5px;}
.pg-v-area .i-line .i-l-input .line-div-input .ili-name-input {width: 100px;margin-right: 5px;}
.pg-v-area .i-line .i-l-input .line-div-input .ili-payres-input {width: 150px;}
.pg-v-area .i-line .i-l-input .line-div-input .ili-rel-input {width: 136px;margin-left: 5px;}
.pg-v-area .i-line .i-l-input .line-div-input .ili-paysort-input {width: 100px;margin-right: 5px;}
.pg-v-area .i-line .i-l-input .line-div-input .ili-bnum-input {width: 298px;margin-left: 5px;}
.pg-v-area .i-line .i-l-input .line-div-input .ili-year-input {width: 81px;margin-left: 5px;}
.pg-v-area .i-line .i-l-input .line-div-input .ili-month-input {width: 70px;margin-left: 5px;}
.pg-v-area .i-line .i-l-input .line-div-input .ldi-top {float: left;width: 100%;}
.pg-v-area .i-line .i-l-input .line-div-input .ldi-bottom {float: left;width: 100%;margin-top: 5px;}
.pg-v-area .i-line .i-l-input .line-btn-area {float: left;}
.pg-v-area .i-line .i-l-input .line-btn-area button {float: left;line-height: 79px;width: 200px;height: 100%;}
.pg-v-area .i-line .i-l-input .pay_v_dis {display: none;}
.pg-v-area .i-line .i-l-input .pay_bank_dis {display: none;}
.pg-v-area .i-line .i-l-input .pay_card_dis {display: none;}
.pg-v-area .i-line .i-l-input input[type="radio"] {display: none;}
.pg-v-area .i-line .i-l-input textarea {width: 100%;font-size: 12px;height: 100%;resize: none;border: 1px solid #bfbfbf;border-radius: 5px;padding: 5px;}

.pg-v-area .i-line .i-l-input .ili-bnum-input {float: left;width: calc(100% - 480px);margin-left: 5px;}
.pg-v-area .i-line .i-l-input .ili-name-input {float: left;width: 84px;}
.pg-v-area .i-line .i-l-input .ili-rel-input {float: left;width: 136px;}
.pg-v-area .i-line .i-l-input .iga-txt {width: calc(100% - 145px);margin-left: 5px;}
.pg-v-area .i-line .i-l-input select {font-size: 12px;}
.pg-v-area .i-line .i-l-input button {float: left;width: 90px;font-size: 13px;height: 38px;}
.pg-v-area .i-line .i-l-input .btn_excel_down {width: 120px;}
.pg-v-area .i-line .i-l-input .i-gc-sel {float: left;flex: 1;margin-right: 5px;}
.pg-v-area .i-line .i-l-input .i-gc-sel select {}
.pg-v-area .i-line .i-l-input .i-gc-sel .rl_gc_sort {}
.pg-v-area .i-line .i-l-input .i-gc-sel .rl_gc_com {}
.pg-v-area .i-line .i-l-input .i-gc-sel .rl_gc_area {}
.pg-v-area .i-line .i-l-input .i-gc-sel .rl_gc_gs {}
.pg-v-area .i-line .i-l-input .i-gc-sel .rl_gc_opt {}
.pg-v-area .i-line .i-l-input .i-gc-sel .rl_gc_ag {}
.pg-v-area .i-line .i-l-input .i-gc-sel .rl_gc_sale {}
.pg-v-area .i-line .i-l-input .i-gc-sel .rl_gc_ser {}
.pg-v-area .i-line .i-l-input .i-g-area .ili-name-input {margin-left: 5px;}
.pg-v-area .i-line .i-l-input .i-g-area .ili-rel-input {margin: 0px 5px;}

.pg-v-area .i-line .i-l-input .search-select {float: left; font-size: 13px;}
.pg-v-area .i-line .i-l-input .search-select span {line-height: 38px !important;height: 38px !important;font-size: 13px;}
.select2-results {font-size: 12px;}

.pg-v-area .i-line input[type="text"] {float: left;padding: 5px 10px;width: 100%;}
.pg-v-area .i-line select {float: left;font-size: 13px;padding: 5px;width: 100%;border: 1px solid #bfbfbf;}

.pg-v-area .i-line .info-input-group {float: left;position: relative;width: 140px;}
.pg-v-area .i-line .info-input-group .input-group-addon {position: absolute;right: 0;font-size: 12px;line-height: 36px;background: #f1f1f1;width: 20px;text-align: center;border: 1px solid #ced4da;border-radius: 0px 4px 4px 0px;}

.pg-v-area .info-basic .i-com-input {display: none;}
.pg-v-area .info-basic .i-cor-input {display: none;}

.pg-v-area .i-btn-area {float: left;width: 100%;margin-top: 20px;}
.pg-v-area .i-btn-area .i-btn-view {text-align: center;}
.pg-v-area .i-btn-area .i-btn-view button {width: 100%;height: 60px;}

.content-list-area .cla-action-area {float: left;width: 100%;display: flex;flex-direction: row;justify-content: space-between;}
.content-list-area .cla-action-area .cla-search-area {float: left;}
.content-list-area .cla-action-area .cla-search-area .search-text {float: left;}
.content-list-area .cla-action-area .cla-search-area .search-text input[type="text"] {float: left;width: 200px;margin-right: 5px;}
.content-list-area .cla-action-area .cla-search-area .search-text select {float: left;width: 150px;margin-right: 5px;font-size: 13px;font-weight: 300;}
.content-list-area .cla-action-area .cla-search-area .search-date {float: left;margin-right: 5px;}
.content-list-area .cla-action-area .cla-search-area .search-date select {float: left;margin-right: 5px;width: 100px;font-size: 13px;}
.content-list-area .cla-action-area .cla-search-area .search-date input[type="text"] {float: left;width: 150px;cursor:pointer;}
.content-list-area .cla-action-area .cla-search-area .search-date a {float: left;font-size: 13px;line-height: 35px;margin-right: 5px;}
.content-list-area .cla-action-area .cla-search-area .search-select {float: left;margin-right: 5px;}
.content-list-area .cla-action-area .cla-search-area .search-select select {float: left;width: 120px;font-size: 13px;}
.content-list-area .cla-action-area .cla-search-area .search-btn {float: left;}
.content-list-area .cla-action-area .cla-search-area .search-btn button {float: left;width: 100px;line-height: 34px;}
.content-list-area .cla-action-area .cla-search-area .search-line-bot {float: left;width: 100%;margin-top: 5px;}
.content-list-area .cla-action-area .cla-topbtn-area {float: right;display: flex;flex-direction: row;align-items: flex-end;}
.content-list-area .cla-action-area .cla-topbtn-area button {float: left;width: 90px;margin-left: 5px;}
.content-list-area .cla-action-area .cla-topbtn-area .btn_up_new {margin-right: 5px;}
.content-list-area .cla-action-area .cla-topbtn-area .btn_emp_new {margin-right: 5px;}
.content-list-area .cla-botbtn-area {float: left;width: 100%;}
.content-list-area .cla-botbtn-area .cba-right-v {float: right;width: 50%;}
.content-list-area .cla-botbtn-area .cba-right-v button {float: right;width: 90px;margin-left:5px;}
.content-list-area .cla-botbtn-area .cba-left-v {float: left;width: 50%;}
.content-list-area .cla-botbtn-area .cba-left-v .btn_sep_batch_apply {width: 130px;}
.content-list-area .cla-botbtn-area .cba-left-v button {float: left;width: 90px;margin-right:5px;}
.content-list-area .cla-table-area {float: left;width: 100%;}
.content-list-area .cla-table-area .cl_memo_txt {cursor: pointer;}
.content-list-area .cla-paging-area {float: left;width: 100%;text-align: center;margin-top: 10px;}
.content-list-area .cla-paging-area .cla-paging-view {display: inline-block;}
.content-list-area .cla-paging-area .cla-paging-view strong {float: left;padding: 7px 12px;border: 1px solid #4d8771;background: #6ea590;color: #ffffff;border-radius: 3px;margin: 0px 2px;-webkit-box-shadow: inset 1px 1px 2px #318263;-moz-box-shadow: inset 1px 1px 2px #318263;box-shadow: inset 1px 1px 2px #318263;}
.content-list-area .cla-paging-area .cla-paging-view a {float: left;padding: 7px 12px;border: 1px solid #dfdfdf;border-radius: 3px;margin: 0px 2px;background: #f1f1f1;}
.content-list-area .cla-btn-area {float: left;width: 100%;}
.content-list-area .cla-btn-area button {float: right;width: 80px;margin-left: 5px;}

.modal .info-input-group {float: left;position: relative;width: 140px;display: flex;flex-direction: row;align-items: center;}
.modal .info-input-group .input-group-addon {position: absolute;right: 5px;font-size: 12px;line-height: 28px;background: #f1f1f1;width: 20px;text-align: center;border: 1px solid #ced4da;border-radius: 0px 4px 4px 0px;}

/* 접수리스트 */
.receipt-list-area {width: 100%;margin: 0 auto;max-width: 1400px;}
.cla-total-view {float: left;width: 100%;}


/* 접수상세페이지 */
.receipt-apply-area {width: 800px;margin: 0 auto;}
.pg-v-area .i-line .i-l-input .file_down_txt {float: left;font-size: 12px;line-height: 30px;color: #5790ef;}
.pg-v-area .i-line .i-l-input .this_file_del {float: left;margin: 5px;width: 25px;height: 25px;}
.pg-v-area .i-line .info-record-area {float: left;width: calc(70% - 10px);margin: 5px;}
.pg-v-area .i-line .info-state-area {float: left;width: calc(30% - 5px);margin: 5px 5px 5px 0px;}
.pg-v-area .i-line .info-retxt-area {float: left;width: calc(100% - 130px);padding: 5px;}
.pg-v-area .i-line .info-retxt-area textarea {float: left;width: 100%;height: 100px;resize: none;border: 1px solid #ced4da;border-radius: 5px;font-size: 12px;padding: 5px;}
.pg-v-area .i-line .info-rebtn-area {float: left;width: 130px;padding: 5px 5px 5px 0px;}
.pg-v-area .i-line .info-rebtn-area select {float: left;width: 100%;}
.pg-v-area .i-line .info-rebtn-area button {float: left;width: 100%;margin-top: 5px;height: 57px;}
.pg-v-area .memo-info-input {border-radius: 5px;float: left;width: calc(100% - 10px);margin: 5px;border: 1px solid #ced4da;padding: 10px;font-size: 13px;min-height: 200px;}
.pg-v-area .pg-v-btn-area {float: left;width: 100%;margin-top: 20px;}
.pg-v-area .pg-v-btn-area .pg-v-btn-view {text-align: center;}
.pg-v-area .i-line .basic_table {margin: 0px;}
.pg-v-area .i-line .basic_table td {font-size: 12px;line-height: 18px;}
.pg-v-area .i-line-btn {float: left;width: 100%;text-align: center;padding: 10px;}

/* 상담대행 요청 모달창 */
#receipt_agent_modal .ram-a-v {float: left;width: 100%;}
#receipt_agent_modal .ram-a-v .ram-info-v {float: left;width: 100%;border: 1px solid #5790ef;margin-bottom: 10px;border-radius: 5px;}
#receipt_agent_modal .ram-a-v .ram-info-v .ram-i-t {float: left;width: 100%;text-align: center;background: #5790ef;padding: 5px 0px;}
#receipt_agent_modal .ram-a-v .ram-info-v .ram-i-t a {font-size: 14px;color: #ffffff;font-weight: bold;}
#receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l {float: left;width: 100%;}
#receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l .i-l-left {float: left;width: 50%;border-bottom: 1px solid #dfdfdf;}
#receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l .i-l-right {float: left;width: 50%;border-bottom: 1px solid #dfdfdf;}
#receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l .i-l-abs {float: left;width: 100%;display: flex;}
#receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l .i-l-sort {float: left;width: 100px;text-align: right;background: #f1f1f1;}
#receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l .i-l-sort a {font-size: 13px;line-height: 44px;padding-right: 5px;}
#receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l .i-l-input {float: left;line-height: 34px;width: calc(100% - 100px);font-size: 13px;padding: 5px;}
#receipt_agent_modal .info-input-group .input-group-addon {line-height: 32px;right: 0px;}
#receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l .search-select {width: 100%;display: flex;}
#receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l .search-select span {line-height: 34px !important;height: 34px !important;font-size: 13px;}
#receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l select {float: left;width: 100%;font-size: 13px;padding: 3px;height: 34px;border: 1px solid #aaaaaa;}
#receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l input[type="text"] {float: left;width: 100%;height: 34px;}
#receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l textarea {float: left;width: calc(100% - 10px);resize: none;height: 180px;padding: 5px;font-size: 14px;line-height: 20px;margin: 5px;}
#receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l .i-l-input .info-half-f-input {width: 135px;margin-right: 5px;}
#receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l .i-l-input .info-half-b-input {width: calc(100% - 140px);}

/* 정산내역서 */
.calculate-list-area {width: 100%;margin: 0 auto;max-width: 1000px;}
.pg-v-area .i-line .i-l-input .date-div-area {float: left;width: 200px;}
.pg-v-area .i-line .i-l-input .cal-exp-input {float: left;width: calc(100% - 230px);}
.pg-v-area .i-line .i-l-input .text-refer {font-size: 12px;line-height: 38px;float: left;width: 90px;text-align: center;}

/* 댓글 */
.ci-l-v {float: left;width: 100%;padding: 10px;border-bottom: 1px solid #dfdfdf;background: #f7f7f7;}
.ci-l-v > a {float: left;width: 100%;text-align: center;font-size: 14px;}
.ci-l-v .clv-line-v {float: left;width: 100%;}
.ci-l-v .clv-line-v .clv-l-content {float: left;width: calc(100% - 100px);}
.ci-l-v .clv-line-v .clv-l-set {float: right;width: 100px;}
.ci-l-v .clv-line-v .clv-l-set button {float: right;}
.ci-l-v .clv-line-v .clv-l-content span {float: left;font-size: 10px;margin: 0px 5px;line-height: 22px;color: #828282;}
.ci-l-v .clv-line-v .clv-l-content .clv-l-c-name {float: left;width: 100%;}
.ci-l-v .clv-line-v .clv-l-content .clv-l-c-text {float: left;width: 100%;padding: 5px;}
.ci-l-v .clv-line-v .clv-l-content .clv-l-c-name a {float: left;font-size: 12px;color: #828282;line-height: 24px;}
.ci-l-v .clv-line-v .clv-l-content .clv-l-c-text a {float: left;font-size: 14px;}
.ci-i-v {float: left;width: calc(100% - 20px);margin: 10px;border: 1px solid #dfdfdf;border-radius: 5px;}
.ci-i-v .civ-input-v {float: left;width: 100%;}
.ci-i-v .civ-input-v .civ-i-reg {float: left;width: 100%;padding: 0px 10px;line-height: 30px;border-bottom: 1px solid #dfdfdf;}
.ci-i-v .civ-input-v .civ-i-reg a {font-size: 14px;font-weight: bold;}
.ci-i-v .civ-input-v .civ-i-text {float: left;width: 100%;}
.ci-i-v .civ-input-v .civ-i-text textarea {float: left;width: 100%;height: 120px;padding: 10px;border: 0px;font-size: 12px;resize: none;}
.ci-i-v .civ-input-v .civ-i-btn {float: left;width: 100%;border-top: 1px solid #dfdfdf;}
.ci-i-v .civ-input-v .civ-i-btn button {float: right;width: 100px;border: 0px;border-radius: 0px 0px 3px 0px;}

/* 재요청모달창 */
#cal_recon_modal .crm-i-l textarea {font-size: 13px;float: left;width: 100%;resize: none;border: 1px solid #cbcbcb;border-radius: 5px;padding: 5px;height: 150px;}

/* 게시판 형식 */
.pg-v-area .i-line .i-l-content {padding: 10px;display: table;min-height: 350px;}
.pg-v-area .i-line .i-l-content img {max-width: 880px;width: 100% !important;height: auto !important;}
.pg-v-area .i-line .i-l-content p {float: left;width: 100%;margin: 0px;font-size: 14px;line-height: 28px;}

/* 게시판 시작 */

.board-area {width: 100%;margin: auto;max-width: 1200px;}
.board-area .cwa-info-area {float: left;width: 100%;}
.board-area .cwa-info-area .board-info-area {float: left;width: 100%;margin-bottom: 10px;}
.board-area .cwa-info-area .board-info-area .board-info-title {float: left;margin-bottom: 10px;width: 100%;}
.board-area .cwa-info-area .board-info-area .board-info-content {float: left;width: 100%;}
.board-area .cwa-info-area .board-info-area .board-info-content textarea {float: left;width: calc(100% - 2px);min-width:600px;}
.pg-v-area .i-line .bo_con_area {float: left;width: 100%;padding: 3px;}
.pg-v-area .i-line .bo_con_area textarea {float: left;width: calc(100% - 2px);height: 350px;resize: none;}

/* 게시판 끝 */
.center-area {max-width: 1000px;margin: auto;width: 100%;}
.center-area .cla-info-area {float: left;width: 100%;}
.center-area .cla-info-area .cla-i-line {float: left;width: 100%;}
.center-area .cla-info-area .cla-i-line .cla-i-left {float: left;width: 50%;}
.center-area .cla-info-area .cla-i-line .cla-i-right {float: left;width: 50%;}
.center-area .cla-info-area .cla-i-line .cla-i-right .cir-guide {float: left;width: 100%;margin-top: 25px;}
.center-area .cla-info-area .cla-i-line .cla-i-right .cir-guide .cir-g-title {float: left;width: 100%;}
.center-area .cla-info-area .cla-i-line .cla-i-right .cir-guide .cir-g-title b {font-size: 24px;line-height: 38px;}
.center-area .cla-info-area .cla-i-line .cla-i-right .cir-guide .cir-g-content {float: left;width: 100%;margin-top: 5px;}
.center-area .cla-info-area .cla-i-line .cla-i-right .cir-guide .cir-g-content a {float: left;width: 100%;font-size: 18px;font-weight: bold;line-height: 28px;}
.center-area .cla-info-area .cla-i-line .cla-i-right .cir-guide .cir-g-content #cir-g-close {color: #fb6600;}
.center-area .cla-info-area .cla-i-line .guide_table th {width: 70px;text-align: right;padding-right: 10px;}
.center-area .cla-info-area .cla-i-line .guide_table td {padding: 5px 10px;}
.center-area .cla-info-area .cla-i-line .cla-i-v {float: left;width: 100%;margin-bottom: 10px;cursor: pointer;}
.center-area .cla-info-area .cla-i-line .cla-i-v a {float: left;width: 48px;}
.center-area .cla-info-area .cla-i-line .cla-i-v img {float: left;width: 100%;}
.center-area .cla-info-area .cla-i-line .cla-i-v b {font-size: 14px;line-height: 48px;padding-left: 5px;}

/* 마이페이지 */
.myinfo-area {width: 1000px;margin: auto;}
.cla-tab-area {float: left;width: 100%;}
.cla-tab-area .tab-content {padding: 20px;}
.tab-info-view {float: left;width: 100%;border: 1px solid #dfdfdf;border-radius: 5px;margin-bottom: 10px;}
.tab-info-view .tiv-title {float: left;width: 100%;text-align: center;padding: 10px 0px;background: #4d4b49;border-radius: 5px 5px 0px 0px;}
.tab-info-view .tiv-title a {color: #ffffff;}
.tab-info-view .tiv-line {float: left;width: 100%;border-bottom: 1px solid #dfdfdf;display: flex;}
.tab-info-view .tiv-line b {float: left;width: 130px;text-align: right;background: #efefef;font-size: 12px;padding-right: 5px;line-height: 48px;}
.tab-info-view .tiv-line a {float: left;width: calc(100% - 130px);line-height: 48px;font-size: 13px;text-indent: 5px;}
.tab-info-view .tiv-line .file_txt {font-size: 12px;color: #4d79d1;}
.tab-info-view .tiv-line .tiv-l-input {float: left;width: calc(100% - 130px);padding: 5px;}
.tab-info-view .tiv-line .tiv-l-input input[type="text"] {float: left;}
.tab-info-view .tiv-line .tiv-l-input #find_name {width: 100%;}
.tab-info-view .tiv-line .tiv-l-input #find_phone {width: calc(100% - 100px);}
.tab-info-view .tiv-line .tiv-l-input #find_phnum {width: calc(100% - 100px);}
.tab-info-view .tiv-line .tiv-l-input button {float: left;width: 95px;margin-left: 5px;line-height: 24px;}
.tab-info-view .tiv-line .tiv-l-input .info_mess {float: left;width: 100%;font-size: 11px;color: #e4431c;margin-top: 2px;font-weight: 400;line-height: 18px;}
.tab-info-view .tiv-line .tiv-l-input .info_mess:hover {color: #e4431c;}
.tab-info-view .tiv-line .tiv-l-input .count_txt {float: left;line-height: 24px;font-size: 13px;margin-left: 5px;color: #888888;}
.tab-info-btn {float: left;width: 100%;text-align: center;}
.tab-info-btn button {width: auto;line-height: 28px;}
.tab-guide-view {float: left;width: 100%;}
.tab-guide-view a {font-size: 13px;color: #dd3946;}

/* 접수리스트 일괄적용 모달창 */
#receipt_batch_modal .rbm-a-v {float: left;width: 100%;}
#receipt_batch_modal .rbm-a-v .rbm-info-v {float: left;width: 100%;border-bottom: 1px solid #dfdfdf;display: flex;}
#receipt_batch_modal .rbm-a-v .rbm-info-v .rbm-i-t {float: left;width: 120px;text-align: right;background: #f1f1f1;}
#receipt_batch_modal .rbm-a-v .rbm-info-v .rbm-i-t a {font-size: 12px;line-height: 40px;padding-right: 5px;}
#receipt_batch_modal .rbm-a-v .rbm-info-v .rbm-i-l {float: left;width: calc(100% - 120px);}
#receipt_batch_modal .rbm-a-v .rbm-info-v .rbm-i-l select {float: left;width: calc(100% - 10px);margin: 5px;font-size: 13px;padding: 3px;height: 30px;border: 1px solid #aaaaaa;}
#receipt_batch_modal .rbm-a-v .rbm-info-v .rbm-i-l input[type="text"] {float: left;width: calc(100% - 10px);height: 30px;margin: 5px;}
#receipt_batch_modal .rbm-search-select {float: left;width: 100%;font-size: 13px;position: relative;padding: 5px;}
#receipt_batch_modal .rbm-search-select span {line-height: 30px !important;height: 30px !important;}
#receipt_batch_modal .rbm-a-v .rbm-info-v .rbm-i-l .rbm_rp_select {float: left;width: calc(50% - 5px);margin: 5px 5px 5px 0px;padding: 3px;font-size: 13px;height: 30px;}
#receipt_batch_modal .rbm-a-v .rbm-info-v .rbm-i-l .rbm_rpi_select {width: 50%;}
#receipt_batch_modal .rbm-a-v .rbm-info-v .rbm-i-l input[type="checkbox"] {float: left;width: 25px;height: 25px;margin: 7px 5px;cursor: pointer;}
#receipt_batch_modal .rbm-a-v .rbm-info-v .rbm-i-l label {float: left;line-height: 38px;margin: 0px;font-size: 13px;margin-right: 5px;cursor: pointer;}
#receipt_batch_modal .rbm-a-v .rbm-info-v .rbm-i-l .rbm_reset_btn {float: right;margin: 5px 0px;width: 70px;line-height: 26px;}

/* 출퇴근 모달창 */
#commute_modal .cm_all_view {float: left;width: 100%;}
#commute_modal .cm_all_view .date_btn_view {float: left;width: 100%;}
#commute_modal .cm_all_view .date_btn_view .on_date_btn_view {float: left;width: 50%;text-align: center;margin: 20px 0px;}
#commute_modal .cm_all_view .date_btn_view .on_date_btn_view a {border: 3px solid #dfdfdf;border-radius: 50%;padding: 15px 10px;cursor: pointer;font-size: 14px;}
#commute_modal .cm_all_view .date_btn_view .off_date_btn_view {float: left;width: 50%;text-align: center;margin: 20px 0px;}
#commute_modal .cm_all_view .date_btn_view .off_date_btn_view a {border: 3px solid #dfdfdf;border-radius: 50%;padding: 15px 10px;cursor: pointer;font-size: 14px;}
#commute_modal .cm_all_view .date_txt_view {float: left;width: 100%;margin-top: 10px;text-align: center;}
#commute_modal .cm_all_view .date_txt_view #on_date_txt {float: left;width: 100%;}
#commute_modal .cm_all_view .date_txt_view #off_date_txt {float: left;width: 100%;}
#commute_modal .cm_all_view .date_txt_view a {font-size: 14px;line-height: 30px;}

/* 약관 모달창 */
.terms_of .tou-all-view {float: left;width: 100%;}
.terms_of .tou-all-view .tou-txt-view {float: left;width: 100%;height: 300px;padding: 10px;border: 1px solid #dfdfdf;overflow-x: hidden;font-size: 12px;border-radius: 5px;}

.terms_of .join_line {width: 100%;border: 1px solid #dfdfdf;margin: 20px 0px;}
.terms_of .vital_txt a {color: #d11515;font-weight: bold;}

/* 직원등록 모달창 */
.emp_man_modal .ram-a-v {float: left;width: 100%;}
.emp_man_modal .ram-a-v .ram-info-v {float: left;width: 100%;border: 1px solid #5790ef;margin-bottom: 10px;border-radius: 5px;}
.emp_man_modal .ram-a-v .ram-info-v .ram-i-t {float: left;width: 100%;text-align: center;background: #5790ef;padding: 5px 0px;}
.emp_man_modal .ram-a-v .ram-info-v .ram-i-t a {font-size: 14px;color: #ffffff;font-weight: bold;}
.emp_man_modal .ram-a-v .ram-info-v .ram-i-l {float: left;width: 100%;display: flex;}
.emp_man_modal .ram-a-v .ram-info-v .ram-i-l .i-l-left {float: left;width: 50%;border-bottom: 1px solid #dfdfdf;}
.emp_man_modal .ram-a-v .ram-info-v .ram-i-l .i-l-right {float: left;width: 50%;border-bottom: 1px solid #dfdfdf;}
.emp_man_modal .ram-a-v .ram-info-v .ram-i-l .i-l-abs {float: left;width: 100%;border-bottom: 1px solid #dfdfdf;}
.emp_man_modal .ram-a-v .ram-info-v .ram-i-l .i-l-sort {float: left;width: 100px;height: 100%;text-align: right;background: #f1f1f1;}
.emp_man_modal .ram-a-v .ram-info-v .ram-i-l .i-l-sort a {font-size: 13px;line-height: 44px;padding-right: 5px;}
.emp_man_modal .ram-a-v .ram-info-v .ram-i-l .i-l-input {float: left;line-height: 34px;width: calc(100% - 100px);font-size: 13px;padding: 5px;}
.emp_man_modal .ram-a-v .ram-info-v .ram-i-l textarea {float: left;width: calc(100% - 10px);resize: none;height: 180px;padding: 5px;font-size: 14px;line-height: 20px;margin: 5px;}
.emp_man_modal .ram-a-v .ram-info-v .ram-i-l select {float: left;width: 100%;font-size: 13px;padding: 3px;height: 34px;border: 1px solid #aaaaaa;}
.emp_man_modal .ram-a-v .ram-info-v .ram-i-l input[type="text"] {float: left;width: 100%;height: 38px;}
.emp_man_modal .ram-a-v .ram-info-v .state-dis {display: none;}
.emp_man_modal .ram-a-v .ram-info-v #m_pie_phone {width: calc(100% - 105px);margin-right: 5px;}
.emp_man_modal .ram-a-v .ram-info-v #m_pie_phnum {width: calc(100% - 85px);margin-right: 5px;}
.emp_man_modal .ram-a-v .ram-info-v .phnum_send_btn {float: left;width: 100px;line-height: 24px;}
.emp_man_modal .ram-a-v .ram-info-v .phnum_send_compare {float: left;width: 80px;line-height: 24px;}
.emp_man_modal .ram-a-v .ram-info-v #em_pie_phone {width: calc(100% - 105px);margin-right: 5px;}
.emp_man_modal .ram-a-v .ram-info-v #em_pie_phnum {width: calc(100% - 85px);margin-right: 5px;}
.emp_man_modal .ram-a-v .ram-info-v .em_phnum_send_btn {float: left;width: 100px;line-height: 24px;}
.emp_man_modal .ram-a-v .ram-info-v .em_phnum_send_compare {float: left;width: 80px;line-height: 24px;}

/* 모바일 메뉴 */
.mo-main-menu {position: fixed;z-index: 100;background: #ffffff;width: 100%;height: 100vh;left: -100%;z-index: 99999;}
.mo-main-menu .mmm-menu-area {float: left;width: 100%;border: 5px solid #dfdfdf;}
.mo-main-menu .mmm-menu-area .mmm-main-btn {float: left;width: 100%;display: table;border-collapse: collapse;}
.mo-main-menu .mmm-menu-area .mmm-main-btn > a {width: 25%;height: 60px;font-size: 12px;border: 1px solid #dfdfdf;border-top: 0px;text-align: center;display: table-cell;padding: 10px;}
.mo-main-menu .mmm-menu-area .mmm-main-btn > a > span {float: left;width: 100%;padding-bottom: 5px;}
.mo-main-menu .mmm-menu-area .mmm-main-btn > a > span > img {width: 40px;}
.mo-main-menu .mmm-menu-info {float: left;width: 100%;}
.mo-main-menu .mmm-menu-info .mmi-pf {float: left;width: calc(100% - 34px);padding: 10px;}
.mo-main-menu .mmm-menu-info .mmi-pf > a {font-size: 14px;float: left;font-weight: bold;line-height: 24px;}
.mo-main-menu .mmm-menu-info .mmi-pf > span {float: left;line-height: 26px;}
.mo-main-menu .mmm-menu-info .mmi-pf .mmi_point_txt {font-size: 11px;float: left;margin-left: 5px;border: 1px solid #dfdfdf;line-height: 20px;padding: 0px 5px;border-radius: 5px;margin-top: 2px;}
.mo-main-menu .mmm-menu-info .mmi-pf .mmi_logout_txt {float: right;font-size: 11px;line-height: 20px;border: 1px solid #dfdfdf;padding: 0px 6px;border-radius: 5px;background: #f7f7f7;margin-top: 2px;}
.mo-main-menu .mmm-menu-info .mmi-cl {float: left;width: 34px;text-align: center;}
.mo-main-menu .mmm-menu-info .mmi-cl > a {font-size: 16px;float: left;width: 100%;padding: 10px;cursor: pointer;}

.menu-h-v .main-top-view .mo_mtv_login_area {float: right;margin: 27px;cursor: pointer;display: none;}
.menu-h-v .main-top-view .mo_mtv_login_area a {float: left;font-size: 24px;color: #595959;line-height: 32px;padding: 0px 10px;}

#mqv_q_scroll {width: 100%;height: calc(100% - 34px);float: left;overflow: hidden;position: absolute;top: 34px;bottom: 45px;}
#mqv_q_scroller {position: absolute;z-index: 1;width: 850px;padding: 5px;height: 100%;left: calc(50% - 425px);-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
#mqv_q_scroller ul {list-style: none;padding: 0;margin: 0;width: 100%;height: 100%;text-align: center;}
#mqv_q_scroller li {display: block;float: left;width: 120px;}
#mqv_q_scroller li > a {float: left;width: 100%;border-right: 1px solid #dfdfdf;font-size: 14px;line-height: 20px;}
#mqv_q_scroller li > a > span {float: left;width: 100%;margin-bottom: 6px;}
#mqv_q_scroller li > a > span > img {width: 38px;}
#mqv_q_scroller .mqv-q-last {border: 0px;}

.pg-v-area .i-line .i-lm-sort {display: none;float: left;width: 100%;text-align: center;background: #f1f1f1;}
.pg-v-area .i-line .i-lm-sort a {font-size: 12px;line-height: 30px;}
.pg-v-area .i-line .i-l-input .mo_l_input_sort {display: none;float: left;margin-right: 5px;}

@media (max-width: 1400px) {
    .content-list-area .cla-action-area {padding: 0px 10px;display: unset;}
    .content-list-area .cla-action-area .cla-search-area .search-text select {width: 110px;font-size: 12px;}
    .content-list-area .cla-action-area .cla-search-area .search-text {width: 100%;}
    .search-line {display: none;}
    .content-list-area .cla-action-area .cla-search-area .search-date {margin-top: 5px;}
    .content-list-area .cla-action-area .cla-search-area .search-line-bot {margin: 0px;}
    .content-list-area .cla-action-area .cla-search-area .search-text input[type="text"] {width: calc(100% - 180px);}
    .content-list-area .cla-action-area .cla-search-area .search-btn button {width: 60px;}
    .content-list-area .cla-action-area .cla-search-area .search-date select {width: 80px;font-size: 11px;}
    .content-list-area .cla-action-area .cla-search-area .search-date input[type="text"] {width: 95px;}
    .content-list-area .cla-action-area .cla-search-area .search-select select {width: 100px;font-size: 11px;}
    .content-list-area .cla-action-area .cla-search-area .search-select {margin-top: 5px;}
    .content-list-area .cla-action-area .cla-search-area .search-line-bot .search-btn {margin-top: 5px;}
    .content-list-area .cla-table-area {padding: 0px 10px;}
    #mo_ta_none {display: none;}
    .content-list-area .cla-botbtn-area {padding: 0px 10px;}
    .cla-total-view {padding: 0px 10px;}
}

@media (max-width: 1200px) {
    .main-pg-view .mpv-c-a .mca-t-v .mtv-q-v {font-size: 14px;height: 118px;}
    .main-pg-view .mpv-c-a .mca-t-v {margin-top: 5px;}
    #mqv_q_scroller {left: 0;}
    .div-footer-view .dfv-guide-v a {font-size: 11px;}
    .f-txt-d {font-size: 11px;margin: 0px;}
    .div-footer-view .footer_txt {display: none;}
    .div-footer-view .dfv-com-a .dfv-com-v {width: 100%;padding: 0px 20px;}
    .div-footer-view .dfv-com-a .dfv-com-v .dcv-logo-v {width: 120px;float: none;margin: auto;}
    .div-footer-view .dfv-com-a .dfv-com-v .dcv-info-v {width: 100%;border: 0px;margin: 0px;padding: 0px;margin-top: 10px;}
    .div-footer-view .dfv-com-a .dfv-com-v .dcv-ict-v {width: 50px;float: left;top: 15px;right: 0px;}
    .div-footer-view .dfv-com-a .dfv-com-v .dcv-logo-v a {font-size: 12px;}
    .div-footer-view .dfv-com-a .dfv-com-v .dcv-info-v .m_dcv_info {display: block;font-size: 11px;line-height: 17px;text-align: center;}
    .div-footer-view .dfv-com-a .dfv-com-v .dcv-info-v .pc_dcv_info {display: none;}
    .div-footer-view .dfv-com-a .dfv-com-v .dcv-info-v b {text-align: center;}
    .content-list-area .cla-action-area .cla-search-area .mo_btn_dis {margin-top: 5px;}
    .basic_table td {line-height: 18px;}
}

@media (max-width: 1000px) {
    .main-pg-view .mpv-b-a {display: none;}
    .main-pg-view .mo-mpv-b-a {display: block;}
    .small-top-menu {display: none;}
    .menu-h-v .main-top-view .main-menu-area {display: none;}
    .main-pg-view .mpv-c-a .mca-t-v .mtv-l-v {display: none;}
    .menu-h-v .main-top-view .mtv_login_area {display: none;}
    .main-pg-view .mpv-c-a .mca-t-v .mtv-q-v {width: calc(100% - 10px);margin: 0px 5px;}
    .main-pg-view .mpv-c-a .mca-b-v .mbv-g-v {margin: 0px 5px;width: calc(100% - 10px);margin-bottom: 5px;}
    .main-pg-view .mpv-c-a .mca-b-v .mbv-c-v {width: calc(100% - 10px);margin: 0px 5px;}
    .main-pg-view .mpv-c-a .mca-gl-v {display: none;}
    .menu-h-v .main-top-view .mo_mtv_login_area {display: block;}
    .vw-middle {float: left;width: 100%;}
    .pg-v-area .i-line {display: flex;flex-direction: column;}
    .pg-v-area .i-line .i-l-sort {display: none;}
    .pg-v-area .i-line .i-l-input {width: 100%;}
    .pg-v-area .i-line-left {width: 100%;}
    .pg-v-area .i-line-right {width: 100%;border-top: 1px solid #dfdfdf;}
    .btn-outline-success {font-size: 12px;padding: 6px;}
    .pg-v-area .i-line .i-l-input .line-div-input {width: 100%;}
    .pg-v-area .i-line .i-l-input .line-div-input .ili-bnum-input {float: left;width: 100% !important;margin: 0px;margin-top: 5px;}
    .pg-v-area .i-line .i-l-input .mo_line_dis {float: left;width: 100%;}
    .pg-v-area .i-line .i-l-input .mo_line_dis .pay_card_dis {margin-top: 5px;}
    .pg-v-area .i-line .i-l-input .line-div-input .ili-payres-input {width: 80px;}
    .pg-v-area .i-line .i-l-input .line-div-input .ili-rel-input {margin: 0px;margin-top: 5px;}
    .pg-v-area .i-line .i-l-input .pay_v_dis {width: 100%;margin-top: 5px;}
    .pg-v-area .i-line .i-l-input .line-btn-area button {width: 100%;height: 38px;line-height: 30px;}
    .pg-v-area .i-line .i-lm-sort {display: block;}
    .pg-v-area .i-line-abs {display: unset;}
    .pg-v-area .i-line .i-l-input .ili-bnum-input {width: calc(100% - 155px);margin-bottom: 5px;}
    .pg-v-area .i-line .i-l-input .i-g-area .ili-name-input {margin: 0px;}
    .pg-v-area .i-line .i-l-input .i-gc-sel .rl_gc_sort {}
    .pg-v-area .i-line .i-l-input button {width: 100%;flex: 1;}
    .pg-v-area .i-line .i-l-input .i-gc-sel .rl_gc_com {}
    .pg-v-area .i-line .i-l-input .i-gc-sel .rl_gc_area {}
    .pg-v-area .i-line .i-l-input .i-gc-sel .rl_gc_gs {}
    .pg-v-area .i-line .i-l-input .i-gc-sel .rl_gc_opt {}
    .pg-v-area .i-line .i-l-input .i-gc-sel .rl_gc_ag {}
    .pg-v-area .i-line .i-l-input textarea {height: 200px;}
    .pg-v-area .i-line .i-l-input .mo_l_input_sort {display: block;}
    #receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l .i-l-sort {display: none;}
    #receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l .i-l-sort a {font-size: 12px;}
    #receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l .i-l-input .info-half-f-input {}
    #receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l .i-l-input .info-half-b-input {}
    #receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l .i-l-input {width: 100%;}
    #receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l .i-l-left {width: 100%;}
    #receipt_agent_modal .ram-a-v .ram-info-v .ram-i-l .i-l-right {width: 100%;}
    .center-area .cla-info-area .cla-i-line .cla-i-left {width: 100%;text-align: center;padding: 10px;}
    .center-area .cla-info-area .cla-i-line .cla-i-left img {width: 100%;max-width: 358px;}
    .center-area .cla-info-area .cla-i-line .cla-i-right {display: none;}
    .main-pg-view .mpv-c-a .mca-b-v {display: unset;}
}

@media (max-width: 700px) {
    #mo_ta_s_none {display: none;}
    .content-list-area .cla-action-area .cla-topbtn-area {display: unset;float: left;width: 100%;margin-top: 5px;}
    .content-list-area .cla-action-area .cla-topbtn-area button {float: right;}
}