@charset "utf-8";

/*
 *
 * file : 기본 설정 및 초기화
 * date : 210712
 * writer : eun
 *
 */
@font-face{
	font-family:'NotoSansCJK';font-style:normal;font-weight:100;
	src:url('./fonts/NotoSansKR-Thin.woff2') format('woff2'),
		url('./fonts/NotoSansKR-Thin.woff') format('woff'),
        url('./fonts/NotoSansKR-Thin.otf') format('opentype');
}
@font-face{
	font-family:'NotoSansCJK';font-style:normal;font-weight:200;
	src:url('./fonts/NotoSansKR-Light.woff2') format('woff2'),
		url('./fonts/NotoSansKR-Light.woff') format('woff'),
        url('./fonts/NotoSansKR-Light.otf') format('opentype');
}
@font-face{
	font-family:'NotoSansCJK';font-style:normal;font-weight:300;
	src:url('./fonts/NotoSansKR-DemiLight.woff2') format('woff2'),
		url('./fonts/NotoSansKR-DemiLight.woff') format('woff'),
        url('./fonts/NotoSansKR-DemiLight.otf') format('opentype');
}
@font-face{
	font-family:'NotoSansCJK';font-style:normal;font-weight:400;
	src:url('./fonts/NotoSansKR-Regular.woff2') format('woff2'),
		url('./fonts/NotoSansKR-Regular.woff') format('woff'),
        url('./fonts/NotoSansKR-Regular.otf') format('opentype');
}
@font-face{
	font-family:'NotoSansCJK';font-style:normal;font-weight:500;
	src:url('./fonts/NotoSansKR-Medium.woff2') format('woff2'),
		url('./fonts/NotoSansKR-Medium.woff') format('woff'),
        url('./fonts/NotoSansKR-Medium.otf') format('opentype');
}
@font-face{
	font-family:'NotoSansCJK';font-style:normal;font-weight:bold;
	src:url('./fonts/NotoSansKR-Bold.woff2') format('woff2'),
		url('./fonts/NotoSansKR-Bold.woff') format('woff'),
        url('./fonts/NotoSansKR-Bold.otf') format('opentype');
}
@font-face{
	font-family:'NotoSansCJK';font-style:normal;font-weight:900;
	src:url('./fonts/NotoSansKR-Black.woff2') format('woff2'),
		url('./fonts/NotoSansKR-Black.woff') format('woff'),
        url('./fonts/NotoSansKR-Black.otf') format('opentype');
}

