@charset "UTF-8";

@import url(notosanskr.css);


body{font-size:14px !important;  vertical-align:baseline;  line-height: 1.5;}
*{font-family: 'Noto Sans KR', sans-serif}
ul, li{list-style:none;  padding:0; margin:0}

.form-control-plaintext {
	outline: 0;
}

#wrapper {
	min-width: 1420px;
}

.modal-550{
	max-width: 550px;
}
.default-width {
	width: 1420px ;
	max-width: none;
}
/* .container { */
/*   position: relative; */
/*   margin-left: auto; */
/*   margin-right: auto; */
/*   padding-right: 15px; */
/*   padding-left: 15px; */
/*   width: 1420px !important; */
/* } */

/*-------------------------------------*/

.head-box{background:#004a8f;}
.head-box a, .head-box a:hover{color:#fff !important; text-decoration: none;}
.ulleft{list-style:none;  margin:0 !important}
.ulleft li{list-style:none; display: inline-block; margin-left:3px}
.ulleft li img{vertical-align: text-bottom !important;}

.f17r{font-size: 7rem !important;}
.f16{font-size: 2.2rem !important;}
.f12{font-size: 1.2rem !important;}
.f11{font-size: 1.1rem !important;}
.f9{font-size:.9rem;}
.f8{font-size:.8rem;}
.fw1{font-weight:100;}
.fw3{font-weight:300;}
.fw4{font-weight:400;}
.fw5{font-weight:500;}
.fw7{font-weight:700;}
.fw9{font-weight:900;}

/* .headmenu .logo{display:inline-block; float:left; margin-top:15px;} */
.headmenu .gnb{position: relative; }
/* .headmenu .gnb > ul{margin:0 auto; width:100%; height:100%; box-sizing:border-box;} */
/* .headmenu .gnb ul li.dep01{display: inline-block; width:16%;  text-align:center;} */
/* .headmenu .gnb ul li.dep01 > a{display:block; height:100%; line-height:80px; font-size: 1.2rem; font-weight: 500; color: #333; display: block; transition: .3s;} */
/* .headmenu .gnb .dep02{position:relative;display:block; z-index:1002; margin:auto; width:100%; height:0px; text-align:left; border-right:1px solid #ddd; box-sizing:border-box; overflow:hidden;} */
/* .headmenu .gnb .dep02 > ul:hover{background:#f0f2f5; height:299px; } */
/* .headmenu .gnb .dep02 > ul a{display:block; padding-left:20px; width:100%; height:100%; line-height:40px; font-size:14px; font-weight:400; color:#333;} */
/* .headmenu .gnb_bg{position:absolute; z-index:1001;top:80px; left:0; width:100%; background-color:#fff; height:0px; border-bottom:1px solid #ddd} */
/* .headmenu:hover .gnb_bg{height:300px; } */
/* .headmenu:hover .gnb .dep02{height:300px;} */
.headmenu .gnb a:hover {color:#4272CD;}
.headmenu .gnb a {word-break:keep-all;}
.headmenu .gnb>ul>li {line-height: 60px;}
.headmenu .gnb ul ul>li {line-height:normal;}




.maintitle{
background:#004d8f;
border-bottom:1px solid #d9d9d9;
color:#fff}



.lnb_title{position:relative;
margin-top:1.5rem;
padding:68px 0 54px;
border-bottom:1px solid #fff;
background:#164695;
width:100%;
font-size:25px;
font-weight:500;
color:#fff;
text-align:center;
line-height:27px;
font-weight:bold;
}
.lnb_title:before{
position:absolute;
top:50%;
left:50%;
width:50px;
height:1px;
margin-top:-22px;
margin-left:-25px;
background:#efe8e0;
content:''
}


.lnb_menu, .lnb_menu ul{
list-style:none;
margin:0;
padding:0
}



.cssmenu,
.cssmenu ul,
.cssmenu ul li,
.cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cssmenu {
  width: 100%;
  color: #333333;
}
.cssmenu ul ul {
  display: none;
  font-size:14px;

}
.cssmenu > ul > li.active > ul {
  display: block;
  margin-top:-5px;
}

.cssmenu > ul > li > a {
  padding: 16px 5px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  text-decoration: none;
  color:#333333;
  background:#fff;
  border:1px solid #dedede;
  margin:7px 0
}


.cssmenu > ul > li > a:hover {
  color: #164695;
}

.cssmehas-sub nu ul > li.has-sub > a:after {
  position: absolute;
  right:10px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #cccccc;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.cssmenu ul > li.has-sub > a:before {
  position: absolute;
  right:6px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #cccccc;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.cssmenu ul > li.open a{
display:block;
color:#fff;
background:#4368d0
}

.cssmenu ul > li.open ul a{
display:block;
color:#555;
background:#f6f6f6
}

.cssmenu ul > li.open ul a span{
position: absolute;
top: 16px;
left: 10px;
display: inline-block;
font-size: 5px !important;
}

.cssmenu ul > li.open > a:after,
.cssmenu ul > li.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background:#fff
}

.cssmenu ul ul li a {
  padding: 10px 15px 10px 20px;
  cursor: pointer;
  z-index: 2;
  text-decoration: none;
  color: #333333;
  background: #fff;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
.cssmenu ul ul ul li a {
  padding-left:25px;
  font-size:13px;
}
.cssmenu ul ul li a:hover ,.cssmenu ul ul li a.open {
  color: #4368d0 !important;
}
.cssmenu ul ul > li.has-sub > a:after {
  top: 16px;
  right: 10px;
  background: #bbb;
}
.cssmenu ul ul > li.has-sub > a:before {
  top: 20px;
  background: #bbb;
}

.cssmenu ul li.has-sub.open ul > li.has-sub > a:after {
  top: 12px;
  right: 10px;
  background: #888;
}
.cssmenu ul li.has-sub.open ul > li.has-sub > a:before {
  top: 16px;
  background: #888;
}
.cssmenu ul ul > li.has-sub.open a{color: #4368d0 ;}
.cssmenu ul ul > li.has-sub.open ul li a{color:#252525}
.cssmenu ul li>ul a::before{font-size:10px; content:'■'; display:inline-block; padding-right:5px;}


.con_title{
font-size:2rem;font-weight:500;color:#333;margin:-5px 0 3px 0;letter-spacing: -2px;margin-top:28px;
}

.con_hr {display:block; height:1px; background-color:#181818;margin:5px 0 35px 0;}




.but-inp{background:#474747; color:#fff; border:1px solid #000; cursor: pointer;}
.but-inp:hover{background:#000;}

.basic-table{
	border-bottom:2px solid #252525;
		margin-bottom:4%
		}
.basic-table th {
  width:21%;
}
.basic-table tbody th, .basic-table tbody td {
    padding: 0.75rem;
    vertical-align: top;
    border-bottom: 1px solid #dadada;
	border-top:none !important
}

.main-table thead th,.ui-state-default.ui-th-column.ui-th-ltr{
text-align:center;
border-top:1px solid #181818 !important;
 color:#444;
 /*font-weight:500; */
 background-color:#efefef;
 border-bottom:1px solid #cfcece;
 border-right:1px solid #cfcece;
}
.main-table thead th:last-child,.ui-state-default.ui-th-column.ui-th-ltr:last-child {border-right:0;}

.main-table tr td {height:40px;
border-bottom:1px dotted #cfcece;
border-right:1px solid #cfcece;
text-align:center;
font-size:0.875em;
font-weight:300;
}
/*.main-table tr td:nth-child(2) {text-align:left; padding-left:10px;}*/
.main-table tr td:last-child ,.ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr>td:last-child{border-right:0px;}
.main-table tr td a{color:#444; }

.main-table tr.selection{background:#eef3f8}


@media only screen and (max-width: 768px) {
.basic-table {
  margin: 0 -10px;
}
.basic-table tr {
  display: block;
  margin-bottom: 10px;
}
.basic-table th {
  display: block;
  width: 100%;
}
.basic-table td {
  width: 90%;
  border: none;
}
}

.sub-table thead th{vertical-align: middle;
background:#f2f2f2;
text-align:center;
padding: 0.5rem;
border:1px solid #cccccc !important
}
.sub-table tbody th{
background:#eff2f6;
text-align:center;
padding: 0.5rem;
border:1px solid #cccccc !important;
}
.sub-table tbody td, .sub-table tbody input , .sub-table tbody select{
text-align:center;
font-size:12px;
font-weight:400
}
.sub-table tbody td,.sub-table tfoot td{vertical-align: middle;
border:1px solid #cccccc !important;
padding: 0.5rem;
}
.sub-table tbody td a{
color:#212529;
 text-decoration: none;
}


.tab-box {
		display: none;
		border-top:2px solid #252525;
		}

.tab-main .inno {display: none;}

.tab-main .labelbox{
            display: inline-block;
            padding:1% 2%;
            font-weight:bold;
            color: #888888;
            border: 1px solid #dadada;
			background:#f6f6f6;
			margin-bottom:0}

.tab-main{box-sizing: border-box;
border-bottom: 1px solid #808080;
border-collapse: collapse;}

.tab-main .nav-item{
height: 50px;
line-height: 50px;
border: 1px solid #fff;
border-bottom: 1px solid #EFEFEF;
background-color: #EFEFEF;
float: left;
box-sizing: border-box;
color: #000;
vertical-align: bottom;
cursor: pointer;
font-size: 1em;
			}


.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{
	display:block;
	background: #fff;
	border: 1px solid #808080;
	border-bottom: none;
	color: #000;
}

.nav-tabs .nav-link {
    color:#000;
    margin-bottom:0;
    border:transparent;
    border-top-left-radius:0;
    border-top-right-radius: 0;
	padding:0 40px;
	display:block;
}




/*
.tab-main .nav-item{
            display: inline-block;
            color: #888888;
            font-weight:500;
			background:#f6f6f6;
			}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{
	color:white;
	background: #252525
}

.nav-tabs .nav-link {
    color:#666;
    border: 1px solid #dadada;
}

.tab-main .labelbox:hover {
            color: #000;
            cursor: pointer;
			}
*/

/*input Ŭ����, label ��Ÿ��*/
.tab-main input:checked + label.labelbox {
              color: #fff;
              border: 1px solid #252525;
			  background:#252525
			  }

        #tab1:checked ~ #content1,
        #tab2:checked ~ #content2,
        #tab3:checked ~ #content3,
        #tab4:checked ~ #content4 {
            display: block;}


.input_option{padding: 2px 2px 2px 2px;
letter-spacing: normal;
color: #000000;
text-align: left;}


.Performance .card{
	width:340px;
}
.Performance .subs{
	left:380px;
	top:-1px;
}
.Performance .isNext{
	width:22px;
	right:-22px;
	top:40%;
	display: none;
}

.Performance .isPrev{
	width:22px;
	left:-22px;
	top:40%;
}

.Performance .isBottom{
	height: 206px;
    left: -22px;
    top: -129px;
	display: none;
}

.Performance .dummy{
	left: 1px;
	height: 190px;
}


/* 수행 */
.Performance .system:after{
display: block;
content: "";
border-top:1px solid #888888;
position: absolute;
left: -15px;
width: 13px;
top: 40%;
}
.Performance .system:before{
display: block;
content: "";
border-top:1px solid #888888;
position: absolute;
left: -28px;
width: 13px;
top: 40%;
}
.Performance .col-sm:first-child .system:after,
.Performance .col-sm:first-child .system .card-header:before,
.Performance .system:last-child .card-header:before,
.Performance .system:last-child:before
{
display: none;
}
.Performance .system .card-header:before{
display: block;
content: "";
position: absolute;
width: 1px;
height:114%;
background:#888888;
top:40%;
left:-15px;
}
.Performance .plusbtn{
position:absolute;
right:5px;
top:3px;}
.Performance .searchbtn{
float:right;
padding: 0;
margin: 0;
line-height: 100%;
height: 20px;
}

.subtitle-fa{position:absolute; top:8px; left:-12px; color:#0567cd !important}

.wontitle {font-size:1.350em;font-weight:600;color: #2749a6;padding-top: 20px;margin-bottom: 10px;clear:both;}
.wontitle:before{box-sizing: initial;content:'';display:inline-block;width:8px;height:8px;background-color:#fff;border:4px solid #2749a6;border-radius:50%;margin-right:7px;}


/*FOOTER*/
.footer{background:#3c485c;
color: #d5dae2;
clear: both;
}
.sub_footer{
border-bottom: 1px solid #586273;
line-height: 50px;
}
.sub_footer a, .sub_footer a:hover{color:#fff;
text-decoration: none;}
.sub_footer .sub_list li{
display: inline-block;
color:#fff
}
.sub_footer .sub_list li::after {
    content: "";
    margin: 0 20px;
    display: inline-block;
    width: 1px;
    height: 13px;
    background: #bbb;
}
.sub_footer .sub_list li:last-child::after{display:none;}
.sub_footer .sub_list li:first-child a {
    color: #9bb9d4;
}
.sub_footer_wrap{
color: #d5dae2;
letter-spacing: -0.4px;
line-height: 21px;
font-weight: 300;
padding:2% .5%}

.certification{
border:100%;
height:100%;
}

.errorbg{
position: relative;
padding-top: 3em !important;
height: 160px;
background:url("../images/error.png") no-repeat center
}

/*****************************************************************************/

/*a:*/
.headmenu a {
	color: #292b2c;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	}
.headmenu a:link, .headmenu a:visited{color:#292b2c}
.headmenu a:hover{color:#292b2c; text-decoration: none;}
.headmenu a:focus, .headmenu a:active{color:#000000;}

.font7{font-size:7px !important;}
.font10{font-size:10px !important;}
.font12{font-size:12px !important;}
.bgno{background: transparent;}
.darkgray{background:#666666}
.blue{background:#0567cd}
.sky{background:#0196e7}
.bluem{background:#055cab}
.gray{background:#f1f1f1}
.blue-cor{color:#0567cd !important}
.red-cor{color:#FF0000 !important}
.orange-cor{color:#ff7200 !important}
.white-cor{color:#fff !important;}
.bor1{border:1px solid #ccc;}
.bor-bot{border-bottom:1px solid #252525 !important;}
.borno{border:none !important;}
.borno th, .borno td {border:none !important;}
.cus-point{cursor: pointer;}
.line-h0{line-height: 0 !important;}

.subtitle{font-size: 1.5em;
color: #000;
margin-top: 50px;
clear: both;
font-weight: 600;
letter-spacing: -1px;
margin-bottom: 10px;}

.ui-jqgrid-view th{
	font-size: 14px !important;
	font-weight: bold !important;
}
.ui-jqgrid-view td{
	font-size: 12px !important;
}

.ui-jqgrid-view .ui-jqgrid-labels th, .ui-jqgrid-view .jqgrow td{
	padding: .75rem .25rem .75rem .25rem !important;
}
.ui-widget.ui-widget-content{
	border: 0;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #c5c5c5;
    background: #eef3f8;
    color: #666;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a{
	color: #666;
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
    color: #0068cc;
    text-decoration:underline;
}

.required .col-form-label::before{
	content: '* ';
	color: red;
}

#contents{ height: 636px;
    background: url(../images/layout/bg-idx5.png) no-repeat;
    background-size: 100%;}
#contents2{ height: 220px;
    background: url(../images/layout/bg-idx3.png) no-repeat;
    background-size: 100%;}
.con-wid{position:relative;width:100%;height:100%;margin:0 auto}
.login-box{   position: absolute;
    top: 249px;
    right: 218px;
    width: 432px;
    height: 352px;
    padding: 9px;
    box-sizing: border-box;
    background: rgba(255,255,255,1);
    border-radius: 6px;}
.login-box form{margin-top:20px}
.login-box h3{margin:0;padding:0;font-size:14px;font-weight:500;text-align:center;letter-spacing:5px}
.login-box input{border:none;outline:none;width:100%;height:40px;padding-left:35px;border-bottom:1px solid #000;line-height:40px;box-sizing:border-box}
.login-box input:focus{border-color:#0093ba}
.login-box input.usr-id{background:url('../images/icon/ico-id.png') no-repeat 5px 50%}
.login-box input.usr-pwd{margin-top:17px;background:url('../images/icon/ico-pwd.png') no-repeat 5px 50%}
.login-box .login-util{overflow:hidden;margin-top:17px}
.login-box .login-util .fL{float:left}
.login-box .login-util .fL a{position:relative;color:#333;font-size:13px;font-weight:400}
.login-box .login-util .fL a + a{margin-left:15px}
.login-box .login-util .fL a + a:before{content:"";position:absolute;left:-10px;top:5px;display:block;width:1px;height:10px;background:#555}
.login-box .login-util .fR{float:right}
.login-box .login-util .fR a{color:#000;font-size:14px;font-weight:500}
.login-box .btn-login{display:block;width:255px;height:42px;margin:40px auto 0;border-radius:50px;line-height:42px;color:#fff;background:#3ca9cc;font-size:14px;font-weight:500;text-align:center}



.file_input label {
    position:relative;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    width:100px;
    height:30px;
    background:#777;
    color:#fff;
    text-align:center;
    line-height:30px;
    margin-bottom: 0px;
}
.file_input label input {
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
}
.file_input input[type=text] {
    vertical-align:middle;
    display:inline-block;
    width:400px;
    height:28px;
    line-height:28px;
    font-size:11px;
    padding:0;
    border:0;
    border:1px solid #777;
}