/*--------------------
mobile-Content
----------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,button,select,input
{margin: 0;padding: 0;border: 0;font-family:'Roboto', 'Noto Sans KR', sans-serif;}

table	{ border-spacing: 0;border-collapse: collapse;}

.mT0  {margin-top:0!important} 
.mT10 {margin-top: 10px}
.mT20 {margin-top: 20px}
.mT30 {margin-top: 30px}
.mT40 {margin-top: 40px}
.mT50 {margin-top: 50px}
.mR10 {margin-right:10px}
.mR20 {margin-right:20px}
.mR30 {margin-right:30px}
.mR40 {margin-right:40px}
.mR50 {margin-right:50px}
.mL10 {margin-left:10px}
.mL20 {margin-left:20px}
.mL30 {margin-left:30px}
.mL40 {margin-left:40px}
.mL50 {margin-left:50px}
.mB10 {margin-bottom: 10px}
.mB20 {margin-bottom: 20px}
.mB30 {margin-bottom: 30px}
.mB40 {margin-bottom: 40px}
.mB50 {margin-bottom: 50px}


.align-right 	  {text-align: right!important}
.align-center	  {text-align: center!important}
.align-left     {text-align: left!important}
.align-top 			{vertical-align: top}
.align-bottom 	{vertical-align: bottom}


.f-right     {float:right!important;}
.f-left      {float:left!important; }
.clear       {clear: both}

.bold           {font-weight: 500!important}
.normal      		{font-weight: 400}
.tlight 	      {font-weight: 300!important}

.red         {color:#c21b3f!important}
.blue        {color:#1E509B!important}
.gray        {color:#777}
.black       {color:#000!important}
.orange      {color:#f15f26;}
.black			 {color: #353A42;}

.txt12       {font-size:12px!important; }
.txt13       {font-size:13px!important; }
.txt14       {font-size:14px!important; }
.txt15       {font-size:15px!important; }


.block       {display:block; }
.inblock     {display:inline-block; }

.w10         {width:10%!important}
.w20         {width:20%!important}
.w30         {width:30%!important}
.w36         {width:36%!important}
.w40         {width:40%!important}
.w47         {width:47%!important}
.w50         {width:50%!important}
.w60         {width:60%!important}
.w70         {width:70%!important}
.w80         {width:80%!important}
.w90         {width:90%!important}
.w100        {width:100%!important}

/* 메인 - 모바일용 */