body{margin:0;padding:0;font-family:'NotoSansCJK', sans-serif;color:#333;background-color:transparent;font-size:13px}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'NotoSansCJK', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
address{font-style:normal}
sub{font-size:1em}
ul, ol, dl, dt, dd{margin:0;padding:0;list-style:none}
li:last-child{border:0;margin:0;padding:0}
li:last-child:before,
li:last-child:after{display:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {padding:0;font-family: 'NotoSansCJK', sans-serif;font-size:1em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
input[type="submit"]{cursor:pointer}
input[type="text"]:read-only{background-color:#f5f5f5;cursor:pointer}
button{cursor:pointer;background-color:transparent;border:0}
button:focus{outline:0}
img{max-width:100%}
textarea, select{font-family:'NotoSansCJK', sans-serif;font-size:1em}
select{margin:0}
table{border-collapse:collapse;width:100%}
table caption{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0;border:0 !important;overflow:hidden !important}
table,td,th{border-spacing:0}
em, address{font-style:normal}
/*select::-ms-expand{display:none} select design 시에만 풀기 */
p {margin:0;padding:0;word-break:keep-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#333;text-decoration:none;transition:.3s}
a:hover{text-decoration:none}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.input-hide{position:absolute;font-size:0 !important;width:0 !important;height:0 !important;border:0 !important;padding:0 !important}
.input-text,
.input{width:100%;background-color:#fff;height:20px}
select.input[size]{height:auto}
.input-text.input-half{width:50%}
.inputr{text-align:right}
.input-text[multiple="multiple"],
textarea.input-text{height:60px}
select,input[type=text],input[type=password]{height:20px}
select,input[type=text],input[type=password], textarea {border:1px solid #dbdbdb;padding:0 5px}
select,input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}

input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}

::-webkit-scrollbar { width:8px;height:8px } /* 스크롤 바 */
::-webkit-scrollbar-track { background-color:rgba(0,0,0,.1); } /* 스크롤 바 밑의 배경 */
::-webkit-scrollbar-thumb { background: #315684} /* 실질적 스크롤 바 */
::-webkit-scrollbar-thumb:hover { background: #315684; } /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
::-webkit-scrollbar-thumb:active { background: #315684; } /* 실질적 스크롤 바를 클릭할 때 */
::-webkit-scrollbar-button { display: none; } /* 스크롤 바 상 하단 버튼 */

/* color */
.c-red{color:red}
.txt-c{text-align:center}

/* login */
.login-wrap{width:100%;height:100vh;background:url('./img/login-bg.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}
.login-wrap form{width:560px}
.login-wrap .txt{margin:20px auto}
.login-wrap .txt strong{font-size:40px;display:block}
.login-wrap .txt span{font-size:1.25rem}
.login-wrap li{margin-bottom:10px}
.login-wrap .input-text{height:50px;padding:20px}
.login-wrap .btn-wrap{padding-top:20px;display:flex;justify-content:flex-end}
.login-wrap .info{margin-top:20px}
.login-wrap .info .copy{margin-top:5px;color:rgba(255,255,255,.7)}

/* layouts */
#hd{width:100%;height:40px;padding:0 20px;background-color:#f0f0f0}
#hd .hd-frame{width:100%;height:100%}
.hd-flex{display:flex;align-items:center;height:40px;max-width:1180px}
.hd-flex #logo{width:250px}
.hd-flex .logo-link{display:flex;align-items:center;justify-content:flex-end;flex-grow:1}
.hd-flex .logo-link a{display:block;line-height:1;border-left:1px solid #cecece;padding-left:10px;margin-left:10px;color:#333;font-size:13px}
.hd-flex .logo-link a:first-child{padding-left:0;margin-left:0;border:0}
.hd-flex .logo-link a:nth-child(4){padding-right:10px;border-right:1px solid #cecece}
.hd-flex .logo-link a span{display:flex;align-items:flex-end}
.hd-flex .logo-link a.btn-mail span:before{background:url('./img/ico-mail.png') center no-repeat;width:15px;height:11px;content:"";margin-right:5px}
.hd-flex .logo-link a.btn-board span:before{background:url('./img/ico-board.png') center no-repeat;width:12px;height:14px;content:"";margin-right:5px}
.hd-flex .logo-link a.btn-notice span:before{background:url('./img/ico-notice.png') center no-repeat;width:16px;height:14px;content:"";margin-right:5px}
.hd-flex .logo-link a.btn-mypage span:before{background:url('./img/ico-mypage.png') center no-repeat;width:14px;height:14px;content:"";margin-right:5px}
.hd-flex .logo-link .btn-login{background:url('./img/ico-login.png') 0 1px no-repeat;color:#333;font-size:13px;line-height:1;border-left:1px solid #fff;padding-left:15px;margin-left:10px;border:0}
.btn-remove{width:54px;height:24px;margin-left:5px}

#ft{background-color:#315684;padding:10px;text-align:center;color:#fff;font-size:13px;width:100%}
#wrapper{display:flex;height:calc(100vh - 80px)}
#wrapper #left-menu{width:350px;flex-shrink:0;height:calc(100vh - 40px);font-size:13px;border-right:1px solid #f0f0f0}
#wrapper #left-menu .leftmenu-frame{width:100%;height:100%;border:0}
#wrapper .sub-con{width:100%;padding:10px 0 10px 10px}
#wrapper .sub-con .sub-frame{width:100%;height:100%}
#tvMenu.dxtlControl{font-size:13px}
#tvMenu .dxtlFocusedNode{background-color:#fff;color:#333}
#tvMenu .dxtlIndentWithButton{padding:10px 5px}
#tvMenu .dxtlIndent{padding:0}
#tvMenu .dxtl.dxtl__B0 tr td:first-child{width:20px}
#tvMenu tr[nodelevel="3"] .dxtl.dxtl__B0 tr td{width:8px}
.sub-title-wrap{background-color:#315684;color:#fff;display:flex;align-items:center;justify-content:space-between;padding-right:15px}
.sub-title{background-color:#315684;color:#fff;padding:10px 15px;font-weight:500;font-size:14px}
.sub-title-wrap .sub-title{margin-bottom:0}
#Table2{font-size:12px}
#Table2 th{border:1px solid #225690;font-weight:500;background-color:#ebf1f7;width:130px;padding:5px}
#Table2 td{border:1px solid #225690;padding:5px}
#Table1{font-size:12px}
#Table1 th{border:1px solid #225690;font-weight:500;background-color:#ebf1f7;width:130px;padding:5px}
#Table1 td{border:1px solid #225690;padding:5px}
#Table4{font-size:12px}
#Table4 th{border:1px solid #225690;font-weight:500;background-color:#ebf1f7;width:130px;padding:5px}
#Table4 td{border:1px solid #225690;padding:5px}
.td-minwidth{min-width:360px}
.tbl-basic{font-size:12px}
.tbl-basic th{border:1px solid #225690;font-weight:500;background-color:#ebf1f7;width:130px;padding:5px}
.tbl-basic td{border:1px solid #225690;padding:5px}
.trd td{width:210px}
.trd-s td:not([colspan]){width:126.666px}
.two-s td:not([colspan]){width:235px}
.input-callwrap{display:flex}
.input-callwrap select,
.input-callwrap input{width:80px}
.input-callwrap span{padding:0 2px}
.p-space{margin:5px 0;color:#2d80df;display:block}
.layout-center{margin:20px auto;display:flex;align-items:center;justify-content:center}
.layout-center > *{margin:0 5px}
.layout-right{display:flex;justify-content:flex-end;margin:5px 0}
.layout-right > *{margin-left:5px}

/* 게시판 */
#DataGrid1{border-top:1px solid #225690;margin:5px 0;font-size:12px}
#DataGrid1 .dghead{background-color:#ebf1f7;border:1px solid #225690}
.layout-board-btn{display:flex;align-items:center;justify-content:space-between;margin:20px 0;flex-wrap:wrap}
.layout-board-btn .page-move{flex-shrink:0}
.layout-board-btn .page-move input[type="text"]{width:30px}
.board-search label{margin-left:5px}
.board-search input[type="text"]{margin-right:-4px}
.input-btn-wrap{display:flex;align-items:center}
.input-btn-wrap.half{width:285px}
.input-btn-wrap.input-space > *{margin-right:5px}
.input-btn-wrap.input-hspace{margin-bottom:5px}
.input-btn-wrap .label-txt{flex-shrink:0;margin:0 5px}
.input-btn-wrap .btn-wrap-one{margin-left:5px}
.input-btn-wrap input[type="image"]{max-height:20px}
.input-calender{position:relative}
.input-calender .btn-calender-close{width:228px;position:absolute;max-height:none !important;top:267px;left:0;z-index:100}
.calender-wrap{position:absolute;left:0;top:25px;z-index:100;background-color:#fff;padding:20px;box-shadow:2px 3px 9px rgba(0,0,0,.3);width:200px;border:0 !important}
.calender-wrap td{border:0 !important}
.calender-wrap td[colspan="7"]{background-color:#fff !important}
.calender-wrap td[colspan="7"] tr td a{text-indent:-999%;overflow:hidden;background:url('./img/ico-next.png') center/cover no-repeat;width:24px;height:24px;display:block;color:transparent !important}
.calender-wrap td[colspan="7"] tr td:first-child a{transform:rotate(180deg)}

.layout-flex-tbl{display:flex}
.layout-flex-tbl .layout-flex-left{width:280px}
.layout-flex-tbl .layout-flex-con{width:calc(100% - 290px);margin-left:10px}
.layout-flex-tbl iframe{width:100%;border:0}

.layout-flex-wrap{display:flex;justify-content:space-between;}
.layout-flex-wrap .flex{width:48%}
.frm-basic{width:100%;border:0}
.btn-wrap-one input{display:block;margin:2px 0}
.popup-wrap{padding:10px}
.popup-wrap .tbl-basic{margin-top:5px}

.check-wrap{display:flex;flex-wrap:wrap;margin:5px 0}
.check-wrap .check-box label{margin-left:3px;flex-shrink:0}
.check-wrap .check-box{margin-right:5px}

.btn-basic{border:1px solid #cdd4db;background:linear-gradient(#fff 50%, #f3f7fa 50%);min-width:100px;height:22px;border-radius:5px;color:#245891;font-size:12px;padding:0 5px}