@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

/*********************Common Item**************************/

@font-face{
	font-family:Helvetica;
	font-style:normal;
	font-weight:400;
	src:local(Helvetica);
	src:url("../fonts/Helvetica.eot");
	src:local(*), url("../fonts/Helvetica.woff") format('woff');
	src:url("../fonts/Helvetica.ttf") format('truetype');

	}
body {
	font-weight  :  400;
	-webkit-font-smoothing  : antialiased;
	-moz-font-smoothing  : antialiased;
	-o-font-smoothing  :  antialiased;
	text-rendering  :  optimizeLegibility;
    font-family: 'Nanum Gothic',Helvetica,Helvetica Neue,sans-serif,arial,"돋움",Dotum,"굴림",Gulim;
    font-size: 13px;
	color:#464646;
	line-height:180%;
	letter-spacing: -.5px;
	background-color:#ececec;
}
html,body {height:100%; margin:0; padding:0;}
img {vertical-align:middle;}
a:focus, button:focus, button:active, button:visited,
textarea, textarea:focus, textarea:active, textarea:visited {outline:none;}
table caption {display:none;}
.img-responsive {display:inline-block;}
legend {display:none;}
ul,dl,ul li,dl dt, dl dd, ol, ol li {margin:0; padding:0;}
ul li, ol li {list-style:none;}
a {color:#464646; text-decoration:none;}
a:hover {color:#464646; text-decoration:underline;}
a:focus {text-decoration:none;}
input[type="checkbox"],input[type="radio"] {margin-right:3px;}
input,label {margin:0 4px 0 0; padding:0; vertical-align:middle;}
button {outline:none; font-family:'Nanum Gothic',Helvetica,Helvetica Neue,sans-serif,arial,"돋움",Dotum,"굴림",Gulim; letter-spacing:-.5px;}
input:focus {outline:none;}
input[type="checkbox"], input[type="radio"], lable {vertical-align:middle; font-weight:normal;}
.dataBox input[type="file"] {position:absolute; width:1px; height:1px; margin:-1px; padding:0;   overflow: hidden;  clip:rect(0,0,0,0);  border: 0;}
.dataBox input[disabled="disabled"]{ color:#999;}


.dataBox label.btninner {width:auto; height:40px; margin:0 4px 0 0; padding:0 15px 0 10px; color:#2c2c2c; font-size:15px; line-height:250%; font-weight: normal; vertical-align:middle; border:1px solid #d2d2d2; border-radius:4px; box-shadow:0 1px 1px rgba(0,0,0,0.12); cursor:pointer; background: #ececec;
    background: -webkit-linear-gradient(#fff, #ececec);
    background: -o-linear-gradient(#fff, #ececec);
    background: -moz-linear-gradient(#fff,#ececec);
    background: linear-gradient(#fff, #ececec);}
.dataBox label.btninner:hover,
.dataBox label.btninner:focus,
.dataBox label.btninner:active {color:#fff; line-height:250%; background:#484d54; border:1px solid #2a2d31; box-shadow:0 0 0 rgba(0,0,0,0.12);}
.dataBox label.btninner[disabled="disabled"],
.dataBox label.btninner[disabled="disabled"]:hover,
.dataBox label.btninner[disabled="disabled"]:focus {color:#999; background:#e7e7e7; border:1px solid #d2d2d2; box-shadow: 0 0 0 rgba(0,0,0,0.175); cursor:not-allowed;}
.dataBox .upload-name {display:inline-block; height:40px; padding:0 20px; color:#464646; font-family:inherit; font-size:inherit; line-height:normal; vertical-align:middle; background-color:#f9f9f9; border:1px solid #d2d2d2; border-bottom-color:#e2e2e2; border-radius:4px; appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;}
.dataBox .uploadname-hidden {height:20px; margin:0; padding:0; background-color:#fff; border:1px solid transparent;}
.dataBox .inputType2 {padding: 0 10px; font-size:15px; background-color:#fff;}
.dataBox .inputType3 {display:none;}


/*******버튼정의********/
.btn-default {padding:6px 16px; color:#fff; font-size:15px; font-weight:600; border:1px solid transparent; border-radius:4px; box-shadow:0 2px 4px rgba(0,0,0,.175); outline:none;       background-color:#474c53;
    background: -webkit-linear-gradient(#555d66, #474c53); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#555d66, #474c53); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#555d66, #474c53); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#555d66, #474c53); /* Standard syntax */
	-webkit-box-shadow:0 2px 4px rgba(0,0,0,.175);
}
.btn-default:hover {color:#fff; background:#222; border:1px solid #000; outline:none;}
.btn-default:active, .btn-default:visited, .btn-default:focus, .open>.dropdown-toggle.btn-default {color:#fff; background:#111; border:1px solid #000; outline:none;}

.btninner {width:auto; padding:0 15px; color:#2c2c2c; font-size:15px; font-weight:normal; line-height:180%; border:1px solid #d2d2d2; border-radius:4px; box-shadow:0 1px 1px rgba(0,0,0,0.12); background:#ececec;
    background: -webkit-linear-gradient(#fff, #ececec);
    background: -o-linear-gradient(#fff, #ececec);
    background: -moz-linear-gradient(#fff,#ececec);
    background: linear-gradient(#fff, #ececec);}
.btninner2 {width:auto; padding:0 15px; color:#2c2c2c; font-size:15px; font-weight:normal; line-height:180%; background:#fff; border:1px solid #e2e2e2; border-radius:4px; box-shadow: 0 0 0 rgba(0,0,0,0.12);}
.btninner2_on, .btninner2_on:hover, .btninner2_on:focus {width:auto; padding:0 15px; color:#fff; font-size:15px; font-weight:normal; line-height:180%; background:#1caee0; /*border:1px solid #e2e2e2;*/ border:1px solid #0595c7; border-radius:4px; box-shadow: 0 0 0 rgba(0,0,0,0.12);}
.btninner2:hover, .btninner2:focus, .btninner2:active {color:#fff; background:#1caee0; border:1px solid #0595c7; box-shadow:0 0 0 rgba(0,0,0,0.12);}

.tableBtninner {width:100%; height:auto; padding:10px; font-size:13px; line-height:130%;}

.btninner:hover,  .btninner:focus,  .btninner:active,
.stepFinish .btnFinish:hover, .stepFinish .btnFinish:focus, .stepFinish .btnFinish:active
 {color:#fff; background:#484d54; border:1px solid #2a2d31; box-shadow:0 0 0 rgba(0,0,0,0.12);}
.btnclose {width:auto; height:18px; margin-right:3px; padding:0 4px; line-height:150%; text-align:center; vertical-align:middle; line-height:100%; background:#fafafa; border:1px solid #ededed; border-radius:4px;}

.btninner[disabled="disabled"],
.btninner[disabled="disabled"]:hover,
.btninner[disabled="disabled"]:focus {color:#999; background:#e7e7e7; border:1px solid #d2d2d2; box-shadow:0 0 0 rgba(0,0,0,0.175); cursor:not-allowed;}

.filteringW>ul>li>div.dropdown>button.btn-default, .filteringW>ul>li>div.dropdown>button.btn-default:focus,.filteringW>ul>li>div.dropdown>button.btn-default:active {padding:6px 16px; color:#464646; font-size:13px; font-weight:normal; background:#fff; border:1px solid #d2d2d2; border-radius:4px; outline:none;
    box-shadow:0 2px 1px rgba(0,0,0,.05);
    -webkit-box-shadow:0 2px 1px rgba(0,0,0,.05);}
.tableRowadd {width:100%; height:auto; padding-left:60px; color:#555; font-size:12px; font-weight:bold; line-height:70%; border:1px solid transparent; border-radius:0; box-shadow:0 0 0; background:#f2f2f2 url(../img/survey/r_btn_addRow.png) 50% -13px no-repeat;}
.tableRowadd:hover,.tableRowadd:focus {background:#484d54 url(../img/survey/r_btn_addRow.png) 50% -63px no-repeat; border:1px solid #484d54;}

.popupActBtn {height:40px;}
.btnSize1 {height:36px;}


/*******입출력영역********/
input[type="text"], input[type="password"] {min-width:100px; height:36px; padding:0 20px; color:#464646; font-size:15px; background-color:#fff; border:1px solid #d2d2d2; border-radius:4px;}
input[readonly], input[readonly]:hover, input[readonly]:focus {border: 1px solid #d2d2d2; box-shadow:0 0 0; outline: none; cursor:not-allowed;}
input[type="text"]:disabled, input[type="text"]:disabled:hover {color:#999; background-color:#f2f2f2; border:1px solid #d2d2d2; cursor:not-allowed;}
input[type="text"].txtR {text-align:right;}
input[type=file] {display:block;}

.form-control {box-shadow:inset 0 0 0 rgba(0,0,0,.075);}
label[disabled] {color:#999; cursor:not-allowed;}

input[type="text"]:focus, input[type="text"]:hover,
input[type="password"]:focus, input[type="password"]:hover
{color:#222; background:#fff; border:1px solid #009acf; box-shadow:0 0 0; outline:none;}
input.editInput, input.editInput:hover {padding:0; text-align:center; border:1px solid #fff;}
input.editInput:focus, input.editInput:active {padding:0 10px; border:1px solid #1caee0;}
input.inputTransparent {width:97%; height:38px; margin:3px; padding:0 10px; color:#fff; background-color:transparent; border:1px solid transparent;}

.dataBox input.form-control {min-width:100px; height:40px; padding:0 20px; color:#464646; font-size:15px; border:1px solid #d2d2d2; border-radius:4px; box-shadow:0 0 0;}

textarea {min-width:100px; min-height:60px; margin:0 0 0 4px; padding:10px 20px; color:#464646; font-size:15px; font-weight:normal; border:1px solid #d2d2d2; border-radius:4px;}
textarea:focus, textarea:hover {border:1px solid #009acf;}
table textarea {margin-bottom:-8px; padding:0 20px;}


/********************공통영역****************************/
.headerW {display:block; position:relative; z-index:999; width:100%; min-width:1200px; height: 145px;}
.mainWrapperW {position:relative; overflow:hidden; width:100%; min-width:1200px; margin-top:100px;}
.mainContentW {width:1180px;  margin:0 auto; padding-top:40px;}
.noticeWrapperW	{position:relative; overflow:hidden; width:100%; min-width:1200px;}
.noticeContentW {width:1180px; margin:0 auto;}
.noticeContentW h3 {margin-top:0; color:#333; font-size:24px; font-weight:700;}
footer {display:block; clear:both; width:100%;}
.skip {display:none;}


/*******************상단영역***************************/
h1 {position:absolute; left:0; top:0; z-index: 11; margin: 0; width: 300px; height: 70px; background-color: #272A2B;}
h1 a {display: inline-block; width: 100%; height: 100%;}
h1 img {display: block; width: 135px; margin: 0 auto; margin-top: 13px;}


.headertopW {position: relative; z-index: 10; width: 100%; height: 70px; background-color: #2C3133; box-shadow: 0px -2px 15px rgba(0,0,0,.2);}
.headerL {float:left; margin-left:320px; height: 70px;}
ul.menuTab{overflow: hidden;}
ul.menuTab li {display:inline-block; float:left;}
ul.menuTab li a {display:block; box-sizing:border-box; margin:40px 5px 0; padding:0 50px; color:#A4A79B; font-size:15px; line-height:30px; text-align:center; background-color:#494E53; transition:all .1s; border-top-left-radius:4px; border-top-right-radius:4px; box-shadow:rgba(0, 0, 0, 0.09) 0px -1px 1px, rgba(0, 0, 0, 0.09) 0px -2px 2px, rgba(0, 0, 0, 0.09) 0px -4px 4px, rgba(0, 0, 0, 0.09) 0px -8px 8px, rgba(0, 0, 0, 0.09) 0px -16px 16px;}
ul.menuTab li a:hover, ul.menuTab li a.on {margin: 30px 5px 0; color:#fff; font-size:17px; font-weight:700; text-decoration:none; text-shadow:0 0 1px #222; line-height:40px; background: linear-gradient(to right bottom, #1caee0, #009acf);}


.headerR {float:right; height:70px;}
ul.link {line-height:70px;}
ul.link li {display:inline-block; float:left; margin:0 12px 0 12px;}
ul.link>li>a, ul.link>li>a:active, ul.link>li>a:visited, ul.link>li>a:focus {display:block; color:#fff; font-size:14px; font-weight:normal; background-color:transparent; text-decoration:none;}
ul.link li .dropdown .dropdown-menu li a:hover {color:#1CAEE0; font-weight:normal; background-color:#fff;}
.headerDrop>.dropdown>ul>li {margin:0;}
.headerDrop>.dropdown>ul>li>a:hover {color:#1CAEE0; font-weight: normal; background-color:#fff;}
.headerDrop>.dropdown>button.btn-default {margin:0; padding:0; color:#fff; font-size:14px; font-weight:normal; text-decoration:none; background:#2C3133; border:0; box-shadow:0 0 0 rgb(0 0 0 / 0%);}
.headerDrop>.dropdown>button span.caret {width:20px; height:20px; background:url(../img/survey/t_caret2.png) 80% 45% no-repeat; border-top:0; border-right:0; border-left:0;}
.headerDrop>.dropdown>button:hover, .headerDrop>.dropdown>button:active,
.headerDrop>.dropdown>button:visited, .headerDrop>.dropdown>button.btn-default:active, .headerDrop>.dropdown>button.btn-default:focus, .headerDrop>.dropdown>button.btn-default:active, .headerDrop>.dropdown>button.btn-default:focus, .headerDrop>.dropdown>button.btn-default:hover,
.headerDrop>.dropdown>button.open>.dropdown-toggle {margin:0; padding:0; text-decoration:none; border:0; box-shadow:0 0 0 rgba(0,0,0,0); outline:none;}

.peoinfo {margin:0 !important; background-color:#272A2B;}
.peoinfo>.dropdown>ul>li {margin:0;}
.peoinfo>.dropdown>button.btn-default {max-width:150px; margin:0; padding:0 5px 0 0; color: #fff; font-size:14px; font-weight:normal; line-height:18px; text-decoration:none; white-space:normal; background: #272A2B; border:0; box-shadow:0 0 0 rgba(0,0,0,0);}
.peoinfo>.dropdown>button.btn-default:hover {color:#1CAEE0; font-weight:700;}
.peoinfo>.dropdown>button span.caret {width:20px; height:20px; background:url(../img/survey/t_caret2.png) 30% 45% no-repeat; border-top:0; border-right:0; border-left:0;}
.peoinfo>.dropdown>button:hover span.caret {background:url(../img/survey/t_caret3.png) 30% 45% no-repeat;}
.peoinfo>.dropdown>button:hover, .peoinfo>.dropdown>button:active,
.peoinfo>.dropdown>button:visited, .peoinfo>.dropdown>button.btn-default.active,
.peoinfo>.dropdown>button.btn-default.focus, .peoinfo>.dropdown>button.btn-default:active,
.peoinfo>.dropdown>button.btn-default:focus, .peoinfo>.dropdown>button.btn-default:hover,
.peoinfo>.dropdown>button.open>.dropdown-toggle.btn-default
{text-decoration:none;  border:0; outline:none;}
.peoinfo>.dropdown>button.btn-default:before {
    content: '\f2bd';
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
    margin: 0 6px 0 15px;
}
.peoinfo>.dropdown>button.btn-default:hover:before {color:#1CAEE0;}

.headerDrop ul.dropdown-menu, .peoinfo ul.dropdown-menu
{top:55px; left:-10px; min-width:80px; padding: 10px;}

.hbLocal {position: relative; z-index: -2; clear:both; float:left; width:100%; height:75px;}
.localBtn {width:300px; height:75px; border-right: 1px solid #afafaf; border-bottom:1px dotted #afafaf; position: absolute;    left: 0;    top: 56px;    z-index: 10; }
.localBtn li { float:left; display:inline-block; text-indent:-9999px; border:0; border-left:1px solid; position:relative;}
.localBtn li:first-child {border-left:0px;}
.localBtn li.new a {display:block; width:99px; height:74px; background:url(../img/survey/t_lnb_ico.png) 0 0 no-repeat;}
.localBtn li.list a {display:block; width:99px; height:74px; background:url(../img/survey/t_lnb_ico.png) -108px 0 no-repeat;}
.localBtn li:hover a span {color:#3a020f;}
.localBtn li a:hover {color:#3a020f; background-position-y:-90px;}
.localBtn li a span {display:block; position:absolute; top:50px; width:99px; text-indent:0px; text-align:center; color:#fff;}
.localBtn li a span:hover {color:#3a020f; text-decoration:underline;}

.projectLink {display:inline-block; border-bottom:1px dotted #8c8c8c; height:75px;width: 100%;  position: relative; z-index: 5;}
.projectLink h2 {display: inline-block; float: left; width: 35%; margin: 0 0 0 325px; padding-right: 20px; font-size: 24px; font-weight: 700; line-height: 75px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.projectLink ul.projectAction{float: right; width: auto; margin-right: 130px; padding-top: 15px;}
.projectLink ul.projectAction li{ float:left; display:inline-block; text-indent:-9999px;}
.projectLink ul.projectAction li a{ display:block; width:56px; height:52px;}
.projectLink ul.projectAction li.basicinfo a{background:url(../img/survey/t_project_Btn.png) 0 0 no-repeat;}
.projectLink ul.projectAction li.itemedit a{background:url(../img/survey/t_project_Btn.png) -56px 0 no-repeat;}
.projectLink ul.projectAction li.logicset a{background:url(../img/survey/t_project_Btn.png) -112px 0 no-repeat;}
.projectLink ul.projectAction li.testpreview a{background:url(../img/survey/t_project_Btn.png) -168px 0 no-repeat;}


.projectLink ul.projectAction li.basicinfo a:hover{background:url(../img/survey/t_project_Btn.png) 0 -80px no-repeat;}
.projectLink ul.projectAction li.itemedit a:hover{background:url(../img/survey/t_project_Btn.png) -56px -80px no-repeat;}
.projectLink ul.projectAction li.logicset a:hover{background:url(../img/survey/t_project_Btn.png) -112px -80px no-repeat;}
.projectLink ul.projectAction li.testpreview a:hover{background:url(../img/survey/t_project_Btn.png) -168px -80px no-repeat;}


.projectLink ul.projectAction li a:hover,.projectLink ul.projectAction li.basicinfo a:hover,
.projectLink ul.projectAction li.itemedit a:hover,.projectLink ul.projectAction li.logicset a:hover,
.projectLink ul.projectAction li.testpreview a:hover
{border:1px solid #d4d4d4; background-color:#fff; border-radius:4px;}


.messageBoxW {position: absolute; right: 49px; top: 14px; height: 42px; padding: 0 0 0 30px;border-left: 1px solid #c9c9c9; margin-top: 10px;}
.messageIco{ background:url(../img/survey/t_btn_massege_n.png) 0 0  no-repeat; width: 38px; height:44px; border:0; background-color:transparent;}
.messageIco span.messageTxt{ display:none;}
.messageIco_on{ background:url(../img/survey/t_btn_massege_o.png) 0 0  no-repeat; width: 38px; height:44px; border:0; background-color:transparent;}
span.messageTxt{position: absolute;right: -12px;top: 10px; width: 23px;height: 23px; background-color:#1caee0; border-radius: 50%;font-size: 11px; color: #fff;line-height: 220%; text-align:center;}
.messageBox{ position:absolute; left:-170px; top:38px; border-radius:4px;  border:1px solid #b8b8b8;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175); line-height:125%;
padding:10px; width:270px; height:auto; background-color:#f6f6f6; font-size:15px;}
.messageBox ul{ margin-top:25px;}
.messageBox ul li.new{ background-color:#fff; line-height:130%; background:#fff url(../img/survey/t_bl_message.png) 0 12px  no-repeat; padding:6px 4px 5px 20px; margin-bottom:2px; }
.messageBox ul li.end{ background-color:#fff; line-height:130%; background:#fff url(../img/survey/t_bl_message.png) 0 -168px  no-repeat; padding:6px 4px 5px 20px; margin-bottom:2px; }
.messageBox p.closeBtn{ position:absolute; right:15px; top:10px;}
.messageBox p.arrow{position:absolute; right:15px; top:-14px; background: url(../img/survey/t_messageimg.png) 0 0  no-repeat; width:12px; height: 14px;}



/***************오른쪽영역***************/
.noticeW{background-color: #fff;  border: 1px dashed #ccc;  clear: both;  float: left;  width: 100%; position: relative;  min-height: 50px;  padding: 15px 25px 15px 15px;}
.noticeW p.noticeBtnW{ display: inline-block;  width: 120px;  position: absolute;  left: 10px;  top: 0; margin:10px 0;}
.noticeW ul{ padding-left: 120px; width: 100%;}
.noticeW ul li{ line-height:200%; font-size:15px;}
.noticeDate{ float:right; font-size:12px;}
.noticeBtn {background: transparent url(../img/ico_notice.png) 15px 10px no-repeat; border: 1px solid transparent; padding: 5px 15px 4px 35px; font-size: 15px; color: #555; border-radius: 4px; height: 38px; font-weight: 700;}
.noticeBtn:hover, .noticeBtn:focus,.noticeBtn:active{ background: #fff url(../img/ico_notice.png) 15px -40px no-repeat;  border: 1px solid #ccc; box-shadow:0 1px 1px rgba(0,0,0,0.07);}
.noticePoint{ color:#0079bf;}

.mainContentPart{ clear: both;  margin-top: 40px;   float: left;   width: 100%;}
.searchW{border-top: 1px solid #7e7e7e;  border-bottom: 1px solid #cfcfcf;  padding: 12px 8px 0 8px;  height: 60px;  display: block;  float: left;   clear: both;  width: 100%;  margin-top: 30px; background-color:#e9e9e9;}
.searchL{ float:left; display:inline-block;}
.searchL li{ float:left; padding: 0 5px 0 0;}
.searchL li ul li{ clear:both;}
.searchL .searchItem2{ border-left:1px dotted #ccc; padding:0 0 0 10px; margin-left:15px; height:35px;}

.buttonW{ float:right; display:inline-block;}


.ComboBtnW,.ipChangeW,.inputType,.claendarType{ display:inline-block; float:left;}
.ipChangeW{ margin-left: 1px;}
.calendarW{width: 200px; display: inline-block; float:left;}
.calendarLabel{float: left;  height: 40px;  line-height: 350%; padding: 0 5px;}

.ComboBtnW>div.dropdown>button.btn-default, .ComboBtnW>div.dropdown>button.btn-default:focus, .ComboBtnW>div.dropdown>button.btn-default:active {
    padding: 6px 16px;  font-size: 15px;  font-weight: normal;  border: 1px solid #d2d2d2;  border-radius: 4px;  background: #fff;  outline: none;  color: #464646;
	-webkit-box-shadow: 0 2px 1px rgba(0,0,0,.05);  box-shadow: 0 2px 1px rgba(0,0,0,.05);
}
.inputType{ position:relative;}
.inputType input[type="text"]{ padding-right:30px;}

.searchIco{ position:absolute; width:35px; height:32px; right:12px; top:2px; border:0;  background:transparent url(../img/ico_search.png) 50% 50% no-repeat;}

.search2W{ float:right; margin-top:10px; clear:both;}
.search2W li{ float:left; display:inline-block; border-left:1px dotted #aaa; padding:0 6px 0 14px;}
.search2W li:first-child{border-left:0;}
.btnFillter{background:transparent url(../img/btn_list.png) 0 -50px no-repeat; height:24px; padding:0 10px 0 30px; border:1px solid transparent; border-radius:4px;}
.btnFillter1{background:transparent url(../img/btn_list.png) -200px -50px no-repeat; height:24px; padding:0 0 0 30px; border:1px solid transparent; border-radius:4px;}
.btnFillter2{background:transparent url(../img/btn_list.png) -400px -50px no-repeat; height:24px; padding:0 0 0 30px; border:1px solid transparent; border-radius:4px;}
.btnFillDel{    background: transparent url(../img/btn_list.png) -600px -50px no-repeat;    height: 24px;    padding: 0 0 0 24px;    border: 1px solid transparent;    border-radius: 4px;}

.btnFillter:hover,.btnFillter:focus,.btnFillter:active,
.btnFillter1:hover,.btnFillter1:focus,.btnFillter1:active,
.btnFillter2:hover,.btnFillter2:focus,.btnFillter2:active,
.btnFillDel:hover, .btnFillDel:focus,.btnFillDel:focus:active
{ background-position-y:0;}

.btnFillterS{background:transparent url(../img/btn_list.png) 0 0 no-repeat; height:24px; padding:0 10px 0 30px; border:1px solid transparent; border-radius:4px;}



.listGroup{ float:left; display:block; clear:both; margin-top:15px; width:100%;}
.listGroup ul{ margin:0 auto;}
.listGroup li{ float:left; display:inline-block; padding:5px; width:25%;}
.listBox { position: relative; width:100%; height: 370px;  border: 1px solid #d7d7d7; border-radius: 4px;  display: block;  clear: both;  background-color: #fff;  padding: 0;
    font-size: 15px;    color: #333;   overflow: hidden;-webkit-box-shadow:1px 2px 3px rgba(0,0,0,.08);box-shadow:1px 2px 3px rgba(0,0,0,.08);	}

.listBox:hover, .listBox:focus, .listBox:active{ border: 1px solid #1caee0;}

.listBox { width:100%;}

.msID{  width:100%; clear:both; margin:0 auto;  position: relative;   text-align: center;   border-bottom: 1px dotted #ddd;    background-color: #f5f5f5;    color: #999;    font-size: 13px;     margin-bottom: 5px;}
.listGroup ul.listIcoBtn{ width:88%; clear:both; margin:0 auto; margin-top:8px; padding-left:7px;}
.listIcoBtn li{ padding:0; width:auto;}
.listIcoBtn li.txtR{ float:right;}
.listBox  h4{ width:85%; clear:both; margin:0 auto; white-space: nowrap;   text-overflow: ellipsis;   overflow: hidden;     padding: 12px 0 5px 0;}
.listDefalut h4{ margin-top:38px;}
.favoriteIco{background:transparent url(../img/ico_favorite.png) 0 2px no-repeat; height:24px;    padding: 0 4px;  border: 1px solid transparent;  width: 20px;  display: inline-block; float: left;}
.classification {display: inline-block; font-size: 11px; font-family: dotum,Arial, Helvetica, sans-serif; color: #1caee0; background-color: transparent; border:0; padding: 3px 3px 0 3px; height: 18px; line-height: 150%; letter-spacing: -1px; margin-top: 2px;}

.jumpPage { float: left;  width: 100%;  margin-top: 20px;  margin-bottom: 50px;  display: block;  border: 1px solid #dfdfdf;  border-radius: 4px;  background-color: #e0e0e0;   height: 35px;  line-height: 230%; color:#555; font-weight:bold;}
.numberW{ margin:0 8px; line-height: 230%;}

.jumpPage:hover, .jumpPage:focus{ border-color:#d9d9d9; background-color: #fff; }

a.btnCopy{ background: url(../img/btn_ec.png) -35px 0 no-repeat; width: 28px;  height: 28px;  text-indent: -9999px;  border: 0;  display: inline-block;  margin: 0;  vertical-align: middle;  text-align: left;}
a.btnCopy:hover, a.btnCopy:focus,a.btnCopy:active{background-position: -35px -40px;}

a.btnId{background: url(../img/btn_ec.png) -71px 0 no-repeat;width: 28px;height: 28px;text-indent: -9999px;border: 0;display: inline-block;margin: 0;vertical-align: middle;text-align: left;}
a.btnId:hover, a.btnCopy:focus,a.btnCopy:active{background-position: -71px -40px;}

.listGroup ul li ul.listPart{width:85%; clear:both; margin:0 auto; border: 1px solid #eaeaea; border-radius: 4px;  background-color: #fafafa;  padding: 8px 12px;   overflow: hidden;  margin-top: 3px ; font-size:13px; color:#696e72; line-height:150%;}
.listGroup ul li ul.listPart li{ padding:3px 0; width: 100%;}
.listGroup ul li ul.listPart li.partTitle{ font-size:15px; color:#333; position:relative;}
a.btnEdit {display: inline-block;  position: absolute;  top: -10px;  right: -13px;  background: #fff url(../img/btn_ec.png) 2px 2px no-repeat;  width: 35px;  height: 35px;  text-indent: -9999px;  border: 1px solid #eaeaea; margin: 0;   vertical-align: middle;   text-align: left;   border-radius: 0 4px;}
a.btnEdit:hover, a.btnEdit:focus,a.btnEdit:active{background-position: 2px -38px;}

.listGroup ul li ul.listResult:hover, .listGroup ul li ul.listResult:focus{ border:1px solid #13a6d8; background-color:#1caee0; color:#fff;}
.listGroup ul li ul.listResultNone{ color:#696e72; line-height:200%;}
.listGroup ul li ul.listResult li a{font-size: 15px; color: #333; height: 24px;  line-height: 190%;}
.listGroup ul li ul.listResult:hover li a, .listGroup ul li ul.listResult:focus  li a{ color:#fff;}
span.btnResult{background:transparent url(../img/btn_result.png) 0 0 no-repeat; float:right; width:30px; height:26px;}
span.btnStop{background:transparent url(../img/btn_result.png) -30px 0 no-repeat; float:right; width:30px; height:26px;}

a.newPage,a.newPage:active, a.newPage:focus{display: block;  border-radius: 8px;  border: 2px dotted #d2d2d2;  height: 120px;  width: 85%;  clear: both;  margin:0 auto; margin-top:3px;  background:#fff url(../img/ico_plus.png) 50% 65% no-repeat;
    text-align: center;  line-height: 520%;  font-size: 17px;   letter-spacing: -1px;  color: #999;}
a.newPage:hover{ border-color:#057cc1; background-color:#1caee0; color:#fff; text-decoration:none;}



/***테이블리스트****/
.listfullBox {width: 100%; margin: 30px 0;  float: left; clear: both;}
.listTable {margin-bottom: 35px;}
.tablelistType{ width:100%; margin-bottom:0; border-collapse:collapse; border:0; }
.tablelistType thead tr th{ background-color: #f2f2f2;    border: 1px solid #d4d4d4;    border-right: 0;    color: #333;    text-align: center;    padding: 3px 0;    vertical-align: middle;    font-size: 13px;}
.tablelistType thead tr th:first-child{ border-left:0;}
.tablelistType tbody tr th{ background-color: #fafafa;  border: 0;  border-right: 1px solid #e9e9e9;  border-bottom: 1px solid #e9e9e9;  text-align: center;  padding: 14px 15px;  font-weight: normal; font-size: 13px;}
.tablelistType tbody tr td{ background-color:#fff;   border: 0;  border-left: 1px solid #ececec;  border-bottom: 1px solid #e9e9e9;  text-align: left;   padding: 5px 10px;   font-weight: normal;  font-size: 13px;
vertical-align: middle; line-height:145%;}
.tablelistType thead tr:nth-child(2) th { background-color: #f2f2f2;  border: 0;  border-left: 1px solid #d4d4d4;  border-bottom: 1px solid #d4d4d4;  color: #464646;  text-align: center;}

.tablelistType tbody tr td.txtC{ text-align:center;}
.tablelistType tbody tr td.txtR{ text-align:right;}

a.cellBtnEdit{background: #fff url(../img/btn_ec.png) 2px 2px no-repeat;  width: 35px;  height: 35px;  text-indent: -9999px;  border:0; display: inline-block;   vertical-align: middle;  text-align: left; border-radius: 0 ;}
a.cellBtnEdit:hover, a.cellBtnEdit:focus,a.cellBtnEdit:active{background-position: 2px -38px;}
a.cellBtnCopy{background: url(../img/btn_ec.png) -30px 4px no-repeat; width: 35px;  height: 35px;  text-indent: -9999px;  border:0; display: inline-block;   vertical-align: middle;  text-align: left; border-radius: 0 ;}
a.cellBtnCopy:hover, a.cellBtnCopy:focus,a.cellBtnCopy:active{background-position: -30px -36px;}
a.cellBtnResult{background:transparent url(../img/btn_result.png) 0 4px no-repeat; width:35px; height:35px; text-indent: -9999px;  border:0; display: inline-block;   vertical-align: middle;  text-align: left; border-radius: 0 ;}
a.cellBtnStop{background:transparent url(../img/btn_result.png) -30px 4px no-repeat; width:35px; height:35px; text-indent: -9999px;  border:0; display: inline-block;   vertical-align: middle;  text-align: left; border-radius: 0 ; cursor: not-allowed;}
a.cellBtnResult:hover, a.cellBtnResult:focus,a.cellBtnResult:active{background-position: 0 -46px;}

a.cellBtnId{background: url(../img/btn_ec.png) -68px 4px no-repeat; width: 35px;  height: 35px;  text-indent: -9999px;  border:0; display: inline-block;   vertical-align: middle;  text-align: left; border-radius: 0 ;}
a.cellBtnId:hover, a.cellBtnId:focus,a.cellBtnId:active{background-position: -68px -36px;}

.cellFavoriteIco{ margin-right:5px; padding-bottom:1px; display:inline-block; height:auto; }

.pageBtnW{ clear:both; display:block; float:left; width:100%; text-align: center;}
.pageBtnW ul {width:auto; display:inline-block;}
.pageBtnW ul li{ float:left; display:inline-block;}
.pageBtnW ul li.pageArrow a{ background:url(../img/btn_arrow.png) 0 0 no-repeat; width:25px; height:25px; text-indent:-9999px; border:1px solid transparent; display:inline-block; float:left; opacity:0.5;}
.pageBtnW ul li.pageArrow a:hover{ border:1px solid #ababab; border-radius:4px;}
.pageBtnW ul li.pageArrow a.start{ background-position:0 0;}
.pageBtnW ul li.pageArrow a.prev{ background-position:-25px 0;}
.pageBtnW ul li.pageArrow a.next{ background-position:-50px 0;}
.pageBtnW ul li.pageArrow a.end{ background-position:-75px 0;}
.pageBtnW ul li.pageNum{ margin:0 6px 0 10px;}
.pageBtnW ul li.pageNum a{ width:20px; height:20px;border:1px solid transparent; display:inline-block; float:left; font-size:14px; color:#656565; margin:0 ; line-height:200%;}
.pageBtnW ul li.pageNum a.selected{ color:#1caee0; font-weight:bold;}


.pageBtnW ul li.pageArrow a[disabled], .pageBtnW ul li.pageArrow a[disabled]:hover,.pageBtnW ul li.pageArrow a[disabled]:focus{ opacity: 0.2; filter: alpha(opacity=20); border:1px solid transparent; cursor: not-allowed;}


.tableInputType{ width:100%; margin-bottom:0; border-collapse:collapse; border:0;   border-top: 1px solid #e9e9e9;}
.tableInputType thead tr th{ background-color:#68748b; border: 0;  border-left: 1px solid #5f6b82; border-bottom: 1px solid #5f6b82; color:#fff; text-align:center; padding:3px 0; vertical-align:middle; font-size:13px;}
.tableInputType tbody tr th{ background-color: #fafafa;  border: 0;  border-right: 1px solid #e9e9e9;  border-bottom: 1px solid #e9e9e9;  text-align: center;  padding: 14px 15px;  font-weight: normal; font-size: 13px;}
.tableInputType tbody tr td{ background-color:#fff;   border: 0;  border-left: 1px solid #ececec;  border-bottom: 1px solid #e9e9e9;  text-align: left;   padding: 5px 10px;   font-weight: normal;  font-size: 13px;
vertical-align: middle; line-height:145%;}
.tableInputType thead tr:nth-child(2) th { background-color: #616874;  border: 0;  border-left: 1px solid #585f6c;  border-bottom: 1px solid #585f6c;  color: #fff;  text-align: center;}

.tableInputType tbody tr td.txtC{ text-align:center;}
.tableInputType tbody tr td.txtR{ text-align:right;}

/***게시판***/
.findW{ clear: both; width: 100%;  padding: 0;  float: left;  border-top: 1px dotted #7e7e7e;  padding-top: 10px; margin-top: 20px;  margin-bottom: -10px;}
.findL{ display:inline-block; float:left; }
.findR{ display:inline-block; float:right;padding-top:10px;}

.noticeBtnW{ float:left; clear:both; width:100%; margin:15px 0; position:relative;}
.noticeBtnW .btnR{ float:right;}
.noticeBtnW .btnL{ float:left;}

.noticeWrite{float: left;  width: 100%;  margin: 0 auto;  padding: 1px 0 0 0;  position: relative;  border-top: 1px solid #1caee0; border-bottom: 1px solid #1caee0;}
.noticeWrite dl{border-radius: 0; background-color: #fff;  border: 1px solid #f1f1f1;  margin: 0;  float: left;  width: 100%;  margin-top: -1px;  border-left: 0;  border-right: 0;}
.noticeWrite dl dt{ float: left;  display: inline-block; text-align: right; width: 15%; padding: 0.8% 2% 0.8% 0; line-height: 250%;  font-size: 15px;  font-weight: normal; color: #777;}
.noticeWrite dl dd{float: left;    display: inline-block;    text-align: left;    padding: 0.8% 0 0.5% 0;    width: 80%;    line-height: 300%;}
.noticeWrite .upload-name { display: inline-block;  height: 40px;  padding: 0 20px;  font-size: inherit;  font-family: inherit;  line-height: normal;  vertical-align: middle;  background-color: #f9f9f9;
    border: 1px solid #d2d2d2;   border-bottom-color: #e2e2e2;   -webkit-appearance: none;   -moz-appearance: none;  appearance: none;   border-radius: 4px;  color: #464646;}
.noticeWrite .btninner{ line-height:250%;}

.noticeRE{float: left;  width: 100%;  margin: 0 auto;  padding: 1px 0 0 0;  position: relative;  border-top: 1px solid #1caee0;  border-bottom: 1px solid #ccc;    background-color: #fff;    margin-top: -1px;}


.noticeItem{ width:100%;}
.noticeItem dl{border-radius: 0; background-color: #fff;  border:0;  margin: 0;  float: left;  width:33.3333%;  margin-top: -1px;  border-top:1px solid #f1f1f1;}
.noticeItem dl dt{ float: left;  display: inline-block; text-align: right; width: 90px; padding: 0.8% 2% 0.8% 0; line-height: 250%;  font-size: 15px;  font-weight: normal; color: #777;}
.noticeItem dl dd{float: left;    display: inline-block;    text-align: left;    padding: 0.8% 0 0.5% 0;  line-height: 300%;}
.noticeItem dl dd a{ margin-right:5px;}
.noticeItem dl:nth-child(1){ width:73.69%;}
.noticeItem dl:nth-child(2){ width:180px;}
.noticeItem dl:nth-child(3){ width:130px;}
.noticeItem dl:nth-child(2) dt,.noticeItem dl:nth-child(3) dt{ line-height:300%;}
.noticeItem dl:nth-child(2) dd,.noticeItem dl:nth-child(3) dd{ line-height:370%;}
.noticeRE .noticeContents{ min-height:200px;}
.noticeRE p { padding:0 15px; line-height:300%; font-size:22px; margin:0; font-weight:500;}

.listDuble{    border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;  background-color: #f9f9f9;  margin: 15px 0;  clear: both; padding:15px 15px; font-size:15px;}
.listDuble li{ line-height:250%; border-top:1px dotted #ddd;}
.listDuble li:first-child{ border-top:0;}
.noticeContents{ padding:20px;}

.FaqlistW {float: left; clear: both; width: 100%; margin: 35px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.faqPart dl{ border-radius: 0;  background-color: #fff;  border: 1px solid #f1f1f1;  margin: 0;  float: left;  width: 100%; border-left: 0;  border-right: 0; font-size:15px;}
.faqPart dl dt{float: left;  display: inline-block;  text-align: left;  width: 8%;  padding: 0.8% 1% 0 1.2%;  line-height: 200%;  font-size: 13px;  font-weight: normal;  color: #777;  vertical-align: middle;}
.faqPart dl dd{ float: left;   display: inline-block;  text-align: left;  padding: 0.8% 0 0.5% 0;  width: 80%; line-height: 200%;}
.numberTxt{border-right: 1px solid #ddd;  height: 100%;  display: inline-block;  padding: 0 12px 0 3px;   line-height: 180%;  margin: 3px 0 0 5px;}
.faqPart{ position:relative; clear: both;}
.faqConPart{clear: both;  min-height: 50px;  padding: 20px;  background-color: #f9f9f9; font-size:15px;}
.optionOpen{position: absolute; top: 22px;  right: 10px;  width: 20px;  height: 20px;  background: url(../img/ico_fold.png) 0 -20px no-repeat;  text-indent: -9999px;}
.optionClose { position: absolute;  top: 17px;  right: 10px;  width: 20px;  height: 20px;  background: url(../img/ico_fold.png) 0 0 no-repeat;  text-indent: -9999px;}


/***마스터 관리***/

.managerW{ float: left;  margin-top: 40px; margin-bottom: 30px;   background-color: #fff;   padding: 20px 40px 40px 40px;  border-radius: 4px; border: 1px solid #dfdfdf; box-shadow: 0 2px 4px rgba(0,0,0,0.09);}

.masterInfo{ float:left; clear:both; background-color: #f6feff;  border-radius: 4px;  border: 1px solid #84c8e0; box-shadow: 0 2px 4px rgba(0,0,0,0.09); width:100%; padding: 20px;}
.masterInfo dl{ font-size:15px; position:relative; }
.masterInfo dl dt{ display: inline-block;   float: left; padding:0 10px; font-weight:normal; color:#777; line-height:250%;}
.masterInfo dl dd{ display: inline-block;   float: left; padding:0 30px 0 0; color:#464646; font-weight:600; line-height:250%;}
.masterInfo dl dd button.btninner{ border:1px solid #ee4040; color:#fff; font-size:15px; font-weight:600;position: absolute;   right: 0;  top: -6px;   height: 50px;
    background: #ff4343;
    background: -webkit-linear-gradient(#ff6363, #ff4343);
    background: -o-linear-gradient(#ff6363, #ff4343);
    background: -moz-linear-gradient(#ff6363, #ff4343);
    background: linear-gradient(#ff6363, #ff4343);
}
.masterInfo dl dd button.btninner:hover{ background:#cf1f1f; border:1px solid #c81919;}
.projectManage{  margin-bottom: 50px;   float: left;}
.projectManage ul{float:left; clear:both; background-color: #fff;   border-radius: 4px;  width: 100%;  border: 1px solid #7ad4f4; overflow:hidden; overflow-y: auto;    max-height: 308px;    margin-top: -1px;}
.projectManage ul li{ display:inline-block; float:left; width: 20%; border-right:1px solid #e2eaec;  padding: 20px 25px 17px 25px;border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4;
    margin-bottom: -1px;}
.projectManage ul li:nth-child(1),.projectManage ul li:nth-child(5n) { border-right:0;}
.projectManage ul li:nth-child(1){ background:#f6feff url(../img/img_arrow.png) 100% 45% no-repeat;}
.projectManage ul li h6 {    font-size: 15px;   color: #009dd3;   font-weight: 600; width: 70%;  margin: 0 auto; white-space: nowrap;    text-overflow: ellipsis;}
.projectManage ul li ol{width: 70%;  margin: 0 auto; margin-top: 8px;}
.projectManage ul li ol li{ border:0; width:100%; float:left; margin:0; padding:0; line-height:135%; font-size: 15px; color: #555;}
.projectManage ul li ol li:nth-child(1){ background:none;}

h5.listTitle {display:inline-block; float:left; clear:both; margin-top:10px; color:#555; font-size:17px; font-weight:600;}

.tablelistType tbody tr.editmodeTR th, .tablelistType tbody tr.editmodeTR td {background:#e6f4f8;}
.projectManage .listTable .tablelistType tbody tr td {line-height:200%; vertical-align:top; padding-top:12px;}
.descriptBox {float:left; clear:both; width:100%; margin:30px 0 0 0; padding:20px 30px; background-color:#fafafa;}
.descriptBox ol {float:left; width:100%; margin:0 0 15px 0;}
.descriptBox ol li {padding:4px 0 3px 20px; background:url(../img/ico_bl.png) 2px 10px no-repeat;}
.editmode {display:block; width:20px; height:20px; background:url(../img/btn_ec.png) -5px -45px no-repeat;}


/***공통 여백 및 포인트폰트***/
.txtPoint1 {color:#ff5c14; font-style:normal; font-weight:bold;}
.errorTxt {float:left; clear:both; width:100%; min-height:38px; margin:0; padding:10px 0;color:#f72e00; font-size:13px; line-height:150%;}
.okTxt {float:left; clear:both; width:100%; min-height:38px; margin:0; padding:10px 0; color:#0079bf; font-size:13px; line-height:150%;}
.sm {font-size:13px;}

/**레이어팝업***/
.layerPop {position:absolute; top:15%; right:30%; z-index:800; overflow:hidden; width:auto; height:auto; min-width:250px; min-height:250px; padding-bottom:20px; background:#fff; border:1px solid #ccc; border-radius:4px; box-shadow:0 6px 12px rgba(0,0,0,.175); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); }
 .layerPop2 {position:absolute; top:10%; right:20%; z-index:800; overflow:hidden; width:auto; height:auto; min-width:250px; max-width:1000px; min-height:250px; padding-bottom:20px; background:#fff; border:1px solid #ccc; border-radius:4px; box-shadow: 0 6px 12px rgba(0,0,0,.175); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);}
h4.layerPopTitle {margin:0; padding:15px 30px 12px 30px; color:#464646; font-size:18px; text-align:left; line-height:120%; background-color:#f2f2f2;}


.popPartW {padding:20px 20px 0 20px;}
.buttonPopW {clear:both; width:100%; padding:0 30px;}
.popCloseBtn {position:absolute; top:0; right:0; width:55px; height:45px; border-left:1px solid #e5e5e5; line-height:45px; text-align:center;}
.filterBoxPop {display:inline-block; float:left;}
.popupsize1 {width:800px;}
.buttonPop2W {display:block; float:right; clear:both; margin:15px 0;}
.popPosition1 {top:35px; right:0;}


@media (max-width: 1410px) { /*헤더 메뉴길이 조정*/
    ul.menuTab li a {padding:0 22px;}
}