@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.skip,.sound_only,legend{position:absolute}a,abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,header,hgroup,hr,html,i,iframe,img,ins,kbd,li,main,mark,nav,ol,output,p,pre,q,ruby,s,samp,section,small,span,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,u,ul,var,video,input,button,select,textarea{padding:0;margin:0;border:0;font:inherit;vertical-align:baseline}body{line-height:1;font-family:'Open Sans','NotoKR',sans-serif;font-size:18px;font-weight:300;color:#282828;letter-spacing:-.04em}a{text-decoration:none;color:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,hr{display:none}legend{height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-20000px}address,cite,em{font-style:normal}button,label{cursor:pointer}button{border:0;background:0 0;display:inline-block}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}.skip,.sound_only{visibility:hidden;top:0;left:0}
*{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; }
html, body {height:100%;font-size: 12px;letter-spacing:-0.7px;font-family:'NanumSquareRound',sans-serif, "돋움", Dotum, Gulim, Arial, Verdana, Helvetica, AppleGothic, Sans-serif;color: #222222;font-size:16px;}
img{border:none;}
a{text-decoration:none;color:black;}
ul,ol,li{list-style:none;}
input:focus {outline:none;}
select:focus {outline:none;}
input::-webkit-input-placeholder {color: #999;}

/* 로그인 */
.login_wrap{width:400px;margin: 0 auto;text-align: center;position: absolute;top: 46%;left: 50%;transform: translate(-50%, -50%);}
.login_wrap .tit{background: url('/images/login_tit.png')no-repeat center 0;height: 53px;padding-top: 56px;font-size: 14px;border-bottom: 2px solid #1f2297;}
.login_wrap .lg_bx{padding-top: 36px;box-sizing: border-box;}
.login_wrap .lg_bx input{background: #f9f9f9;border: 1px solid #d7d7d7;width: 100%;height: 60px;border-radius: 5px;margin-bottom: 6px;box-sizing: border-box;padding-left: 10px;}
hr{border-top: 2px solid #666;width: 100%;display: block;box-sizing: border-box;margin-bottom: 30px;margin-top: 36px;}
.login_wrap .lg_bx input[type=submit]{background: #1f2297;height: 70px;width: 100%;box-sizing: border-box;border: none;color: #fff;font-size: 20px;}
.login_wrap .lg_bx .info{margin-top: 39px;background: url('/images/info_icon.png')no-repeat;font-size: 14px;color: #3d3fa8;line-height: 22px;text-align: left;padding-left: 26px;}
.captcha{display: flex;justify-content: space-between;}
.captcha span{border: 1px solid #d7d7d7;width:260px;height: 60px;border-radius: 5px;margin-bottom: 6px;box-sizing: border-box;padding-left: 10px;}
.captcha span img{display:block; margin:0 auto; margin-top:6px;}
.captcha a{background: #616299;width: 130px;height: 60px;border-radius: 5px;margin-bottom: 6px;box-sizing: border-box;padding-left: 10px;line-height: 60px;color: #fff;}
.login_wrap .lg_bx .btn_lgn{background:#1f2297; color:#fff; border:none;}


/* 메인화면 */
.wrap{width: 1300px;margin: 0 auto;}
.wrap .top{height: 76px;border-bottom: 1px solid #666;position: relative;}
.wrap .top .logout{background: #eeeeee;width: 110px;display: inline-block;height: 33px;border-radius: 3px;text-align: center;line-height: 33px;position: absolute;right: 0;top: 20px;font-size: 14px;letter-spacing: 0;}
.wrap .top .logout > i{}
.wrap .area{padding-top: 40px;font-size: 13px;position: relative;font-family: dotum;}
.wrap .area select{width: 218px;height: 40px;border-radius: 3px;border: 1px solid #ccc;display: inline-block;margin-right: 2px;}
.wrap .area .file_bx{display: inline-block;margin-right: 2px;}
.wrap .area .del_all{background: #aaa;width: 110px;height: 40px;border-radius: 3px;position: absolute;right: 0;color: #fff;text-align: center;line-height: 40px;}
.wrap .area a:hover{background:#888;}
.wrap .area .del_all > i{ margin-right: 5px; font-size: 16px;}
.inpt_calen{background: #f7f7f7 url(/images/calender.png)no-repeat 117px center;border: 1px solid #ccc;height: 40px;border-radius: 3px;padding: 0 10px;box-sizing: border-box;}
.wrap .area .file_bx input[type=text]{ border: 1px solid #ccc;height: 40px;border-radius: 3px;padding: 0 2px;box-sizing: border-box;}
.wrap .area .file_bx input[type=submit]{height: 40px;width: 148px;border-radius: 3px;background: #444; color:#fff;}
span.red{color:red;}
span.blue{color:blue;}
.tab{display: inline-block;margin-top: 20px;height: 40px;line-height: 40px;}
.tab > a{padding: 14px 70px;font-weight: 600;}
.tab > a.on{background: #1f2297;color: #fff;border-radius: 3px;}

/* 업로드 파일버튼 스타일 */
.file_bx label {display:inline-block;width: 180px;height: 40px;line-height: 40px;font-weight:600;color: #fff;text-align:center;background: #1f2297;border: 1px solid #1f2297;vertical-align:middle;cursor:pointer;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-sizing: border-box;}
.file_bx label:hover {background: #171a82;}
.file_bx input.up_file[type="file"] {position:absolute; width:px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

#loading { width:100%; height:100%; top:0; left:0; position:fixed; display:block; opacity:0.8; background:white; z-index:99; text-align:center; }
#loading > img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); z-index:100; }

#MOD_POPUP_WIN iframe { background:#fff; border:3px solid #d0d0d0; box-shadow:0 4px 6px 0px rgba(0,0,0,0.6); }

#dialog-background { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:10000; }

.tb_area{max-height: 665px;overflow-y: auto;margin-top: 8px;border-top: 1px solid #ccc;font-family: dotum;font-size: 12px;letter-spacing:0;}
table {width: 100%;border-left: 1px solid #ccc;}
table > thead > tr > th {font-weight: 400;background:#e4eff6;border-bottom: 1px solid #ccc;height:50px; line-height:50px;border-right:1px solid #ccc;}
table > tbody > tr > td {text-align: center;border-bottom: 1px solid  #ccc;height: 34px;vertical-align:middle;border-right:1px solid #ccc;line-height:26px;}
.container {height: 500px;overflow: auto;}
/*table > thead > tr > th{position: sticky;top: 0;}*/
.more_btn{background: #aaa;width: 400px;height: 40px;border-radius: 3px;color: #fff;text-align: center;line-height: 40px;display: block;margin: 0 auto;margin-top: 20px;margin-bottom: 20px; font-weight:600;}
.more_btn > span{display:block; cursor:pointer;}
.reg_all{background: #171a82;width: 230px;height: 50px;border-radius: 3px;color: #fff;text-align: center;line-height: 50px;margin-top: 30px;margin-left: 1072px;display: inline-block;margin-bottom: 280px;}
.msg_area{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;width: 270px;margin: 0 auto;cursor:pointer; padding:0 5px;}

.list_cnt{display: inline-block;margin-top: 36px;font-size: 12px;font-family: dotum;font-weight: 600;}{display: inline-block;margin-top: 36px;font-size: 12px;font-family: dotum;font-weight: 600;}