@charset "utf-8";

/* ************************* 공통 ************************* */
/* ***** tabWrap ***** */
.tabWrap {}
/* ***** tabWrap::type1 ***** */
.tabWrap.type1 {padding-bottom:30px;}
.tabWrap.type1 ul {text-align:center; border-width:0 0 1px 1px; border-style:solid; border-color:#e5e5e5; overflow:hidden;}
.tabWrap.type1 ul li {float:left; border-width:1px 1PX 0 0; border-style:solid; border-color:#e5e5e5;}
.tabWrap.type1 ul li a{
	display: inline-block;
	color: black;
}
.tabWrap.type1 ul li a, .tabWrap.type1 ul li button { padding:0 40px; width:100%; line-height:48px; transition:all .2s;}
.tabWrap.type1 ul li a:hover, .tabWrap.type1 ul li button:hover {background:#f5f5f5;}
.tabWrap.type1 ul li.on a, .tabWrap.type1 ul li.on button {color:#fff; background:#00b38d;}
/* ***** tabWrap::type2 ***** */
.tabWrap.type2 {padding-bottom:50px;}
.tabWrap.type2 ul {text-align:center; border-width:1px 0 0 1px; border-style:solid; border-color:#e5e5e5;}
.tabWrap.type2 ul li {float:left; border-width:0 1px 1px 0; border-style:solid; border-color:#e5e5e5;}
.tabWrap.type2 ul li a{
	display: inline-block;
	color: black;
}
.tabWrap.type2 ul li a, .tabWrap.type2 ul li button {width:100%; line-height:48px; transition:all .2s;}
.tabWrap.type2 ul li a:hover, .tabWrap.type2 ul li button:hover {background:#f5f5f5;}
.tabWrap.type2 ul li.on a, .tabWrap.type2 ul li.on button {color:#fff; background:#00b38d;}
.tabWrap.type2.li-2 ul li {width:calc(100%/2 - 0.1px)}
.tabWrap.type2.li-3 ul li {width:calc(100%/3 - 0.1px)}
.tabWrap.type2.li-4 ul li {width:calc(100%/4 - 0.1px)}
.tabWrap.type2.li-5 ul li {width:calc(100%/5 - 0.1px)}
.tabWrap.type2.li-6 ul li {width:calc(100%/6 - 0.1px)}
.tabWrap.type2.li-7 ul li {width:calc(100%/7 - 0.1px)}

/* ***** tableWrap ***** */
.tableWrap {}
.tableWrap tr td .mapMove {display:block; width:100%; height:22px; background:url(../images/common/i-mapMove.svg)center no-repeat;}
.tableWrap tr td.left {text-align:left;}
/* tableWrap::type1 */
.tableWrap.type1 {}
.tableWrap.type1 table {text-align:center; border-style:solid; border-width:1px 0 0 1px; border-color:#e5e5e5;}
.tableWrap.type1 thead {}
.tableWrap.type1 tbody {}
.tableWrap.type1 tbody {}
.tableWrap.type1 tbody tr {cursor:pointer;}
.tableWrap.type1 tbody tr:hover {background:#f9f9f9;}
.tableWrap.type1 tr {}
.tableWrap.type1 tr>* {padding:7px 10px; border-style:solid; border-width:0 1px 1px 0; border-color:#e5e5e5; font-weight:400;}
.tableWrap.type1 tr th {color:#000; background:#f5f5f5;}
.tableWrap.type1 tr td {}
/* tableWrap::type2 */
.tableWrap.type2 {}
.tableWrap.type2 table {text-align:center; border-top:1px solid #000;}
.tableWrap.type2 thead {border-bottom:1px solid #adadad;}
.tableWrap.type2 tbody {}
.tableWrap.type2 tbody {}
.tableWrap.type2 tbody tr:hover {background:#f9f9f9; cursor:pointer;}
.tableWrap.type2 tr {border-bottom:1px solid #e5e5e5;}
.tableWrap.type2 tr:last-child {border-bottom-color:#adadad;}
.tableWrap.type2 tr>* {padding:17px 10px; font-weight:300;}
.tableWrap.type2 tr th {color:#000;}
.tableWrap.type2 tr td {}

.table-subTitle {font-size:14px; padding-bottom:5px;}
.table-subTitle span {}

/* 버튼 */
.btnWrap {margin-top:30px; text-align:center; font-size:0;}
.btnWrap a {display:inline-block; padding:12px 40px; margin:0 5px; font-size:16px; border:1px solid #e5e5e5;}
.btnWrap a:hover {background:#00b38d; color:#fff; border-color:transparent;}
.btnWrap.right {text-align:right;}
.btnWrap a.excel {background:#00b38d; color:#fff; border-color:transparent;}

/* ************************* // END 공통 ************************* */

/* ************************* // 로그인 ************************* */
body.login {height:100vh;}
.login-wrap {width:100%;height:100%;background:url(../images/common/bg_login.jpg)50% 50% /cover no-repeat; display:flex;align-items:center; position:relative;}
.login-wrap .cover {position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.3);}
.login-wrap .login-bx{padding:90px; width:562px;height:697px;border-radius:50px;margin:0 auto;background-color: rgb(0,0,0); /* Fallback color */  background-color: rgba(0,0,0,.5); position:relative;}
.login-wrap .login-bx .login-title{position:relative;margin-bottom:60px;}
.login-wrap .login-bx .login-title span {display:block;font-size:36px;line-height:40px;font-weight:700;color:#fff; padding-top:10px;}
.login-wrap .login-bx form{}
.login-wrap .login-bx .write-div{margin-bottom:40px;}
.login-wrap .login-bx .write-div label{color:#fff;display:block;font-size:15px;font-weight:100;margin-bottom:5px;}
.login-wrap .login-bx .write-div input{border-radius:0;color:#fff;padding:10px 0;display:block;width:100%;background:none;-webkit-outline:0;outline:0;border:0;border-bottom:1px solid rgba(255,255,255,.5);line-height:1;}
.login-wrap .login-bx .btn-submit{text-align:center;margin:20px 0 30px;cursor:pointer;border-radius:50px;border:0;outline:0;color:#fff;height:70px;line-height:70px;width:100%;display:block;}
.login-wrap .login-bx .btn-submit{
	 /* (0,179,141) (0, 164,224) */
	background: linear-gradient(to right, rgba(0,179,141,.85), rgba(0,164,224,.85));
	background: -webkit-linear-gradient(to right, rgba(0,179,141,.85), rgba(0,164,224,.85));
	/* background:#00b38d !important; */
}
.login-wrap .login-bx .btn-submit:hover {
	background: linear-gradient(to right, rgba(0,179,141,1), rgba(0,164,224,1));
	background: -webkit-linear-gradient(to right, rgba(0,179,141,1), rgba(0,164,224,1));
}
.login-wrap .login-bx .btn-wrap{text-align:center;}
.login-wrap .login-bx .btn-wrap a{display:inline-block;color:#fff;font-size:14px;text-decoration:none; opacity:.8;}
.login-wrap .login-bx .btn-wrap a:hover {opacity:1;}
.login-wrap .login-bx .btn-wrap .bar{display:inline-block;height:10px;background:#fff;width:1px;margin:0 12px;}

/* ************************* // END 로그인 ************************* */



.searchWrap {position:relative; padding-bottom:10px;}
.searchWrap .searchInfo {font-size:0;}
.searchWrap .searchInfo p {line-height:54px; display:inline-block; font-size:16px; vertical-align:middle;}
.searchWrap .searchInfo p+p {padding-left:40px; position:relative;}
.searchWrap .searchInfo p+p:before {content:''; display:block; width:1px; height:14px; background:#e5e5e5; position:absolute; left:20px; top:calc(50% - 7px);}

.searchWrap .searchBox {font-size:0; position:absolute; right:0; top:0;}
.searchWrap .searchBox .inputWrap {display:inline-block; font-size:16px; position:relative;}
.searchWrap .searchBox .inputWrap>* {line-height:52px; height:54px; vertical-align:middle;}
.searchWrap .searchBox .inputWrap select {color:#999; width:130px; padding:0 20px; margin-right:-1px;}
.searchWrap .searchBox .inputWrap span {display:inline-block; width:20px; text-align:center;}
.searchWrap .searchBox .inputWrap input {width:400px; padding:0 60px 0 20px;}
.searchWrap .searchBox .inputWrap button {width:54px; height:54px; border:1px solid #e5e5e5; background:url(../images/common/i-search.png)center no-repeat;}
.searchWrap .searchBox .inputWrap input+button {width:54px; height:54px; position:absolute; right:0; top:0; background:url(../images/common/i-search.png)center no-repeat; border:0;}
.searchWrap .searchBox .inputWrap.date select {width:300px;}



.research.viewPage .view-title {border:1px solid #e5e5e5; border-top-color:#00b38d;}
.research.viewPage .view-title h3 {padding:30px 40px; font-size:20px; color:#000; border-bottom:1px solid #e5e5e5; font-weight:500;}
.research.viewPage .view-title-wrap {}
.research.viewPage .view-title-info {border-bottom:1px solid #e5e5e5; overflow:hidden;}
.research.viewPage .view-title-wrap p {padding-left:10px; float:left; position:relative;}
.research.viewPage .view-title-wrap p+p {margin-left:25px;}
.research.viewPage .view-title-wrap p:before {content:''; display:block; width:3px; height:3px; position:absolute; left:0; top:11px; background:#666;}
.research.viewPage .view-title-wrap>div {padding:20px 40px; background:#f5f5f5;}
.research.viewPage .view-title-file {overflow:hidden; position:relative;}
.research.viewPage .view-title-file p {position:absolute; left:40px;}
.research.viewPage .view-title-file-list {padding-left:135px;}
.research.viewPage .view-title-file-list a {display:inline-block; padding:0 0 0 20px; margin:0 20px 0 0; background:url(../images/common/upload_file_icon.png)0 4px no-repeat; border-bottom:1px solid transparent;}
.research.viewPage .view-title-file-list a:hover {color:#000; border-color:#000; }
.research.viewPage .view-inner {padding:30px 40px; border:1px solid #e5e5e5; margin-top:5px;}

.research {}
.form-research {overflow:hidden; border-style:solid; border-color:#e5e5e5; border-width:1px 0 0 1px;}
.form-research .formGroup {
	float:left; width:100%; overflow:hidden; padding-left:150px; position:relative;
	border-style:solid; border-color:#e5e5e5; border-width:0 1px 1px 0;
}
.form-research .formGroup p {position:absolute; left:0; top:0; width:150px; height:100%; line-height:92px; text-align:center; border-right:1px solid #e5e5e5; background:#f9f9f9;}
.form-research .inputWrap {width:100%; padding:20px;}
.form-research .inputWrap>* {width:100%; height:52px; line-height:50px; vertical-align:middle;}
.form-research .inputWrap input {}
/*.form-research .inputWrap input[type="text"] {width:500px;}*/
.form-research .inputWrap input[type="file"] {}
.form-research .inputWrap textarea {width:100%; height:100%;}
.form-research .inputWrap select {}
.form-research .formGroup.category #category {width:448px;}
.form-research .formGroup.date {}
.form-research .formGroup.date input {width:448px}
.form-research .formGroup.date button {width:52px; border:1px solid #e5e5e5; border-left:0; padding:0;}
.form-research .formGroup.date button img {width:24px;}
.form-research .formGroup.wysiwyg {}
.form-research .formGroup.wysiwyg div {height:400px;}
.form-research .formGroup.wysiwyg div textarea {padding:7px 10px;}

.form-research .inputWrap .file-desc {
	width:auto; height:auto; line-height:1.6;
	margin-top:20px;
}
.form-research .inputWrap .file-desc span {display:block; padding-bottom:5px; color:#00a4e0;}
.form-research .inputWrap .file-desc ul {}
.form-research .inputWrap .file-desc ul li {}


.formGroup.w50 {width:50%;}
/* .formGroup.w50 .inputWrap>* {width:50%;} */
.formGroup .inputWrap .filebox {width:100%; display:block;}
.formGroup .inputWrap .filebox .upload-hidden {
	position: absolute; width: 1px; height: 1px; padding: 0; 
	margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;
}
.formGroup .inputWrap .filebox label {
	display:inline-block; padding:10px; text-align:center; width:80px;
	color: #fff; font-size: inherit; line-height: normal;
	vertical-align: middle; background-color: #00b38d; cursor: pointer; border-radius: .25em;
}
.formGroup .inputWrap .filebox label.del {background:#f00;}
.formGroup .inputWrap .filebox .upload-name {
	width:415px; display: inline-block; padding:10px; /* label의 패딩값과 일치 */ 
	font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; 
	border: 1px solid #e5e5e5; border-radius: .25em; 
	-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
	-moz-appearance: none; appearance: none; 
}