.adm-wrap 				{background: #fff; min-height: 100vh; font-weight: 400; word-break: keep-all;}
.adm-top 				{background-color: #0B3869; font-weight: 400; word-break: keep-all; }
.adm-top > header 		{height: 60px;}
.adm-top > header h1  	{height: 100%;  text-align: center;  font-size: 0; }
.adm-top .nav-btn 		{color: #fff; text-decoration: none;position: absolute; left:20px;}

.logo_h1 {display: flex; align-items: center; justify-content: center; margin: 0; width: 100%; }
.logo_h1 .top_logo 		{display: block; margin: 0 auto;}

.adm-lnb 				{width: 60%; background: #124782; min-height: 100vh; font-weight: 400; word-break: keep-all; height: 67%; overflow-y: scroll; position: fixed; transition: top 0.3s ease-in-out; z-index: 1000; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);}
.adm-lnb::-webkit-scrollbar {display: none;}



.myinfo 				{color: #fff; padding: 20px 24px; background: #1A4F88; text-align: center;}
.myinfo a:link			{outline: 0; text-decoration: none;}
.myinfo li 				{display: inline-block;line-height: 24px;font-size: 13px;}
.login 					{background: #278B5B; color: #fff; padding: 0 7px; height: 30px; width: 200px;}
.logout 				{background: #db4d4d; color: #fff; padding: 0 7px; height: 30px; width: 200px;}

.adm-content 			{padding:10px;}
.adm-header 			{background: #1A4F88; text-align: center; height:50px;}
.adm-header > h2 		{color:#fff; font-size: 18px; line-height: 50px; display: flex; align-items: center; justify-content: center;}


.accordion {padding-top:10px!important; }
.accordion .link {cursor: pointer;display: block;padding: 7px 50px; color: #fff;font-size: 14px; position: relative;}
.accordion .link a {color: #fff;}
.accordion  a:hover {opacity: 0.8}
.accordion li i {position: absolute;top: 7px;left: 20px;font-size: 17px;  -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; color: #A5BCD4; opacity: 0.5}

.accordion li i.arrow {right: 24px;left: auto;font-size: 13px;top:10px }
.accordion li i.more {right: 24px;left: auto;font-size: 20px;top:8px }
.accordion li.open i.more {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}

.accordion li.open .active {color: #59C3FF;}
.accordion li a.active, .accordion li a.active i{color: #59C3FF;}

.accordion li.open .submenu {display: block; padding: 9px 0 5px 0}
.accordion li .submenu {padding:  9px 0 5px 0}



/* 검색인풋 & 달력인풋 사이즈 */
.wsearch     {width: calc(100% - 34px)!important}
.wdate       {width: calc(50% - 8px)!important}

a.underline  {text-decoration: underline!important}

.page 			{font-size: 13px; padding-bottom: 5px;  float:left; clear: both}
.page span  {font-weight: 500; color: #222} 

.top-align {display: inline-block;  width: 100%;  height: 55px; vertical-align: bottom; margin-top: 5px }
.top-align > .page {height: 35px; padding-top: 20px;  display: inline-block}
.top-align > h3 {font-size: 20px; color:#284E81; font-weight: 500;  line-height: 50px;  display: inline-block;  }


.board-type4 			{background-color: white;position:fixed; font-size: 13px; clear: both; overflow-x: false; }
.board-type4 table		{width:100%; line-height: 20px;}
.board-type4 thead th	{padding:8px 8px; color: #073765;text-align:center; font-weight:400; background: #E8EEF7; border: 1px solid #D5DEEC; border-top:0; color: #33588F;}
.board-type4 tbody td	{padding:10px 8px; border:1px solid #D5DEEC; text-align:center;}
.board-type4 tbody tr   {background: #ffffff;}

.board-type4 tbody td.link, .board-type2 tbody td.link 			{text-align: left;}	
.board-type4 tbody td.link a, .board-type2 tbody td.link a       {color: #1E509B}	
.board-type4 tbody td.link a:hover, .board-type2 tbody td.link a:hover{text-decoration: underline; color: #2166EA}
.board-type4 tbody th	{padding:8px 8px; color: #073765;text-align:center; font-weight:400; background: #E8EEF7; border: 1px solid #D5DEEC; border-top:0; color: #33588F;}

.board-type3 					{position: relative; width: 100%; border-top:1px solid #2E67A7; font-size: 13px; clear: both; overflow-x: false; }
.board-type3 table		{width:100%; line-height: 20px;}
.board-type3 thead th	{padding:8px 8px; color: #073765;text-align:center; font-weight:400; background: #E8EEF7; border: 1px solid #D5DEEC; border-top:0; color: #33588F;}
.board-type3 tbody td	{padding:10px 8px; border:1px solid #D5DEEC;   text-align:center;}
.board-type3 tbody tr:nth-child( 2n ) {background: #F7F7F9; }

.board-type3 tbody td.link, .board-type2 tbody td.link 				{text-align: left;}	
.board-type3 tbody td.link a, .board-type2 tbody td.link a       {color: #1E509B}	
.board-type3 tbody td.link a:hover, .board-type2 tbody td.link a:hover{text-decoration: underline; color: #2166EA}


/* 테이블 list */
.board-type1 					{position: relative; width: 100%; border-top:1px solid #2E67A7; font-size: 13px; clear: both; overflow-x:auto; }
.board-type1 table		{width:100%; line-height: 20px;}
.board-type1 thead th	{padding:8px 8px; color: #073765;text-align:center; font-weight:400; background: #E8EEF7; border: 1px solid #D5DEEC; border-top:0; color: #33588F;}
.board-type1 tbody td	{padding:10px 8px; border:1px solid #D5DEEC;   text-align:center;}
.board-type1 tbody tr:nth-child( 2n ) {background: #F7F7F9; }


/* 테이블 view&write */
.board-type2 		{position: relative; width: 100%; font-size: 13px;  clear: both}
.board-type2 table		{width:100%;}
.board-type2 tbody th	{padding:8px 10px; border:1px solid #D5DEEC; background: #E8EEF7; text-align:left;font-weight:400; }
.board-type2 tbody td	{padding:8px 10px 8px 10px ; border:1px solid #D5DEEC; text-align:left;}

.board-type1 tbody td.link, .board-type2 tbody td.link 				{text-align: left;}	
.board-type1 tbody td.link a, .board-type2 tbody td.link a       {color: #1E509B}	
.board-type1 tbody td.link a:hover, .board-type2 tbody td.link a:hover{text-decoration: underline; color: #2166EA}

.trcolor   {background: #E7F1FF!important}


/* 페이징 */
.page-num{margin-top: 50px;  text-align:center;font-size: 0 }
.page-num li{display:inline-block; margin-left: -1px; border: 1px solid #D5DEEC;}
.page-num a{font-size: 13px;  display:inline-block; height:35px;line-height:35px; width:35px; vertical-align: top; color: #808895}
.page-num a:hover		{color:#333}
.page-num a i {line-height: 35px; font-size: 18px}
.page-num li.prev {margin-right: 15px}
.page-num li.next {margin-left: 15px}
.page-num li a.active {background: #E9ECF0; color: #1E509B}
.page-num li a:hover {background: #E9ECF0; }


/* 모달 */
.modal-header > h2 { color: #284E81; font-size: 18px; line-height: 50px}
.modal-sm {width: 600px!important ; --bs-modal-width:600px!important}
.modal-lg {width: 900px!important ; --bs-modal-width:900px!important}
.modal-xl {width: 1100px!important ; --bs-modal-width:1100px!important}
.modal-header {border-bottom: 1px solid #D5DEEC; padding-left: 30px; padding-bottom: 0; padding-top: 0}
.modal-footer {border-top:0; display: block;  padding-top: 20px}
.modal-body {padding: 30px 30px 10px}
.modal-footer > * {margin: 0}


.step-tab	{ width: 100%; clear: both; font-size: 0}
.step-tab li {padding: 0 25px;  display: inline-block; background: #D5DEEC; border: 1px solid #D5DEEC; height: 40px; line-height: 40px; text-align: center; border-radius:2px 2px 0 0; margin-right: 3px; font-size: 13px}
.step-tab li a { color: #85909F; display: block}

.step-tab li.active {background: #fff; border: 1px solid #CCD6E7; border-bottom: 0; box-sizing: border-box;} 
.step-tab li.active a {color: #1E509B}

.avail {font-size: 15px; color: #85909F; padding-right: 5px; vertical-align: -8px!important}


.left-area {width:calc(50% - 15px); display: inline-block;  float: left; margin-right: 30px}
.right-area {width:calc(50% - 15px); display: inline-block;}



/*롤링*/
.ani > div { margin: 10px 0; box-sizing: border-box;} 
.rollingV {overflow: hidden; background: #E8EEF6; margin-top: 10px; height: 112px; padding:4px 20px; border: 1px solid #D5DEEC}
.rollingV .rolling_box { height:100px; overflow: hidden; position: relative;}
.rollingV .rolling_box .aniText {height: 30px; width: 100%; line-height: 30px; font-weight: 400; }
.aniText a:hover {text-decoration: underline}
.aniText:before {content: '\00B7'; font-size: 24px; line-height: 18px; vertical-align: -3px; color: #888} 
.aniText span {text-align: right; float: right; font-size: 13px; color: #656C77}

/* 프로젝트룸 메인 */
.promain-top {width: 100%;  display: inline-block; margin-bottom: 30px}
 h3.pro {font-size: 15px; padding-top: 10px; padding-left: 20px}

.promain-content {width: 100%;  display: inline-block; }
.promain-content > h3 {font-size: 20px; color:#284E81; font-weight: 500; margin-top: 20px; margin-bottom: 20px; line-height: 24px;  display: inline-block; float:left; }
.adm-notice {width:calc(33% - 15px); display: inline-block;  float: left; margin-right: 15px; border:1px solid #D5DEEC; position: relative; height:700px; margin-top: 20px; overflow: auto}
.adm-notice:first-child {width: 34%}
.adm-notice:last-child {margin-right: 0}

.adm-notice .more {position: absolute; right:20px; top:10px}
.adm-notice .more i {font-size: 18px; color: #656C77}

.list-type1  {border-top:1px solid #D5DEEC; padding: 15px; margin: 10px 8px 0 5px}
.list-type1 li {display: block; line-height: 26px}
.list-type1 li:before {content: '\00B7'; font-size: 24px; line-height: 18px; vertical-align: -3px; color: #888; padding-right: 5px}
.list-type1 li span {display: inline-block; }
.list-type1 li span.title {width: 55%; margin-right:15px; overflow: hidden; height: 19px;text-overflow: ellipsis;white-space: nowrap; }
.list-type1 li span.name  {width: 15%; color: #656C77;}
.list-type1 li span.name2 {width: 23%;}
.list-type1 li span.orgNm {width: 10%;}
.list-type1 li span.postion  {width: 20%; text-align: center;}
.list-type1 li span.state    {width: 20%; text-align: center; color: #656C77;}
.list-type1 li span.date {width: 20%; text-align: center; color: #656C77; float: right; }
.list-type1 a:hover {text-decoration: underline}

.list-type1 li.thead {font-size: 12px; color:#656C77;}
.list-type1 li.thead:before {content: ''; padding-right: 9px;  }

.icon-type1 i {font-weight: 300; padding-right: 3px; vertical-align: -5px; font-size: 20px}

.tab-align {display: inline-block;  width: 100%;  height: 40px;  margin-bottom: -1px;vertical-align: bottom;}
.tab-align > .step-tab {height: 40px; display: inline-block; float: left; width: auto}

.top-align2 {display: inline-block;  width: 100%;   margin-bottom: 10px; height: auto}

h3.title-type1 {font-size: 14px!important; display: inline-block; line-height: 35px} 


/* 테이블가로 스크롤 사이즈 */
.board-w900 {min-width: 900px; }
.board-w1200 {min-width: 1200px; }


/* select dropdown */
.dropbtn {
background:#fff url('../images/arrow_01.svg') no-repeat;	
-webkit-background-size: 10px auto;
background-size: 10px auto;
background-position:right 8px top 14px;
cursor: pointer!important;
height:35px; 
width: 100%;
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;  
font-family:'Roboto', 'Noto Sans KR',sans-serif;
color:#3D515A;
border:1px solid #DADEE5; padding:0 10px;
text-align: left;	
}
.dropbtn:focus {border-color: #66afe9;box-shadow: 0 0 0 0.2rem rgba(119, 167, 255, 0.25)} 


.dropdown {position: relative;display: inline-block;width: 100%;}
.dropdown-content {display: none; position: absolute;background-color: #fff;width: 300px; overflow: auto;  z-index: 1; font-size: 0; }
.dropdown-content li {text-decoration: none; display: block; }
.dropdown-content li > span {display:inline-block; font-size: 12px; border: 1px solid #D5DEEC; margin-left: -1px;text-align: center; height: 30px; border-top:0}
.dropdown-content li > span:nth-child(1) {width: 40px}
.dropdown-content li > span:nth-child(2) {width: 100px}
.dropdown-content li > span:nth-child(3) {width: 70px}
.dropdown-content li > span:nth-child(4) {width: 90px}

.dropdown-content ul li:hover {background-color: #FFFCF5; z-index: 99; cursor: pointer}
.show {display: block;}
.drop-head { vertical-align: top}
.drop-head span{display:inline-block; font-size: 12px;background: #E8EEF7; border: 1px solid #D5DEEC; margin-left: -1px;text-align: center; height: 30px}
.drop-head span:nth-child(1) {width: 40px}
.drop-head span:nth-child(2) {width: 100px}
.drop-head span:nth-child(3) {width: 70px}
.drop-head span:nth-child(4) {width: 90px}

.drop-head span:first-child, .dropdown-content li > span:first-child {margin-left: 0}


.rfp {line-height: 35px; margin-right: 30px; display: inline-block; vertical-align: top}


/* select dropdown */
.login-wrap {
	position: relative;
	background: #124782 ;
/* 	background: #124782 url('../images/login_top.png') no-repeat center top; */
	background-size: auto 50%;
	height: 100vh;
	min-height: 800px;
	}
 
	
.login-form {margin-top: -260px; background: #fff; border-radius: 6px; width: 600px; height: 550px; position:  absolute; left:50%; transform:translateX(-50%); text-align: center; }

.login-form > h1 img {width: 160px; padding-top: 50px; text-align: center}
.login-form > ul {width: 340px;  margin: 0 auto; margin-top: 50px; }
.login-form > ul li {display: block; margin-bottom: 10px}
.login-form > ul li input {height: 50px; font-size: 16px; font-weight: 500;  padding-left: 52px}
.login-form > ul li input::placeholder {color:#AFC2CA; font-weight: 400;}
.login-form > ul li input.person{ background: url('../images/login_person.svg') no-repeat left 15px center;background-size: 20px; } 
.login-form > ul li input.lock { background: url('../images/login_lock.svg') no-repeat left 15px center;background-size: 20px; } 
.login-form > ul li select {height: 50px; font-size: 16px; font-weight: 500; background-position:right 15px center; padding-left: 52px; font-weight: 400;
	background-image: url("../images/login_badge.svg"), url("../images/arrow_01.svg");
  background-repeat: no-repeat;
	background-size: 20px, 13px;
	background-position: left 15px center, right 15px center;
}

.login-text {width: 340px; margin: 0 auto; text-align: left}
.login-btn button {background-color:#0E4889;  color:#fff; line-height: 50px; text-align: center;  height:50px; font-size: 18px; width: 340px; margin-top: 20px}
.login-btn button:hover  {background-color: #0B3869; }

.change-info {margin-top: 20px;  color:#c21b3f}
.change-info dt { display: block; font-size: 13px;}
.change-info dd { display: block; font-size: 12px; padding-left: 15px; line-height: 20px}
.change-info dd:before {content: '-';  margin-right: 5px}
.change-info i {vertical-align: -3px; font-size: 18px; margin-right: 5px}



/* layer select */
.select-layer {position: relative;display: inline-block; color: #353A42;padding: 0px;margin: 0px; z-index: 100}
.select-layer input.selectValue {display: inline-block; border: 1px solid #E1E5EB; height: 35px; text-align: left; cursor: pointer}
.select-layer ul#selectList0 {position: absolute;top: 35px;left: 0px;display: none;border: 1px solid #E1E5EB; border-top: none; width: 100%;height: auto; padding: 0px; border-radius: 4px;
  -webkit-box-shadow: 0px 3px 22px -15px rgba(0, 0, 0, 0.63);
  -moz-box-shadow: 0px 3px 22px -15px rgba(0, 0, 0, 0.63);
  box-shadow: 0px 3px 22px -15px rgba(0, 0, 0, 0.63);
	background: #fff}

.select-layer ul#selectList0 li {display: inline-block; width: 100%; height: auto; background-color: #fff; text-align: center; cursor: pointer;  border-bottom:1px solid #D5DEEC; font-size: 0;line-height: 30px; height: 30px}

.select-layer ul#selectList0 li span {width: calc(100% / 3);display: inline-block; margin-right: -1px; font-size: 13px;}
.select-layer ul#selectList0 li:hover {background-color: #E8EEF7;}

.select-layer ul#selectList0 li:last-child {border-bottom:0px; }
.select-layer ul#selectList0 li:first-child {cursor: auto; background: #F1F1F1; font-weight: 500}
.select-layer ul#selectList0 li span:last-child {border-right:0px;} 
.select-layer ul#selectList0 li:first-child:hover {background-color: #F1F1F1;}
.select-layer:before {font-family: 'Material Icons'; font-size: 18px!important; content:"\e5cf"!important; z-index: 99; position: absolute; right: 5px; font-size: 20px; color: #85909F; top:6px;} 


.select-layer ul#selectList0 li.col2 span {width: calc(100% / 2); text-align: center}
.select-layer ul#selectList0 li.col3 span {width: calc(100% / 3); text-align: center}
.select-layer ul#selectList0 li.col4 span {width: calc(100% / 4); text-align: center}

.myinfo li a       {color: #fff}
.myinfo li a:hover {opacity: 0.8}


.passinfo {font-size: 12px; color:#c21b3f}
.passinfo i {vertical-align: -3px; font-size: 16px; padding-right: 3px}

.table-date   {margin-top: 10px}
.table-date li {display: inline-block}


/* 프로젝트메인 swiper */
.swiper-container {border: 1px solid red;overflow: hidden;  background: #E8EEF6; margin-top: 10px; height: 88px; padding:4px 20px; border: 1px solid #D5DEEC}
.swiper-slide {width:100%; }
.swiper-slide a{text-align: left; width: 80%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.swiper-slide a:hover {text-decoration: underline}
.swiper-slide:before {content: '\00B7'; font-size: 24px; line-height: 18px; vertical-align: -3px; color: #888} 
.swiper-slide span {text-align: right; float: right; font-size: 13px; color: #656C77}



/* 계약정보 리스트 */
.contact-info li {display: block;}
.contact-info li:before {content: '-'; padding-right: 2px}
.contact-info li em {font-weight: 500; width: 70px; display: inline-block}
.contact-info li span {padding-right: 30px}

.sales-info2 {margin: 10px 0}
.sales-info2 table { width: 70%; border-top:1px solid #D5DEEC; }
.sales-info2 thead th {padding:5px; color: #333;background: #fff; border-top:0; border: 1px solid #eee; text-align: center; color: #33588F;}
.sales-info2 tbody td 	{padding:5px 10px;  border: 1px solid #eee;  text-align: center}

.tuiborder {border:1px solid #D5DEEC;}


select.sel-type2 option.end { background-color: #777;}
select.sel-type2 option.hold { background-color: #ccc;}


.blindText{
	-webkit-text-security: disc;
}



/*--------------------
해상도별
----------------------*/
/*  @media (min-width: 500px) { */
 @media (max-width: 1440px) {
.login-form {margin-top: -260px;}
/* .login-wrap {min-height: 700px} */
}

@media screen and (max-width: 600px) {
	.login-form {
/* 		margin-top: -310px; */
		margin-top: -104%;
		width: 100%;
/* 		height: 104%; */
	}

	.lock {
		width:50%;
	}
	.login-wrap {
		height: 100%;
		margin-top: 103px;
		min-height: auto;
	}
	.login-form > ul {width: 80%;  margin: 0 auto; margin-top: 50px; }
	.login-text {width: 80%; margin: 0 auto; text-align: left}
	.login-btn button {background-color:#0E4889;  color:#fff; line-height: 50px; text-align: center;  height:50px; font-size: 18px; width: 80%; margin-top: 20px}
		  
}

 @media (max-width: 1680px) {
.board-type1 	{ font-size: 12px }

}