@charset "utf-8";

/**************************************
** 공통
***************************************/
.size-1140 .line,.size-1140 .grid {max-width: 71rem;}
.size-1280 .line,.size-1280 .grid {max-width:80rem;}
.size-1520 .line,.size-1520 .grid {max-width:95rem;}
.size-960 .line,.size-1140 .line,.size-1280 .line,.size-1520 .line {margin: 0 auto;}

.content {padding: 20px 0;}
.line {clear: left;}
.line::after, nav::after, .center::after, .box::after, .margin::after, .margin2x::after, .grid.full::after {clear: both;content: ""; display: block;height: 0; line-height: 0; overflow: hidden; visibility: hidden;}

/* 포지션 */
.pxB{position:fixed; bottom:0px; width:100%;}

/* 최상단 layout */
.content-wrap {overflow: auto}
.header-layout {position: fixed;width: 100%;z-index: 99;}
.container-layout {position: relative;top: 0;height: calc(100% - 110px);}
.aside-layout {position: fixed;top: 93px;bottom: 0;left: 0;z-index: 98;background: #fff;box-shadow: 1px 1px 1px -1px rgb(158 158 158 / 21%), 0 1px 3px 0 rgb(170 170 170 / 10%), 0 1px 3px 0 rgb(0 0 0 / 6%);}
.aside-layout p.aside-title{height: 90px;line-height: 90px;color: #181818;text-align: center;font-size: 20px;text-transform: uppercase;background: #ffffff;}
.content-layout {padding-left: 200px;padding-top: 95px;min-height: calc(100vh - 95px);width: 100%;}
.content-section {padding: 20px 0;margin: 0 20px;}
.container {/* background: #fff; *//* padding: 10px; */border-radius: 5px;}


/**************************************
** headerSection
***************************************/
.header-section{box-shadow: 0 10px 30px 0 rgb(138 125 161 / 8%);}
.header{background-color:#fff;box-sizing:border-box;overflow: hidden;}
.header .paL{position:absolute; left:10px; top:15px; display:inline-block; clear:both; float:inherit}
.header .paR{position:absolute; right:10px; top:15px;}

.header-top {background: #fff;border-bottom: 1px solid #0b8ae6;display: flex;align-items: center;padding: 0 20px;height: 42px;}
.header-top .logo {font-weight: 600;width: 150px;}
/* .header-top .logo span:first-child::after {display: inline-block;content: '';border-right: 1px solid #eaeaea;width: 1px;height: 20px;    padding-right: 5px;vertical-align: middle;} */
.header-top .logo img {height: 30px;}
.header-top .gnb {margin-left: auto;align-self: center;}
.header-top .gnb li {height: 100%;}
.header-top .gnb li a{display: block;padding: 0 0 0 10px;font-size: 12px;color: #a1a1a1;line-height: 22px;}

.sub-header {background: #005eaf;padding: 0 20px;display: flex;align-items: center;height: 52px;overflow: hidden;}
.sub-header .sub-title {font-size: 16px;font-weight: 600;color: #181818;}
.sub-header .sub-stit{font-size: 13px;font-weight: 600;color: #b3b3b3;display: inline-block;}
.sub-header .sub-stit:before{content: '|';height:0;margin-left: 10px;position: relative;left: -5px;}

sub-header2 {background: #ffa8ff;padding: 0 20px;display: flex;align-items: center;height: 52px;overflow: hidden;}
.sub-header2 .sub-title {font-size: 16px;font-weight: 600;color: #181818;}
.sub-header2 .sub-stit{font-size: 13px;font-weight: 600;color: #b3b3b3;display: inline-block;}
.sub-header2 .sub-stit:before{content: '|';height:0;margin-left: 10px;position: relative;left: -5px;}

.top-menu {color: #2b4c61;}
.top-menu .top-nav ul {padding:0;}
.top-menu .top-nav li:first-child { padding-left: 0;}
.top-menu .top-nav li {float:left;list-style:none outside none;cursor:pointer;padding: 0 5px;}
.top-menu .top-nav li>a {color: #e6f2ff;display:block;font-size: 13px;padding: 8px 15px;;;font-weight: 600;}
.top-menu .top-nav li>a:hover{color: #ffffff;border-radius: 5px;background: #0b8ae6;}
.top-menu .top-nav li.active-item a {background: #ffffff;color: #000000;border-radius: 5px;}
/****  // headerSection //  ****/


/* lnb */
#lnb {position: relative;width: 200px;}
#lnb .lnb_tit {height: 70px;text-align: center;color: #fdfdfd;font-size: 15px;line-height: 70px;letter-spacing: -2px;background: #484848;}
#lnb > ul {}
#lnb > ul > li {}
#lnb > ul > li > a {display: block;padding: 0 10px;color: inherit;font-size: 14px;position: relative;height: 45px;line-height: 45px;color: #838383;}
#lnb > ul > li > a.arrow:after {font-family: 'Material Icons';content: "chevron_right";position: absolute;right: 10px;}
#lnb > ul > li.on > a {color: #005eaf;}
#lnb > ul > li.on > a.arrow:after {font-family: 'Material Icons';content: "expand_more";}

#lnb > ul > li ul.sub_menu {display: none;margin-bottom: 10px;}
#lnb > ul > li > ul.sub_menu > li > a {display: block;padding: 12px 25px 12px 25px;font-size: 14px;color: #525252;}
#lnb > ul > li > ul.sub_menu > li > a.arrow:after {font-family: 'Material Icons';content: "chevron_right";color: #aaa;display: inline;position: absolute;right: 10px;}
#lnb > ul > li > ul.sub_menu > li > a:hover {color: #005eaf;}
#lnb > ul > li > ul.sub_menu > li.on > a {color: #005eaf;}
#lnb > ul > li > ul.sub_menu > li.on > a.arrow:after {color: #005eaf;font-family: 'Material Icons';content: "expand_more";}
#lnb > ul > li > ul.sub_menu > li.noDepth > a:after {content: "";position:absolute;}
#lnb > ul > li > ul.sub_menu li ul {display: none;background: #ffffff;padding-bottom: 10px;}

#lnb > ul > li > ul.sub_menu li li a {display: block;padding: 10px 0 10px 45px;color: #666;font-size: 14px;}
#lnb > ul > li > ul.sub_menu > li li a:hover {color: #005eaf;}
#lnb > ul li.noDepth a {background-image: none !important; }


/**************************************
** login
***************************************/
#login-wrap {height: 100%;width: 100%;display: flex;align-items: center;background: #f3f6f9;justify-content: center;}
.login {background: #fff;background-size: 80%;margin: 0 20px;max-width: 1080px;width: 100%;display: flex;border: 1px solid #f3f6f9;border-radius: 10px;overflow: hidden;box-sizing: border-box;box-shadow: 4px 5px 5px 3px #0780c20a;}
.login-img {background: #fff;background-size: cover;display: flex;justify-content: center;align-items: center;text-align: center;max-width: 450px;width: 100%;padding: 20px;}
.login-img3 {/* background: #f3f6f9 url('../images/login.jpg') no-repeat center; */background-size: 790%;text-align:center;max-width: 470px;width: 100%;}
.loing_inputBox {/* background: #fff; */padding: 30px 20px;display: flex;flex-direction: column;align-items: center;width: 100%;}
.loing_input {max-width: 500px;min-width: 300px;width: 100%;height: 100%;height: 500px;display: flex;flex-direction: column;justify-content: center;padding-bottom: 60px;}
.logo_title {padding-bottom: 20px;font-weight: bold;font-size: 15px;line-height: 30px;}
.logo_title > img {width: 28px;}
.login .login-logo{width: 155px;margin:0 auto;padding-bottom: 30px;}
.login .login-logo img{text-align: center; margin: 0 auto;}
.login .login-tit{text-align: left;color: #181818;font-weight: bold;padding-bottom: 10px;}
.login .form-input{margin-bottom: 10px;}
.login .form-input input {height: 50px; border-radius: 5px;}
.login .login-btn {padding-top: 20px;}
.login .login-btn button {height: 50px;border-radius: 5px;font-size: 16px;font-weight: 400;font-family: 'Noto Sans Korean';}

.loginWrap {background:url('../images/bg-3.jpg');display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.login.tp2 {display: block;max-width: 600px;padding: 20px;}
.login.tp2 .login-tit {padding: 10px 0;}
.login.tp2 .loing_input {height:300px;}
/****  // login //  ****/


/**************************************
** subtitle nav
***************************************/
.breadcrumb { }
.breadcrumb-nav {border-bottom: 1px solid #eaeaea;height: 33px;line-height: 30px;padding: 0 20px;background: #fff;}
.breadcrumb-nav ul {list-style:none;padding:0;height: 100%;padding-left: 5px;}
.breadcrumb-nav ul li {float:left;font-size: 12px;color: #b3b3b3;}
.breadcrumb-nav ul li a:hover {text-decoration:underline;}
.breadcrumb-nav i {color: #b3b3b3;}
.breadcrumb-nav ul li:after {font-family: 'Material Icons';content: '\e5cc';font-size: 22px;vertical-align: middle;color: #d4d4d4;}
.breadcrumb-nav ul li:last-child:after {content:"";margin: 0;}
/****  // subtitle nav //  ****/


/**************************************
** 공통 page title
***************************************/
/* 조회 결과 없음 박스 */
.No-box{padding: 90px 0px;}
.No-box .txt{}
.calBox{min-height:62px;padding:10px; background-color:#e9f1f6; box-sizing: border-box;}
/****  // 공통 //  ****/

.page-title {padding: 15px 15px 0 15px;background: #fff;}
.page-title > .title {font-size: 20px;border-bottom: 1px solid #484848;/* margin: 0 10px; */padding-bottom: 10px;}
.page-title > .title-s {font-size: 14px;font-weight: 500;}
.page-title > .title-m {font-size: 16px;font-weight: 500;}
.page-title > .title-b {font-size: 18px;font-weight: 500;}
.tpl-box {background: #fff;padding: 15px;}

.tpl-box.gutter-b {/* height: calc(100% - 25px); */ /*margin-bottom: 25px;*/ /* margin-bottom: 13px;*/ margin-bottom: 0px; }
.tpl-head {padding: 0 0 10px 0;}
.tpl-head-title {font-size: 15px;align-self: center;font-weight: 600;}
.tpl-head-title>.material-icons{vertical-align: sub;}
.tpl-body {}
.tpl-body-left { width:50%; float:left; }
.tpl-body-right { width:40%; float:right; }


/**************************************
** button & badge
***************************************/
/* 공통 */
button:hover{cursor:pointer; outline:none;}
.btn{display:inline-block;zoom:1;height: 32px;line-height: 32px;font-size: 12px;vertical-align:middle;box-sizing:border-box;border:0px;position:relative;padding: 0 10px;}
.btn-line{display:inline-block;zoom:1;height: 30px;line-height: 30px;font-size: 12px;vertical-align:middle;box-sizing:border-box;border:0px;position:relative;padding: 0 10px;}
.wideBtn {padding: 0 30px;}
.btn-group {}
.btn-box {padding: 10px 0 10px;}

/* 크기 */
.btn.s0{height:25px;}  .btn.s{height: 25px;line-height: 25px;} .btn.s2{height:35px;} .btn.m{height: 40px;}  .btn.l{height: 45px;}

/* 칼라 */
.btn.gray{background-color: #969696; color:#fff;}/* 취소 */
.btn.black{background-color: #545454; color:#fff;}/* 삭제 */
.btn.primary {color: #fff;background-color: #3577f1;}/* 등록 */
.btn.blue{color: #fff;background-color: #0069b5;}/* 저장 */
.btn.green {color: #fff;background-color: #0ab39c;}/* 검색 */
.btn.purple {color: #fff;background-color: #8950fc;} /*목록*/
.btn.yellow{color: #fff;background-color: #ffa800;} /*수정*/

.btn.gray-light{color: #181c32;background-color: #ddd;}
.btn.navy{color: #fff;background-color: #062850;}
.btn.dark{color: #fff;background-color: #181c32;}
.btn.red{color: #fff;background-color: #ee2d41;}
.btn.blue2{color: #fff;background-color: #005eaf;}

/* 라인 */
.btn-line.black{ color:#54585b;background-color: #fff;border:1px solid #54585b;}
.btn-line.gray{color: #969696;background-color: #fff;border:1px solid #b5b5b5;}
.btn-line.gray-light{color: #ddd;background-color: #fff;border:1px solid #ddd;}
.btn-line.dark{color: #181c32;background-color: #fff; border:1px solid #181c32;}
.btn-line.red{color: #ee2d41;background-color: #fff;border:1px solid #ee2d41;}
.btn-line.blue{color: #005eaf;background-color: #fff;border:1px solid #005eaf;}
.btn-line.green{color: #0bb7af;background-color: #fff;border:1px solid #0bb7af;}
.btn-line.yellow{color: #ffa800;background-color: #fff;border:1px solid #ffa800;}
.btn-line.purple {color: #8950fc;background-color: #fff;border:1px solid #8950fc}


/* 뱃지 */
.badge{border-radius:20px; padding:0px 7px; display:inline-block; font-weight:400; box-sizing:border-box; text-align:center;}

/* 뱃지 사이즈 */
.badge.s{height:15px; line-height:15px; padding:0px 5px; font-size:10px; font-weight:500;}
.badge.m{font-size:13px; height:18px; line-height:17px;}
.badge.l{font-size:16px; height:30px; line-height:30px;}

/* 뱃지 칼라 */
.badge.gray{background-color:#b5b5b5; color:#fff;}
.badge.gray2{background-color:#8d9090; color:#fff;}
.badge.red{background-color:#da291c; color:#fff;}
.badge.black{background-color:#000; color:#fff;}
.badge.bd.black{border:1px solid #000; background-color:#fff; color:#000;}

/* 뱃지 이미지 */
.badge.imgNum{background:#da291c url("../../common/img/icon-money.png")no-repeat 2.5px 50%; background-size:10px; padding-left:15px; color:#fff;}
.badge.blue{background-color:#015182;}
.badge.bing{background:#fff url("../../common/img/icon-bing.png")no-repeat 2px 50%; background-size:10px; border:1px solid #da291c; color:#da291c; padding-left:15px; line-height:13px;}
/****  // button 디자인 //  ****/


/**************************************
** 폼 스타일
***************************************/
/* 폼 그룹 */
.group-box {display: flex;align-items: center;}
.group-box > span {margin-right: 7px;}
.group-box > span:last-child {margin-right: 0;}

.radio-box {position: relative;}
.radio-box input[type="radio"] {width: 0px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.radio-box input[type="radio"] + label {display: inline-block;position: relative;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.radio-box label::before {font-family: 'Material Icons';content: '\e836';font-size: 22px;vertical-align: middle;color: #e8e8e8;margin-right: 3px;}
.radio-box input[type="radio"]:checked + label::before{content: '\e837';color: #005eaf;}

.radio-box.txt label::before {display: none;}
.radio-box.txt input[type="radio"] + label{border:1px solid #e1e1e1;background-color: #f5f5f5;padding: 0px 15px;background-image:none;font-size:13px;line-height: 22px;height: 25px;}
.radio-box.txt input[type="radio"]:checked +  label{border: 1px solid #005eaf;background-color: #005eaf;color: #fff;}
.radio-box.txt input[type="radio"]:checked + label::before{display: none;}

/* 체크박스 아이콘*/
.chk-box {position: relative;}
.chk-box input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.chk-box input[type="checkbox"] + label {display: inline-block; position: relative;-webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;line-height:25px;vertical-align:middle;display: inline-block;cursor: pointer;}
.chk-box label::before {font-family: 'Material Icons';content: '\e835';font-size: 20px;vertical-align: bottom;color: #e8e8e8;margin-right: 3px;}
.chk-box input[type="checkbox"]:checked +  label::before{content: '\e834';color: #005eaf;}

.chk-box.star label::before{font-family: 'Material Icons';content: '\e83a';font-size: 22px;vertical-align: bottom;color: #e8e8e8;margin-right: 3px;}
.chk-box.star input[type="checkbox"]:checked +  label::before{content: '\e834';color: #005eaf;}
.chk-box.login input[type="checkbox"] + label {font-size:12px; padding-top:3px; padding-bottom:3px;}

/* 스위치박스 */
.switchBox {position: relative; overflow:hidden;}
.switchBox input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.switchBox input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 40px; cursor: pointer; height:25px;}
.switchBox label{background:url('../../common/img/switch-off.png') no-repeat 0px 0px; background-size:38px;}
.switchBox input[type="checkbox"]:checked +  label{background:url('../../common/img/switch-on2.png') no-repeat 0px 0px; background-size:40px;}

/* 셀렉트 */
.sel-group{display: flex;}
.sel-group select,
.sel-group >span {margin-right: 8px;display: flex;}
.sel-group select:last-child,
.sel-group >span:last-child{margin-right: 0px;}

/*.sel-box{display:inline-block;}
.sel-box select{position: relative;background:#fff url('../images/icon-arrow-down.png') no-repeat calc(100% - 6px) 53%;background-size:9px;font-size: 12px;border: 1px solid #ebedf3;color: #181818;min-width: 120px;max-width: 164px;width: 100%;height: 30px;vertical-align: middle;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.sel-box select:before {font-family: 'Material Icons';content: '\e835';font-size: 22px;width: 100%;background: red;position: absolute;background: rebeccapurple;left: 0;top: 0;}
*/

.sel-box{position: relative;display:inline-block;}
.sel-box select{background: #fff url('../images/icon-arrow-down.png') no-repeat calc(100% - 5px) 50%;background-size: 10px;outline: none;scroll-behavior: smooth;font-size: 12px;border: 1px solid #ebedf3;color: #181818;min-width: 140px;max-width: 258px;width: 100%;height: 25px;-webkit-appearance: none;-moz-appearance: none;}
.sel-box select::-ms-expand{display:none}
.sel-box.w100,select{width:100%;}
.sel-box-basic-size {width:90px !important;}
.sel-box-middle-size {width:150px !important;}
.sel-box-middle2-size {width:200px !important;}
.sel-box-middle3-size {width:186px !important;}
.sel-box-wide-size {width:250px !important;}

.sel-box-70{position: relative;display:inline-block;}
.sel-box-70 select{background: #fff url('../images/icon-arrow-down.png') no-repeat calc(100% - 5px) 50%;background-size: 10px;outline: none;scroll-behavior: smooth;font-size: 12px;border: 1px solid #ebedf3;color: #181818;min-width: 70px;max-width: 258px;width: 100%;height: 25px;-webkit-appearance: none;-moz-appearance: none;}
.sel-box-70 select::-ms-expand{display:none}

.sel-box-100{position: relative;display:inline-block;}
.sel-box-100 select{background: #fff url('../images/icon-arrow-down.png') no-repeat calc(100% - 5px) 50%;background-size: 10px;outline: none;scroll-behavior: smooth;font-size: 12px;border: 1px solid #ebedf3;color: #181818;min-width: 100px;max-width: 258px;width: 100%;height: 25px;-webkit-appearance: none;-moz-appearance: none;}
.sel-box-100 select::-ms-expand{display:none}

.inNum{overflow:hidden; display:inline-block; font-size:0; vertical-align:middle;}
.inNum input[type="number"]{width:40px; border-left:none; border-right:none; padding:0px 5px;}

/* 인풋 박스 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;  margin: 0;}
input[type='text'],
input[type='number'],
input[type='email'],
input[type='time'],
input[type='password']{padding: 5px 8px;border: solid 1px #ebedf3;background-color: #fff;height: 25px;vertical-align:middle;outline:none;min-width: 120px;font-size: 13px;}
textarea:focus,
select:focus,
input:focus{border: solid 1px #005eaf;font-weight: 600;}

textarea{border: solid 1px #ebedf3;padding:10px;background:#fff;-webkit-appearance:none;outline:none;box-sizing:border-box;width:100%;font-size:12px;font-family: 맑은고딕, "Malgun Gothic", Dotum, Arial;}
textarea:focus{}

input:disabled{background-color: #f5f5f5!important;}
input.disabled{background-color:#E9E9E9 !important; }
select:disabled{background-color:#E9E9E9 !important; }
select.disabled{background-color:#E9E9E9 !important; }

::placeholder {color:#9a9c9c;}

/* 달력 */
input[type='text'].in-cal{background: #fff url('../images/icon-calendar.png') no-repeat 96% center;background-size: 16px;padding-right: 32px;box-sizing:border-box;max-width: 140px;width: 100%;}
input.inbdb{border:none;border-bottom: 1px solid #ebedf3;background-color:initial;}
input[type='text'].in-cal-left{background: #fff url('../images/icon-calendar.png') no-repeat 7px 3px;background-size: 16px;padding-left: 32px;box-sizing:border-box;min-width: 100px;max-width: 160px;width: 100%;}

/* IOS */
input, textarea, select{-webkit-border-radius:0; /* 모서리 스타일 제거 */ -webkit-appearance:none; /* 인풋내 그림자 제거 */ }
.in-search{position:relative;}
.in-search input{padding-right:40px; box-sizing:border-box;}
.in-search .btn{position:absolute; right:0px; top:0px;}

.calin-box{overflow:hidden;position:relative;}
.calin-box .calin{margin-right:75px;width: auto;}
.calin-box .btn{position:absolute;top:0px;right:0px;width:70px;}
/****  // 폼스타일 //  ****/


/**************************************
**  달력 스타일
***************************************/
#datepicker {width: 100%;height: 100%;font-size: 16px;text-align: center;}

/* calendar table */
.ui-datepicker {display: none;background-color: #fff;border-radius: 5px;margin-top: 3px;padding: 5px;width: 20em;box-sizing:border-box;position: absolute;border: 1px solid #ebedf3;}
.ui-datepicker-header{position:relative;height: 30px;}
.ui-datepicker-title {text-align: center;font-size: 16px;position:absolute;width:100%;}

.ui-datepicker-prev span,.ui-datepicker-next span{display:none;}
.ui-datepicker-prev,.ui-datepicker-next{display:inline-block;width:20px;height:20px;position:absolute;z-index: 99;}
.ui-datepicker-prev {left: 2px;}
.ui-datepicker-prev:before{font-family: 'Material Icons';content: '\e314';font-size: 24px;position: absolute;}
.ui-datepicker-next {right: 5px;}
.ui-datepicker-next:before{font-family: 'Material Icons';content: '\e315';font-size: 24px;position: absolute;}
.ui-state-disabled{color:#cccfcf;}
.ui-datepicker-calendar {width: 100%;}
.ui-datepicker-calendar > thead > tr > th{padding: 5px;font-weight: 400;background: #f3f6f9;text-align: center;}
.ui-datepicker-calendar > thead > tr > th:nth-of-type(1){color:#da291c;}
.ui-datepicker-calendar > tbody > tr > td {border-radius: 100%;cursor: pointer;text-align: center;margin: 0 auto;}
.ui-datepicker-calendar > tbody > tr > td > a{color: #181818;font-size: 14px;font-weight: 400;text-decoration: none;display: block;padding: 4px;}
.ui-datepicker-calendar > tbody > tr > td > a.ui-state-active{background-color: #005eaf;display:inline-block;width: 26px;height: 26px;color:#fff;padding-top: 2px;border-radius: 100px;}
.ui-datepicker-calendar > tbody td:first-child a{color: #da291c;}
.ui-datepicker-calendar > tbody > tr > .ui-state-disabled:hover {cursor: auto;background-color: #fff;}

.calArea .ui-datepicker-inline {z-index: 1;}
.calArea .ui-state-active{}

.ui-datepicker select.ui-datepicker-year {
	width:25%;
}
.ui-datepicker select.ui-datepicker-month {
	width:25%!important;
}

/******* // 달력 스타일 // *******/

/**************************************
** table 공통
***************************************/
.table-responsive {display: block;width: 100%;overflow-x: auto; -webkit-overflow-scrolling: touch;}
.table {width: 100%;margin-bottom: 1rem;color: #3f4254;background-color: transparent;font-family: 맑은고딕, "Malgun Gothic", Dotum, Arial;font-size: 12px;}
.table:not(.table-border) thead td,
.table:not(.table-border) thead th {}
.table thead th {border-bottom: 2px solid #ebedf3;text-align: center;}
.table thead td,
.table thead th {border-bottom-width: 1px;}
.table td, .table th {padding: 3px 8px;vertical-align: middle;border-top: 1px solid #ebedf3;font-weight: normal;line-height: 1.4;height: 32px;}
.table tbody th {text-align: center;font-weight: 700;}
.table td button, .table th button {}

.table .thead-light th {color: #181818;background-color: #f3f6f9;border-color: #ebedf3;/* padding: 5px 8px; */}
.table .thead-light.th-left th {text-align: left;}
.table .thead-light td {border-bottom: 1px solid #ebedf3;}
.table .tbody-light th {color: #181818;background-color: #f3f6f9;border-color: #ebedf3;}
.table .tbody-light tr:last-child {border-bottom: 1px solid #ebedf3;}

.table.border-line {border-top:1px solid #ebedf3;border-bottom:1px solid #ebedf3;}
.table.border-line th {border-right:1px solid #eaeaea;font-weight: 600;padding: 6px 8px;}
.table.border-line td {border-right:1px solid #eaeaea;}
.table.border-line th:last-child,
.table.border-line td:last-child,
.table.border-line th:last-child,
.table.border-line td:last-child {border-right:0;}

.table-border {border: 1px solid #ebedf3;}
.table-border td, .table-border th {border: 1px solid #ebedf3;}

.table thead .th-sort {    color: #aeaeae;    cursor: pointer;    margin: 0px -2px; }
.table thead .th-sort.active {    color: #0b8ae6; }

/**************************************
** 공통
***************************************/
.size-1140 .line,.size-1140 .grid {max-width: 71rem;}
.size-1280 .line,.size-1280 .grid {max-width:80rem;}
.size-1520 .line,.size-1520 .grid {max-width:95rem;}
.size-960 .line,.size-1140 .line,.size-1280 .line,.size-1520 .line {margin: 0 auto;}

.content {padding: 20px 0;}
.line {clear: left;}
.line::after, nav::after, .center::after, .box::after, .margin::after, .margin2x::after, .grid.full::after {clear: both;content: ""; display: block;height: 0; line-height: 0; overflow: hidden; visibility: hidden;}

/* 포지션 */
.pxB{position:fixed; bottom:0px; width:100%;}

/* 최상단 layout */
.content-wrap {overflow: auto}
.header-layout {position: fixed;width: 100%;z-index: 99;}
.container-layout {position: relative;top: 0;height: calc(100% - 110px);}
.aside-layout {position: fixed;top: 93px;bottom: 0;left: 0;z-index: 98;background: #fff;box-shadow: 1px 1px 1px -1px rgb(158 158 158 / 21%), 0 1px 3px 0 rgb(170 170 170 / 10%), 0 1px 3px 0 rgb(0 0 0 / 6%);}
.aside-layout p.aside-title{height: 90px;line-height: 90px;color: #181818;text-align: center;font-size: 20px;text-transform: uppercase;background: #ffffff;}
.content-layout {padding-left: 200px;padding-top: 95px;min-height: calc(100vh - 95px);width: 100%;}
.content-section {padding: 20px 0;margin: 0 20px;}
.container {/* background: #fff; *//* padding: 10px; */border-radius: 5px;}


/**************************************
** headerSection
***************************************/
.header-section{box-shadow: 0 10px 30px 0 rgb(138 125 161 / 8%);}
.header{background-color:#fff;box-sizing:border-box;overflow: hidden;}
.header .paL{position:absolute; left:10px; top:15px; display:inline-block; clear:both; float:inherit}
.header .paR{position:absolute; right:10px; top:15px;}

.header-top {background: #fff;border-bottom: 1px solid #0b8ae6;display: flex;align-items: center;padding: 0 20px;height: 42px;}
.header-top .logo {font-weight: 600;width: 150px;}
/* .header-top .logo span:first-child::after {display: inline-block;content: '';border-right: 1px solid #eaeaea;width: 1px;height: 20px;    padding-right: 5px;vertical-align: middle;} */
.header-top .logo img {}
.header-top .gnb {margin-left: auto;align-self: center;}
.header-top .gnb li {height: 100%;}
.header-top .gnb li a{display: block;padding: 0 0 0 10px;font-size: 12px;color: #a1a1a1;line-height: 22px;}

.sub-header {background: #005eaf;padding: 0 20px;display: flex;align-items: center;height: 52px;overflow: hidden;}
.sub-header .sub-title {font-size: 16px;font-weight: 600;color: #181818;}
.sub-header .sub-stit{font-size: 13px;font-weight: 600;color: #b3b3b3;display: inline-block;}
.sub-header .sub-stit:before{content: '|';height:0;margin-left: 10px;position: relative;left: -5px;}

sub-header2 {background: #ffa8ff;padding: 0 20px;display: flex;align-items: center;height: 52px;overflow: hidden;}
.sub-header2 .sub-title {font-size: 16px;font-weight: 600;color: #181818;}
.sub-header2 .sub-stit{font-size: 13px;font-weight: 600;color: #b3b3b3;display: inline-block;}
.sub-header2 .sub-stit:before{content: '|';height:0;margin-left: 10px;position: relative;left: -5px;}

.top-menu {color: #2b4c61;}
.top-menu .top-nav ul {padding:0;}
.top-menu .top-nav li:first-child { padding-left: 0;}
.top-menu .top-nav li {float:left;list-style:none outside none;cursor:pointer;padding: 0 5px;}
.top-menu .top-nav li>a {color: #e6f2ff;display:block;font-size: 13px;padding: 8px 15px;;;font-weight: 600;}
.top-menu .top-nav li>a:hover{color: #ffffff;border-radius: 5px;background: #0b8ae6;}
.top-menu .top-nav li.active-item a {background: #ffffff;color: #000000;border-radius: 5px;}
/****  // headerSection //  ****/


/* lnb */
#lnb {position: relative;width: 200px;}
#lnb .lnb_tit {height: 70px;text-align: center;color: #fdfdfd;font-size: 15px;line-height: 70px;letter-spacing: -2px;background: #484848;}
#lnb > ul {}
#lnb > ul > li {}
#lnb > ul > li > a {display: block;padding: 0 10px;color: inherit;font-size: 14px;position: relative;height: 45px;line-height: 45px;color: #838383;}
#lnb > ul > li > a.arrow:after {font-family: 'Material Icons';content: "chevron_right";position: absolute;right: 10px;}
#lnb > ul > li.on > a {color: #005eaf;}
#lnb > ul > li.on > a.arrow:after {font-family: 'Material Icons';content: "expand_more";}

#lnb > ul > li ul.sub_menu {display: none;margin-bottom: 10px;}
#lnb > ul > li > ul.sub_menu > li > a {display: block;padding: 12px 25px 12px 25px;font-size: 14px;color: #525252;}
#lnb > ul > li > ul.sub_menu > li > a.arrow:after {font-family: 'Material Icons';content: "chevron_right";color: #aaa;display: inline;position: absolute;right: 10px;}
#lnb > ul > li > ul.sub_menu > li > a:hover {color: #005eaf;}
#lnb > ul > li > ul.sub_menu > li.on > a {color: #005eaf;}
#lnb > ul > li > ul.sub_menu > li.on > a.arrow:after {color: #005eaf;font-family: 'Material Icons';content: "expand_more";}
#lnb > ul > li > ul.sub_menu > li.noDepth > a:after {content: "";position:absolute;}
#lnb > ul > li > ul.sub_menu li ul {display: none;background: #ffffff;padding-bottom: 10px;}

#lnb > ul > li > ul.sub_menu li li a {display: block;padding: 10px 0 10px 45px;color: #666;font-size: 14px;}
#lnb > ul > li > ul.sub_menu > li li a:hover {color: #005eaf;}
#lnb > ul li.noDepth a {background-image: none !important; }

/* 추가 ysc */
#lnb > ul > li ul.sub_menu > li > ul.sub_menu {display: none;margin-bottom: 10px;}
#lnb > ul > li > ul.sub_menu > li > ul.sub_menu > li > a {display: block;padding: 12px 25px 12px 45px;font-size: 14px;color: #525252;}
#lnb > ul > li > ul.sub_menu > li > ul.sub_menu > li > a.arrow:after {font-family: 'Material Icons';content: "chevron_right";color: #aaa;display: inline;position: absolute;right: 10px;}
#lnb > ul > li > ul.sub_menu > li > ul.sub_menu > li > a:hover {color: #005eaf;}
#lnb > ul > li > ul.sub_menu > li > ul.sub_menu > li.on > a {color: #005eaf;}
#lnb > ul > li > ul.sub_menu > li > ul.sub_menu > li.on > a.arrow:after {color: #005eaf;font-family: 'Material Icons';content: "expand_more";}
#lnb > ul > li > ul.sub_menu > li > ul.sub_menu > li.noDepth > a:after {content: "";position:absolute;}
#lnb > ul > li > ul.sub_menu > li > ul.sub_menu li ul {display: none;background: #ffffff;padding-bottom: 10px;}

#lnb > ul > li > ul.sub_menu > li > ul.sub_menu li li a {display: block;padding: 10px 0 10px 45px;color: #666;font-size: 14px;}
#lnb > ul > li > ul.sub_menu > li > ul.sub_menu > li li a:hover {color: #005eaf;}


/**************************************
** login
***************************************/
#login-wrap {height: 100%;width: 100%;display: flex;align-items: center;background: #f3f6f9;justify-content: center;}
.login {background: url('../images/login.jpg') no-repeat center;background-size: 800%;margin: 0 20px; max-width: 1080px;width: 100%; display: flex;border: 1px solid #f3f6f9;border-radius: 10px;overflow: hidden;box-sizing: border-box; box-shadow: 4px 5px 5px 3px #0780c20a;}
.login-img {background: url('../images/login_bg.png') no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;text-align: center;max-width: 470px;width: 100%;}
.login-img3 {/* background: #f3f6f9 url('../images/login.jpg') no-repeat center; */background-size: 790%;text-align:center;max-width: 470px;width: 100%;}
.loing_inputBox {/* background: #fff; */padding: 30px 20px;display: flex;flex-direction: column;align-items: center;width: 100%;}
.loing_input {max-width: 500px;min-width: 300px;width: 100%;height: 100%;height: 500px;display: flex;flex-direction: column;justify-content: center;padding-bottom: 60px;}
.logo_title {padding-bottom: 20px;font-weight: bold;font-size: 15px;line-height: 30px;}
.logo_title > img {width: 28px;}
.login .login-logo{width: 155px;margin:0 auto;padding-bottom: 30px;}
.login .login-logo img{text-align: center; margin: 0 auto;}
.login .login-tit{text-align: left;color: #181818;font-weight: bold;padding-bottom: 10px;}
.login .form-input{margin-bottom: 10px;}
.login .form-input input {height: 50px; border-radius: 5px;}
.login .login-btn {padding-top: 20px;}
.login .login-btn button {height: 50px;border-radius: 5px;font-size: 16px;font-weight: 400;font-family: 'Noto Sans Korean';}

.loginWrap {background:url('../images/bg-3.jpg');display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.login.tp2 {display: block;max-width: 600px;padding: 20px;}
.login.tp2 .login-tit {padding: 10px 0;}
.login.tp2 .loing_input {height:300px;}
/****  // login //  ****/


/**************************************
** subtitle nav
***************************************/
.breadcrumb { }
.breadcrumb-nav {border-bottom: 1px solid #eaeaea;height: 33px;line-height: 30px;padding: 0 20px;background: #fff;}
.breadcrumb-nav ul {list-style:none;padding:0;height: 100%;padding-left: 5px;}
.breadcrumb-nav ul li {float:left;font-size: 12px;color: #b3b3b3;}
.breadcrumb-nav ul li a:hover {text-decoration:underline;}
.breadcrumb-nav i {color: #b3b3b3;}
.breadcrumb-nav ul li:after {font-family: 'Material Icons';content: '\e5cc';font-size: 22px;vertical-align: middle;color: #d4d4d4;}
.breadcrumb-nav ul li:last-child:after {content:"";margin: 0;}
/****  // subtitle nav //  ****/


/**************************************
** 공통 page title
***************************************/
/* 조회 결과 없음 박스 */
.No-box{padding: 90px 0px;}
.No-box .txt{}
.calBox{min-height:62px;padding:10px; background-color:#e9f1f6; box-sizing: border-box;}
/****  // 공통 //  ****/

.page-title {padding: 15px 15px 0 15px;background: #fff;}
.page-title > .title {font-size: 20px;border-bottom: 1px solid #484848;/* margin: 0 10px; */padding-bottom: 10px;}
.page-title > .title-s {font-size: 14px;font-weight: 500;}
.page-title > .title-m {font-size: 16px;font-weight: 500;}
.page-title > .title-b {font-size: 18px;font-weight: 500;}
.tpl-box {background: #fff;padding: 15px;}

.tpl-box.gutter-b {/* height: calc(100% - 25px); */ /*margin-bottom: 25px;*/ /*margin-bottom: 13px;*/ margin-bottom: 0px;}
.tpl-head {padding: 0 0 10px 0;}
.tpl-head-title {font-size: 15px;align-self: center;font-weight: 600;}
.tpl-head-title>.material-icons{vertical-align: sub;}
.tpl-body {}
.tpl-body-left { width:50%; float:left; }
.tpl-body-right { width:40%; float:right; }


/**************************************
** button & badge
***************************************/
/* 공통 */
button:hover{cursor:pointer; outline:none;}
.btn{display:inline-block;zoom:1;height: 32px;line-height: 32px;font-size: 12px;vertical-align:middle;box-sizing:border-box;border:0px;position:relative;padding: 0 10px;}
.btn-line{display:inline-block;zoom:1;height: 30px;line-height: 30px;font-size: 12px;vertical-align:middle;box-sizing:border-box;border:0px;position:relative;padding: 0 10px;}
.wideBtn {padding: 0 30px;}
.btn-group {}
.btn-box {padding: 10px 0 10px;}

/* 크기 */
.btn.s0{height:25px;}  .btn.s{height: 25px;line-height: 25px;} .btn.s2{height:35px;} .btn.m{height: 40px;}  .btn.l{height: 45px;}

/* 칼라 */
.btn.black{background-color: #545454; color:#fff;}
.btn.gray{background-color: #cfcfcf; color:#fff;}
.btn.gray-light{color: #181c32;background-color: #ddd;}
.btn.dark{color: #fff;background-color: #181c32; border-color: #181c32;}
.btn.red{color: #fff;background-color: #ee2d41;border-color: #ee2d41;}
.btn.blue{color: #fff;background-color: #0069b5;border-color: #0069b5;}
.btn.blue2{color: #fff;background-color: #005eaf;border-color: #005eaf;}
.btn.navy{color: #fff;background-color: #062850;border-color: #062850;}
.btn.green{color: #fff;background-color: #0bb7af;border-color: #0bb7af;}
.btn.yellow{color: #fff;background-color: #ffa800;border-color: #ffa800;}
.btn.purple {color: #fff;background-color: #8950fc;border-color: #8950fc}

/* 라인 */
.btn-line.black{ color:#54585b;background-color: #fff;border:1px solid #54585b;}
.btn-line.gray{color: #969696;background-color: #fff;border:1px solid #b5b5b5;}
.btn-line.gray-light{color: #ddd;background-color: #fff;border:1px solid #ddd;}
.btn-line.dark{color: #181c32;background-color: #fff; border:1px solid #181c32;}
.btn-line.red{color: #ee2d41;background-color: #fff;border:1px solid #ee2d41;}
.btn-line.blue{color: #005eaf;background-color: #fff;border:1px solid #005eaf;}
.btn-line.green{color: #0bb7af;background-color: #fff;border:1px solid #0bb7af;}
.btn-line.yellow{color: #ffa800;background-color: #fff;border:1px solid #ffa800;}
.btn-line.purple {color: #8950fc;background-color: #fff;border:1px solid #8950fc}


/* 뱃지 */
.badge{border-radius:20px; padding:0px 7px; display:inline-block; font-weight:400; box-sizing:border-box; text-align:center;}

/* 뱃지 사이즈 */
.badge.s{height:15px; line-height:15px; padding:0px 5px; font-size:10px; font-weight:500;}
.badge.m{font-size:13px; height:18px; line-height:17px;}
.badge.l{font-size:16px; height:30px; line-height:30px;}

/* 뱃지 칼라 */
.badge.gray{background-color:#b5b5b5; color:#fff;}
.badge.gray2{background-color:#8d9090; color:#fff;}
.badge.red{background-color:#da291c; color:#fff;}
.badge.black{background-color:#000; color:#fff;}
.badge.bd.black{border:1px solid #000; background-color:#fff; color:#000;}

/* 뱃지 이미지 */
.badge.imgNum{background:#da291c url("../../common/img/icon-money.png")no-repeat 2.5px 50%; background-size:10px; padding-left:15px; color:#fff;}
.badge.blue{background-color:#015182;}
.badge.bing{background:#fff url("../../common/img/icon-bing.png")no-repeat 2px 50%; background-size:10px; border:1px solid #da291c; color:#da291c; padding-left:15px; line-height:13px;}
/****  // button 디자인 //  ****/


/**************************************
** 폼 스타일
***************************************/
/* 폼 그룹 */
.group-box {display: flex;align-items: center;}
.group-box > span {margin-right: 7px;}
.group-box > span:last-child {margin-right: 0;}

.radio-box {position: relative;}
.radio-box input[type="radio"] {width: 0px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.radio-box input[type="radio"] + label {display: inline-block;position: relative;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.radio-box label::before {font-family: 'Material Icons';content: '\e836';font-size: 22px;vertical-align: middle;color: #e8e8e8;margin-right: 3px;}
.radio-box input[type="radio"]:checked + label::before{content: '\e837';color: #005eaf;}

.radio-box.txt label::before {display: none;}
.radio-box.txt input[type="radio"] + label{border:1px solid #e1e1e1;background-color: #f5f5f5;padding: 0px 15px;background-image:none;font-size:13px;line-height: 22px;height: 25px;}
.radio-box.txt input[type="radio"]:checked +  label{border: 1px solid #005eaf;background-color: #005eaf;color: #fff;}
.radio-box.txt input[type="radio"]:checked + label::before{display: none;}

/* 체크박스 아이콘*/
.chk-box {position: relative;}
.chk-box input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.chk-box input[type="checkbox"] + label {display: inline-block; position: relative;-webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;line-height:25px;vertical-align:middle;display: inline-block;cursor: pointer;}
.chk-box label::before {font-family: 'Material Icons';content: '\e835';font-size: 20px;vertical-align: bottom;color: #e8e8e8;margin-right: 3px;}
.chk-box input[type="checkbox"]:checked +  label::before{content: '\e834';color: #005eaf;}

.chk-box.star label::before{font-family: 'Material Icons';content: '\e83a';font-size: 22px;vertical-align: bottom;color: #e8e8e8;margin-right: 3px;}
.chk-box.star input[type="checkbox"]:checked +  label::before{content: '\e834';color: #005eaf;}
.chk-box.login input[type="checkbox"] + label {font-size:12px; padding-top:3px; padding-bottom:3px;}

/* 스위치박스 */
.switchBox {position: relative; overflow:hidden;}
.switchBox input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.switchBox input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 40px; cursor: pointer; height:25px;}
.switchBox label{background:url('../../common/img/switch-off.png') no-repeat 0px 0px; background-size:38px;}
.switchBox input[type="checkbox"]:checked +  label{background:url('../../common/img/switch-on2.png') no-repeat 0px 0px; background-size:40px;}

/* 셀렉트 */
.sel-group{display: flex;}
.sel-group select,
.sel-group >span {margin-right: 8px;display: flex;}
.sel-group select:last-child,
.sel-group >span:last-child{margin-right: 0px;}

/*.sel-box{display:inline-block;}
.sel-box select{position: relative;background:#fff url('../images/icon-arrow-down.png') no-repeat calc(100% - 6px) 53%;background-size:9px;font-size: 12px;border: 1px solid #ebedf3;color: #181818;min-width: 120px;max-width: 164px;width: 100%;height: 30px;vertical-align: middle;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.sel-box select:before {font-family: 'Material Icons';content: '\e835';font-size: 22px;width: 100%;background: red;position: absolute;background: rebeccapurple;left: 0;top: 0;}
*/

.sel-box{position: relative;display:inline-block;}
.sel-box select{background: #fff url('../images/icon-arrow-down.png') no-repeat calc(100% - 5px) 50%;background-size: 10px;outline: none;scroll-behavior: smooth;font-size: 12px;border: 1px solid #ebedf3;color: #181818;min-width: 140px;max-width: 258px;width: 100%;height: 25px;-webkit-appearance: none;-moz-appearance: none;}
.sel-box select::-ms-expand{display:none}
.sel-box.w100,select{width:100%;}
.sel-box-basic-size {width:90px !important;}

.sel-box-70{position: relative;display:inline-block;}
.sel-box-70 select{background: #fff url('../images/icon-arrow-down.png') no-repeat calc(100% - 5px) 50%;background-size: 10px;outline: none;scroll-behavior: smooth;font-size: 12px;border: 1px solid #ebedf3;color: #181818;min-width: 70px;max-width: 258px;width: 100%;height: 25px;-webkit-appearance: none;-moz-appearance: none;}
.sel-box-70 select::-ms-expand{display:none}

.sel-box-100{position: relative;display:inline-block;}
.sel-box-100 select{background: #fff url('../images/icon-arrow-down.png') no-repeat calc(100% - 5px) 50%;background-size: 10px;outline: none;scroll-behavior: smooth;font-size: 12px;border: 1px solid #ebedf3;color: #181818;min-width: 100px;max-width: 258px;width: 100%;height: 25px;-webkit-appearance: none;-moz-appearance: none;}
.sel-box-100 select::-ms-expand{display:none}

.inNum{overflow:hidden; display:inline-block; font-size:0; vertical-align:middle;}
.inNum input[type="number"]{width:40px; border-left:none; border-right:none; padding:0px 5px;}

/* 인풋 박스 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;  margin: 0;}
input[type='text'],
input[type='number'],
input[type='email'],
input[type='password']{padding: 5px 8px;border: solid 1px #ebedf3;background-color: #fff;height: 25px;vertical-align:middle;outline:none;min-width: 120px;font-size: 13px;}
textarea:focus,
select:focus,
input:focus{border: solid 1px #005eaf;font-weight: normal;}

textarea{border: solid 1px #ebedf3;padding:10px;background:#fff;-webkit-appearance:none;outline:none;box-sizing:border-box;width:100%;font-size:12px;font-family: 맑은고딕, "Malgun Gothic", Dotum, Arial;}
textarea:focus{}

input:disabled{background-color: #f5f5f5!important;}
input.disabled{background-color:#E9E9E9 !important; }
select:disabled{background-color:#E9E9E9 !important; }
select.disabled{background-color:#E9E9E9 !important; }

::placeholder {color:#9a9c9c;}

/* 달력 */
input[type='text'].in-cal{background: #fff url('../images/icon-calendar.png') no-repeat 96% center;background-size: 16px;padding-right: 32px;box-sizing:border-box;max-width: 140px;width: 100%;}
input.inbdb{border:none;border-bottom: 1px solid #ebedf3;background-color:initial;}
input[type='text'].in-cal-left{background: #fff url('../images/icon-calendar.png') no-repeat 7px 3px;background-size: 16px;padding-left: 32px;box-sizing:border-box;min-width: 100px;max-width: 160px;width: 100%;}

/* IOS */
input, textarea, select{-webkit-border-radius:0; /* 모서리 스타일 제거 */ -webkit-appearance:none; /* 인풋내 그림자 제거 */ }
.in-search{position:relative;}
.in-search input{padding-right:40px; box-sizing:border-box;}
.in-search .btn{position:absolute; right:0px; top:0px;}

.calin-box{overflow:hidden;position:relative;}
.calin-box .calin{margin-right:75px;width: auto;}
.calin-box .btn{position:absolute;top:0px;right:0px;width:70px;}
/****  // 폼스타일 //  ****/


/**************************************
**  달력 스타일
***************************************/
#datepicker {width: 100%;height: 100%;font-size: 16px;text-align: center;}

/* calendar table */
.ui-datepicker {display: none;background-color: #fff;border-radius: 5px;margin-top: 3px;padding: 5px;width: 20em;box-sizing:border-box;position: absolute;border: 1px solid #ebedf3;}
.ui-datepicker-header{position:relative;height: 30px;}
.ui-datepicker-title {text-align: center;font-size: 16px;position:absolute;width:100%;}

.ui-datepicker-prev span,.ui-datepicker-next span{display:none;}
.ui-datepicker-prev,.ui-datepicker-next{display:inline-block;width:20px;height:20px;position:absolute;z-index: 99;}
.ui-datepicker-prev {left: 2px;}
.ui-datepicker-prev:before{font-family: 'Material Icons';content: '\e314';font-size: 24px;position: absolute;}
.ui-datepicker-next {right: 5px;}
.ui-datepicker-next:before{font-family: 'Material Icons';content: '\e315';font-size: 24px;position: absolute;}
.ui-state-disabled{color:#cccfcf;}
.ui-datepicker-calendar {width: 100%;}
.ui-datepicker-calendar > thead > tr > th{padding: 5px;font-weight: 400;background: #f3f6f9;text-align: center;}
.ui-datepicker-calendar > thead > tr > th:nth-of-type(1){color:#da291c;}
.ui-datepicker-calendar > tbody > tr > td {border-radius: 100%;cursor: pointer;text-align: center;margin: 0 auto;}
.ui-datepicker-calendar > tbody > tr > td > a{color: #181818;font-size: 14px;font-weight: 400;text-decoration: none;display: block;padding: 4px;}
.ui-datepicker-calendar > tbody > tr > td > a.ui-state-active{background-color: #005eaf;display:inline-block;width: 26px;height: 26px;color:#fff;padding-top: 2px;border-radius: 100px;}
.ui-datepicker-calendar > tbody td:first-child a{color: #da291c;}
.ui-datepicker-calendar > tbody > tr > .ui-state-disabled:hover {cursor: auto;background-color: #fff;}

.calArea .ui-datepicker-inline {z-index: 1;}
.calArea .ui-state-active{}

.ui-datepicker select.ui-datepicker-year {width:25%;}
.ui-datepicker select.ui-datepicker-month {width:25%!important;}

/******* // 달력 스타일 // *******/

/**************************************
** table 공통
***************************************/
.table-responsive {display: block;width: 100%;overflow-x: auto; -webkit-overflow-scrolling: touch;}
.table {width: 100%;margin-bottom: 1rem;color: #3f4254;background-color: transparent;font-family: 맑은고딕, "Malgun Gothic", Dotum, Arial;font-size: 12px;}
.table:not(.table-border) thead td,
.table:not(.table-border) thead th {}
.table thead th {border-bottom: 2px solid #ebedf3;text-align: center;}
.table thead td,
.table thead th {border-bottom-width: 1px;}
.table td, .table th {padding: 3px 8px;vertical-align: middle;border-top: 1px solid #ebedf3;font-weight: normal;line-height: 1.4;height: 32px;}
.table tbody th {text-align: center;font-weight: 700;}
.table td button, .table th button {}

.table .thead-light th {color: #181818;background-color: #f3f6f9;border-color: #ebedf3;/* padding: 5px 8px; */}
.table .thead-light.th-left th {text-align: left;}
.table .thead-light td {border-bottom: 1px solid #ebedf3;}
.table .tbody-light th {color: #181818;background-color: #f3f6f9;border-color: #ebedf3;}
.table .tbody-light tr:last-child {border-bottom: 1px solid #ebedf3;}

.table.border-line {border-top:1px solid #ebedf3;border-bottom:1px solid #ebedf3;}
.table.border-line th {border-right:1px solid #eaeaea;font-weight: 600;padding: 6px 8px;}
.table.border-line td {border-right:1px solid #eaeaea;}
.table.border-line th:last-child,
.table.border-line td:last-child,
.table.border-line th:last-child,
.table.border-line td:last-child {border-right:0;}

.table-border {border: 1px solid #ebedf3;}
.table-border td, .table-border th {border: 1px solid #ebedf3;}

.table thead .th-sort {    color: #aeaeae;    cursor: pointer;    margin: 0px -2px; }
.table thead .th-sort.active {    color: #0b8ae6; }
.table thead .th-sort2 {    color: #aeaeae;    cursor: pointer;    margin: 0px -2px; }
.table thead .th-sort2.active {    color: #0b8ae6; }
.table td .link:hover {	text-decoration: underline;	cursor:pointer;}
/******* // tableBox // *******/

/*  pagenation  */
.pgntn-wrap {padding-top: 20px;padding-bottom: 30px;overflow: hidden;margin: 0 auto;}
.page-nav {display: flex;justify-content: center;}
.page-nav a {width: 25px;height: 25px;line-height: 25px;font-size: 12px;vertical-align: middle;text-align: center;}
.page-nav a.on {background: #b1c1d4;color: #fff;}
.page-prev:after {font-family: 'Material Icons';content: '\e5de';font-size: 24px;color: #b1c1d4;}
.page-next:after {font-family: 'Material Icons';content: '\e5df';font-size: 24px;color: #b1c1d4;}
/*  //pagenation  */


/**************************************
** popup 공통
***************************************/
/* 공통 */
.popup-box{overflow:hidden;}
.popup-box .popup-head{height:50px;line-height:50px;font-size: 18px;background-color: #f3f6f9;padding:0px 20px;box-sizing:border-box;border-bottom:1px solid #e1e1e1;position: relative;font-weight: bold;}
.popup-box .popup-close{position: absolute;right: 10px;top: 3px;}
.popup-box .popup-body{overflow:hidden; padding:10px;}
.popup-box .popup-body .info-box {border-top: 1px solid #ebedf3;}
.popup-box .popup-body .info-box li {padding: 5px 0;border-bottom: 1px solid #ebedf3;}
.popup-box .popup-footer{border-top:1px solid #e1e1e1;}
.popup-box .popup-footer .btnBox{overflow:hidden;}

.popup-box.search {}
.popup-box.send {}


/**************************************
** cheditor
***************************************/
.cheditor-tb-wrapper {height: 56px !important;}


/**************************************
** 첨부파일
***************************************/
::-webkit-file-upload-button { cursor:pointer; }
.file-remove-btn {cursor:pointer;border:1px solid #6e6e6e;border-radius: 4px;	margin-left: 8px;}
.filebox {border: 1px solid transparent;height: 24px;padding: 3px 8px;}
.filebox:not(:last-child) {margin-bottom:4px;}
.file-link:hover {cursor:pointer;text-decoration: underline;}
.table thead .th-sort2 {    color: #aeaeae;    cursor: pointer;    margin: 0px -2px; }
.table thead .th-sort2.active {    color: #0780C2; }
.table td .link:hover {	text-decoration: underline;	cursor:pointer;}
/******* // tableBox // *******/

/*  pagenation  */
.pgntn-wrap {padding-top: 20px;padding-bottom: 30px;overflow: hidden;margin: 0 auto;}
.page-nav {display: flex;justify-content: center;}
.page-nav a {width: 25px;height: 25px;line-height: 25px;font-size: 12px;vertical-align: middle;text-align: center;}
.page-nav a.on {background: #b1c1d4;color: #fff;}
.page-prev:after {font-family: 'Material Icons';content: '\e5de';font-size: 24px;color: #b1c1d4;}
.page-next:after {font-family: 'Material Icons';content: '\e5df';font-size: 24px;color: #b1c1d4;}
/*  //pagenation  */


/**************************************
** popup 공통
***************************************/
/* 공통 */
.popup-box{overflow:hidden;}
.popup-box .popup-head{height:50px;line-height:50px;font-size: 18px;background-color: #f3f6f9;padding:0px 20px;box-sizing:border-box;border-bottom:1px solid #e1e1e1;position: relative;font-weight: bold;}
.popup-box .popup-close{position: absolute;right: 10px;top: 3px;}
.popup-box .popup-body{overflow:hidden; padding:10px;}
.popup-box .popup-body .info-box {border-top: 1px solid #ebedf3;}
.popup-box .popup-body .info-box li {padding: 5px 0;border-bottom: 1px solid #ebedf3;}
.popup-box .popup-footer{border-top:1px solid #e1e1e1;}
.popup-box .popup-footer .btnBox{overflow:hidden;}

.popup-box.search {}
.popup-box.send {}


/**************************************
** cheditor
***************************************/
.cheditor-tb-wrapper {height: 56px !important;}


/**************************************
** 첨부파일
***************************************/
::-webkit-file-upload-button { cursor:pointer; }
.file-remove-btn {cursor:pointer;border:1px solid #6e6e6e;border-radius: 4px;	margin-left: 8px;}
.filebox {border: 1px solid transparent;height: 24px;padding: 3px 8px;}
.filebox:not(:last-child) {margin-bottom:4px;}
.file-link:hover {cursor:pointer;text-decoration: underline;}

/*
** 툴팁
*/
.tooltip {
  position: fixed;
  padding: 10px 20px;
  border: 1px solid #b3c9ce;
  border-radius: 4px;
  text-align: left;
  font-size:12px;
  font-family: 맑은고딕, "Malgun Gothic", Dotum, Arial;
  white-space: pre-line;
  color: #333;
  background: #fff;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
}