@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(./font/NanumGothic-Regular.eot);
    src: url(./font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
    url(./font/NanumGothic-Regular.woff) format('woff'),
    url(./font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 700;
    src: url(./font/NanumGothic-Bold.eot);
    src: url(./font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
    url(./font/NanumGothic-Bold.woff) format('woff'),
    url(./font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 900;
    src: url(./font/NanumGothic-ExtraBold.eot);
    src: url(./font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
    url(./font/NanumGothic-ExtraBold.woff) format('woff'),
    url(./font/NanumGothic-ExtraBold.ttf) format('truetype');
}


/**

**/
.main-wrap{
    width: 100%;
    height: 100%;
    min-height: 900px;
    background: #fff url("./images/bg_main.gif") 0 0 repeat-x;
}
.main-wrap .main{
    position: relative;
    width: 1820px;
    margin: 0 auto;
}
.main-wrap .top{
    position: relative;
}
.main-wrap .tab-manu{
    position: absolute;
    top: 0;
    left: 362px;
}
.main-wrap .tab-manu a{
    position: relative;
    display: inline-block;
    float: left;
    padding: 24px 30px;
    color: #333;
    font-size: 20px;
    font-family: 'Nanum Gothic';
    font-weight:  bold;
}
.main-wrap .tab-manu a:hover, .main-wrap .tab-manu a:focus{
    background: #003658;
    color: #fff;
}
.main-wrap .tab-manu a.active{
    background: #0061a0;
    color: #fff;
}
.main-wrap .tab-manu a span{
    position: absolute;
    top: 71px;
    left: 46%;
    width: 16px;
    height: 8px;
}
.main-wrap .tab-manu a.active span{
    background: url("./images/bg_tabmenu.gif") 0 0 no-repeat;
}
.main-wrap .sub-move{
    position: absolute;
    top: 15px;
    right: 0;
}
.main-wrap #content{
    min-height: 780px;
    margin: 25px 0;
    padding: 0;
    border: 0;
}
.main-wrap h2 span.date{
    color: #555;
    font-family: 'Nanum Gothic';
    font-size: 14px;
    font-weight: normal;
}
.main-wrap .tit-group .state-group{
    top: 12px;
    right: 70px;
}
.main-wrap .tit-group .select{
    position: absolute;
    top: 9px;
    right: 0;
}


.sub-wrap{
    width: 100%;
    height: 100%;
    min-height: 900px;
    background: #f5f5f5 url("./images/bg_header.gif") 0 0 repeat-x;
}
.sub-wrap .sub{
    position: relative;
    width: 1600px;
    margin: 0 auto;
    padding: 0 40px;
}

/** 2018-12-13 신규 추가 **/
.sub-wrap2{
    width: 100%;
    height: 100%;
    min-height: 900px;
    /* background: #f5f5f5 url("./images/bg_header.gif") 0 0 repeat-x; */
}
.sub-wrap2 .sub{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
}

/**
header
**/
#header{
    position: relative;
    height: 130px;
}
h1 a{
    display: inline-block;
    padding: 17px 0 16px;
}
.my-info{
    position: absolute;
    top: 22px;
    right: 0;
}
.my-info:after{
    display: block;
    clear: both;
    content: "";
}
.my-info .me{
    display: inline-block;
    float: left;
    height: 28px;
    padding-left: 33px;
    line-height: 30px;
    background: url("./images/icon_myinfo.gif") 0 0 no-repeat;
    color: #575656;
}
.my-info .logout{
    display: inline-block;
    float: left;
    padding: 7px 0 0;
}
.my-info .work{
    display: inline-block;
    margin: 2px 0 0 12px;
    padding: 5px 10px 3px;
    border-radius: 15px;
    background: #9e9e9e;
    color: #fff;
}
.gnb{
    position: relative;
    z-index: 100;
}
.gnb ul:after{
    display: block;
    clear: both;
    content: "";
}
.gnb ul li{
    display: inline-block;
    float: left;
/*     width: 16.66%; */
    width: 14.25%;
    background: url("./images/line_gnb.gif") no-repeat;
    background-position-x: right;
    background-position-y: 22px;
    text-align: center;
}
.gnb ul.gnb3 li{width:33%;}
.gnb ul.gnb4 li{width:25%;}
.gnb ul.gnb5 li{width: 20%;}
.gnb ul.gnb6 li{width: 16.6%;}
.gnb ul li.active{background: none;}
.gnb ul li:last-child{background: none;}
.gnb ul > li > a{
    display: block;
    padding: 20px 10px 19px;
    color: #fff;
    font-size: 18px;
    font-family:  'Nanum Gothic';
}
.gnb ul > li.active > a, .gnb ul > li:hover > a, .gnb ul > li:focus > a{
    padding: 19px 8px 18px;
    background: #fff;
    color: #333;
    border: 1px solid #e1e1e1;
    font-weight: bold;
}

/*[18.11.02 KMS] hieght : 120px -> 170px;*/
.gnb ul li div{
    display: block;
    z-index: 100;
    padding: 15px 20px;
    background: #fff;
    height: 170px;
    border: 1px solid #ddd;
    margin-left: -1px;
    border-top: 0;
}
.gnb ul li div > a{
    display: block;
    padding: 5px 0 5px 8px;
    background: url("./images/bul_gnb.gif") 0 7px no-repeat;
    color: #444;
    font-size: 15px;
    font-family: 'Nanum Gothic';
    text-align: left;
}
.gnb ul li div > a.active, .gnb ul li div > a:hover, .gnb ul li div > a:focus{
    color: #0061a0;
    font-weight: bold;
}
/*.gnb ul li div{display:none;}*/
/*.gnb ul:hover li div{display: block;}*/
/*.bg-gnb {
    display: none;
    position: absolute;
    top: 130px;
    left: 0;
    width: 1202px;
    margin: 0 -1px;
    background: #fff url("../acrc/images/bg_gnb.gif") bottom left no-repeat;
    z-index: 50;
}
.bg-gnb.on{display: block;}*/

/**
content
**/
#content{
    position: relative;
    top: 0;
    left: 0;
    /* min-height: 670px; */
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #e1e1e1;
    background: #fff;
}
.tit-group{
    position: relative;
}
.tit-group h2{
    width: 80%;
    font-family: 'Nanum Gothic';
    font-size: 28px;
    /* font-weight: 900; */
}
.tit-group .tab-group{
    position: absolute;
    top: 10px;
    right: -3px;
}
.tit-group .state-group2{
    right: 90px;
}
.tit-group .btn-group{
    position: absolute;
    top: 10px;
    right: 0;
}
h3.tit{
    padding: 20px 15px 0 25px;
    background: url(./images/pop_icon_bul1.png) 0 21px no-repeat;
    color: #333;
    font-family: 'Nanum Gothic';
    font-size: 18px;
    font-weight: bold;
}
.location{
    position: absolute;
    top: 10px;
    right: 0;
}
.location:after{
    display: block;
    clear: both;
    content: "";
}
.location li{
    display: inline-block;
    float: left;
    vertical-align: middle;
}
.location li a{
    display: block;
    color: #585858;
}
.location li.active a{color: #1a3d8f;font-weight: bold;}
.location li img{display: inline-block;width: 13px;height: 11px;padding: 1px 1px 0;/* vertical-align:middle; */}
.location li a img{width: 10px; height: 11px;}
.space{letter-spacing: 0.050em;}
.state-group{
    position: absolute;
    top: 25px;
    right: 0;
    /* display: inline-block; */
    /* padding: 5px 10px; */
    /* border: 1px solid; */
    /* border-radius: 3px; */
}
.state-group span{
    display: inline-block;
    color: #545653;
    font-size: 13px;
    font-weight:  bold;
    vertical-align: middle;
}
span.delay{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #e9b500;
}
span.weak{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #e3412c;
}
span.progress{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #22a000;
}
span.complete{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #7c7c7c;
}
span.delay, span.weak, span.progress, span.complete{
    display: inline-block;
    vertical-align: middle;
}

.ui-datepicker-trigger{
    display: inline-block;
    height: 25px;
    /*margin: 0 3px;*/
    padding: 0px 4px 0px;
    border: 1px solid #969696;
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefefe 0%, #c2c2c2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fefefe 0%,#c2c2c2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fefefe 0%,#c2c2c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#c2c2c2',GradientType=0 ); /* IE6-9 */
    /* vertical-align: top; */
}
.ui-datepicker-trigger img{
    padding: 4px 0;
}

/* table */
table td div{line-height: 140%;}
.search-list{
    margin-top: 20px;
    border-collapse: collapse;
}
.search-list th, .search-list td{
    padding: 7px;
    border: 1px solid #d9dadc;
}
.search-list th{
    padding: 10px;
    background: #f5f4f4;
}

/*	18.05.15 KMS */
.ui-widget-content.ui-widget:not(.ui-datepicker){
    	margin-top: 20px;
}
.search-list span.quantity{color: #666;}
.search-list-detail > thead > tr > th, .search-list-detail > tbody > tr > td{
    padding: 0;
    border: 0;
}
.search-list-detail table{border:0;border-collapse: collapse;}
.search-list td span{vertical-align: middle;}
.search-list .grid-list{margin: 2px 0;border-top: 0;border-collapse: collapse;}
.search-list .grid-list th{background: #f0f6ff;/* color: #0066a9; *//* font-weight:  normal; */}
.search-list .grid-list.text-center th, .search-list .grid-list.text-center td{padding: 7px;border: 1px solid #dbe5f1;text-align: center;}
.search-list .grid-list.text-center td a img{vertical-align: middle;}

.grid-list{
    margin-top: 20px;
    border-top: 2px solid #0061a0;
    /* background: #f3f8fe; */
    color: #545653;
}
.grid-list th{
    padding: 9px 10px;
    border-left: 1px solid #dbe5f1;
    border-bottom: 1px solid #dbe5f1;
    background: #f3f8fe;
}
.grid-list th.first, .grid-list td.first{border-left: 0;}
.grid-list td{
    position: relative;
    padding: 10px;
    border-left: 1px solid #dbe5f1;
    border-bottom: 1px solid #dbe5f1;
    /* background: #fff; */
    color: #545653;
}
.grid-list td a:hover, .grid-list td a:focus{text-decoration: underline;}
.grid-list tr.text-center th, .grid-list tr.text-center td{text-align: center;}
.text-box .date{
    margin-top: 0;
    color: #a02f13;
}
.text-date{
    margin-top: 5px;
    /* color: #a02f13; */
    text-align: right;
}
.grid-list.ver-top td{vertical-align:top;}
.btn-img-ab{
    position: absolute;
    top: 10px;
    right: 3px;
    min-width: 15px !important;
}
td.delay, td.delay div{color: #dc8702;}
td.weak, td.weak div{color: #e3412c;}
td.progress, td.progress div{color:#22a000;}
td.complete, td.complete div{color:#7c7c7c;}
td.fixed {color:#FF0000;}

/* 18.04.27 KMS */
div.delay {color: #dc8702;}
div.weak {color: #e3412c;}
div.progress {color:#22a000;}
div.complete {color:#7c7c7c;}
/* 18.04.27 KMS */

/* tab */
.tab-group{position: relative;margin-top: 10px;}
.tab-group .tab{}
.tab-group .tab:after{ display: block; clear: both; content:"";}
.tab-group .tab > li{display: block;position: relative;float: left;margin-right: 5px;margin-bottom: 5px;padding-bottom: 1px;}
.tab-group .tab > li.active{background: url("./images/bg-tab.png") center bottom no-repeat;}
.tab-group .tab > li+li {/* margin-left: 5px; */}
.tab-group .tab > li > a{display: block;position: relative;padding: 6px 8px;border: 1px solid #d5d5d5;background: #f4f4f4;color: #45495b;font-size: 13px;font-family: 'Nanum Gothic';}
.tab-group .tab > li > a:hover, .tab-group .tab > li > a:focus{border:1px solid #165d8b; background: #165d8b; color:#fff;}
.tab-group .tab > li.active > a{display: block; position: relative ; padding: 7px 7px; /*border: 0*/; background: #165d8b; color: #fff; font-weight: normal;}

/* tab */
.tab-group-reg {position: relative;margin-top: 15px;margin-bottom: 3px;}
.tab-group-reg .tab{}
.tab-group-reg .tab:after{ display: block; clear: both; content:"";}
.tab-group-reg .tab > li{display: block;position: relative;float: left;margin-right: 8px;padding-bottom: 4px; width:10%;}
.tab-group-reg .tab > li.active{background: url("./images/bg-tab.png") center bottom no-repeat;}
.tab-group-reg .tab > li+li {/* margin-left: 5px; */}
.tab-group-reg .tab > li > a{display: block;position: relative;padding: 10px 8px;border: 1px solid #d5d5d5;background: #f4f4f4;color: #45495b;font-size: 14px;font-family: 'Nanum Gothic'; text-align:center;}
.tab-group-reg .tab > li > a:hover, .tab-group .tab > li > a:focus{border:1px solid #165d8b; background: #165d8b; color:#fff;}
.tab-group-reg .tab > li.active > a{display: block;position: relative;padding: 11px 8px;border: 0;background: #165d8b;color: #fff;font-weight: bold;}

/*task-select*/
.tab-group-view > ul > li {display:inline-block; width:11.66%; background:url("./images/line_gnb.gif")no-repeat; background-position-x:right; background-position-y:22px; text-align:center; border: 1px solid #ddd;float: left;}
.tab-group-view > ul > li > a {background-color: #f4f4f4;color:#45495b;padding: 10px 10px 10px;font-size: 14px;display: block;}
.tab-group-view > ul > li > a:hover {background:#165d8b; color: #fff; padding: 10px 10px 10px; font-size:14px; font-weight:bold; display: block;}
.tab-group-view > ul > li > .active {background:#165d8b; color: #fff; padding: 10px 10px 10px; font-size:14px; font-weight:bold; display: block;}

/* 190131 스타일 추가(.tab_new) */
.tab-group{position: relative;margin-top: 10px;margin-bottom: 3px;}
.tab-group .tab_new{}
.tab-group .tab_new:after{ display: block; clear: both; content:"";}
.tab-group .tab_new > li{display: block;position: relative;float: left;margin-right: 5px;margin-bottom: 5px;padding-bottom: 4px;}
.tab-group .tab_new > li.active{background: url("./images/bg-tab.png") center bottom no-repeat;}
.tab-group .tab_new > li+li {/* margin-left: 5px; */}
.tab-group .tab_new > li > a{display: block;position: relative;padding: 6px 8px;border: 1px solid #d5d5d5;background: #f4f4f4;color: #45495b;font-size: 13px;font-family: 'Nanum Gothic';}
.tab-group .tab_new > li > a:hover, .tab-group .tab_new > li > a:focus{border:1px solid #165d8b; background: #165d8b; color:#fff;}
.tab-group .tab_new > li.active > a{display: block;position: relative;padding: 7px 8px;border: 0;background: #165d8b;color: #fff;font-weight: normal;}

/**
footer
**/
#footer{
    position: relative;
    bottom: 0;
    padding: 25px 0;
}
#footer:after{
    display: block;
    clear: both;
    content: "";
}
#footer .f-logo{float: left;}
#footer .copyright{
    float: left;
    padding-top: 17px;
    padding-left: 30px;
    color: #5c5c5c;
}
#footer .help{
	float: right;
	padding-top: 17px;
	color: #5c5c5c;
}


/**
popup
**/
/* header */
.popup-wrap{background:#fff;}
#pop-header, .pop-header{
    position:  relative;
    height: 45px;
    background: #0061a0;
}
#pop-header h2, .pop-header h2{
    padding: 14px 15px 14px 40px;
    background: url("./images/pop_icon_bul1.png") 15px 13px no-repeat;
    color: #fff;
    font-family: 'Nanum Gothic';
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}
#pop-header p.modify, .pop-header p.modify{
    position: absolute;
    top: 16px;
    right: 15px;
    color: #f4f4f4;
}

/* content */
#pop-content, .pop-content{
    position: relative;
    padding: 20px;
    text-align: left;
}
#pop-content h3, .pop-content h3{
    margin-bottom: 10px;
    padding-left: 10px;
    background: url("./images/pop_icon_bul2.png") 0 2px no-repeat;
    font-family: 'Nanum Gothic';
    font-size: 13px;
}
#pop-content p.modify, .pop-content p.modify{
    position: absolute;
    top: 21px;
    right: 20px;
    color: #666;
}
#pop-content .search-list{margin:0;}
#pop-content .text-box{
    margin-bottom: 7px;
    padding: 10px;
    border: 1px solid rgb(206, 229, 255);
    background: rgb(233, 243, 255);
}
#pop-content .text-box .date{
    margin-top: 15px;
    color: #a02f13;
}
#pop-content .file-box{margin: -3px 0;}
#pop-content .file-box div{  margin: 3px 0;}

/* [18.11.16]KMS > #pop-content 제거 */
.plus, .minus{
    display: inline-block;
    height: 23px;
    margin-left: 4px;
    text-align : center;
    width : 23px;
    border: 1px solid #969696;
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefefe 0%, #c2c2c2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fefefe 0%,#c2c2c2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fefefe 0%,#c2c2c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#c2c2c2',GradientType=0 ); /* IE6-9 */
    font-size: 21px;
    font-weight: bold;
}

#pop-content .ui-datepicker-trigger:hover, #pop-content .ui-datepicker-trigger:focus,
#pop-content .plus:hover, #pop-content .plus:focus,
#pop-content .minus:hover, #pop-content .minus:focus{background: #e4e4e4 ;}

/* footer */
#pop-footer, .pop-footer{
    padding: 0 20px 20px;
    /* border-top: 1px solid #eaeaea; */
    border-bottom: 1px solid #eaeaea;
    background: #fff;
}
#pop-footer .btn-group, .pop-footer .btn-group{
    margin: 0;
}

/**
layer-popup
**/

.layer-popup {
    /*padding-top: 100px;*/
    text-align: center;
}
.mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9999;
    background-color:#000;
    display:none;
}
.window {
    display: none;
    border-radius: 6px 6px 5px 5px;
    background-color: #ffffff;
    /* height: 200px; */
    z-index:99999;
}
.layer-popup .pop-header{border-radius: 5px 5px 0 0;}
.layer-popup .pop-content{width: 800px;height: 300px;overflow-y: auto;}
.layer-popup .pop-footer{margin-bottom: 20px;padding: 0;border-bottom: 0;}
.layer-popup .pop-content a:hover, .layer-popup .pop-content a:focus{text-decoration: underline;}
.layer-popup .search-list{margin-top: 0;}

/*
/!**
accordion
**!/
.accordion{margin-top: 10px;}
.accordion > div{}
.accordion > div.active{}
.accordion > div > p{position: relative;margin-top: -1px;padding: 12px;border: 1px solid #dedede;background: #f4f4f4;color: #2887aa;font-size: 13px;font-weight: bold;}
.accordion > div > p:hover, .accordion > div > p:focus{cursor: pointer;}
.accordion > div.active > p, .accordion > div.active > p a{ border: 0; background: #2887aa; color: #fff; }
.accordion > div.active p.txt{color: #666;font-size: 14px;line-height: 160%;}
.accordion > div > p span{display: block;position: absolute;top: 12px;right: 13px;width: 17px;height: 17px;background: url("../acrc/images/icon-accordion-off.png") 0 0 no-repeat;}
.accordion > div.active p span{background: url("../acrc/images/icon-accordion-on.png") 0 0 no-repeat;}
.accordion > div > div{display: none;margin-top: -1px;padding: 15px;border: 1px solid #dedede;background: #fff;}
.accordion > div.active > div{display: block;}
.accordion .result-wrap{ margin: -5px; padding: 0; border: 0; }
.accordion .result-wrap .img-wrap{ margin: 0; }
.accordion .result-wrap .img-wrap span{border: 1px solid #dedede; background: #f8f8f8; color:#666;}
.accordion .table-list{border-top: 1px solid #dedede;}
.accordion .table-list th, .accordion .table-list td{padding: 8px 6px; font-size: 12px;}
.accordion .grid-list{margin:0;}
*/

/**

**/

.step-li{
    background: url("./images/elbow-line.png") repeat-y -3px 0px;
    margin-left: 20px;
}
.node-click{
    display: inline-block;
    cursor: pointer;
}
.node-link{
    display: inline-block;
    padding-top: 6px;
    padding-left: 20px;
    background:url("./images/elbow-end.png") no-repeat -3px 0px;
}
.icon-minus{
    background:url("./images/elbow-minus-nl.png") no-repeat -3px 0px;
}
.icon-plus{
    background:url("./images/elbow-plus-nl.png") no-repeat -3px 0px;
}
.node-group{
    margin-top: 10px;
    padding-bottom: 10px;
    border-top: solid 2px #0061a0;
    border-bottom: solid 1px #c6c6c6;
}

/**
에러 및 안내
**/
.layer{display:table;top:120px;left:0;width:100%;height:100%}
.layer2{
    position: relative;
    display: block;
    width: 680px;
    margin: 80px auto;
    /* text-align: center; */
}
.layer .layer_inner{display:table-cell;text-align:center;vertical-align:middle}
.layer .content{display:inline-block;}
.error .content{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006ab0+0,008de9+100 */
    padding: 10px;
    border-radius: 10px;
    background: #006ab0; /* Old browsers */
    background: -moz-linear-gradient(top,  #006ab0 0%, #008de9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #006ab0 0%,#008de9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #006ab0 0%,#008de9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006ab0', endColorstr='#008de9',GradientType=0 ); /* IE6-9 */
}
.error .content > div{
    padding: 50px 80px;
    border-radius: 7px;
    background: #fff;
}
.error .content div p.tit{font-size: 28px;font-family: 'Nanum Gothic';font-weight:  bold;}
.error .content div p.txt{padding-top: 20px;color: #666;font-family: 'Nanum Gothic';font-size: 17px;line-height: 130%;}


.popup-wrap .error .content > div{ padding: 30px;  }
.popup-wrap .error .content div p.tit{ font-size: 18px;  }
.popup-wrap .error .content div p.txt{ font-size: 15px;  }


/** 
180927 스타일 추가 
**/
/* pagenate */
.pagenate {position: relative;width: 100%;padding-top: 30px;text-align: center;}
.pagenate a {width: 31px;height: 30px;margin: 0px 2px;display: inline-block;line-height: 220%;font-size: 14px;border: solid 1px #d5d5d5; color: #585b5c;text-decoration: none;}
.pagenate a.on, .pagenate a:hover, .pagenate a:active, .pagenate a:focus {background-color: #1363a4;border: solid 1px #1363a4;color: #fff;text-decoration: none;}
.pagenate a.first {background: url(images/icon-pagenate.png) -110px -9px no-repeat;}
.pagenate a.prev {background: url(images/icon-pagenate.png) -161px -9px no-repeat;}
.pagenate a.next {background: url(images/icon-pagenate.png) -8px -9px no-repeat;}
.pagenate a.last {background: url(images/icon-pagenate.png) -59px -9px no-repeat;}
.page-group{position: absolute;top: 38px;left: 0;}
.page-group p, .page-group p strong, .page-group p span{font-family: 'Nanum Gothic';font-size: 14px;}

.f-left {float: left !important;}
.f-right {float: right !important;}
.color-red{color:#e3412c;}
input, select, textarea, a, button, label {vertical-align: middle;}

div.w-group > div{float: left; width:100%; margin-top: 20px;}
div.w-group div{vertical-align: top;}
div.w-group:after{display:block; clear:both; content:"";}
div.i-group > div{float: left; width:50%; margin-top: 20px;}
div.i-group div{vertical-align: top;}
div.i-group:after{display:block; clear:both; content:"";}
.w-wp73{width:73%;}
.w-wp63{width:63%;}
.w-wp49{width:49%;}
div.w-wp100, div.w-wp90, div.w-wp80, div.w-wp70, div.w-wp60, div.w-wp50, div.w-wp40, div.w-wp30, div.w-wp20, div.w-wp10, div.w-wp95, div.w-wp85, div.w-wp75, div.w-wp65, div.w-wp55, div.w-wp45, div.w-wp35, div.w-wp25, div.w-wp21, div.w-wp18, div.w-wp15, div.w-wp13, div.w-wp12, div.w-wp6, div.w-wp5, div.w-wp73, div.w-wp49, div.w-wp73{float:left;}
div.w-group .node-group, div.w-group table{margin-top: 0;}

.tit-group .total-group{position: absolute;top: 25px;right: 0;}
.tit-group .total-group p, .tit-group .total-group p strong, .tit-group .total-group p span{font-family: 'Nanum Gothic';font-size: 14px;}
.tit-group .total-group p strong.color-red{color : #e3412c}

.btn.min-btn{min-width:10px;}
.btn img{display: block; padding: 2px 0 1px;}
a.btn strong{font-size: 16px;}

.layer2 .content div p.tit{font-size: 18px;}
.id-group{}
.id-group span{display:inline-block;vertical-align: top;}
.id-group div > span:after{display:block; clear:both; content:"";}
.id-group span > span{display: inline-block;float: left;width: 80px;margin: 0 15px;padding: 5px;}
.id-group label{
    display: inline-block;
    float: left;
    width: 72px;
    padding: 8px 0;
    text-align: left;
}
.id-group input[type="text"]{
    float:left;
    width: 130px;
    margin: 3px;
}

.tab-group .tab4{width : 100%;margin-top: 25px;margin-left: 4px;margin-right: 4px;text-align: center;}
.tab-group .tab4 > li{width: 24.5%;}
.tab-group .tab4 > li > a{padding: 10px;}
.tab-group .tab4 > li.active > a{padding: 11px;}

.terms_box {
    position: relative;
    overflow: auto;
    height: 150px;
    margin-top: 8px;
    padding: 12px;
    border: 1px solid #dadada;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    scrollbar-base-color: #d9d9d9;
    scrollbar-arrow-color: #8e8e8e;
    scrollbar-3dlight-color: #d9d9d9;
    scrollbar-darkshadow-color: #d9d9d9;
    scrollbar-face-color: #d9d9d9;
    scrollbar-highlight-color: #d9d9d9;
    scrollbar-shadow-color: #d9d9d9;
    scrollbar-track-color: #f2f2f2;
    -webkit-overflow-scrolling: touch;
}

 /* [18.11.08]KMS */
.divAtchFileList{
 	margin-bottom : 10px;
}
 
.divAtchFileList table{
 	table-layout : fixed;
 	text-align : center;
}
 
.divAtchFileList table th, .divAtchFileList table td{
 	padding : 5px;
 	text-align : center;
}

.divAtchFileList table td:nth-child(2){
	text-align : left;
	text-overflow : ellipsis;
	overflow : hidden;
	word-wrap : normal;
}

.divAtchFileList table td:nth-child(3){
	text-align : right;
}

.removeFile{
	text-decoration : line-through;
}	
/* [18.11.08]KMS */
 
/** 
181020 스타일 추가 
**/
.mask{position:fixed;}
.main-wrap{min-width: 1900px;}
.main-wrap .main{padding: 0 40px;}
.sub-wrap{min-width:1280px;}
.my-info .me{height: 31px; padding-left: 37px; font-size: 14px; font-weight: bold;}
.gnb ul > li > a{padding: 17px 10px 16px;}
.gnb ul > li.active > a, .gnb ul > li:hover > a, .gnb ul > li:focus > a{padding: 16px 8px 15px;}
.tit-group h2{font-size:24px;}
h3.tit{background: url(images/pop_icon_bul1.png) 0 19px no-repeat; font-size: 16px;}
.input-block{width: 99%;}

/* 퀵메뉴 */
#quick{
    position: absolute;
    top: 145px;
    right: -55px;
    width: 72px;
}
#quick p{
	width: 72px;
	height: 47px;
	background:url(images/tit-quick.png) 0 0 no-repeat;
}
#quick ul{
	width: 72px;
	background: url(images/bg-quick.png) 0 0 no-repeat;
}
#quick .end{
	width: 72px;
	height: 35px;
	background: url(images/bg-quick.png) left bottom no-repeat;
	}
#quick li{
    width: 70px;
    margin: 0 auto;
    /* padding-top: 40px; */
    /* padding-bottom: 8px; */
    text-align: center;
}
#quick li a{
    display: block;
    padding-bottom: 8px;
    color: #555;
    font-size: 11px;
    letter-spacing: -0.08em;
    line-height: 110%;
}
#quick li a strong{letter-spacing: 0;}
#quick .quick1{background:url(images/icon-quick1.gif) 0 0 no-repeat;}
#quick .quick2{background:url(images/icon-quick2.gif) 0 0 no-repeat;}
#quick .quick3{background:url(images/icon-quick3.gif) 0 0 no-repeat;}
#quick .quick4{background:url(images/icon-quick4.gif) 0 0 no-repeat;}
#quick .quick5{background:url(images/icon-quick5.gif) 0 0 no-repeat;}
#quick .quick6{background:url(images/icon-quick6.gif) 0 0 no-repeat;}
#quick .quick7{background:url(images/icon-quick6.gif) 0 0 no-repeat;}
#quick .quick1 a{padding-top: 41px;}
#quick .quick2 a{padding-top: 39px;}
#quick .quick3 a{padding-top: 41px;}
#quick .quick4 a{padding-top: 34px;}
#quick .quick5 a{padding-top: 39px;/* padding-bottom: 35px; */}
#quick .quick6 a{padding-top: 39px;}
#quick .quick7 a{padding-top: 39px;}
/* width값 px 고정단위 */
.w-wpx50{width:50px !important;}
.w-wpx100{width:100px !important;}
.w-wpx120{width:120px !important;}
.w-wpx125{width:125px !important;}
.w-wpx150{width:150px !important;}
.w-wpx180{width:180px !important;}
.w-wpx200{width:200px !important;}
.w-wpx250{width:250px !important;}
.w-wpx300{width:300px !important;}
.w-wpx350{width:350px !important;}
.w-wpx400{width:400px !important;}
.w-wpx450{width:450px !important;}
.w-wpx500{width:500px !important;}
.w-wpx550{width:550px !important;}
.w-wpx600{width:600px !important;}
.w-wpx650{width:650px !important;}
.w-wpx700{width:700px !important;}
.w-wpx750{width:750px !important;}
.w-wpx800{width:800px !important;}
.w-wpx850{width:850px !important;}
.w-wpx900{width:900px !important;}
.w-wpx950{width:950px !important;}
.w-wpx1000{width:1000px !important;}

/** 
181115 스타일 추가 
**/
.w-wp7{width: 7.69%;}
.mt0{margin-top:0;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb0{margin-bottom:0;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}

.state-group p{
    color: #545653;
    font-size: 13px;
    font-weight: bold;
}
table td div.tit{font-weight:bold;}
.grid-list td.ver-top {
    vertical-align: top;
}
div.box{
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #d9dadc;
    background: #fbfbfb;
}
div.box .grid-list td{background : #fff;}



.login-g{
    width: auto;
    margin: 0;
}
.error.login-g .content{
    /* padding: 0; */
    /* border: 1px solid #e0e0e0; */
    /* border-radius: 0; */
    /* background: #fff; */
    border-radius: 0 0 10px 10px;
}
.error.login-g .content > div{
    padding: 30px;
}
.login-info{
    clear: both;
    float: none;
    /* margin-top: 20px; */
    border: 1px solid #e0e0e0; */
}
.login-info:after, .login-info2:after{display:block; clear:both; content:"";}
.login-info div{
    float: left;
    width: 208px;
    height: 190px;
    /* margin-top: -1px; */
    margin-left: -1px;
    padding: 25px 0 0;
    /* border: 1px solid #e0e0e0; */
    text-align: center;
    background: #fff;
}
.login-info div.step{
    width: 38px;
    height: auto;
    padding: 91px 0;
}
.login-info div:first-child{width: 244px;margin-left:0;}
.login-info img{
    display: block;
    margin: 0 auto;
}
.login-info p.tit{
    /* height: 32px; */
    padding-top: 15px;
    /* padding-bottom: 13px; */
    color: #0061a0;
    font-family: 'Nanum Gothic';
    font-size: 15px;
    font-weight: bold;
}
.login-info p.tit.h-long{height: 34px;}
.login-info p.txt{
    padding: 13px 18px;
    color: #666;
    font-family: '돋움',Dotum;
}
.login-info a{
    display: inline-block;
    padding: 10px 70px;
    border: 1px solid #e5e5e7;
    border-radius: 20px;
    color: #444;
    background: #f6f7fb;
    font-family: '돋움',Dotum;
    font-weight: bold;
	font-size: 14px;
}
.login-info2{
    border-top: 2px solid #cadaf3;
    border-bottom: 1px solid #cadaf3;
    background: #f5f6fd;
}
.login-info2 div{
    position: relative;
    float: left;
    width: 369px;
    margin: 30px 0;
    padding: 0 60px;
    /* height: 215px; */
    margin-left: -1px;
}
.login-info2 div:first-child{border-right:1px dashed #cadaf3;}
.login-info2 p.tit{
    padding-bottom: 15px;
    color: #4971b3;
    font-size: 17px;
    font-family: 'Nanum Gothic';
    font-weight: bold;
}
.login-info2 p.txt{
    padding-bottom: 5px;
    color: #888;
    font-family: '돋움',Dotum;
    /* line-height: 1; */
}
.login-info2 p.number{
    color: #4a72b5;
    font-size: 25px;
    font-weight: bold;
    font-family: 'Nanum Gothic';
    line-height: 1;
}
.login-info2 a{
    display: inline-block;
    margin-top: 3px;
    padding: 6px 20px;
    border: 1px solid #cadaf3;
    background: #fff;
    color: #4a72b5;
    font-family: '돋움',Dotum;
    font-weight: bold;
}
.login-info2 img{
    position: absolute;
    top: 15px;
    right: 60px;
}

/** 
181221 스타일 추가 
**/
.login-zone{
    width: 978px;
    /* margin: 40px auto; */
}


/** 
190131 스타일 변경( .tab를 .tab_new로) 
**/
.tab_new{  /
    /* margin-bottom: 5px; */
    border: 0;
}
.tab_new:after{display:block; clear:both; content:"";}
.tab_new li{
    display: inline-block;
    float: left;
    width: 50%;
    text-align: center;
    border-radius: 10px 10px 0 0;
    background: #f2f2f2;
}
 
.tab_new li.active{
    background: #006bb1;
}
.tab_new li a{
    display: block;
    padding: 12px;
    border-radius: 10px 10px 0 0;
    border: 2px solid #bdbdbd;
    border-bottom: 0;
    color: #777;
    font-family: 'Nanum Gothic';
    font-size: 15px;
    font-weight: bold;
}
.tab_new li.active a{
    color: #fff;
    border: 2px solid #006ab0;
    border-bottom: 0;
}
 

/** 
181230 스타일 추가 

.grouping{
    position: relative;
    margin-top: 75px;
}
.grouping .inner{
    position: relative;
    min-width: 1024px;
    background : #9e9e9e;
}
.grouping .inner .tab{
    position: absolute;
    top: -42px;
    right: 462px;
    width: 300px;
}
.grouping .inner .layer2 .content div p.tit{
    position: absolute;
    top: -35px;
    right: 460px;
}
.inner .error.login-g .content, .inner .error .content > div{
    padding: 30px;
    border: 0;
    background: #4a5164;
}
.inner .id-group label{
    color: #fff;
}
.grouping .inner .id-group input[type="text"]{
    border: 1px solid #fff;
}
.grouping .ab{
    position: absolute;
    top: -50px;
    left: 0;
    width: 465px;
    height: 260px;
    background: #0061a9;
}
.grouping .ab p{
    color: #fff;
    text-align: right;
}
.grouping .ab .tit{
    padding: 20px;
    font-size: 18px;
    font-family: 'Nanum Gothic';
}
.grouping .ab .address{
    padding: 120px 20px;
    line-height: 140%;
    font-family: '돋움',Dotum;
}
.grouping .inner .btn{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#76c9ec+0,00a2e2+100 */
/*background: #76c9ec; /* Old browsers */
/*background: -moz-linear-gradient(top,  #76c9ec 0%, #00a2e2 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #76c9ec 0%,#00a2e2 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #76c9ec 0%,#00a2e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76c9ec', endColorstr='#00a2e2',GradientType=0 ); /* IE6-9 */
/*}
/*.grouping .inner .btn.btn-gray{
    border-color: #aeaeae;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,e5e5e5+100 */
   /* background: #f3f3f3; /* Old browsers */
   /* background: -moz-linear-gradient(top,  #f3f3f3 0%, #e5e5e5 100%); /* FF3.6-15 */
   /* background: -webkit-linear-gradient(top,  #f3f3f3 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
   /* background: linear-gradient(to bottom,  #f3f3f3 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
   /* color: #243655;
}
**/

/** 
190107 스타일 추가
**/
.login-wrap{
	min-width: 1280px;
	width: 100%;
	height: 100%;
	min-height: 940px;
	padding-top: 20px;
	background: #fff url(./images/bg-login.png) center top no-repeat;
}
.login-wrap .sub {
    position: relative;
    width: 1020px;
    margin: 0 auto;
    padding: 0 40px;
}
.login-wrap #content{
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}
.login-zone:after{display:block; clear:both; content:"";}
.login-zone .left-g{
    float: left;
    width: 38%;
    padding: 70px 6%;
    text-align: center;
}
.login-zone .right-g{
    float: right;
    width: 50%;
    margin-bottom: 20px;
}
.login-zone .left-g *{font-family: 'Nanum Gothic';}
.login-zone .left-g .tit{
    color: #053863;
    font-size: 32px;
    font-weight: bold;
}
.login-zone .left-g .sub-tit{
    padding: 20px 0;
    color: #006bb1;
    font-size: 25px;
    font-weight: bold;
}
.login-zone .left-g .txt{
    font-size: 18px;
    line-height: 140%;
}
.login-wrap #footer{
    padding: 25px 0 30px;
}
.login-wrap #footer p{
    float: left;
    padding-top: 7px;
    padding-left: 30px;
    color: #5c5c5c;
}
.login-wrap #footer .copyright{
    padding-top: 0px;
    color: #999;
    font-family: Sans-serif, Tahoma, Arial;
}