@charset "UTF-8";


/* =======================================================================================================================
 *  2022.7.13 ~ 2022.10.10 최초 작성
 *	2023.12.01 ~ 2024.00.00 이정민 수정
 *  Common CSS
 *  font-family: "Noto Sans KR", "Malgun Gothic", "맑은고딕", sans-serif;
 *  CSS 작성 규칙 : {기준속성, 크기속성, 위치속성, 라인속성, 서체속성, Etc속성, 백그라운드 속성} 순서대로 나열해서 적는다.
 *                  될수 있으면, 소문자로 쓰되 _으로 구분해서 적는다. (부트스트랩 등 다른 css와 충돌 방지를 위함.)
 * ======================================================================================================================= */


/* ========================================
										Form Tag
======================================== */
/* input, select, textarea, label */
input, select, textarea {width: 100%; height: 30px; border: 1px solid #bfcad5; border-radius: 4px; font-family: "Noto Sans KR", "Malgun Gothic", "맑은고딕", sans-serif; font-size: 13px; letter-spacing:-0.5px; text-indent: 10px; outline: 0; background-color: #ffffff;}
textarea {display: block;height: auto;min-height: 30px;width: 100%;padding: 10px;text-indent: 0px;}
textarea.templete{padding:13.5px 10px;}
textarea.code{padding:8px 10px;}
input::placeholder,
textarea::placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input::-ms-input-placeholder,
textarea::-ms-input-placeholder{font-family: "Noto Sans KR", "Malgun Gothic", "맑은고딕", sans-serif; font-size: 13px; color: rgba(0,0,0, 0.4); line-height:32px;}
input:read-only, select:read-only, textarea:read-only {border-color: #bfcad5; color: #444444; cursor: default;background-color: #f5f6f6;}
input:focus, select:focus, textarea:focus {outline: none; box-shadow: 0px 0px 3px 3px rgba(149,204,252, 0.6);}
input:disabled, select:disabled, textarea:disabled {border-color: #dbe3ec; cursor: not-allowed;}
label {display: inline-block; font-size: 13px; font-weight:400; line-height: 22px; vertical-align: middle;}
input + input, input + label, input + label + input, input + select, select + select, select + input {margin-left: 10px;}
input[type="radio"], input[type="checkbox"] {position:relative; width: 22px; height: 22px; flex-grow: 0 !important; border: 1px solid #bfcad5; appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; background-color: #ffffff;}
input[type="radio"]{border-radius:12px;}
input[type="radio"]::after{content:''; display: none; position:absolute; left: 50%; top:50%; width: 12px; height: 12px; margin:-6px 0 0 -6px; border-radius:50%; font-size: 14px; color: #5179be; background:#5179be;}
input[type="checkbox"]{border-radius: 0px;}
input[type="checkbox"]::after {content: ''; display: none; position:absolute; left:50%;top:50%; width:6px; height:12px; margin:-6px 0 0 -3px; border: solid #5179be;border-width: 0 3px 3px 0;border-radius: 1px;transform: rotate(45deg);}
input[type="radio"]:checked,
input[type="checkbox"]:checked {border-color: #5179be; background-color: #ffffff;}
input[type="radio"]:checked::after,
input[type="checkbox"]:checked::after {display: block;}
input[type="radio"]:disabled,
input[type="checkbox"]:disabled {border-color: #dbe3ec; cursor: not-allowed;}
input[type="radio"]:disabled + label,
input[type="checkbox"]:disabled + label{cursor: not-allowed;}
input[type="radio"]:checked:readonly::after,
input[type="checkbox"]:checked:readonly::after {opacity: .6; cursor: default;}
input[type="checkbox"] + label,
input[type="radio"] + label {margin-left:4px;}
input[type="checkbox"] + input[type="checkbox"],
input[type="checkbox"] + input[type="radio"],
input[type="radio"] + input[type="radio"],
input[type="radio"] + input[type="checkbox"],
input[type="checkbox"] + label + input[type="checkbox"],
input[type="radio"] + label + input[type="radio"] {margin-left: 25px;}
.flex input[type="checkbox"] + label,
.flex input[type="radio"] + label {margin-left: 6px;}
.flex input[type="checkbox"] + input[type="checkbox"],
.flex input[type="checkbox"] + input[type="radio"],
.flex input[type="radio"] + input[type="radio"],
.flex input[type="radio"] + input[type="checkbox"],
.flex input[type="checkbox"] + label + input[type="checkbox"],
.flex input[type="radio"] + label + input[type="radio"] {margin-left: 30px;}
input.num{padding-right:10px; text-align:right;}


/* date picker */
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button {display: none;}
input[type="date"]::-webkit-calendar-picker-indicator {z-index: 1; width: 30px; cursor: pointer; background: transparent;}
input.date,
input[type="date"].date {padding-right:30px; text-indent: 10px; cursor: pointer; background: url("../images/ico_calendar.svg") no-repeat right center #ffffff; background-position: right 8px center;}
input[type="date"].date{padding-right:30px; text-indent: 0px; padding-left: 9px; cursor: pointer;}
.datepickers-container {z-index: 99999;}
.datepicker--cell.-current-,
.datepicker--cell.-current-:hover {color: #ffffff !important; background-color: #4EB5E6;}

/* Select */
select::-ms-expand {display: none;}
select.select {padding: 0px 25px 0px 10px; text-indent: 0px; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select.select {background: no-repeat center center #ffffff; background-position: center right 7px;}

select::before {content: '';  width: 30px; height: 30px; right: 1px; top: 0px; text-align: center; transition: all .3s; background: no-repeat center center; background-position: center right 7px;}
select.select:active::before {top: 3px; transform: rotate(180deg); transition: all .3s;}

/* Multiple Select */
.multi_select{position:relative; width:100%; margin:4px 0; z-index:1;}
.multi_select .text_box{width:100%; height:30px; padding:0px 30px 0px 10px; line-height:30px; border:1px solid #bfcad5; border-radius:4px; font-size:13px; background: no-repeat center center #ffffff; background-position:center right 7px; cursor:pointer;}
.multi_select .text_box span{ width:100%; height:30px; line-height:23px; white-space:nowrap; overflow:hidden;  text-overflow:ellipsis;}
.multi_select .select_box{display:none; position:absolute; left:0; top:30px; width:100%; border:1px solid #bfcad5; border-radius:4px; background:#fff;}
.multi_select .select_box li{padding:5px 10px;}
.multi_select .tooltip_box{display:none; position:absolute; left:10%; bottom:40px; width:100%; padding:10px; border-radius:4px; font-size:12px; word-break:keep-all; color:#fff; background:rgba(0, 0, 0, .6);}
.multi_select .tooltip_box.on{display:block;}

/* group of form */
.date_box input.date{width:calc(50% - 14.5px) !important;}
.period_box select.select{width:calc(25% - 12.5px);}
.period_box.yy_mm select.select{width:calc(50% - 7px);}
.chks_box, .radio_box{display:inline-block; vertical-align:middle;}
.chks_box > *, .radio_box > *{float:left; padding:0 5px; line-height:36px;}
.chks_box::after, .radio_box::after{display:block; clear:both; content:'';}

/* Upload Form */
input[type="file"] {display: block; border: none; line-height: 30px; text-indent: 0px; cursor: pointer; background-color: transparent;}
input[type="file"]:focus {outline: none; box-shadow: none;}
.uploadForm .add__attach__info {display: block; margin-bottom: 5px; color: #2471F5;}
.uploadForm .add__attach {display: block; margin-bottom: 10px;}
.uploadForm ul.add__attach__list li:not(:first-child) {margin-top: 5px;}
.uploadForm span.add__attach__file {display: block; position: relative; overflow: hidden;}
.uploadForm span.add__attach__file:after {content: ''; display: block; clear: both;}
.uploadForm span.add__attach__file span.btn__attach {float: left; display: block; position: relative;}
.uploadForm span.add__attach__file span.btn__attach label.fileButton {display: block; overflow: hidden; width: 70px; height: 30px; margin: 0px; border: 1px solid #bcc8d5; border-radius: 4px; color: #444; text-align: center; line-height: 30px; vertical-align: middle; cursor: pointer; background-color: #dce0e2;}
.uploadForm span.add__attach__file span.btn__attach input.fileInput {position: absolute;width: 0; height: 0; top: -1px; right: 0px; padding: 0px !important; border: none; opacity: 0; filter: alpha(opacity=0); cursor: pointer;}
.uploadForm span.add__attach__file span.file {float: left; position: relative; display: block;}
.uploadForm span.add__attach__file span.file span.loc {display: block; overflow: hidden; max-width: 320px; height: 30px; padding: 0 35px 0 10px; font-size: 13px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle;}
.uploadForm span.add__attach__file span.file button.delete {position: absolute; overflow: hidden; width: 20px; height: 20px; right: 4px; top: 6px; border-radius: 3px; border: 1px solid #d4d4d4; transition: all .3s ease; text-indent: -999999px; align-items: baseline; text-decoration: none; cursor: pointer; background: url("../images/ico_file_delete.svg") no-repeat center center #ffffff;}
.uploadForm span.add__attach__file.on span.file button.delete {display: block; cursor: pointer;}

/* align */
input.alignl {text-align: left;}
input.alignc {text-align: center;}
input.alignr {padding-right: 10px; text-align: right;}






/* ========================================
										Button
======================================== */
a.btn,
button.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    min-width: 64px;
    height: 32px;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
    border-radius: var(--theme-border-radius-sm, 4px);
    border: 1px solid #6b7c9b;
    font-weight: 700;
    font-size: 13px;
    color: #444444;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-color: #ffffff;
    transform: rotate(0.03deg);
}
/* 버튼 크기(Size) 유틸리티 표준안 */
.btn.btn-lg {
    height: 40px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 15px !important;
}
.btn.btn-md {
    height: 32px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 13px !important;
}
.btn.btn-sm {
    height: 26px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 12px !important;
}
.btn.btn-xs {
    height: 20px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    font-size: 10.5px !important;
}

.btn.icontxt {padding-left: 40px; font-weight: 400; background-repeat: no-repeat; background-position: 19px center;}
.btn.icon {width: 15px; min-width: 15px; height: 16px; border: none; background: none; vertical-align: middle; background-repeat: no-repeat; background-position: center center;}
.btn.icon.square {width: 30px; min-width: 30px; height: 30px; padding: 0px; border-radius: 4px; border: 1px solid #6b7c9b;}
.btn.icon > span {display: block; overflow: hidden; text-indent: -999999px;}
a.btn > *{display: inline-block; cursor: pointer;}
a.btn,
button.btn > span{display:inline-block; line-height: 1.2;}
.btn + .btn {margin-left:5px;}
.btn:hover {border-color: #333333; color: #666666; text-decoration: none;}
.btn:active {border-color: #333333; color: #666666;}
.btn:disabled {border-color: #b7babc; color: #999999;}
.btn.search {border-color: transparent; color: #ffffff; background-color: #ff8000;}
.btn.search:hover {border-color: transparent; color: #ffffff; background-color: #ffa621;}
.btn.search:active {border-color: transparent; color: #ffffff; background-color: #ffa621;}
.btn.search:disabled {border-color: transparent; color: #ffffff; background-color: #d4ab82;}
.btn.activ {border-color: transparent; color: #ffffff; background-color: #4b5874;}
.btn.activ.login {width: 100%; height: 46px; font-weight: 500; font-size: 18px; line-height: 46px;}
.btn.activ.login.repass {background-color: #96a4bc;}
.btn.activ.login.repass:hover {background-color: #8b96a8;}
.btn.activ:hover {border-color: transparent; color: #ffffff; background-color: #2a3243;}
.btn.activ:active {border-color: transparent; color: #ffffff; background-color: #2a3243;}
.btn.activ:disabled {border-color: transparent; color: #ffffff; background-color: #bbbfc9;}
.btn.list.normal {font-weight: 400;}
.btn.list,
.btn.list.normal {border-color: #8797b4; color: #444444; background-color: #ebf0f5;}
.btn.list:hover,
.btn.list.normal:hover {border-color: #526a84; color: #444444; background-color: #f5f6f6;}
.btn.list:active,
.btn.list.normal:active {border-color: #526a84; color: #444444; background-color: #f5f6f6;}
.btn.list:disabled,
.btn.list.normal:disabled {border-color: #bcc8d5; color: #999999; background-color: #dce0e2;}
.btn.line {border-color: #6b7c9b; color: #444444; background-color: #ffffff;}
.btn.line:hover {border-color: #333333; color: #666666; background-color: #f6faff;}
.btn.line:active {border-color: #333333; color: #666666; background-color: #ffffff;}
.btn.line:disabled {border-color: #b8cee9; color: #999999; background-color: #ffffff;}
.btn.line.blue {border-color: #90bbf3; color: #265bb7; background-color: #f6faff;}
.btn.line.blue:hover {border-color: #1057fc; color: #0240ac; background-color: #f6faff;}
.btn.line.blue:active {border-color: #1057fc; color: #0240ac; background-color: #f6faff;}
.btn.line.blue:disabled {border-color: #b8cee9; color: #99a8c2; background-color: #f6faff;}
.btn.icontxt.download {background-image: url("../images/bg_ico_download.svg");}
.btn.icon.file {background-image: url("../images/bg_ico_file.svg");}
.btn.icon.file:hover,
.btn.icon.file:active {background-image: url("../images/bg_ico_file_h.svg");}
.btn.icon.file:disabled {background-image: url("../images/bg_ico_file_d.svg");}
.btn.icon.square.add {background-image: url("../images/bg_ico_add.svg");}
.btn.icon.square.del {background-image: url("../images/bg_ico_del.svg");}






/* ========================================
										Layout
======================================== */
/* common */
body.login {min-width: auto; background-color: #ffffff;}
#container { overflow-y: auto; width: 100%; padding: 0px; margin: 0px; background-color: #ffffff;}
#content {display: block; padding:40px 40px 40px;}
#container::after,
#content::after,
#footer::after {content: ''; display: block; clear: both;}

/* footer */
#footer {display: block; width: 100%; height: 40px; color: #444444; text-align: center; background-color: #C5CBD5;}
#footer > span {display: inline-block; margin: 17px auto 0px; font-size: 12px; text-align: center;}
#footer.fixed {position: fixed; bottom: 0px; left:  0px;}

/* grid system */
.row {display: flex; flex-wrap: wrap; width: 100%; margin: 0px; box-sizing: border-box;}
.row::after {content: ''; display: block; clear: both;}
.row + .row,
.tabbox + .title_area,
.tabbox + .title_area + .row + .title_area,
.title_area + .row + .title_area,
.row + .title_area,
.grid-container + .title_area {margin-top: 30px;}
.row .col { flex:1 0 0%; width:100%; max-width:100%; padding:10px; }
.row .col.col-1{flex:0 0 auto; width:8.33333333%;}
.row .col.col-2{flex:0 0 auto; width:16.66666667%;}
.row .col.col-3{flex:0 0 auto; width:25%;}
.row .col.col-4{flex:0 0 auto; width:33.33333333%;}
.row .col.col-5{flex:0 0 auto; width:41.66666667%;}
.row .col.col-6{flex:0 0 auto; width:50%;}
.row .col.col-7{flex:0 0 auto; width:58.33333333%;}
.row .col.col-8{flex:0 0 auto; width:66.66666667%;}
.row .col.col-9{flex:0 0 auto; width:75%;}
.row .col.col-10{flex:0 0 auto; width:83.33333333%;}
.row .col.col-11{flex:0 0 auto; width:91.66666667%;}
.row .col.col-12{flex:0 0 auto; width:100%;}
.roundbox {border-radius: 10px; background-color: #ffffff;}
.linebox {border: 1px solid #dbe3ec;}
.row + .row.contour {padding-top: 30px; border-top: 1px solid #dbe3ec;}
.col.fixed-h {max-height:calc(100vh - 252px); overflow-y:auto;}


/* LOGIN Layout  */
body.login form {width: 100%;}
.login_layout {display: flex; width: 100%; height: 100vh; flex-flow: row wrap; justify-content: center; align-content: center; text-align: center;}
.login_layout .logobox {display: block; width: 100%; height: auto; margin-bottom: 35px; text-align: center;}
.login_layout .logobox h1.login_logo {overflow: hidden; display: inline-block; width: 400px; height: 76px; margin: 0px auto; text-align: center; text-indent: -999999px; background: url("../etc/ci.svg") no-repeat center top; background-size: contain;}
.login_area {display: flex; flex-flow: column wrap; justify-content: center; align-content: center; text-align: center; width: 100%; height: 450px; padding: 0px; box-sizing: border-box; text-align: center; background-color: #dbe3ec;}
.login_formbox {display: inline-block; position: relative; width: 332px; height: auto; margin: 0px auto;}
.login_formbox input.login {width: 100%; height: 42px; box-sizing: border-box; font-size: 16px; text-align: center; color: #444444; text-indent: 0px;}
.login_formbox input.login::placeholder{font-size: 16px; text-align: center; color: #888888;}
.login_formbox input.login.repass::placeholder {font-size: 16px; text-align: center; color: #ff5700;}
.login_formbox input.login + label + input.login {margin-left: 0px; margin-top: 10px;}
.id_save {display: inline-block; position: absolute; top: 17px; right: -110px;}
.re_passbox {overflow: hidden; margin-top: 20px; padding-top: 20px; border-top: 1px solid #c4cdd6;}
.login_layout p.login.txt {display: block; width: 100%; margin-top: 20px; box-sizing: border-box; font-size: 13px; color: #888888; text-align: center;}
.login_layout p.login.txt + p.login.txt {margin-top: 12px; font-size: 10px;}
p.msgbox {display: block; width: 100%; margin-top: 10px; font-size: 11.5px; color: #3664b4; text-align: center; white-space: nowrap;}
p.msgbox + .btn.activ.login {margin-top: 19px;}
.repass_title {padding-bottom: 18px; box-sizing: border-box; border-bottom: 1px solid #c4cdd6; font-weight: 700; font-size: 18px; color: #444444;}
.repass_title + p.login.txt {margin-top: 15px; margin-bottom: 15px; padding: 0px 15px; color: #666666; line-height: 2em;}
.repass_title + p.login.txt > span {font-size: 11px;}

/* Guide */
#container.guide {padding: 0px; background-color: #fbfbfb;}
#container.guide .search_form{margin:15px 0}
.row pre.tagbox {display: block; flex-grow: 1; width: auto; }
pre.tagbox {display: block; width: 100%; padding: 10px 15px; box-sizing: border-box; border-radius: 6px; font-family: "Noto Sans KR", "Malgun Gothic", "맑은고딕", sans-serif; font-size: 12px; line-height: 1.6em; letter-spacing: -0.012em; background-color: #f3f3f3;}
.row + pre.tagbox {margin-top: 10px;}
pre.tagbox + pre.tagbox {margin-left: 15px;}
.exbg {font-size: 12px; border:1px solid #ddd; background-color: #f7f7f7;}



@media all and ( max-width:1400px ){
	.row .col.col-xxl-1{flex:0 0 auto; width:8.33333333%;}
	.row .col.col-xxl-2{flex:0 0 auto; width:16.66666667%;}
	.row .col.col-xxl-3{flex:0 0 auto; width:25%;}
	.row .col.col-xxl-4{flex:0 0 auto; width:33.33333333%;}
	.row .col.col-xxl-5{flex:0 0 auto; width:41.66666667%;}
	.row .col.col-xxl-6{flex:0 0 auto; width:50%;}
	.row .col.col-xxl-7{flex:0 0 auto; width:58.33333333%;}
	.row .col.col-xxl-8{flex:0 0 auto; width:66.66666667%;}
	.row .col.col-xxl-9{flex:0 0 auto; width:75%;}
	.row .col.col-xxl-10{flex:0 0 auto; width:83.33333333%;}
	.row .col.col-xxl-11{flex:0 0 auto; width:91.66666667%;}
	.row .col.col-xxl-12{flex:0 0 auto; width:100%;}
	.row .col.col-xxl-12.fixed-h{max-height:100%; overflow-y:unset;}
}

@media all and ( max-width:1200px ){
	.row .col.col-xl-1{flex:0 0 auto; width:8.33333333%;}
	.row .col.col-xl-2{flex:0 0 auto; width:16.66666667%;}
	.row .col.col-xl-3{flex:0 0 auto; width:25%;}
	.row .col.col-xl-4{flex:0 0 auto; width:33.33333333%;}
	.row .col.col-xl-5{flex:0 0 auto; width:41.66666667%;}
	.row .col.col-xl-6{flex:0 0 auto; width:50%;}
	.row .col.col-xl-7{flex:0 0 auto; width:58.33333333%;}
	.row .col.col-xl-8{flex:0 0 auto; width:66.66666667%;}
	.row .col.col-xl-9{flex:0 0 auto; width:75%;}
	.row .col.col-xl-10{flex:0 0 auto; width:83.33333333%;}
	.row .col.col-xl-11{flex:0 0 auto; width:91.66666667%;}
	.row .col.col-xl-12{flex:0 0 auto; width:100%;}
	.row .col.col-xl-12.fixed-h{max-height:100%; overflow-y:unset;}
}






/* ========================================
										Header
======================================== */
/* header */
#header {position: relative; z-index: 1000; width: 100%; height: 80px; border-bottom:1px solid  #ddd; text-align: center;}
#header > div{display:flex; justify-content:space-between; height:80px; padding:0 40px;}
#header.expand::after{display:block; width:100%; height:400px; border-bottom:1px solid #ddd; background:#fff; content:'';}
body.dashboard #header {border-bottom: 6px solid #374b6e;}
h1.logo{display:inline-block; width: 247px; height: 45px; margin-top:20px; text-indent: -999999px; background: url("../images/ci.png") no-repeat left top; background-size:contain;}
h1.logo a{display:block; width:100%; height:100%;}

/* nav */
#nav {display: inline-block; width:calc(85% - 247px); /*margin: 17px auto 0px;*/}
.gnb nav {z-index: 9998; font-family: "Noto Sans KR", "Malgun Gothic", "맑은고딕", sans-serif;}
.gnb nav > ul {z-index: 2; *zoom: 1;}
.gnb nav > ul:after {content:""; display: block; clear: both;}
.gnb nav > ul > li {position:relative; float: left; width:16.666%; list-style:none;}
.gnb nav > ul > li a {text-decoration: none;}
.gnb nav > ul > li > a {position:relative; display:inline-block; height:80px; padding: 0 20px; font-weight: 700; font-size: 18px; color: #444444; text-align: center; line-height:80px; letter-spacing: -0.04em; transform:rotate(0.03deg);}
.gnb nav > ul > li.on > a,
.gnb nav > ul > li > a[aria-expanded="true"] {border-bottom: solid 4px #e93557}
.gnb nav > ul > li.expand > a {border-radius: 5px 5px 0px 0px; color: #ffffff; background: #7083a5;}
.gnb nav > ul > li > a.expand {background: #7083a5;}
.gnb nav > ul > li div.sub_menu {display: none; position: absolute; z-index: 1001; left:0; top:80px; width: 100%; height:399px; padding: 0; border-left:1px solid #ddd; background: #fff;}
.gnb nav > ul > li > div.sub_menu.visible {display: block !important;}
.gnb nav > ul > li > div.sub_menu > ul {width: 100%; margin: 0 auto; padding: 0;}
.gnb nav > ul > li > div.sub_menu > ul > li {position: relative; margin:10px 20px; text-align: left; list-style: none; line-height:1.5;}
.gnb nav > ul > li > div.sub_menu > ul > li > a {font-size: 13px; font-weight:700; color: #444;}
.gnb nav > ul > li.on > div.sub_menu > ul > li.on > a,
.gnb nav > ul > li > div.sub_menu > ul > li.on > a,
.gnb nav > ul > li > div.sub_menu > ul > li > a:hover,
.gnb nav > ul > li > div.sub_menu > ul > li > a:focus {text-decoration: underline; text-underline-position: under;}
.gnb nav > ul > li:last-child > div.sub_menu{border-right:1px solid #ddd;}
.gnb nav .menu_depth3{padding-left:10px;}
.gnb nav .menu_depth3 > li{position:relative; padding:4px 6px; line-height:1;}
.gnb nav .menu_depth3 > li::before{position:absolute; left:0; top:14px; width:2px; height:2px; border-radius:50%; background:#444; content:'';}
.gnb nav .menu_depth3 > li > a{font-size:12px; font-weight:400; color:#444}
.gnb nav .menu_depth3 > li > a:hover,
.gnb nav .menu_depth3 > li > a:focus,
.gnb nav .menu_depth3 > li.on > a{text-decoration: underline; text-underline-position: under;}

/* h-section */
ul.hsection{width:15%; padding-top:30px; text-align:right;}
ul.hsection > li {display:inline-block; font-size: 13px; vertical-align: middle;}
ul.hsection > li + li {margin-left: 15px;}
ul.hsection > li strong.name {display: inline-block; font-weight: 700; font-size: 13px; color: #444444; vertical-align: middle;}
ul.hsection > li span.date {display: inline-block; font-weight: 400; font-size: 11px; color: #888888; vertical-align: middle;}
ul.hsection > li a.notice {display: inline-block; position: relative; z-index: 1; width: 21px; height: 22px; vertical-align: middle; cursor: pointer; background: url("../images/ico_notice.svg") no-repeat center center;}
ul.hsection > li a.notice span.count {position: absolute; z-index: 5; min-width: 18px; height: 18px; left: 8px; top: -6px; padding: 0px 5px; box-sizing: border-box; border-radius: 9px; font-size: 11px; line-height: 18px; text-align: center; color: #ffffff; cursor: pointer; background-color: #ff8000;}
ul.hsection > li a.notice:hover {background-image: url("../images/ico_notice_h.svg");}
ul.hsection > li a.notice:hover span.count {background-color: #ffa51e;}
ul.hsection > li a.logout {display: inline-block; width: 22px; height: 22px; font-size:0; vertical-align: middle; cursor: pointer; background: url("../images/btn_ico_logout.svg") no-repeat center center;}
ul.hsection > li a.logout:hover {background-image: url("../images/btn_ico_logout_h.svg");}




@media all and (max-width:1400px){
	h1.logo{width:180px; left:20px; top:18px;}
	.gnb nav > ul > li > a{padding:0 5px; font-size:16px;}
	.gnb nav > ul > li > div.sub_menu > ul > li a{font-size:12px;}
}






/* ========================================
										Title
======================================== */
/* Title CSS */
.title_area {width: 100%; margin-bottom: 5px; box-sizing: border-box;}
.title_area::after {content: ''; display: block; clear: both;}
.title_area.underline {padding-bottom: 10px; border-bottom: 1px solid #cad3dc;}
.title_area + .title_area {margin-top: 25px;}
.title_area .fleft {display: flex; align-items: center; align-content: center; vertical-align: bottom;}
.title_area .fright {display: flex; min-height: 30px; align-content: center; align-items: center; vertical-align: bottom;}
.title_area .fright.wrap{flex-flow:wrap;}
.title_area ul.location {display: inline-block;}
.title_area ul.location::after {content: ''; display: block; clear: both;}
.title_area ul.location li {float: left; height: 14px; font-size: 12px; color: #888888; line-height: 14px; transform:skew(-0.05deg);}
.title_area ul.location li + li {padding-left: 27px; background: url("../images/bg_location_arrow.svg") no-repeat 12px 4px;}
.title_area ul.location li:last-child {color: #444444;}
.title_area h2 {display: inline-block; padding-left: 23px; font-weight: 700; font-size: 22px; line-height: 1.6em; vertical-align: middle; background: url("../images/ico_title_bull_h2.svg") no-repeat left 7px;}
.title_area h3 {display: flex; min-height: 30px; font-weight: 700; font-size: 16px; color: #385c9b; align-items: center;}
.title_area h3.half {font-weight: 700; font-size: 16px; color: #444444;}
.title_area h4 {font-weight: 700; font-size: 15px; color: #385c9b;}
.title_area h5 {font-weight: 700; font-size: 14px; color: #444444;}
.title_area h2 + ul.location {min-height: 14px; margin-left: 30px; padding-left: 30px; border-left: 1px solid #cdd6df;}
.title_area .total_page {display: flex; min-height: 30px; font-size: 11px; align-items: flex-end;}
.title_area .legendbox {display: flex; min-height: 30px; font-size: 11px; align-items: flex-end;}
.title_area .total_page span {display: inline-block; margin-right: 4px; vertical-align: bottom;}
.title_area .total_page strong {display: inline-block; font-weight: 700; color: #266ae1; vertical-align: bottom;}
.title_area .total_page + .legendbox {display: flex; margin-left: 20px; min-height: 30px; font-size: 11px; align-items: flex-end;}
.title_area .legendbox span.notixtxt {color: #e1002a;}
.title_area .legendbox span.colbox {display: inline-block; width: 14px; height: 14px; margin-left: 5px; border: 1px solid #cad3dc; background-color: #ffff8a;}
.title_area .legendbox span.colbox.bgth {border-color: #cfe5fb; background-color: #ebf0f5;}
.title_area .legendbox span.colbox.bggray {border-color: #d9d8d8; background-color: #e7e7e7}
.title_area .legendbox span.colbox.bgPlus {border-color:#e6d1ce; background-color: #ffdad4}
.title_area .legendbox span.colbox.bgMius {border-color:#c5ddec; background-color:#d8f0ff}
.title_area h3 .num{display:inline-block; width:16px; height:16px; margin-right:5px; padding:3px 0; font-size:11px; text-align:center; border-radius:50%; color:#fff; background:#2D5905}
.title_area h3 + .total_page,
.title_area h3 + .legendbox {margin-left: 10px; align-items: center;}
.title_area h3 + .total_page::before,
.title_area h3 + .legendbox::before {content: '|'; display: inline-block; width: 9px; color: #cdd6df; text-align: left;}
.title_area h3 + .total_page + .legendbox {margin-left: 20px; align-items: center;}
.title_area input[type="checkbox"] + label,
.title_area input[type="radio"] + label {margin-left: 6px;}
.title_area select{width:110px; margin-left:10px;}
.title_area .txt_info{font-size:13px; color:#76603f}
span.aster_txt {position: relative; display: inline-block; padding-left: 12px; box-sizing: border-box; font-size: 11px; color: #444444;}
span.aster_txt::before {content: '*'; position: absolute; width: 10px; height: 8px; top: -2px; left: 0px; font-weight: 700; font-size: 16px; color: #e1002a; text-align: left;}
strong.contract_num {display: inline-block; font-weight: 700; font-size: 13px; line-height: 22px; color: #ff5700;}






/* ========================================
										Table
======================================== */
/* Table - Common */
table {table-layout: fixed; width: 100%;}
table thead th,
table thead td,
table tbody th,
table tbody td {height: 38px; padding: 5px; box-sizing: border-box; border: 1px solid #cad3dc; font-size: 12.5px; color: #444444; letter-spacing: -0.5px; vertical-align: middle;}
table tbody th label {font-weight: 700; font-size: 12px; color: #444444; text-align: center; letter-spacing: -0.0026em; vertical-align: middle;}
table thead th,
table tbody th {line-height:1.3; text-align: center; background-color: #ebf0f5;}
table tbody th strong.aster {position: relative; display: inline-block; padding-left: 8px; box-sizing: border-box; text-align: center;}
table tbody th strong.aster::before {content: '*'; position: absolute; width: 10px; height: 8px; left: 0px; font-weight: 700; font-size: 16px; color:#e1002a; text-align: left;}
table tbody th label strong.aster::before {margin-top: 4px;}
table tbody td {padding-left: 10px; padding-right: 10px; text-align: left; overflow:hidden;}
table tbody td a {color: #444444; text-decoration: underline; text-underline-position: under;}
table tbody td a:hover {text-decoration: underline;}
table td input[type="text"],
table td select.select,
table td input.date {width: 100%;}
table tbody tr.notice th {color: #ffffff; background-color: #fc8c8c;}
table tbody tr.notice td,
table tbody td.notice {color: #e1002a;}
table tbody tr.modify td {background-color: #d4fcf4;}
table tbody td.modify {background-color: #d4fcf4;}
table tbody td.stamp img {width: 100px;}
table td.alignl {text-align: left;}
table td.alignc {text-align: center;}
table td.alignr,
table td.alignr input[type="text"] {text-align: right;}
table td .flex .select {width: 20%;}
table td .flex + .row,
table td .row + .row {margin-top: 5px;}

/* Table - List */
.table_list {width:100%; border: 1px solid #d7dce3; border-top: 2px solid #99aec8;}
.tableFixHead {overflow: auto; white-space:nowrap;}
.tableFixHead table.list{table-layout:auto;}
.tableFixHead table.list thead {position: sticky; top: 0px; background-color: #d7dce3; z-index:1;}
table.list {table-layout: fixed; width: 100%; font-size: 12px;}
table.list thead {width: calc(100% - 17px);}
table.list thead th {position: relative; height: 32px; padding: 4px 8px; box-sizing: border-box; border: 1px solid #d7dce3; border-top: 0;font-size: 12px; font-weight: 700; color: #444444; vertical-align: middle; line-height: 1.5em; word-break: keep-all; background-color: #ebf0f5;}
table.list thead th:first-child,
table.list tbody td:first-child {border-left: 0px;}
table.list thead th:last-child,
table.list tbody td:last-child {border-right: 0px;}
table.list thead tr + tr + tr th {border-top: 1px solid #d7dce3;}
table.list thead tr.tfoot td {position: relative; height: 32px; padding: 4px 0px; box-sizing: border-box; font-size: 12px; font-weight: 700; color: #444444; text-align: center; vertical-align: middle; line-height: 1.5em; word-break: keep-all; background-color: #faffef;}
table.list thead tr.tfoot td:first-child {border-left: 0px;}
table.list thead tr.tfoot td:last-child {border-right: 0px;}
table.list thead tr.tfoot td.alignl {text-align: left; padding: 4px 10px;}
table.list thead tr.tfoot td.alignr {text-align: right; padding: 4px 10px;}
table.list tbody {overflow-y: scroll;}
table.list tbody th:first-child {border-left: 0px;}
table.list tbody td {height: 33px; overflow: hidden; border: 1px solid #d7dce3; line-height: 1.32em; text-align: center; text-overflow: ellipsis; white-space: nowrap; line-height: 1em; vertical-align: middle;}
table.list tbody td.alignl {text-align: left;}
table.list tbody td.alignr {text-align: right;}
table.list tbody td a {color: #444444; text-decoration: underline; text-underline-position: under;}
table.list tbody td a:hover{color:#2D5905; text-decoration:none;}
/* table.list tbody tr:nth-child(even) td {background-color: #f6f8fa;} */
table.list tbody tr.clickable-row {cursor: pointer;}
table.list tbody tr.nodata,
table.list tbody tr.clickable-row.slect,
table.list tbody tr.clickable-row.select {cursor: default;}
table.list tbody tr.nodata:hover td {background-color: #ffffff;}
table.statistic tbody th{font-weight:300; background-color:#fff;}

/* Table color */
table.list tbody tr:hover td {background-color: #ebf4ff;}
table.list tbody tr:active td,
table.list tbody tr.active td,
table.list tbody tr.slect td,
table.list tbody tr.select td {background-color: #fff5d4;}
table tbody tr.assume th,
table tbody tr.assume td {background-color: #d4edf3;}
table tbody tr td.total {font-weight: 700; background-color: #faffef;}
table tbody tr.error th {color: #ffffff; background-color: #fc8c8c;}
table tbody tr.error td {color: #e1002a;}
table tbody tr td.colbox,
table.list tbody tr td.error.colbox {background-color: #ffff8a;}
table.list tbody tr.error td {background-color: #fcbcbc;}
table tbody tr td.coltxt,
table tbody tr td.txtred,
table.list tbody tr td.error.coltxt {color: #e1002a;}
table tbody tr td.txtgreen,
table.list tbody tr td.error.txtgreen {color: #27b53f;}
table tbody tr td.txtblue,
table.list tbody tr td.error.txtblue {color: #0090ff;}
table tbody tr td.txtorg,
table.list tbody tr td.error.txtorg {color: #ff6c20;}
table thead tr th.bggray,
table thead tr th.nonActive,
table.list thead tr th.bggray,
table.list thead tr th.nonActive,
table.list tbody tr th.bggray,
table.list tbody tr td.bggray,
table.list tbody tr td.nonActive {background-color: #e7e7e7;}/* efefef */
table.list td input[type="text"],
table.list td select,
table.list td input.date {width: 100%;}

/* 합계 */
table tbody tr.sum td, 
table.new tbody tr.sum td{font-weight:700; color:#043F31; background-color:#f4ffef}
table tbody td.sum, table tbody th.sum{font-weight:700; color:#043F31; background-color:#f4ffef}

/* taxbill :: 세금계산서 */
.taxbill {overflow: hidden; padding: 10px;}
.taxbox + .taxbox {overflow: hidden; position: relative; z-index: 1; width: 100%; padding: 0px; margin-top: -1px;}
.taxbox:nth-child(2) {z-index: 5;}
table.taxbill {table-layout: fixed; width: 100%; padding: 0px; font-family: "Noto Sans KR", sans-serif; color: #333333;}
table.taxbill tbody th,
table.taxbill tbody td {padding: 0px; box-sizing: border-box; border: 1px solid #bcbfc1; font-weight: 700; font-size: 10.5px; letter-spacing:-0.5px; line-height:1.3; text-align: center; vertical-align: middle;}
table.taxbill tbody th.supplier,
table.taxbill tbody th.contractor {padding: 0px; text-align: center;}
table.taxbill tbody th.supplier {color: #e10d0d; background-color: #ffd9d9;}
table.taxbill tbody th.contractor {color: #337bc5; background-color: #c2d9f2;}
table.taxbill tbody td.supplier,
table.taxbill tbody td.contractor {padding: 0px; text-align: center; font-weight:700;}
table.taxbill tbody td.supplier {color: #af5f5f; background-color: #fff2f2;}
table.taxbill tbody td.contractor {color: #3a77a2; background-color: #f2f5ff;}
table.taxbill tbody td {padding-left: 4px; padding-right: 4px; text-align: left; font-weight:400;}
.taxbox:nth-child(2) table.taxbill tbody tr:first-child th:nth-child(1),
.taxbox:nth-child(2) table.taxbill tbody tr:first-child td:nth-child(-n+5) {border-top-color: #ea5555;}
.taxbox:nth-child(2) table.taxbill tbody tr:first-child th:nth-child(6),
.taxbox:nth-child(2) table.taxbill tbody tr:first-child td:nth-child(n+6) {border-top-color: #5396da;}
table.taxbill.head tbody th {font-weight: 700; font-size: 12.5px; text-align: center; background-color: #f9fafb;}
table.taxbill.head tbody td {font-weight: 400; text-align: center; background-color: #f9fafb;}
table.taxbill.content thead th,
table.taxbill.content tbody th {border: 1px solid #bcbfc1; text-align: center; font-size:11px; background-color: #f9fafb;}
table.taxbill.content tbody td.alignc {padding: 0px;}
table.taxbill.content tbody td strong {font-size: 13px;}

/* Grid Table  */
.grid-container {display: block; width: 100%; box-sizing: border-box;}
.glist {border-top: 2px solid #99aec8; font-family: "Noto Sans KR", "Malgun Gothic", "맑은고딕", sans-serif;}
.glist .ui-widget-content {border: none; background: #ffffff;}
.glist .ui-jqgrid {overflow-x: hidden; width: 100% !important; border: 1px solid #d7dce3; border-top: none; background: #ffffff;}
.glist .ui-jqgrid-htable th:first-child,
.glist .ui-jqgrid-btable td:first-child,
.glist .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr:first-child {border-left: none;}
.glist .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr:last-child,
.glist .ui-jqgrid-btable td:last-child {border-right: none;}
.glist .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {position: relative; border-left: 1px solid #cad3dc;}
.glist .ui-jqgrid .ui-jqgrid-resize-ltr {position: absolute; float: none; top: 0px; right: 0px; margin: 0px -2px -2px 0;}
.glist .ui-corner-all, .glist .ui-corner-top,
.glist .ui-corner-bottom,
.glist .ui-corner-right,
.glist .ui-corner-left,
.glist .ui-corner-br,
.glist .ui-corner-tl,
.glist .ui-corner-tr {border-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px;}
.glist .ui-jqgrid .ui-jqgrid-hdiv {box-sizing: border-box !important;}
.glist .ui-jqgrid .ui-jqgrid-view {width: calc(100% + 1px) !important; box-sizing: border-box; font-size: 13px;} /*width: calc(100% + 1px) !important;*/
.glist .ui-state-default,
.glist .ui-widget-content .ui-state-default,
.glist .ui-widget-header .ui-state-default {border: 1px solid #d7dce3; color: #444444; background: #ebf0f5;}
.glist .ui-jqgrid .ui-jqgrid-htable {table-layout: fixed;/* width: 100% !important;*/}
.glist .ui-jqgrid .ui-jqgrid-htable.autoH{table-layout:auto;}
.glist .ui-jqgrid .ui-jqgrid-labels th {height: 32px; padding: 0px; font-size: 13px; line-height: 22px; vertical-align: middle;} /*height: 22px; padding: 3px 1px;*/
.glist .ui-jqgrid .ui-jqgrid-htable thead th.bggray,
.glist .ui-jqgrid .ui-jqgrid-htable thead th.nonActive,
.glist .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-sortable.nonActive {background: #e7e7e7 !important;}
.glist .ui-jqgrid .jqg-first-row-header th {height:  0px; padding:  0px;}
.glist .ui-jqgrid .jqg-second-row-header th {height: 32px !important;}
.glist .ui-jqgrid tr.jqgrow td {height: 33px; padding: 0 8px; border-color: #cad3dc; font-size: 13px; vertical-align: middle;}
.glist .ui-jqgrid .ui-jqgrid-bdiv .jqgrid-rownum:first-child {border-top: none;}
.glist .ui-jqgrid .ui-icon-asc {margin-top: -11px;}
.glist .ui-jqgrid .ui-icon-desc {margin-top: -4px;}
.glist .ui-icon-triangle-1-n {background-position: 1px -16px;}
.glist .ui-jqgrid-btable .ui-widget-content {border: none;}
.glist .ui-jqgrid-btable td {text-overflow: ellipsis;}
.glist .ui-jqgrid tr.ui-row-ltr td {border-color: #cad3dc;}
.glist .ui-jqgrid .ui-jqgrid-htable th div {position: static; display: flex; min-height: 32px; margin: auto auto; text-align: center; line-height: 1em; vertical-align: middle; justify-content: center; align-content: center; align-items: center;}
.glist .ui-jqgrid table td input[type="text"],
.glist .ui-jqgrid table td select {width: 100% !important; box-sizing: border-box;}
.glist .ui-jqgrid input[type="radio"],
.glist .ui-jqgrid input[type="checkbox"] {width: 20px; height: 20px;}
.glist .ui-jqgrid-htable .ui-state-hover {background: none;}
.glist .ui-jqgrid-btable .ui-state-hover {border: none; background: #ebf4ff;}
.glist .ui-state-highlight,
.glist .ui-widget-content .ui-state-highlight,
.glist .ui-widget-header .ui-state-highlight,
.glist .ui-widget-content .selected-row.ui-state-hover {border-top: none; background: #fff5d4;}
/* .glist.tfoot .ui-jqgrid-view {padding-bottom: 17px;} */
.glist.tfoot .ui-jqgrid-sdiv .ui-jqgrid-ftable td {height: 32px; padding:0 8px; border: 1px solid #d7dce3; border-left: none; font-size: 12px; font-weight: 700; color: #444444; vertical-align: middle; word-break: keep-all; background-color: #faffef;}
/*
.glist.tfoot .ui-jqgrid-bdiv {padding-bottom: 33px;}
.glist.tfoot .ui-jqgrid-bdiv + .ui-jqgrid-sdiv {margin-top: -33px;}
*/
.glist .ui-jqgrid .ui-jqgrid-pager {height:  auto;}
.glist .ui-jqgrid .ui-separator {border-left: none; border-right: none;}
.glist .ui-jqgrid .ui-pg-table {width: auto; padding-bottom:  0px; text-align: center; margin: 0px auto;}
.glist .ui-jqgrid .ui-jqgrid-view button{height:24px; line-height:24px;}
.glist table.ui-pg-table thead th,
.glist table.ui-pg-table thead td,
.glist table.ui-pg-table tbody th,
.glist table.ui-pg-table tbody td,
.glist table thead th,
.glist table thead td,
.glist table tbody th,
.glist table tbody td {height: 33px; border: none;}
.glist #pager_center {width: auto !important; min-width: 218px;}
.glist .ui-jqgrid .ui-jqgrid-pager .ui-pg-button.ui-corner-all {width: 20px;}
.glist .ui-pg-table td.ui-state-disabled + td {width:  auto; text-align: center; vertical-align: middle;}
.glist .ui-pg-table td.ui-state-disabled + td dir {width: auto;}
.glist .ui-pg-table td.ui-state-disabled + td input.ui-pg-input {width: auto !important; min-width: 50px; height: 22px; margin: 0; padding:  0px 5px; font-size: 12px; line-height: 18px; text-indent: 0px; text-align: right; background: #ffffff;}
.glist .ui-pg-table td.ui-state-disabled + td span {display: inline-block; vertical-align: middle;}
.glist .ui-pg-table .ui-state-hover {border: none; background: none;}
.glist .ui-state-default.ui-jqgrid-pager {border:  none !important; background: none !important;}
.glist .ui-jqgrid .ui-pg-selbox {display: block; min-width: 60px; height: 22px; margin: 0; font-size: 12px; line-height: 18px; text-indent: 0px; background: #ffffff;}
.glist .paging_area {margin-top:  15px;}

/* Adress Table */
.adress_list {border-top: 2px solid #222;}
.adress_list table thead th, .adress_list table tbody th{background-color:#fff}
.adress_list tbody td{text-align:center}
.ico.adress{display:inline-block; width:70px; padding:5px 0; border-radius:60px; text-align:center; color:#fff; background:#043F31}
.ico.adress.place{background-color:#94B6AE}

/* paging_area */
.table_list + .paging_area {margin-top: 20px;}
.adress_list + .paging_area {margin-top: 20px;}
.paging_area {display: block; position: relative; z-index: 1; width: 100%; font-size: 0; letter-spacing: 0; word-spacing: 0; text-align: center;}
.paging_area::after {content: ''; display: block; clear: both;}
.paging_area > a,
.paging_area > strong {display: inline-block; min-height: 12px; min-width: 15px; font-weight: 400; font-size: 13px; color: #444444; text-align: center; text-decoration: none; vertical-align: middle;}
.paging_area > strong {font-weight: 700;}
.paging_area > a + a,
.paging_area > a + strong,
.paging_area > strong + a {margin-left: 17px;}
.paging_area > a:hover {font-weight: 700;}
.paging_area > a.first {min-width: 13px; height: 12px; background: url("../images/ico_paging_fisrt.svg") no-repeat center center;}
.paging_area > a.prev {min-width: 7px; height: 12px; background: url("../images/ico_paging_prev.svg") no-repeat center center;}
.paging_area > a.next {min-width: 7px; height: 12px; background: url("../images/ico_paging_next.svg") no-repeat center center;}
.paging_area > a.last {min-width: 13px; height: 12px; background: url("../images/ico_paging_last.svg") no-repeat center center;}
.paging_area > a > span {display: block; height: 12px; overflow: hidden; text-indent: -999999px;}
.paging_area > a.first:hover {background-image: url("../images/ico_paging_fisrt_h.svg");}
.paging_area > a.prev:hover {background-image: url("../images/ico_paging_prev_h.svg");}
.paging_area > a.next:hover {background-image: url("../images/ico_paging_next_h.svg");}
.paging_area > a.last:hover {background-image: url("../images/ico_paging_last_h.svg");}

/* Total View */
.total_box {display: block; width: 100%; padding: 20px 30px; box-sizing: border-box; border-radius: 10px; border: 1px solid #dbe3ec; background-color: #faffef;}
dl.total {display: flex; width: 100%; box-sizing: border-box; font-family: "Noto Sans KR"; font-weight: 400; font-size: 14px; align-content: center; line-height: 1em; letter-spacing: 0.0em;}
dl.total::after {content: ''; display: block; clear: both;}
dl.total > dt.tdt {font-weight: 700; color: #000000;}
dl.total > dd.tdd > strong {font-weight: 700; color: #1e5ece;}
dl.total > dt.tdt + dd.tdd {margin-left: 10px;}
dl.total > dd.tdd + dt.tdt {margin-left: 30px;}
dl.total > dd.tdd + dt.tdt::before {content: '|'; display: inline-block; width: 31px; font-weight: 300; color: #7eb38a; text-align: left;}

/* info_box */
ul.info_box {overflow: hidden; font-family: "Noto Sans KR", "Malgun Gothic", "맑은고딕", sans-serif; font-weight: 400; font-size: 13px; list-style: none;}
ul.info_box li {line-height: 1.6em; letter-spacing: 0em;}
ul.info_box li:before {content: '※'; display: inline-block; margin-right: 8px;}
ul.info_box li + li {margin-top: 8px;}
ul.info_box li li {padding-left:  19px;}
ul.info_box li li:before {content: '-'; display: inline-block; margin-right: 8px;}
ul.info_box li li + li {margin-top: 0px;}
ul.info_box li li:last-child {line-height: 1.46em;}
ul.info_box.small li {font-size: 12px; line-height: 1.3em; letter-spacing: -0.018em;}
ul.info_box.small li + li {margin-top: 5px;}

/* validation check */
.txt_valid{ margin-top:8px; font-size:12px;}
.txt_valid.fail{color:#e1002a;}
.txt_valid.success{color:#55A30F;}
.valid_box{display:none; position:absolute; bottom:86px; left:0; right:0; width:100%; height:40px; padding:10px 15px; font-size:12px; border:1px solid #ddd; text-align:center;}
.valid_box span{position:relative; display:inline-block; padding-left:20px; margin:0 10px; line-height:1.3;}
.valid_box span::before{position:absolute;left:0; top:0; width:15px; height:15px; text-align:center; font-weight:700; border-radius:50%; content:'!'; color:#fff; background:#ddd;}
.valid_box.fail{border-color:#f6e4d8; color:#FD8C43; background-color:#fff9f5;}
.valid_box.fail span::before{background-color:#FD8C43}
.valid_box.on{display:block;}
.valid_box.success{border-color:#dff0d1; color:#55A30F; background-color:#ecf8e4}
.valid_box.success span::before{background-color:#55A30F}
.form-fail{border-color:#FD8C43 !important}

/* ========================================
										Tab
======================================== */
.tabbox {position: relative; z-index: 1; width: 100%; box-sizing: border-box;}
ul.tablist {width: 100%; height: 38px; box-sizing: border-box; white-space: nowrap; background: url("../images/bg_tab_line.svg") repeat-x left bottom;}
.tabbox,
ul.tablist::after {content: ''; display: block; clear: both;}
ul.tablist > li {float: left; min-width: 230px; height: 38px; padding-left: 35px; padding-right: 35px; box-sizing: border-box; border-radius: 8px 8px 0px 0px; border: 1px solid #d7dce3; line-height: 38px; text-align: center; white-space: nowrap;}
ul.tablist > li a {display: block; height: 38px; font-weight: 700; font-size: 13px; color: #444444; line-height: 38px; text-decoration: none;}
ul.tablist > li a:hover {text-decoration: none;}
ul.tablist > li.on {border-color: #6b7c9b; background-color: #6b7c9b;}
ul.tablist > li.on a {color: #ffffff;}
ul.tablist > li + li {margin-left: 1px;}
ul.tablist.small > li {min-width: 178px;}
ul.tablist.flex > li {float: none; flex-grow: 1; min-width: 15%;}
.tab {padding-top: 20px;}
.tab.hidden{width:100%; height:auto;}
ul.tablist.flex + .tab,
ul.tablist + .tab.npad,
.tab.npad {padding-top: 0px}
.tabbtn_box {position: absolute; top: 2px; right: 0px; text-align: right;}
.tabbox.scroll .tab{height:calc(100vh - 300px); padding-right:10px; overflow-y:auto;}



@media all and ( max-width:1600px ){
	ul.tablist.responsive{display:flex;}
	ul.tablist.responsive > li{float:none; flex:1 1 auto; min-width:auto;}
}

@media all and ( max-width:1280px ){
	ul.tablist > li{min-width:180px;}
}


/* ========================================
										Search box - 추후 삭제 예정(REC 버전)
======================================== */
/* search_box */
.title_area + .search_box {margin-top: 15px;}
.search_box {display: flex; align-items: center; width: 100%; margin-bottom: 20px; padding: 13px 30px; box-sizing: border-box; border-radius: 8px; border: 1px solid #d7dce3; align-items: center; background-color: #f6f8fa;}
.search_box table.search {position: relative; table-layout: auto; border: none;}
.search_box table.search tbody tr {font-size: 0; letter-spacing: 0; word-spacing: 0;}
.search_box table.search tbody th,
.search_box table.search tbody td {padding: 0px; border: 0px; letter-spacing: 0; word-spacing: 0; text-align: left; vertical-align: middle; background-color: transparent;}
.search_box table.search tbody td + th {padding-left: 30px; padding-right: 10px;}
.search_box table.search tbody td + td {padding-left: 30px;}
.search_box table.search tbody th {padding-right: 10px; font-size: 13px; font-weight: 700;}
.search_box table.search tbody td {font-size: 0; letter-spacing: 0; word-spacing: 0;}
.search_box table.search tbody td span {display: inline-block; font-size: 13px; vertical-align: middle;}
.search_box table.search tbody td input[tyee="text"],
.search_box table.search tbody td input.date,
.search_box table.search tbody td select {width: 100%;}
.search_box table.search tbody td input + input,
.search_box table.search tbody td input + select,
.search_box table.search tbody td input + button,
.search_box table.search tbody td input + span,
.search_box table.search tbody td select + input,
.search_box table.search tbody td select + select,
.search_box table.search tbody td select + button,
.search_box table.search tbody td select + span,
.search_box table.search tbody td button + input,
.search_box table.search tbody td button + select,
.search_box table.search tbody td button + button,
.search_box table.search tbody td button + span,
.search_box table.search tbody td span + input,
.search_box table.search tbody td span + select,
.search_box table.search tbody td span + button,
.search_box table.search tbody td span + span {margin-left:5px;}
.search_box table.search tbody td input[type="checkbox"] + label,
.search_box table.search tbody td input[type="radio"] + label {margin-left:5px;}
.search_box .btnsrch {display: inline-block; margin-left: 30px; padding-left: 30px; border-left: 1px solid #d7dce3; font-size: 0; letter-spacing: 0; word-spacing: 0;}
.search_box .btnsrch button + button {margin-left: 6px; transform: translate3d(0);}






/* ========================================
										Search form
======================================== */
/* search form - responsible */
.title_area + .search_form {margin-top: 15px;}
.search_form{display: flex; align-items: center; width: 100%; margin-bottom: 20px; padding: 13px 30px 13px 0; box-sizing: border-box; border-radius: 8px; border: 1px solid #d7dce3; align-items: center; background-color: #f6f8fa;}
.search_form form{display:contents;}
.search_form .row_group{width:calc(100% - 175px); padding:0 30px;}
.search_form.small .row_group{max-width:1280px;}
.search_form .row{display:flex; flex-flow:wrap; }
.search_form .row + .row{margin-top:0}
.search_form .row .col + .col{margin:0}
.search_form .row div.col > *{flex:1 1 auto;}
.search_form .row .col {display:flex; flex:1 0 0%; width:100%; max-width:100%; padding:0;}
.search_form .col.col_1{flex:0 0 auto; width:8.33333333%;}
.search_form .col.col_2{flex:0 0 auto; width:16.66666667%;}
.search_form .col.col_3{flex:0 0 auto; width:25%;}
.search_form .col.col_4{flex:0 0 auto; width:33.33333333%;}
.search_form .col.col_5{flex:0 0 auto; width:41.66666667%;}
.search_form .col.col_6{flex:0 0 auto; width:50%;}
.search_form .col.col_7{flex:0 0 auto; width:58.33333333%;}
.search_form .col.col_8{flex:0 0 auto; width:66.66666667%;}
.search_form .col.col_9{flex:0 0 auto; width:75%;}
.search_form .col.col_10{flex:0 0 auto; width:83.33333333%;}
.search_form .col.col_11{flex:0 0 auto; width:91.66666667%;}
.search_form .col.col_12{flex:0 0 auto; width:100%;}
.search_form .col dt, .search_form .col dd{padding:2px 0; line-height:34px;}
.search_form .col dt{flex:0 0 auto; min-width:110px; padding-right:5px; font-size: 13px; font-weight: 700; letter-spacing:-1px; text-align:right;}
.search_form .col dt > span{display:inline-block;line-height:1.5}
.search_form .col dd{flex:1 1 auto;}
.search_form .col dd span{display: inline-block; font-size: 13px; line-height:30px; vertical-align: middle;}
.search_form .col.no_dt dd{width:100%; padding-left:10px;}
.search_form .col.wide dt{width:40%;}
.search_form .col.wide dd{width:60%;}
.search_form .col.wide br{display:none;}

/* search form - form tags */
.search_form input[type="text"], .search_form input.date, .search_form select{width: 100%;}
.search_form input + input,
.search_form input + select,
.search_form input + button,
.search_form input + span,
.search_form select + input,
.search_form select + select,
.search_form select + button,
.search_form select + span,
.search_form button + input,
.search_form button + select,
.search_form button + button,
.search_form button + span,
.search_form span + input,
.search_form span + select,
.search_form span + button,
.search_form span + span {margin-left:5px;}
.search_box input[type="checkbox"] + label,
.search_box input[type="radio"] + label {margin-left:5px;}

/* search form - form tags box */
.search_form .sch_box{width:100%}
.search_form .sch_box select{width:160px;}
.search_form .sch_box input{width:calc(100% - 170px);}

/* search form - buttons */
.search_form .btnsrch {display: inline-block; width:175px; padding-left: 30px; border-left: 1px solid #d7dce3; font-size: 0; letter-spacing: 0; word-spacing: 0;}
.search_form .btnsrch button{min-width:64px;}
.search_form .btnsrch button + button {margin-left: 6px; transform: translate3d(0);}

/* search form - table */
.search_form .tbl_group{padding-right:30px;}
.search_form table.search {position: relative; table-layout: auto; border: none;}
.search_form table.search tbody tr {font-size: 0; letter-spacing: 0; word-spacing: 0;}
.search_form table.search tbody th,
.search_form table.search tbody td {padding: 0px; border: 0px; letter-spacing: 0; word-spacing: 0; text-align: left; vertical-align: middle; background-color: transparent;}
.search_form table.search tbody td + th {padding:0 10px;}
.search_form table.search tbody td + td {padding-left: 10px;}
.search_form table.search tbody th {padding-right: 10px; text-align:right; font-size: 13px; font-weight: 700;}
.search_form table.search tbody td {font-size: 0; letter-spacing: 0; word-spacing: 0;}
.search_form table.search tbody td span {display: inline-block; font-size: 13px; line-height:30px; vertical-align: middle;}

/* search top */
.search_top{width:100%; padding:10px 20px; border:1px solid #B3CF0A}





@media all and ( max-width:1600px ){
	.search_form .col.col_xxxl_1{flex:0 0 auto; width:8.33333333%;}
	.search_form .col.col_xxxl_2{flex:0 0 auto; width:16.66666667%;}
	.search_form .col.col_xxxl_3{flex:0 0 auto; width:25%;}
	.search_form .col.col_xxxl_4{flex:0 0 auto; width:33.33333333%;}
	.search_form .col.col_xxxl_5{flex:0 0 auto; width:41.66666667%;}
	.search_form .col.col_xxxl_6{flex:0 0 auto; width:50%;}
	.search_form .col.col_xxxl_7{flex:0 0 auto; width:58.33333333%;}
	.search_form .col.col_xxxl_8{flex:0 0 auto; width:66.66666667%;}
	.search_form .col.col_xxxl_9{flex:0 0 auto; width:75%;}
	.search_form .col.col_xxxl_10{flex:0 0 auto; width:83.33333333%;}
	.search_form .col.col_xxxl_11{flex:0 0 auto; width:91.66666667%;}
	.search_form .col.col_xxxl_12{flex:0 0 auto; width:100%;}
}

@media all and ( max-width:1400px ){
	.search_form .col.col_xxl_1{flex:0 0 auto; width:8.33333333%;}
	.search_form .col.col_xxl_2{flex:0 0 auto; width:16.66666667%;}
	.search_form .col.col_xxl_3{flex:0 0 auto; width:25%;}
	.search_form .col.col_xxl_4{flex:0 0 auto; width:33.33333333%;}
	.search_form .col.col_xxl_5{flex:0 0 auto; width:41.66666667%;}
	.search_form .col.col_xxl_6{flex:0 0 auto; width:50%;}
	.search_form .col.col_xxl_7{flex:0 0 auto; width:58.33333333%;}
	.search_form .col.col_xxl_8{flex:0 0 auto; width:66.66666667%;}
	.search_form .col.col_xxl_9{flex:0 0 auto; width:75%;}
	.search_form .col.col_xxl_10{flex:0 0 auto; width:83.33333333%;}
	.search_form .col.col_xxl_11{flex:0 0 auto; width:91.66666667%;}
	.search_form .col.col_xxl_12{flex:0 0 auto; width:100%;}
}

/* search form - grid system */
@media all and ( max-width:1200px ){
	.search_form .col.col_xl_1{flex:0 0 auto; width:8.33333333%;}
	.search_form .col.col_xl_2{flex:0 0 auto; width:16.66666667%;}
	.search_form .col.col_xl_3{flex:0 0 auto; width:25%;}
	.search_form .col.col_xl_4{flex:0 0 auto; width:33.33333333%;}
	.search_form .col.col_xl_5{flex:0 0 auto; width:41.66666667%;}
	.search_form .col.col_xl_6{flex:0 0 auto; width:50%;}
	.search_form .col.col_xl_7{flex:0 0 auto; width:58.33333333%;}
	.search_form .col.col_xl_8{flex:0 0 auto; width:66.66666667%;}
	.search_form .col.col_xl_9{flex:0 0 auto; width:75%;}
	.search_form .col.col_xl_10{flex:0 0 auto; width:83.33333333%;}
	.search_form .col.col_xl_11{flex:0 0 auto; width:91.66666667%;}
	.search_form .col.col_xl_12{flex:0 0 auto; width:100%;}
	.search_form .col.col_xl_12.wide dt{width:110px;}
	.search_form .col.col_xl_12.wide dd{width:calc(100% - 110px);}
	.search_form .col.col_xl_12.wide dt br{display:block;}
}






/* ========================================
										Tree
======================================== */
.tree {overflow: auto; padding: 15px; box-sizing: border-box; border: 1px solid #dbe3ec;}






/* ========================================
										File Layout
======================================== */
.file_layout {width: 100%; height:calc(100vh - 297px); padding: 16px 20px 20px; box-sizing: border-box; border: solid 1px #cad3dc; background-color: #ebf0f5;}
ul.file_list{max-height:72px; padding: 4px 0 4px; margin-bottom: 15px; overflow-y:auto;}
ul.file_list::after {content: ''; display: block; clear: both;}
ul.file_list li {float:left; width: 50%; min-height: 18px; margin-top: 8px; letter-spacing: 0; word-spacing: 0; vertical-align: bottom;}
ul.file_list li > strong.title {position: relative; display: inline-block; width:150px; padding-left:10px; padding-right: 10px; font-size: 12px; font-weight: 700; vertical-align: bottom; background: url("../images/bg_bull_01.svg") no-repeat 0 6px; letter-spacing:-1px;}
ul.file_list li:nth-child(1),
ul.file_list li:nth-child(2) {margin-top: 0px;}
ul.file_list li .cont{display:inline-block; width:calc(100% - 170px);}
ul.file_list li .cont a,
ul.file_list li .cont span {display: inline-block; font-size: 11px; color: #444444; vertical-align: bottom;}
ul.file_list li .cont a {overflow: hidden; max-width:calc(100% - 100px); text-decoration: underline; text-underline-position: under; color: #1e5ece; white-space: nowrap; text-overflow: ellipsis;}
ul.file_list li .cont span {margin-left: 8px;}
ul.file_list li .cont a.btn.icon.file{max-width:15px; width:15px;}
ul.file_list li::after{content: ''; display: block; clear: both;}
ul.file_list.row1 {height: 20px;}
ul.file_list.row1 li {float: none; width: 100%;}
ul.file_list.row1 + .viewbox {overflow-y: auto; min-height: 652px; height: calc(100vh - 316px); text-align: center;}
ul.file_list.row1 + .viewbox.reheight {height: calc(100vh - 379px);}
ul.file_list.full li{float: none; width: 100%; margin-top:0 !important;}
.file_layout .viewbox {overflow-y: auto; height:calc(100vh - 422px); padding: 0px; box-sizing: border-box; border: 1px solid #bcc8d5; font-size: 0; letter-spacing: 0; word-spacing: 0; text-align: center; background-color: #ffffff;}
.file_layout .viewbox img {width: 100%; height: auto; margin: 0px auto; border: none;}
.file_layout .viewbox iframe {overflow: hidden; width: 100%; min-height: inherit; height: 100%; margin: 0px auto; border: none;}
.pop_content .file_layout ul.file_list li > a {max-width: 40%;}
.flex-fileBox{display:flex; flex-flow:wrap;}
.flex-fileBox > *{margin:2px;}
.flex-fileBox .uploadForm span.add__attach__file span.file{width:calc(100% - 70px);}
ul.file_list.notice{max-height:100%; overflow:visible; margin-bottom:0;}
ul.file_list.notice li{float:none; width:100%; margin:4px 0 !important;}
ul.file_list.notice a, ul.file_list.notice span{color:#444}


@media all and ( max-width:1400px ){
	ul.file_list li{width:100%;}
	ul.file_list li:nth-child(2) {margin-top: 8px;}
}

@media all and ( max-width:1200px ){
	.file_layout{height:auto;}
	.file_layout .viewbox{height:500px;}
}


/* ========================================
										Step List
======================================== */
.list_step{width:100%; padding:20px; border:1px solid #ddd}
.list_step ul{display:flex; width:100%; justify-content:center;}
.list_step ul li{position:relative; min-width:100px; text-align:center; font-size:12px;}
.list_step ul li::before{content:''; position:absolute; left:0; z-index:1; top:15px; width:50%; height:1px; background:#ddd}
.list_step ul li::after{content:''; position:absolute; right:0; z-index:1; top:15px; width:50%; height:1px; background:#ddd}
.list_step ul li:first-child::before{display:none}
.list_step ul li:last-child::after{display:none}
.list_step ul li > span{position:relative; display:block;}
.list_step ul li .num{z-index:2; width:28px; height:28px; margin:0 auto 7px; padding:9px 0; border-radius:50%; font-size:14px; font-weight:700; color:#fff; background:#ddd}
.list_step ul li.current .num{background:#55A30F}
.list_step ul li.current::before{background-color:#55A30F}
.list_step ul li.prev .num{font-size:0; background:url('../images/ico_check_white.png') no-repeat center #55A30F; background-size:15px;}
.list_step ul li.prev::before, .list_step ul li.prev::after{background-color:#55A30F}






/* ========================================
										Schedule List
======================================== */
.list_schedule{width:100%; padding:30px 5px; border:1px solid #ddd;}
.list_schedule ul{display:flex; width:100%;}
.list_schedule ul li{flex:1 1 auto; position:relative; text-align:center; font-size:12px;}
.list_schedule ul li::before{content:''; position:absolute; left:0; z-index:1; top:18px; width:50%; height:1px; background:#ddd}
.list_schedule ul li::after{content:''; position:absolute; right:0; z-index:1; top:18px; width:50%; height:1px; background:#ddd}
.list_schedule ul li:first-child::before{display:none;}
.list_schedule ul li:last-child::after{display:none;}
.list_schedule ul li > span{display:block; color:#888}
.list_schedule ul li .tit{position:relative; margin:0 0 5px 0; padding:43px 0 0 0; font-size:13px;}
.list_schedule ul li .tit::before{content:''; position:absolute; left:50%; top:0; z-index:2; width:36px; height:36px; margin-left:-18px; border-radius:50%; background:url('../images/ico_check_white.png') no-repeat center #ddd; background-size:19px;}
.list_schedule ul li.on > span{color:#55A30F}
.list_schedule ul li.on .tit{font-weight:700;}
.list_schedule ul li.on .tit::before{background-color:#55A30F}



/* ========================================
										Attach List
======================================== */
.list_attach{display:flex; width:100%; flex-wrap:wrap;}
.list_attach .attach_item{display:flex; flex-flow:column; align-items:center; justify-content:center; width:calc(25% - 8px); margin:4px; padding:10px; border:1px solid #e4e4e4; border-radius:4px; font-size:12px; background:#f4f4f4;}
.list_attach .attach_item > span{display:block; color:#898989;}
.list_attach .attach_item .tit{padding-left:20px; font-size:13px; line-height:17px; background:url('../images/bg_ico_file_gray.svg') no-repeat left center; background-size:17px;}
.list_attach .attach_item .date{ margin-top:4px;}
.list_attach .attach_item.on{border-color:#B7D59B; background-color:#F9FFF3}
.list_attach .attach_item.on > span{color:#444;}
.list_attach .attach_item.on .tit{background-image:url('../images/bg_ico_file_green.svg');}


/* ========================================
										Accordian
======================================== */
dl.acc_list {display: block; width: 100%; box-sizing: border-box; border-top: 2px solid #99aec8; border-bottom: 1px solid #d7dce3;}
dl.acc_list::after {content: ''; display: block; clear: both;}
dl.acc_list dt.accordion,
dl.acc_list dd.panel {display: block; width: 100%; box-sizing: border-box;}
dl.acc_list dt.accordion::after,
dl.acc_list dd.panel::after {content: ''; display: block; clear: both;}
dl.acc_list dt.accordion {height: 35px; padding: 5px 15px; border-bottom: 1px solid #d7dce3; font-size:  13px; font-weight: 700; cursor: pointer; transition: 0.4s;}
dl.acc_list dt.accordion:last-child {border-bottom: none;}
dl.acc_list dd.panel {max-height: 0; padding: 0px 15px; transition: max-height 0.2s ease-out; background-color: #ffffff;}






/* ========================================
										Layer Popup
======================================== */
/*
.popLayer {display:none; position: fixed; z-index: 1000; padding: 0; width:100%; top: 0px; right: 0px; bottom: 0; left: 0px; text-align:center; white-space:nowrap; outline: none; }
.popLayer.on {background-color: rgba(0,0,0,0.6);}
*/

.popLayer {position: fixed; z-index: -1000; padding:0; width:100%; top:-999999px; left:-999999px; text-align:center; white-space:nowrap; outline: none; }
.popLayer.on {z-index:1000; top:0; left:0; right:0; bottom:0; background-color: rgba(0,0,0,0.6);}
.popLayer:after {content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle;}
.popLayer .popup_wrap {overflow: hidden; position: relative; display: inline-block; width:100%; max-width: calc(100% - 60px); min-width: 200px; box-sizing: border-box; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4); border: solid 1px #ccd6e1; text-align: left; white-space: normal; vertical-align: middle; transition: all .2s; background: #fff;}
.pop_header {position: relative; z-index: 1; width: 100%; min-height: 30px; padding: 20px 38px 15px; box-sizing: border-box; border-bottom: solid 1px #ccd6e1;}
.pop_header .pop_title_area {width: 100%; padding-right: 60px; box-sizing: border-box;}
.pop_header .pop_title_area > h2 {font-weight: 700; font-size: 20px; color: #444444;}
.pop_content {position: relative; overflow-y: auto; width: 100%; height: calc(100% - 168px); max-height:calc(100vh - 162px); padding: 20px 38px 0px; box-sizing: border-box;}
.pop_content .title_area > h4 {font-weight: 700; font-size: 15px; color: #385c9b; line-height: 30px;}
.pop_content .col.fixed-h {max-height:calc(100vh - 182px); overflow-y:auto;}
.pop_footer {position: relative; width: 100%; padding: 29px 0px 27px; box-sizing: border-box; text-align: center;}
#popup_close {position: absolute; z-index: 5; overflow: hidden; width: 15px; height: 15px; top: 50%; right: 38px; margin-top: -5px; text-indent: -999999px; background: url("../images/btn_pop_close.svg") no-repeat center center;}
.pop_header::after,
.pop_content::after,
.pop_footer::after {content: ''; display: block; clear: both;}

.popup_wrap.alert .pop_header {height: 36px; padding: 10px 20px 0; box-sizing: border-box; border-bottom: none; background-color: #374b6e;}
.popup_wrap.alert .pop_header .pop_title_area > h2 {font-size: 13px; color: #ffffff;}
.popup_wrap.alert .pop_content {height: calc(100% - 116px); padding: 20px 20px 5px;}
.popup_wrap.alert .pop_footer {padding: 15px 0px 35px;}
.popup_wrap.alert #popup_close {position: absolute; z-index: 5; overflow: hidden; width: 15px; height: 15px; top: 50%; right: 20px; margin-top: -6px; text-indent: -999999px; background: url("../images/btn_pop_close_w.svg") no-repeat center center;}

span.msg {display: inline-block; overflow: hidden; width: 50px; height: 20px; box-sizing: border-box; text-indent: -999999px; vertical-align: middle; background-repeat: no-repeat; background-position: center center;}
span.msg.check {background-image: url("../images/login_ico_check.svg");}
span.msg.error {background-image: url("../images/login_ico_error.svg");}

p.notice_memo {display: block; width: 100%; padding:30px 0 40px 0; box-sizing: border-box; font-size: 14px; font-weight: 700; color: #444444; word-break: keep-all; line-height: 1.76em;}
p.notice_memo .normal {font-weight: 400;}
p.notice_memo + p.notice_memo {padding-top: 15px;}

.popLayer.message .pop_content{margin-bottom:50px; height: calc(100% - 208px); max-height:calc(100vh - 202px);}
.popLayer.message .pop_content .col.fixed-h{max-height:calc(100vh - 222px); padding-bottom:0;}

@media all and (max-width: 1200px){
	.pop_content .col.fixed-h,
	.popLayer.message .pop_content .col.fixed-h{max-height:100%; overflow-y:unset;}
}

/* ========================================
										Full Calendar
======================================== */
.custom-calendar{margin-top:30px;}
.custom-calendar.fc .fc-toolbar.fc-header-toolbar{margin-bottom:10px;}
.custom-calendar.fc .fc-toolbar-title{font-size:22px;}
.custom-calendar.fc .fc-button{padding:4px 10px; font-size:14px; font-weight:700;}
.custom-calendar.fc .fc-button-primary{background-color:#fff; border-color:#043F31; color:#043F31}
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active{border-color:#043F31; background-color:#043F31}
.custom-calendar table tbody td,
.custom-calendar table thead th,
.custom-calendar table tbody th{background:#fff; border-color:#ddd; overflow:visible;}
.custom-calendar table thead th{height:auto; background:#f7f7f7}
.custom-calendar.fc .fc-col-header-cell-cushion{padding:8px 4px;}
.custom-calendar.fc .fc-daygrid-day-number{padding:8px 4px; text-decoration:none}
.custom-calendar .fc-h-event{padding:2px; border-color:#EEF6BD; background-color:#EEF6BD}
.custom-calendar .fc-h-event .fc-event-title{font-size:11px}
.custom-calendar .fc-h-event .fc-event-main{color:#2D5905}
.custom-calendar .fc-daygrid-event-dot{border-color:#55A30F}
.custom-calendar .fc-v-event{padding:2px; border-color:#55A30F; background-color:#55A30F}
.custom-calendar.fc .fc-daygrid-day.fc-day-today{background-color:#fff5e2}
.custom-calendar.fc .fc-highlight{background-color:rgba(255, 245, 212, .5);}
.custom-calendar.fc .fc-popover-header{padding:4px 8px;}
.custom-calendar.fc .fc-popover-title{font-size:13px;}
.custom-calendar.fc-theme-standard .fc-popover-header{background-color:#043F31; color:#fff}

/* ========================================
										Custom Slider
======================================== */
.slide-container { width: 100%; position: relative; margin: auto;}
.slide-item {display: none}






/* ========================================
										Etc
======================================== */
.q_box{line-height:1.5; word-break:keep-all;}
.notice_box{min-height:200px; padding:10px;}
.txt_modify{color:#ff8a3f; font-weight:700;}
.minus{color:#ff8a3f !important;}

/* ========================================
										Common Use
======================================== */
.odivision {overflow: hidden !important;}
.division:after {content: ''; display: block; clear: both;}
.hidden {display: block; position: absolute; overflow: hidden; top: -999999px; left: -999999px; width: 1px; height: 1px; font-size: 0; text-indent: -999999px; line-height: 0;}
.hidden {display: block; position: absolute; overflow: hidden; top: -999999px; left: -999999px; width: 1px; height: 1px; font-size: 0; text-indent: -999999px; line-height: 0;}
.ndisplay {display: none !important;}
.theblock {display: block !important;}
.inblock {display: inline-block !important;}
.fleft {float: left !important;}
.fright {float: right !important;}
.alignl {text-align: left !important;}
.alignc {text-align: center !important;}
.alignr {text-align: right !important;}
.valignt {vertical-align: top !important;}
.valignb {vertical-align: bottom !important;}
.item_alignt {align-items: flex-start !important;}
.item_alignc {align-items: center !important;}
.item_alignb {align-items: flex-end !important;}
.bold {font-weight: 700;}
p.memo_txt {display: block; width: 100%; box-sizing: border-box; font-weight: 400; font-size: 11px; color: #444444; line-height: 1.56em; word-break: keep-all;}
.col_red,
.notice,
p.memo_txt.col_red {color: #e1002a;}
.col_blue,
p.memo_txt.col_blue {color: #356dce;}
.txt_em{color:#e67831 !important}
p.memo_txt + p.memo_txt {margin-top: 15px;}
.flex {display: flex; align-content: stretch; align-items: stretch;}
.flex.row {flex-direction: row; justify-content: space-between;}
.flex.column {flex-direction: column; align-content: space-around;}
.flex.center {justify-content: center;}
.flex.alignt {align-items: flex-start !important;}
.flex.alignc {align-items: center !important;}
.flex.alignb {align-items: flex-end !important;}
.flex input,
.flex select,
.flex textarea,
.flex p,
.flex div {flex-grow: 1;}
.flex span,
.flex strong,
.flex .fleft,
.flex .fright,
.flex button {flex-grow: 0;}
.flex input.fixed,
.flex select.fixed {flex-grow: 0;}
.flex.fixed div,
.flex.fixed select,
.flex.fixed textarea,
.flex.fixed p,
.flex.fixed span,
.flex.fixed strong,
.flex.fixed h4,
.flex.fixed input {flex-grow: 0;}
.flex span,
.flex strong,
.flex.fixed span,
.flex.fixed strong {display: inline-block; white-space: nowrap;}
.flex > div + div,
.flex.fixed > div + div,
.flex div + select,
.flex input + input,
.flex input + label,
.flex input + label + input,
.flex input + select,
.flex select + select,
.flex select + div,
.flex select + input {margin-left: 10px;}
.flex a.btn,
.flex button.btn {min-width: auto; padding: 0px 10px;}
.flex input + button,
.flex input + a.btn,
.flex input + span,
.flex input + span + input {margin-left: 6px;}
.flex input + input[type="radio"],
.flex input + input[type="checkbox"] {flex-grow: 0 !important;  width: 36px;}
.flex input[type="radio"] + label,
.flex input[type="checkbox"] + label {white-space: nowrap;}
.npadding {padding: 0px !important;}
.nmargin {margin: 0px !important;}
.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.ml0 {margin-left: 0px !important;}
.ml10 {margin-left: 10px !important;}
.ml5 {margin-left: 5px !important;}
.ml20 {margin-left: 20px !important;}
.ml40 {margin-left: 40px !important;}
.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}
.pad15 {padding: 15px !important;}
.padtb5 {padding-top: 5px !important; padding-bottom: 5px !important;}
.pl30{padding-left:30px !important;}
.w100{width:100% !important}

.ui-datepicker table{
    display: none;
}

/* 모든 팝업창 헤더 마우스 오버 시 이동 포인터 공통 적용 */
.popLayer .popup_wrap .pop_header {
    cursor: move !important;
}