@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* 기본베이스 */
body 		{ background: white; width: 1000px; margin:auto; padding:0; font-family: 'Noto Sans KR', sans-serif; z-index: 0; }

a			{ text-decoration: none; color:#297174; }
a:link		{ text-decoration:none; }
a:visited	{ text-decoration:none; }
a:hover		{ text-decoration:underline; color: #004080; }
a:active	{ text-decoration:underline; }

ul,li,dl,dt,dd	{ list-style:none; margin:0px; padding:0px; }
h2 			{ margin: 0; padding: 10px; }
strong		{ font-size: 10pt; }
.style1 { color: #103D74; }
.style4 { font-size: 12px; }

.wrapper { display: grid; place-items: center; min-height: 100vh; background: #fff; }


/* 최상단 로그인창 */
.topLoginAndEtcDiv { background-color: #f2f0f0; padding: 7px 20px; text-align: right; font-size: 11pt; } 
.topLoginAndEtcDiv .firstLink	{ color:#4b4b4b; border-left:1px solid #c4c4c4; border-right: 1px solid #c4c4c4; padding: 0 15px; }
.topLoginAndEtcDiv a 			{ color:#4b4b4b; border-right: 1px solid #c4c4c4; padding: 0 15px 0 10px; }
.topLoginAndEtcDiv a:hover		{ text-decoration: none; color:#297174; }


/*오른쪽 팝업 레이어 - 스크롤에 따라 따라다니는 창*/
#rightPopLayer { position:absolute; width:100px; top:30%; margin-top:-50px; right:10px; background:#fffefe;}
#rightPopLayer ul { position:relative; float:left; width:100%; display:inline-block; *display:inline; background-color:#fffefe; border:1px solid #f2f0f0;}
#rightPopLayer ul li { float:left; width:100%; border-bottom:1px solid #f2f0f0; text-align:center; display:inline-block; *display:inline; padding:10px 0; }
#rightPopLayer ul li a img { position:relative; }
#rightPopLayer ul li a div { position:relative; float:left; width:100%; }
#rightPopLayer ul li a { pointer:hand; position:relative; width:100%; height:30px; text-align:center; color:#555; font-size:10pt; letter-spacing:-1px; }
#rightPopLayer ul li a:hover { color:#000;}
#rightPopLayer ul li:last-child { border-bottom:0;}

@media screen and (max-width: 1100px) {
  #rightPopLayer {
    display: none;
  }
} 


/*중간 제목*/
.h2OfFunctionTitle1 { margin: 0; padding: 30px 0 15px 0; text-align: center; }
.h2OfFunctionTitle2 { margin: 0; padding: 30px 0 20px 0; text-align: center; }
.h2OfFunctionTitle3 { margin: 0; padding: 30px 0 10px 0; text-align: center; }


/* 상단 검색창 */
.topLogo 	{ padding: 30px 0 10px 0; }
.lincLogoImg	{ max-width:300px; }
.ifLogoImg	{ padding-left: 15px; vertical-align: bottom; }
.topMenuDiv { background-color: #134F89; color: white; text-align: center; font-size: 25pt; font-weight: bold; padding: 20px 0; } 

.searchDiv  { float: left; padding: 15px 10px 22px 120px; width: 88%; }
.searchDiv img { float: left; } 
.searchDiv div { float: left; padding: 12px 0 0 10px; }  
.searchDiv div select { padding: 7px; font-size: 11pt; }
.searchText { padding: 7px; font-size: 11pt; }
.searchBtn  { cursor:pointer; padding: 7px 15px; background-color: #2d6295; color: white; font-size: 11pt; border:none; vertical-align:top; }

.proSearchDiv  { float: left; padding: 15px 10px 22px 120px; width: 87%; }
.proSearchDiv span { font-size:1.2em; font-weight:bold; padding-left:10px; }
.proSearchText { padding: 7px; font-size: 11pt; }
.proSearchBtn  { cursor:pointer; padding: 9px 15px; background-color: #2d6295; color: white; font-size: 11pt; border:none; vertical-align:top; }


/* 첫화면 하단의 서비스 설명 부분 */
.detailViewDiv { float:right; cursor:pointer;color: #4279af; font-size: 11pt; padding-bottom: 3px;border-bottom: 1px solid #4279af; }
.detailDiv  { float: left; padding: 5px 15px 50px 15px; }
.detailTitle   { padding: 40px 0 20px 0; }
.detailDiv table { width: 98%; background-color:white; padding-left:10px; }
.detailTbn1 { width: 35%; text-align:left; vertical-align:middle; }
.detailTbn2 { width: 65%; line-height: 140%; vertical-align:top; padding:15px 10px 0 10px; text-align:left; }
.detailTbn3 { width: 65%; line-height: 140%; vertical-align:top; padding:15px 10px 15px 10px; text-align:left; }


/* 검색창 */
.thesaurusDiv { float: left; padding: 5px 0 0 72px; }
.thesaurusTable { padding: 15px 25px 0px 0px; border:1px solid rgb(196, 204, 209); border-radius:3px; }

.tabMenuDiv { float: left; width:98%; border-bottom: 2px solid #2d6295; backround-color: #ccc; padding: 22px 0 0 0; margin-bottom:10px; }
.tabOff	{ float:left; width:166px; padding:10px 15px; background-color: #fff; font-size:12pt; color: #2d6295; text-align:center; font-weight:400; } 
.tabOn	{ float:left; width:166px; padding:10px 15px; background-color: #f2f3f5; font-size:12pt;color: #2d6295;	text-align:center; font-weight:600; border-top: 2px solid #ccd4e3; }
.tabOn a   { color: #2d6295; }
.tabOff a  { color: #2d6295; }

/* 상단 TAB메뉴 원 CSS */
/* 
.tabMenuDiv { float: left; width:98%; border-bottom: 2px solid #2d6295; backround-color: #ccc; padding: 22px 0 0 20px; margin-bottom:10px; }
.tabOff	{ float:left; padding:10px 15px; background-color: #fff; font-size:12pt; color: #2d6295; 
			text-align:center; font-weight:400; } 
.tabOn	{ float:left; padding:10px 15px; background-color: #f2f3f5; font-size:12pt;color: #2d6295; 
			text-align:center; font-weight:600; border-top: 2px solid #ccd4e3; }
.tabOn a   { color: #2d6295; }
.tabOff a  { color: #2d6295; }
*/


/* 검색창 - 검색결과 부분 */			
.searchResultDiv { float:left; width:70%; padding: 0 15px 45px 15px; }
.listLoadingBox  { width: 100%; text-align: center; font-size: 11pt; font-weight: 500; color: #687580; }
.listLoadingBox img  { width: 130px; height: 130px; padding-top: 7px; }
.listBoxTit  { margin-bottom: 10px; padding: 15px 0 10px 0; font-size:12.5pt; font-weight: 500; color: #2F2F2F; border-bottom: 2px solid #757575; }
.listBoxTit2 { float: left; width: 100%; margin-bottom: 10px; padding: 15px 0 10px 0; font-size:12.5pt; font-weight: 500; color: #2F2F2F; border-bottom: 2px solid #757575; }
.listResultTotal { float: right; font-size: 11pt; }
.resultMoreBtn 	 { float: left; width: 100%; min-height: 34px; padding-top: 10px; }
.resultMoreBtn a { float: right; font-size: 10pt; padding: 3px 20px 4px 20px; background-color: #4780b5; color: white; border-radius: 4px; font-weight: 400; }
.resultMoreBtn a:hover { text-decoration:none; }
.listNoData { width: 100%; color: #54514C; font-size: 11pt; text-align: center;  }

.profileListDiv { float: left; width: 100%; padding-bottom: 10px; }
.profileContentDiv { float: left; width: 100%; padding-bottom: 10px; }
.userPhotoDiv	{ float: left; width:120px; padding: 0 10px; }
.userPhotoDiv img { vertical-align:top; }
.userDataDiv	{ float: left; width: 560px; }

.userNameText	{ float: left; width: 350px; font-size: 11pt; font-weight: 500; padding-bottom: 5px; }
.userNameText2	{ float: left; width: 500px; font-size: 13pt; font-weight: 500; padding-bottom: 5px; text-decoration: underline; }
.eduInfoMoreBtn { float: right; width: 150px; text-align:right; padding: 5px 10px 10px 10px; font-size: 10pt; }
.eduInfoMoreBtn a { color: #297174; font-weight:400; }

.profileTbl		{ display: table-row; }
.profileTblTitle { font-family: 'Noto Sans KR', sans-serif; width: 15%; text-align:left; padding: 0 10px 0 0;
				  color:#555; font-size: 10pt; line-height:160%; vertical-align: top; }
.profileTblDesc  { font-family: 'Noto Sans KR', sans-serif; width: 85%; text-align:left; padding: 0 10px;
				  color:#555; font-size: 10pt; line-height:160%; vertical-align: top; }
.profileTblDesc a { color:#555; }
.profileMoreInfoTit  { font-family: 'Noto Sans KR', sans-serif;  width: 100%; text-align:left; padding: 15px 10px 7px 0; 
						font-size: 11pt; border-bottom: 1px solid #ccc; color: black; }
.profileMoreInfoDesc { float: left; font-family: 'Noto Sans KR', sans-serif;  width: 100%; text-align:left; padding: 7px 0; 
						font-size: 10pt; line-height: 170%; }
.profileUnivInfo  { float: left; width: 100% }
.profileUnivTitle { float: left; width: 50%; text-align: left; font-family: 'Noto Sans KR', sans-serif; font-size: 10.5pt; font-weight:bold; padding: 10px 0 5px 0; }
.profileUnivText  { float: left; width: 50%; text-align: left; font-family: 'Noto Sans KR', sans-serif; font-size: 10pt; padding: 5px 0; }

.profileLangDiv { float: left; width: 100%; padding: 5px 5px 15px 5px; }
.pf_korBtn	 { float:left; border: 1px solid #a6a8ad; width:90px; padding:7px 0; margin-right:10px; text-align:center; cursor:pointer; }
.pf_korBtn:hover { background-color:#eefcff; }
.pf_korBtn span { font-size:12pt; font-weight:700; }
.pf_korBtn .korBtnText { background:#AEE0EC; padding:0px 3px 2px 3px; }
.pf_engBtn	 { float:left; border: 1px solid #a6a8ad; width:90px; padding:7px 0; text-align:center; cursor:pointer; }
.pf_engBtn:hover { background-color:#fff4e1; }
.pf_engBtn span { font-size:12pt; font-weight:700; }
.pf_engBtn .engBtnText { background:#FBA919; padding:0px 3px 2px 3px;  }
				 
.listTbl { /*display: table-row;*/ }
.listTbl_title { background-color:#F2F2F2; }
.tbl_topText   { color:#3E3E3E; font-weight: 600; font-size: 10.5pt; padding:10px 0; text-align: center; 
				 border-top: 1px solid #BBBBBB; border-bottom: 1px solid #ECEDED; }
.listTbl_desc  { font-family: 'Noto Sans KR', sans-serif; }
.listTbl_desc2  { font-family: 'Noto Sans KR', sans-serif; }
.listTbl_desc2:hover  { background-color:#eee; }
.tbl_descNum   { font-family: 'Noto Sans KR', sans-serif; width: 8%; min-width: 30px; text-align:center; padding: 7px 10px;
				 color:#555; font-size: 10pt; border-bottom: 1px solid #d5d5d5; }
.tbl_descYear  { font-family: 'Noto Sans KR', sans-serif; width: 10%; min-width: 50px; text-align:center; padding: 7px 10px;
				 color:#555; font-size: 10pt; border-bottom: 1px solid #d5d5d5; }
.tbl_descTitle { font-family: 'Noto Sans KR', sans-serif; width: 42%; min-width: 275px; text-align:left; padding: 7px 10px;
				 color:#555; font-size: 10pt; line-height:160%; border-bottom: 1px solid #d5d5d5; }
.tbl_descTitle a { color:#555; }
.tbl_descOrgan   { font-family: 'Noto Sans KR', sans-serif; width: 25%; min-width: 140px; text-align: center; padding: 7px 10px;
				   color:#555;  font-size: 10pt; border-bottom: 1px solid #d5d5d5; }
.tbl_descUsers   { font-family: 'Noto Sans KR', sans-serif; width: 15%; min-width: 100px; text-align:center; padding: 7px 10px;
				   color:#555;  font-size: 10pt; border-bottom: 1px solid #d5d5d5; }
.tbl_descPaper { font-family: 'Noto Sans KR', sans-serif; width: 42%; min-width: 270px; text-align:left; padding: 7px 10px;
				 color:#555; font-size: 10pt; line-height:160%; border-bottom: 1px solid #d5d5d5; }
.tbl_descPaper a { color:#555; }
.tbl_descJournal { font-family: 'Noto Sans KR', sans-serif; width: 23%; text-align: center; padding: 7px 10px;
				   color:#555;  font-size: 10pt; border-bottom: 1px solid #d5d5d5; }
.tbl_descAuthor  { font-family: 'Noto Sans KR', sans-serif; width: 17%; text-align:center; padding: 7px 10px;
				   color:#555;  font-size: 10pt; border-bottom: 1px solid #d5d5d5; }
.tbl_descType    { font-family: 'Noto Sans KR', sans-serif; width: 10%; min-width: 50px; text-align:center; padding: 7px 10px;
				   color:#555; font-size: 10pt; border-bottom: 1px solid #d5d5d5; }
.tbl_descSection { font-family: 'Noto Sans KR', sans-serif; width: 10%; min-width: 50px; text-align:center; padding: 7px 10px;
				   color:#555; font-size: 10pt; border-bottom: 1px solid #d5d5d5; }
.tbl_descInventor { font-family: 'Noto Sans KR', sans-serif; width: 30%; text-align:center; padding: 7px 10px;
					color:#555;  font-size: 10pt; border-bottom: 1px solid #d5d5d5; }
.tbl_descResearch { font-family: 'Noto Sans KR', sans-serif; width: 62%; min-width: 420px; text-align:left; padding: 7px 10px;
				    color:#555; font-size: 10pt; line-height:160%; border-bottom: 1px solid #d5d5d5; }
.tbl_descResearch a { color:#555; }
.tbl_descDepart   { font-family: 'Noto Sans KR', sans-serif; width: 20%; min-width: 100px; text-align: center; padding: 7px 10px;
				    color:#555;  font-size: 10pt; border-bottom: 1px solid #d5d5d5; }
.tbl_descProName  { font-family: 'Noto Sans KR', sans-serif; width: 10%; min-width: 65px; text-align:center; padding: 7px 10px;
				    color:#555;  font-size: 10pt; border-bottom: 1px solid #d5d5d5; }

.metaSearchContent	{ padding: 10px 0; }
.content_title		{ font-size: 11.2pt; color:#3784cb; }
.content_title	a	{ font-size: 11.2pt; color:#3784cb; }
.content_desc		{ font-size: 10pt; color: #585959; }
.content_link		{ font-size: 9.5pt; color: #bdbdbd; }
.content_link	a	{ color: #bdbdbd; }

.pageDiv	{ width: 100%; padding: 10px 0; text-align: center; color:#3c3d3e;  font-size: 11pt; font-family: 'Noto Sans KR', sans-serif; }
.pageDiv a	{ font-weight:normal; color:#3c3d3e; font-size: 11pt; font-family: 'Noto Sans KR', sans-serif; }	
.pageDiv a:hover { font-weight:500; background:#2d6295; color:white; padding:2px 4px; text-decoration:none; border-radius: 5px; }
.pageSelectText	 { font-weight:bold; color:#2d6295; font-size: 12pt; padding:2px 4px; text-decoration:underline; }


/* 팝업 레이어 - 결과 상세보기창 */
#detailLayer { display:none; overflow:hidden; height:auto; border-radius:3px; box-shadow:1px 2px 2px 2px #e4e9ea; width:600px; z-index:100; 
				position:absolute; top:30%; left:30%; background-color:#fff; padding:0; margin:0; }
.detailLayerTitle { font-family: 'Noto Sans KR', sans-serif; background-color:#134f89; font-size:13pt; padding:8px 15px; color:#FFF; font-weight:600; margin-bottom:10px; }
.dTbl_title { font-family: 'Noto Sans KR', sans-serif; padding: 7px 15px 7px 20px; text-align: center; font-size:11pt; font-weight: 500; min-width: 100px; }
.dTbl_desc  { font-family: 'Noto Sans KR', sans-serif; padding: 7px 20px 7px 0; text-align: left; font-size:11pt; }
.dTbl_text  { font-family: 'Noto Sans KR', sans-serif; padding: 15px 25px; text-align: left; font-size:10pt; font-weight: 500; line-height: 170%; color:#3a3a3a; } 
.detailCloseBtn { font-family: 'Noto Sans KR', sans-serif; float:right; font-size:10pt; padding: 7px 10px; background-color:#3a3a3a; color:white; cursor:pointer; }


/* 검색창 - 연관교수 정보 부분 */
.searchResultDiv2 { float:left; width:25%; padding: 10px; } 
.professorListTit { text-align:center; font-weight: 500; font-size:12.5pt; color:#265476; }
.proInfoBox { border: 1px solid #d0d0d0; width: 200px; padding: 10px; margin: 9px; }
.proInfoTitle  { float: left; width: 100%; line-height: 125%; border-bottom: 1px solid #d0d0d0; padding-bottom: 10px; margin-bottom: 9px; }
.proInfoDesc  { width: 100%; font-size: 11pt; text-align: left; }
.photoBox	{ float: left;  width: 20px; height: 20px; border-radius: 40%/*70%*/; overflow: hidden; }
.photoImg	{ width: 100%; height: 100%; object-fit:cover; }
.userNameBox   { float: left; padding-left:5px; }
.proName		{ color:#265476; vertical-align:top; }
.proName:hover   { color:#00001F; text-decoration:none; }
.proMail img	 { vertical-align: bottom; }
.proMai:hover   { color:#00001F; text-decoration:none; }
.proHomepage img { vertical-align: bottom; }
.proHomepage:hover   { color:#00001F; text-decoration:none; }
.userModifyBox { float: right; font-size: 10pt; color: #2d6295; }
.proInfoNoBox  { text-align: center; font-size: 11pt; color: #54514C; }


/* 로그인창 */
.loginDiv 	{ padding: 10px 15px; margin-bottom: 40px; }

.loginForm	{ position: relative; margin:auto; text-align:center; padding: 35px 20px; width: 500px; background-color: #f9f9f9; border: 1px solid #ccc; }
.loginForm	.loginTitleDiv	{ text-align:right; width: 100px; display:inline-block; line-height: 47px; font-size: 12pt; color: #282828;  padding: 0 10px 10px 0; }
.loginForm	.loginInputDiv	{ float: right; width: 350px; padding: 0 30px 10px 0;}
.loginForm	.inputst1		{ float: left; width: 94%; height: 40px; border:1px solid #ccc; text-indent: 10px; }
.loginForm	.login_btn		{ width: 90%; background-color: #1F4787; color:#fff; cursor:pointer; border:0;
							  font-size:18px; font-weight:bold; text-align:center; margin:15px 0; font-weight:500; padding:10px 0; }
.loginForm	.login_btn:hover	{ background: #2c77ba; }
.saveEmailDiv { padding-left: 20px; text-align: left;  color:#454646; }


/* 연관교수 검색 */
.dataListDiv { float: left; width:100%; text-align: center; margin:0; padding:0 0 20px 0; }
.noDataTextDiv 	{ text-align:center; border-top: 1px solid #8f9b9f; padding: 25px 0; margin-top: 10px; color:#01338C; }
.dataTextDiv	{ text-align:center; border-bottom: 1px solid #8f9b9f; padding: 25px 0 15px 0; margin-bottom: 10px; font-size:15pt; color:#01338C; font-weight:600; }
#sResultTotal	{ width: 100%;font-size: 11pt; text-align: right; padding: 5px 0 10px 0; color: #0f7580; }
.dataDiv1		{ background-color:#F2F2F2; width:100%; text-align:left; font-size:12pt; font-weight:500; padding:7px 0 10px 0; margin:auto; height: 20px; color:#01338C; }
.dataTit1	{ float: left; width:275px; text-align:center; }
.dataTit2	{ float: left; width:230px; text-align:center; padding: 0 10px; }
.dataTit3	{ float: left; width:170px; text-align:center; }
.dataTit4	{ float: left; width:305px; text-align:center; }
.dataDiv2		{ width:100%; text-align:left; font-size:11pt; padding:7px 0; margin:auto; line-height:180%; cursor:pointer; }
.dataDiv2 div:hover { background-color:#eee; }
.data1	{ float: left; width:275px; text-align:center; padding:7px 0; border-bottom:1px solid #d5d5d5; }
.data2	{ float: left; width:230px; text-align:left;   padding:7px 10px; border-bottom:1px solid #d5d5d5;  }
.data3	{ float: left; width:170px; text-align:center; padding:7px 0; border-bottom:1px solid #d5d5d5;  }
.data4	{ float: left; width:305px; text-align:center; padding:7px 0; border-bottom:1px solid #d5d5d5;  }
.dataStatistictDiv		{ text-align:center; border-top: 1px solid #8f9b9f; padding: 15px 0 50px 0; color:#01338C; }
.dataStatistictDiv .stat1	{ float: left; width:275px; text-align:center; }
.dataStatistictDiv .stat2	{ float: left; width:250px; text-align:center; }
.dataStatistictDiv .stat3	{ float: left; width:170px; text-align:center; }
.dataStatistictDiv .stat4	{ float: left; width:305px; text-align:center; }


/* 내 정보 수정 OR 연관교수 정보 수정 */
.professorInfoDiv { float:left; border:1px solid #cdcfd5; padding:15px; margin:0 3px 20px 3px; border-radius:3px; }
.professorInfoBtn { padding: 20px 0 40px 0; text-align: center; margin-right:40px; }

.infoLabel	{ float:left; width:200px; color:#01338C; text-align:right; padding-right:20px; margin:13px 0 10px 0; }
.infoDesc	{ float:left; width:737px; text-align:left; }
.infoDesc select { width:150px; font-size:10.5pt; padding:7px 15px; margin:10px 0; border: 1px solid #c5c5c5; }
.infoDesc input	 { width:500px; font-size:10.5pt; padding:7px 15px; margin:10px 0; border:0; border-bottom: 1px solid #7f828d; }
.infoDesc textarea	 { width:500px; font-size:10.5pt; padding:7px 15px; margin:10px 0; border: 1px solid #c5c5c5; }

.modifyBtn	{ background-color:#0f7580; font-size:11pt; color:white; border:0; padding:10px 25px; margin-right:40px; border-radius:3px; cursor:pointer; }
.cancelBtn	{ background-color:#01338C; font-size:11pt; color:white; border:0; padding:10px 25px; border-radius:3px; cursor:pointer; }


/* 연구인력(인명정보) 등록 */
.profileDiv { float:left; width:96.5%; border:1px solid #a6a8ad; padding:15px; margin:12px 3px 20px 3px; border-radius:3px; }
.languageBtn { padding: 5px; }
.korLangBtn	 { float:left; border: 1px solid #a6a8ad; width:100px; padding:7px 0; margin-right:10px; text-align:center; cursor:pointer; }
.korLangBtn:hover { background-color:#eefcff; }
.korLangBtn span { font-size:14pt; font-weight:700; }
.korLangBtn .korText { background:#AEE0EC; padding:0px 3px 2px 3px; }
.engLangBtn	 { float:left; border: 1px solid #a6a8ad; width:100px; padding:7px 0; text-align:center; cursor:pointer; }
.engLangBtn:hover { background-color:#fff4e1; }
.engLangBtn span { font-size:14pt; font-weight:700; }
.engLangBtn .engText { background:#FBA919; padding:0px 3px 2px 3px;  }

.profileSearchDiv	  { padding:15px 10px; width:96%; text-align:center; }
.profileSearchDiv2	  { padding:0 10px; width:96%; text-align:center; }
.profileTitle	  { float:left; width:130px; font-size:12pt; font-weight:600; text-align:center; line-height:190%; background-color:#eee; margin-left:10px; }
.profileContent	  { float:left; width:400px; }
.profileContent input { padding:7px 10px; }
.proResultListDiv { width:100%; max-height:100px; text-align:left; padding:15px 10px; overflow:auto; overflow-x:hidden; }
.resultTitle	  { border-bottom: 1px solid; margin-bottom: 10px; font-size:10pt; padding:5px 10px; }
.tempResultText	  { font-size:10pt; color:gray; padding:0 10px; }
.searchData		  { float: left; width: 30%; padding: 5px 10px; font-size: 0.9em; }
.proSearchBtn { cursor:pointer; padding: 7px 15px; background-color: #2d6295; color: white; font-size: 11pt; border:none; vertical-align:top; border-radius:3px; }

.frame1	{ float: left; width: 67%; padding-bottom:10px; }
.proInfoImport { font-weight:bold; color:red; padding-right:3px; }
.proInfoTit   { text-align:right; padding:0 10px 0 20px; }
.proInfoTit2   { text-align:left; width:50%; padding:7px 10px 7px 30px; }
.proInfoContent  { text-align:left; }
.proInfoContent input { width:420px; padding:5px 7px; margin:7px; border:0; border-bottom: 1px solid gray; }
.proInfoContent2 { line-height:200%; width:50%; padding-left:21px; }
.proInfoContent2 input { width:90%; padding:5px 7px; margin:7px; border:0; background-color:#f3f5f7; }

.frame2 { float: left; width: 33%; }
#imageview	{ text-align:center; }
#profileImage  { width:213px; padding-left:10px; }
.imgTitle   { text-align:center; padding:10px 0 0 0; font-weight:700; }

.filebox	   { text-align: center; line-height: 240%; }
.fileInput_textbox { width: 200px; padding: 5px; color: black; font-size: 10pt; margin-left: 10px; }
.filebox label { padding: 5px 7px; font-size: 10pt; color: #333; cursor: pointer; border: 1px solid #575757; 
					border-radius: .25em; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
.filebox label:hover { background-color: #575757; color: white; }
.filebox label:active { background-color: #554646; color: white; }
.filebox input[type="file"] { position: absolute;  width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }	

.frame3 { float:left; width:100%; }
.keywordTitle  { text-align:left; font-weight:bold; padding:15px 0 0 20px; }
.keywordContent { padding:10px 30px; }
.keywordContent textarea { width: 890px; resize: none; border:0; background-color:#f3f5f7; }

.profileProcBtn { float:left; padding:20px 0; text-align:center; width:100%; }

.submitBtn	{ background-color:#0f7580; font-size:11pt; color:white; border:0; padding:10px 25px; border-radius:3px; cursor:pointer;  }


/* 관리페이지 - 데이터 엑셀 연동 & 데이터 관리 */
.settingH2	{ padding: 30px 0 10px 0; text-align: center; }
.settingDiv1 { float: left; width: 96%; border: 2px solid #d2d5d7; padding: 25px 30px; margin: 15px 0; }
.settingDiv2 { float: left; width: 96%; border: 2px solid #d2d5d7; padding: 25px 30px; margin: 15px 0 50px 0; }
.settingDivTit	{ font-weight: 700; font-size: 13pt; }
.settingDivText { text-align:left; font-size:12pt; font-weight:normal; line-height: 175%; padding-top: 10px; }
.settingDivDesc	{ font-size:11pt; text-align:left; padding: 20px 0 0 10px; }

.settingFormData1 	{ display: inline-flex; }
.setDataTypeBox		{ float: left; padding: 7px 15px; margin-right: 15px; }
.setDataAttach		{ float:left; color:black; width:450px; height:20px; padding: 7px 15px; border-bottom: 1px solid #717d7e; }
.settingFormData2 	{ float:left; width:100%; padding: 10px 0 5px 123px; }
.settingFormData2 span { font-size:12pt; font-weight:400; }
.setDataPhoto		{ color:black; width:450px; height:20px; padding: 7px 15px; border-bottom: 1px solid #717d7e; }


.setDataInsertBtn		{ background-color:#0f7580; font-size:11pt; color:white; border:0; padding:7px 15px; border-radius:3px; cursor:pointer; margin-left: 15px; }
.setDataInsertBtn:hover	{ background-color:#fff; color: #0f7580; border: 1px solid #0f7580; text-decoration:none; }
.setDataManageBtn		{ float: left; background-color:#134f89; font-size:11pt; font-weight:normal; color:white; border:0; padding:7px 10px; border-radius:3px; margin-top: 10px; cursor:pointer; }
.setDataManageBtn:hover	{ background-color:#fff; color: #134f89; border: 1px solid #134f89; text-decoration:none; }

.setProDataManageBtn1		{ float: left; background-color:#138089; font-size:11pt; font-weight:normal; color:white; border:0; padding:7px 10px; border-radius:3px; margin: 10px 15px 0 0; cursor:pointer; }
.setProDataManageBtn1:hover	{ background-color:#fff; color: #138089; border: 1px solid #138089; text-decoration:none; }
.setProDataManageBtn2		{ float: left; background-color:#46994a; font-size:11pt; font-weight:normal; color:white; border:0; padding:7px 10px; border-radius:3px; margin-top: 10px; cursor:pointer; }
.setProDataManageBtn2:hover	{ background-color:#fff; color: #46994a; border: 1px solid #46994a; text-decoration:none; }

.formDownloadBtn		{ float: left; background-color:#4b4b4b; font-size:11pt; color:white; border:0; padding:7px 15px; border-radius:3px; margin-top: 10px; cursor:pointer; }
.formDownloadBtn:hover	{ background-color:#fff; color: #4b4b4b; border: 1px solid #4b4b4b; text-decoration:none; }
.setDataModifyBtn	{ background-color:#01338C; font-size:11pt; color:white; border:0; padding:7px 15px; border-radius:3px; cursor:pointer; margin-left: 15px; }

/* 관리페이지 > 데이터 조회 및 관리 */
.searchDataForm		{ display: inline-flex; }
.searchInputKeywordBox	{ float:left; color:black; width:450px; height:20px; padding: 7px 15px; border:none; border-bottom: 1px solid #717d7e; }
.searchDataBtn		{ background-color:#0f7580; font-size:11pt; color:white; border:0; padding:7px 15px; border-radius:3px; cursor:pointer; margin-left: 15px; }

/* 관리페이지 > 00 데이터 관리 (수정/삭제) */
.dataNoInfoDiv { width: 96%; text-align: center; border:1px solid #cdcfd5; padding:15px; margin:0 3px 20px 3px; border-radius:3px; }

.dataInfoDiv { float:left; border:1px solid #cdcfd5; padding:15px; margin:0 3px 20px 3px; border-radius:3px; }
.dataInfoBtn { padding: 20px 0 40px 0; text-align: center; margin-right:40px; }
.dataInfoLabel	{ float:left; width:200px; color:#01338C; text-align:right; padding-right:20px; margin:13px 0 10px 0; }
.dataInfoDesc	{ float:left; width:737px; text-align:left; }
.dataInfoDesc select { width:150px; font-size:10.5pt; padding:7px 15px; margin:10px 0; border: 1px solid #c5c5c5; }
.dataInfoDesc input	 { width:600px; font-size:10.5pt; padding:7px 15px; margin:10px 0; border:0; border-bottom: 1px solid #7f828d; }
.dataInfoDesc textarea	 { width:500px; font-size:10.5pt; padding:7px 15px; margin:10px 0; border: 1px solid #c5c5c5; }

.dataInfoDesc2 span { font-size:10.5pt; color: #7a7a7a; }
.dataInfoDesc2 input { width: 150px; font-size:10.5pt; padding:7px 15px; margin:10px 0; border:0; border-bottom: 1px solid #7f828d; }

.dataModifyBtn	{ background-color:#0f7580; font-size:11pt; color:white; border:0; padding:10px 25px; margin-right:40px; border-radius:3px; cursor:pointer; }
.dataDeleteBtn	{ background-color:#a90505; font-size:11pt; color:white; border:0; padding:10px 25px; margin-right:40px; border-radius:3px; cursor:pointer; }
.dataCancelBtn	{ background-color:#01338C; font-size:11pt; color:white; border:0; padding:10px 25px; border-radius:3px; cursor:pointer; }


/* copyright 하단 */
.copyright	{ float: left; width:970px; position:relative; border-top:2px solid #1d1f23; padding:20px 15px 30px 15px;}
.copy_logo	{ float: right; }
.copy_txt	{ float: left; }  
.copy_txt ul				{ overflow: hidden; margin:0; text-align:left; padding-inline-start:0; }
.copy_txt ul li				{ position:relative;  display:inline-block; padding:0 27px 0 0; }  
.copy_txt ul li:first-child	{ padding: 0 27px 0 0;}
.copy_txt ul li a			{ color:#3a3f46; letter-spacing:-1px;}
.copy_txt ul li:first-child a	{ font-weight:500; color:#3a3f46;}
.copy_txt address			{ font-style:normal; color:#777e87; line-height:160%; padding:20px 0 5px 0; text-align:left; }
.copy_comm					{ font-size:11pt; }
.copyrightText				{ float: left; font-size:10pt; width:100%; text-align:left; color:#777e87; margin:0; }