@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* reset */


html {
  font-family:'나눔고딕', '맑은 고딕', dotum, Helvetica, sans-serif;  /* 1 */
  font-size: 100%;
  color: #333;
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
	
	margin:0;
	padding:0;
}


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, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, textarea,
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 {
	margin:0; padding:0; border:0;
}

html, body {height: 100%;}
form{display: unset;}
h1, h2, h3, h4, h5, h6 {font-weight:700; /* letter-spacing:-0.5px; */}
th {font-weight:600;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
iframe[seamless] {display: block;}
legend, hr, caption {visibility:hidden; font-size:0; width:0; height:0; line-height:0;}
ol, ul {list-style:none;}
blockquote, q {quotes: none;}
table {border-spacing:0; border-collapse:collapse;}


/* common */
img, button, input.type-image {border:0 none;}
label, input[type=button], input[type=submit] {cursor:pointer;}
img {vertical-align:middle;}
blockquote, q {quotes:none;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
input::-webkit-input-placeholder {color: #a2a2a2;}
input:-ms-input-placeholder {color: #a2a2a2;}
input:-moz-placeholder {color: #a2a2a2;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #363636; }
input[type=button], button, input[type=submit] {cursor:pointer; font-family: 'NanumGothic';}
input[type=text], input[type=password], input[type="number"], input[type="tel"], select, textarea {font-family: 'NanumGothic';}

/*
input[type=text], select:after {    
	 content: '';
    position: absolute;
    top: 12px;
    right: 8px;
    display: inline-block;
    width: 7px;
    height: 5px;
    background: url(../images/icon-navigation-expand_more.png) no-repeat;}
    */

/* IE 10, 11의 네이티브 화살표 숨기기 
select {-webkit-appearance: none; -moz-appearance: none;  appearance: none;}
select::-ms-expand {display:none;} */


.input2021{
	border: solid 1px #e0e0e0;
	padding: 10px;
	border-radius:3px;
}

.input2021wc{
	width: 100%;
	border: solid 1px #e0e0e0;
	padding: 10px;
	border-radius:3px;
}

.form2021{
	border: solid 1px #e0e0e0;
	padding: 10px;
	border-radius:3px;
}

.disable2021{
	background-color: f4f4f4;

}

/* align */
.tal { text-align: left !important;}
.tac { text-align: center !important;}
.tar { text-align: right !important;}

/* font color */
.violet { color: #765d95; }
.light_mint { color: #00becc; }
.mint { color: #00a1ad; }
.white { color: #fff; }
.grey { color: #777; }
.light_grey { color: #aaa; }
.black { color: #000; }
.orange { color: #ff7046; }
.red { color: #e74a2b; }
.ftbold{font-weight: 600;}


/* 선 제거 20210722 */
.nolineip{border: none;}


/* sub layout */
		.wrap {
			display: flex;
			flex-direction: row;
			min-height: 100vh;
			flex-wrap: nowrap;
		}


		/* 좌측 메뉴 */
		.leftmenu{
			flex-direction: column;
			align-items: flex-start;
			text-align: center;
			justify-content: center;
			align-items: center;
			width: 90px;
			background:linear-gradient(#01387E,#2B5EB9);
			
		}

/* 20210721 수정 */
		.slideleftsubmenu{
			width: 270px;
			height: 100vh;
			background-color: #0D7FC1;
			margin-top:-7px;
			border-radius: 0 30px 30px 0;
			position:absolute;
			top: 95px;
			left: 90px;
			padding:30px 0;
			opacity: 0.95;
			z-index: 1150;
		}

		.sm01{
			color: #fff;
			padding: 15px 0px;
			margin-bottom:10px;
			font-size: 18px;
			font-weight: 600;
			border-top: solid 1px #8acaf0;
			border-bottom: solid 1px #8acaf0;
			text-align: left;
		}




		/*.sm01:first-child{
			border-top: solid 1px #fff;
		}*/


		.sm02{
			color: #f9f9f9;
			padding: 7px 30px;
			font-size: 15px;
			transition: 0.3s;
			text-align: left;
		}



		.sm02:hover{
			cursor: pointer;
			background-color:#f2a922;
			color:#fff;
			font-weight: 600;

		}


		.sm022{
			padding-bottom: 50px;
			/*border-bottom: solid 1px #fff;*/
		}

	
				.menuicon{
				text-align: center;
				width: 100%;
				height: 88px;
				padding:30px;
				border-bottom: solid 1px #5577a4;

				}

				.menuicon:hover{
					cursor: pointer;
					background-color: #1f3175;

				}


			  .lmbox{
				text-align: center;
				font-size: 14px;
				color:#f2f2f2;
				font-weight: 600;
				padding:25px 0;
				border-bottom: solid 1px #25569d;
			}

			  .lmbox img{
				padding-bottom:5px;
			}


		  	.lmbox:hover{
				cursor: pointer;
				background-color: #f2a922;
				transition: 0.5s;
			}


			  .lmbox2{
				background-color: #04bf8a;
				border-bottom: solid 1px #39aa5f;
			}

			  .lmbox2:hover{
				background-color: #39aa5f;
			}


			
			
			.lmboxsel{
				text-align: center;
				font-size: 14px;
				color:#f2f2f2;
				font-weight: 600;
				padding:25px 0;
				border-bottom: solid 1px #25569d;
				cursor: pointer;
				background-color: #f2a922;
				transition: 0.5s;
			}

			.lmboxsel img{
				padding-bottom:5px;
			}



			  .concontainer{
				/*display: flex;
				flex-direction: column;
				flex-wrap: wrap;
				height: 100vh;
				align-items: flex-start;
				flex-grow: 1;
				overflow: auto;*/
				flex: 1;
				min-width: 1209px;

			}




		/* 로고 및 로그인 정보 */
		.top{
			width: 100%;
			height: 88px;
			background-color: #f9f9f9;
			display: flex;
			justify-content: space-between;
			
		}

				.logoarea{
					padding: 28px 0 0 60px;

				}


				.userinfo{
					color: #383838;
					font-size: 12px;
					padding: 28px 60px 0 0;

				}

				.userinfo img{
					margin-right:7px;

				}


				.logoutbtn{
					display: inline-flex;
					justify-content: center;
					align-items: center;
					padding:7px 15px;
					background-color: #2EA1E9;
					border-radius:30px;
					font-size: 12px; font-weight: 600;
					color: #fff;
					
				}

				.logoutbtn:hover{
					background-color: #168bd1;					
					cursor: pointer;
				}



				.loginform{
					border: solid 1px #bbb;
    			background-color: #fff;
    			border-radius: 20px;
    			display: inline-flex;
    			min-width: 130px;
    			padding: 5px 15px;

				}



		/* 메인화면 20210715*/	
		.mainvisual{
			width: 100%;
			min-height: 405px;
			background-image: url(../images/visualbg.jpg);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center top;			
		}

			.maintxt{
				font-size: 58px;
				font-weight: 600;
				color:#fff;
				text-align: center;
				padding-top: 90px;
			}


			.maintxts{
				font-size: 26px;
				color: #EEF7F8;
				text-align: center;
				line-height: 2em;
			}



			.mainvisual02{
				width: 100%;
				min-height: 530px;
				background-image: url(../images/mainloginvisualbg.jpg);
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center top;
				padding: 27px 0;
		}

			
			.mvwrap01{
				width: 1090px;
				margin: 0 auto;				
				display: flex;
				justify-content: space-between;	
				margin-bottom:16px;
			}	
			


			/* 로그인후 정보 박스 */	
			.mainbox01{
				min-width:352px;
				min-height: 230px;
				background-color:#2aae9f;
				border-radius: 3px;
				margin-right: 16px;
			}

			.mbtit{
				font-size: 18px;
		    font-weight: 600;
		    color: #fff;
		    background: url(../images/mm-icon01.png)no-repeat 40px 35px;
		    padding-left: 115px;
		    padding-top: 35px;
		    line-height: 1.4em;
			}

			.mbtit span{
				font-size:14px;
				font-weight: 500;
				color: #E6E2E2;
				display: block;
			}


			


			.mbbtn{
				min-width:148px;
				display: inline-flex;
		    align-items:center;
		    padding: 12px 27px;
		    background-color: #fff;
		    background-image: url(../images/arrow-logininfo.png);
		    background-repeat: no-repeat;
		    background-position: 108px center;
		    border-radius: 35px;
		    font-size: 15px;
		    font-weight: 600;
		    color: #000;
		    margin-top: 32px;
		    margin-left: 25px;
		  }



			.mbbtn:hover{
				cursor: pointer;
				background-color: #f2a922;
				color: #fff;

			}



			.btnml{
		  	margin-left:3px;
		  }


		  .btnmt{
		  	margin-top: 12px;
		  }






			/* 로그인후 현황 박스 */	
			.mainbox02{
				min-width: 722px;
				min-height: 230px;
				background-color: #fff;
				border-radius: 3px;
			}


			.mbtitbar{
				min-width: 670px;
				background-color: #E1F0F6;
				font-size: 18px;
				font-weight: 600;
				padding:12px 29px;				
				border-radius:30px;
				position:relative;
				margin: 30px 25px 27px 25px;
			}


			.mbtitmore{
				position:absolute;
				right: 3%;
				top: 7px;
			}



			.mbnumbox01{
				min-width:327px;
				display: inline-block;
				color: #EAEBE5;
				max-width: 316px;
				text-align: center;
				background-color: #1BACC0;
				font-size: 17px;
				border-radius: 60px;
				margin-left: 28px;
				padding: 20px 10px;
				}


				.mbnumbox01 span{
					display: block;
					font-size: 30px;
					font-weight: 600;
					color: #fff;
					margin-top:5px;

				}



				.mbnumbox02{
				min-width:327px;
				display: inline-block;
				color: #EAEBE5;
				max-width: 316px;
				text-align: center;
				background-color: #1BACC0;
				font-size: 17px;
				border-radius: 60px;
				margin-left: 5px;
				padding: 20px 10px;
				}


				.mbnumbox02 span{
					display: block;
					font-size: 30px;
					font-weight: 600;
					color: #fff;
					margin-top: 5px;
				}




			

			.mvwrap02{
				width: 1090px;
				margin: 0 auto;
				display: flex;
				justify-content: space-between;
			}


			
			/* 로그인후 알림메시지 */
			.mainbox03{
				min-width: 352px;
				min-height: 230px;
				margin-right: 16px;
				min-height:230px;
				background-color: #fff;
				border-radius: 3px;
			}



			.mbtitbars{
				min-width:317px;
				background-color: #E1F0F6;
				font-size: 18px;
				font-weight: 600;
				padding:12px 29px;				
				border-radius:30px;
				position:relative;
				margin: 23px 17px 17px 17px;
			}


			.mbtitmores{
				position:absolute;
				right:15px;
				top:9px;
			}



			.noticemt{
				max-width:303px;
				margin: 0 auto;				
			}


			.noticemtlist{
			 font-size: 14px;
	     font-weight: 400;
	     border-bottom: solid 1px #ddd;
	     line-height: 2em;
	     background: url(../images/logininfo-bl01.png) no-repeat 3px 14px;
	     padding-left:26px;
	     line-height: 2.8em;
			}

			.noticemtlist a:link{
				color: #333;
			}

			.noticemtlist a:hover{
				color: #000;
				font-weight: 600;
			}



			.noticemtlist01{
				flex: 1;
			 font-size: 14px;
	     font-weight: 400;
	     border-bottom: solid 1px #ddd;
	     line-height: 2em;
	     background: url(../images/logininfo-bl02.png) no-repeat 3px 14px;
	     padding-left:23px;
	     line-height: 2.8em;
	     position: relative;
			}


			.noticemtlist01 a:link{
				color: #333;
			}

			.noticemtlist01 a:hover{
				color: #000;
				font-weight: 600;
			}



			.dwnfileimg{
				margin-left: auto;
				position: absolute;
				right: 10px;
				top:0px;
			}

			

			.noticemt02{
				display: flex;
				justify-content: space-between;
				max-width:303px;
				margin: 0 auto;		
			}


			.noticemtlist02{
				flex: 1;
				font-size: 14px;
				font-weight: 400;
				border-bottom: solid 1px #ddd;
				line-height: 2em;
				background: url(../images/kakao.png) no-repeat 3px 9px;
				padding-left:35px;
				line-height: 2.8em;
				position: relative;
			}


			.noticemtlist02 a:link{
				color: #333;
			}

			.noticemtlist02 a:hover{
				color: #000;
				font-weight: 600;
			}


			.noticemtlist03{
			 flex: 2;
			 font-size:14px;
	     font-weight: 600;
	     line-height:1.5em;
	     margin-left: 10px;
			}


			

			/* 로그인후 인수인계 문서 다운로드 */
			.mainbox04{
				min-width: 352px;
				min-height: 230px;
				margin-right: 16px;
				min-height:230px;
				background-color: #fff;
				border-radius: 3px;
			}

			

			/* 로그인후 업무문의 */	
			.mainbox05{
				min-width: 352px;
				min-height: 230px;
				margin-right:0;
				min-height:230px;
				background-color: #fff;
				border-radius: 3px;
			}



			/* 과총 지원사업  */	
			.bigtit001{
			  max-width: 1090px;
		    font-size: 35px;
		    font-weight: 600;
		    color: #3A363D;
		    padding-left: 47px;
		    background: url(../images/login-bl.png)no-repeat 0 0px;
		    margin: 0 auto;
/* 		    margin-top: 55px; 20230719(JMK)*/
			margin-top: 35px;
/* 		    margin-bottom: 25px; 20230719(JMK)*/
		    margin-bottom: 5px;
		  }


			.linkmwrap{
				max-width: 1090px;
				margin: 0 auto;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				flex-wrap: nowrap;
			}


			.ciconwrap{
				max-width:1137px;
				margin: 0 auto;
				justify-content: space-around;
				display: flex;

				

			}


			.cbicon01{
				max-width: 238px;
    		max-height: 74px;
    		text-align: center;
    		flex: 1;
    		z-index: 2;
			}


			.linkmbox{
				max-width: 246px;
				flex: 1;
				background:linear-gradient(#0D5D74,#206B80);
				border-radius:10px;
				padding: 65px 32px 45px 32px;

			}


			.lblisttit{
				font-size: 22px;
				font-weight: 400;
				color: #f9f9f9;
				text-align: center;
				padding-bottom: 30px;
			}


			.lblist{
				font-size: 14px;
				font-weight: 600;
				color: #E9E9E9;
				min-height:25px;
				background: url(../images/linkline.png)no-repeat 0 bottom;
				margin-bottom: 13px;
			}


			.lblist a{
				color: #E9E9E9;
			}
			
			.lblist a:link{
				color: #e9e9e9;
			}

			.lblist a:hover{
				color: #fff;
				font-weight: 600;
			}
			
			a.whiteA{
				color: #E9E9E9;
			}
			
			a.whiteA:link{
				color: #fff;
			}

			a.whiteA:hover{
				color: #E9E9E9;
				font-weight: 600;
			}





			.btnmt01{
				margin-left: -15px; margin-top: 10px;}


/* 로그인후 끝  */




			.mainqmenuDiv{
				width: 1090px;
				margin: 0 auto;
			}
			
			.mainqmenu{
				width:1090px;
				min-height:278px;
				background-color:#fff;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius:150px;
				position: absolute;
			    top: 350px;
			}
			.mainqmenu{
				width:1090px;
				min-height:278px;
				background-color:#fff;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius:150px;
				position: absolute;
			    top: 350px;
			}

			.quickmc01{
				min-width: 120px;
				min-height: 120px;
				border-radius: 60px;
				background-color: #04BF8A;
				background-image: url(../images/mm-icon01.png);
				background-repeat: no-repeat;
				background-position: center center;
				margin: 5px 35px;
				transition: 1.3s;
			}


			.qm02{
				background-color: #F291BF;
				background-image: url(../images/mm-icon02.png);
			}



			.qm03{
				background-color: #F2A922;
				background-image: url(../images/mm-icon03.png);
			}


			.qm04{
				background-color: #467DBE;
				background-image: url(../images/mm-icon04.png);
			}


			.qm05{
				background-color: #0BABF9;
				background-image: url(../images/mm-icon05.png);
			}


			.qmtxt{
				font-size: 18px;
				color: #444;
				font-weight: 600;
				line-height: 2em;
				text-align: center;
				cursor: pointer;
			}

			.qmtxt:hover .quickmc01{
				background-color:#000;
				cursor: pointer;
			}


			.quickmc01:hover{
				background-color:#000;
				cursor: pointer;
			}



			/* 공지사항 */	

			.noticewrap{
				width: 100%;
				margin-top:150px;
				background: linear-gradient(#efefef, #fff);
				box-shadow: 0 3px 10px #c1bfbf;
			}


			.nwmt{
				margin-top: 75px;
			}


			.noticecontainer{
				width: 1090px;
				margin: 0 auto;
				display: flex;
				align-items: center;
				padding:35px 0;

			}


			.noticetxt{
				font-size: 24px;
				font-weight: 600;
				color: #1D497F;
				flex-grow: 1;

			}


			.noticedate{
				font-size: 12px;
				font-weight: 600;
				color: #1D497F;
				flex-grow: 1;
			}


			.noticetit{
				font-size: 18px;
				font-weight: 600;
				color: #000;
				flex-grow: 3;
			}

			.noticetit a:link{
				color: #383838;
				cursor: pointer;
			}

			.noticetit a:hover{
				text-decoration: underline;

			}





			.noticecon{
				font-size: 15px;
				font-weight: 400;
				color: #666;
				line-height: 2em;

			}


			.noticecon a:link{
			color: #383838;
			cursor: pointer;
			}

			.noticecon a:hover{
			text-decoration: underline;

			}



			.noticearrow{
				margin-left: auto;
				line-height: 1.5em;

			}

			.noticearrow:hover{
				cursor: pointer;
			}



			/*팝업존*/

			.popupzonewrap{
				width: 1090px;
				margin: 0 auto;
/* 				background-color: #1BACC0; */
/* 				border-radius: 207px; */
				border-radius: 20px;
/* 				padding: 50px 120px 37px 120px; */
				overflow: hidden;
				margin-top: 52px;
			}
				
			.leftcon{
				width: 30%;
				float: left;

			}


			.rightcon{
				width: 70%;
				float: right;

			}
					
			.pztit{
				font-size: 18px;
				font-weight: 600;
				color: #fff;
				margin-bottom: 24px;

			}

			.pzmore{
				color: #fff;
				font-size: 14px;
				line-height: 2em;
				text-align: right;
				padding: 0px 7px;
				width:100px;
				border: solid 1px #fff;
				border-radius: 20px;
				margin-top:5px;
			}

			.pzmore:hover{
				cursor: pointer;
				color: #fefa4e;
				border: solid 1px #fefa4e;
			}


			.pzcon{
				font-size: 15px;
				color: #fff;
				font-weight:400;
				margin-bottom: 24px;
				line-height: 1.5em;
				border-left: solid 3px #F2A922;
				padding-left: 15px;


			}

			.pzdcon{
				font-size: 15px;
				background-color:#f9f9f9;
				padding:24px;
				border-radius: 20px 20px 150px 20px;
				line-height: 1.6em;

			}



			/*하단배너 그룹*/

			.bannerwrap{
				max-width: 1090px;
				margin: 0 auto;
				min-height: 136px;
				display: flex;
				justify-content: space-between;
				margin:0 auto;
				margin-top: 50px;
				margin-bottom: 70px;

			}

/* 			.banner01{
				min-width: 346px;
				min-height: 136px;
				background-image: url(../images/about-bg.png);
				background-repeat:no-repeat;
				background-position:center center;
				transition: 1.3s;
				font-size: 20px;
				line-height: 1.4em;
				font-weight: 400;
				color: #D7EBF8;
				border-radius: 3px;
				padding-left: 37px;
				padding-top: 30px;

			}


			.banner01:hover{
				cursor: pointer;
				text-decoration: underline;
			}


			.banner01 span{
				font-size: 25px;
				font-weight: 600;
				color: #fff;
			} */

			.banner01{
				min-width: 346px;
				min-height: 136px;
				font-size: 16px;
				font-weight: 500;
				color: #B4D1F3;
				background-color: #0E407B;
				background-image: url(../images/boxbg01.png);
				background-repeat: no-repeat;
				background-position:20px 42px;
				background-color: #0E407B;
				border-radius: 3px;
			  text-align: right;
    		padding-top: 33px;
    		padding-right: 25px;
			}

			.banner01 span{
				font-size: 50px;
				font-weight: 600;
				color: #fff;
			}

			.banner01:hover{
				cursor: pointer;
			}
			
			.banner02{
				min-width: 346px;
				min-height: 136px;
				font-size: 16px;
				font-weight: 500;
				color: #B4D1F3;
				background-color: #0E407B;
				background-image: url(../images/boxbg02.png);
				background-repeat: no-repeat;
				background-position:20px 42px;
				background-color: #0E407B;
				border-radius: 3px;
			  text-align: right;
    		padding-top: 33px;
    		padding-right: 25px;
			}

			.banner02 span{
				font-size: 50px;
				font-weight: 600;
				color: #fff;
			}

			.banner02:hover{
				cursor: pointer;
			}
			
			.banner03{
				min-width: 346px;
				min-height: 136px;
				font-size: 16px;
				font-weight: 500;
				color: #B4D1F3;
				background-color: #0E407B;
				background-image: url(../images/man-bg.png);
				background-repeat: no-repeat;
				background-position:20px 42px;
				background-color: #0E407B;
				border-radius: 3px;
			  text-align: right;
    		padding-top: 33px;
    		padding-right: 25px;
			}

			.banner03 span{
				font-size: 50px;
				font-weight: 600;
				color: #fff;
			}

			.banner03:hover{
				cursor: pointer;
			}

			/*하단 문의 안내*/

			.infocallwrap{
				width: 100%;
				background-color: #F7901E;
				margin-top: 80px;

			}

			.iccontainer{
				max-width: 1090px;
				display: flex;
				justify-content: center;
				align-items: center;
				min-height: 120px;
				margin: 0 auto;

			}

			.callnumber{
				color: #fff;
				font-size: 14px;
				min-width: 28px;
				align-self: center;
				margin-right: 0.25rem !important;

			}

			.callnumber span{
				font-size: 17px;				
				font-weight: 600;
				margin-right: 0.25rem !important;
			}





		/* 서브 상단 타이틀 비쥬얼 */	
		.subvisual{
			width: 100%;
			height: 98px;
			background-color: #444;
			background: url(../images/subvisualbg.png);
			background-size: cover;
			display: flex;
			justify-content: space-between;

		}
				.subbigtit{
					font-size: 33px;
					font-weight: 600;
					color: #fff;
					padding: 29px 0 0 60px;

				}

				.substit{
					font-size: 22px;
					font-weight: 600;
					color: #f2f2f2;
					padding-left: 20px;
					margin-left: 10px;
					border-left: solid 1px #aaa;

				}

				.subvright{
					color: #EFE057;
					font-size: 12px;
					padding: 29px 60px 0 0;
					text-align: right;

				}

				.location{					
					align-items: flex-end;
					text-align: right;
					margin-top: 22px;
				}
				.location01{
					display: inline-flex;

				}
				.location02{
					font-size: 13px;
					color: #f9f9f9;
					margin: 5px;

				}

				.location ui li img{

				}


		/* 서브 메뉴 */

			.submenuwrap{
				background-color: #5A6E79;
				width: 100%;
			}
			.submenu{
				display: flex;
				max-width:1216px;
				background-color: #5A6E79;
				margin-left: 50px;
			}

			.submenutxt{
				background-color: #5A6E79;
				width:22%;
				transition: 0.5s;
				cursor: pointer;
			}

			.submenutxtsel{
				background-color: #fefefe;
				width:22%;
				transition: 0.5s;
				display: block;
				padding: 0.8em 1em;;
				font-weight: 600;
				color: #444;
				text-align: center;
			}

			.submenutxt:hover{
				background-color: #fefefe;
				width:25%;
			}

			.submenulink{
				display: block;
				padding: 1em;
				font-size: 15px;
				font-weight: 600;
				color: #f9f9f9;
				text-decoration: none;
				text-align: center;

			}
			.submenulink:hover{
				color: #444;
			}



		/* 컨텐츠 영역 */
		.content{
			width: 100%;
			flex: 1 auto;
			padding: 40px 30px 30px 67px;
		}

				/* 서브타이틀 */
				.subtitle01{
					font-size: 22px;
					font-weight: 600;
					color: #444;
					background: url(../images/subtit-bl.png)no-repeat 0 0;
					padding-left: 20px;
					margin-bottom: 20px;

				}
				
				.subtitle02{
					font-size: 22px;
					font-weight: 600;
					color: #444;
					margin-bottom: 20px;

				}

				.subtitleinfo{
					font-size: 22px;
					font-weight: 500;
					color: #082B5A;
					background: url(../images/advertising.png)no-repeat 0 0;
					padding-left: 50px;
					margin-bottom: 20px;

				}

				.subtitleinfo span{
					color: #A855E6;
					font-size: 28px;
					font-weight: 600;
					padding-left: 5px;

				}

				/* 테이블 */
				.tablewrap{
					/*max-width: 1216px;*/
					margin-bottom: 60px;
				}

				.tabletop{
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content:flex-start;

				}

				.tabletleft{
					display: inline-flex;					

				}

				.tabletleft2{
					font-size: 14px;
			    color: #6A88A8;
			    padding-left: 20px;
			    line-height: 1.2em;
			    align-self: center;
				}

				.tabletright{
					margin-left: auto;
				}


				/* 기본 버튼 */
				.btndefault{
					font-size: 15px;
					display: inline-flex;
					min-width:100px;
					height: 36px;
					background: #3D76DC 0% 0% no-repeat padding-box;
					border-radius: 3px;
					opacity: 1;
					color: #fff;
					justify-content: center;
					align-items: center;
					font-weight: 600;
					padding: 0 20px;
					border-radius: 20px;
				}


				.btndefault:hover{
					background: #225CC2 0% 0% no-repeat padding-box;
					box-shadow: 0px 3px 6px #00000029;
					border-radius: 3px;
					opacity: 1;
					color: #fff;
					cursor: pointer;
					border-radius: 20px;
				}
				
				/* 삭제 버튼 */
				.btndanger{
					font-size: 15px;
					display: inline-flex;
					min-width: 100px;
					height: 36px;
					background: #ff8349 0% 0% no-repeat padding-box;
					border-radius: 3px;
					opacity: 1;
					color: #fff;
					justify-content: center;
					align-items: center;
					font-weight: 600;
					padding: 0 20px;
					border-radius: 20px;
				}


				.btndanger:hover{
					background: #C82333 0% 0% no-repeat padding-box;
					box-shadow: 0px 3px 6px #00000029;
					border-radius: 3px;
					opacity: 1;
					color: #fff;
					cursor: pointer;
					border-radius: 20px;
				}

				/* 아웃라인 버튼 */
				.btnoutline{
					font-size: 15px;
					display: inline-flex;
					min-width: 100px;
					height: 36px;
					background-color: #F9F9F9;
					border: 1px solid #A3ABB8;
					border-radius: 3px;
					opacity: 1;
					color: #153D82;
					justify-content: center;
					align-items: center;
					font-weight: 600;
					padding: 0 20px;
					border-radius: 20px;
				}


				.btnoutline:hover{
					background-color: #DDE7F9;
					box-shadow: 0px 3px 6px #00000029;
					border: solid 1px #A3ABB8;
					cursor: pointer;
					border-radius: 20px;
				}




				/* 작은 버튼 */

				.btnsmall{
					font-size: 12px;
					color: #fff;
					display: inline-flex;
					padding: 0 15px;
					min-width:80px;
					height: 30px;
					background-color: #3D76DC;
					border-radius: 4px;
					opacity: 1;
					justify-content: center;
					align-items: center;
					font-weight: 600;
					border-radius: 20px;
				}

				.btnsmall:hover{
					background-color: #225CC2;
					box-shadow: 0px 3px 6px #00000029;
					cursor: pointer;
					border-radius: 20px;
				}


				/*아웃라인 작은버튼*/
				.btnsmalloutline{
					font-size: 12px;
					color: #2A5DB8;
					display: inline-flex;
					padding: 0 15px;
					min-width: 100px;
					height: 30px;
					background-color: #f9f9f9;
					border: solid 1px #A3ABB8;
					border-radius: 4px;
					opacity: 1;
					justify-content: center;
					align-items: center;
					font-weight: 600;
					border-radius: 20px;
				}

				.btnsmalloutline:hover{
					background-color: #DDE7F9;
					border:solid 1px #A3ABB8 ;
					cursor: pointer;
					color: #153D82;
					border-radius: 20px;
				}


				/*테이블 상단 버튼*/
				.tabletbtn{
					min-width: 152px;
					display: inline-flex;
					padding: 0 12px;
					height: 36px;
					justify-content: center;
					align-items: center;
					font-weight: 600;
/* 					background: #1BACC0 0% 0% no-repeat padding-box; */
					background: #4DABF6 0% 0% no-repeat padding-box;
					border-radius: 3px;
					opacity: 1;
					color: #fff;
					text-align: center;
					font-size: 15px;
					font-weight: 600;
					cursor: pointer;
					border-radius: 20px;
				}


				.labelbtn{
					min-width: 50px;
			    display: inline-flex;
			    padding: 5px 10px;
			    justify-content: center;
			    align-items: center;
			    background-color: #4DABF6;
			    border-radius: 20px;
			    opacity: 1;
			    text-align: center;
			    font-size: 12px;
			    font-weight: 600;
			    letter-spacing: 0px;
			    color: #FFFFFF;
			    margin-right: 1px;
					/*cursor: pointer;*/
				}

				.btncgreen{
					background-color:#14C7C0;

				}

				.btncorange{
					background-color:#F69618;
				}


				.btncbeige{
					background-color:#F2F3E8;
					color: #152540;
					border: solid 1px #ddd;
				}



				.pgbigbtn{
					min-width: 150px;
					height: 50px;
					background-color:#F2A922;
					border-radius: 25px;
					opacity: 1;
					display: inline-flex;
					justify-content: center;
					align-items: center;
					letter-spacing: 0px;
					color: #FFFFFF;
					padding: 15px 40px;
					text-align: center;
					font-size: 18px;
					font-weight: 600;
				}

				.pgbigbtn:hover{
					background-color: #F27522;
					cursor: pointer;

				}

				.pgbigoutlinebtn{
					min-width: 150px;
					height: 50px;
					background-color:#fff;
					border: solid 2px #F2A922;
					border-radius: 25px;
					opacity: 1;
					display: inline-flex;
					justify-content: center;
					align-items: center;
					letter-spacing: 0px;
					color: #444;
					padding: 15px 40px;
					text-align: center;
					font-size: 18px;
					font-weight: 600;
				}

				.pgbigoutlinebtn:hover{
					border: solid 2px #404040;
					cursor: pointer;
				}



				/*상단 안내 박스 20210727*/
				.topinfobox{
					border: solid 1px #ddd;
					padding: 28px 65px;
/* 					background-color: #f9f9f9; */
					background-color: #e3f2ff;
					color: #444;
					font-size: 16px;
					line-height: 1.4em;
					border-radius: 0 0 0 65px;
					margin-bottom: 55px;

				}

				.topinfoboxbg{
					background-image: url(../images/checkbox-bg.png);
					background-repeat: no-repeat;
					background-position: 95% 55%;
				}

				.topinfobox span{
					font-size: 14px;
/* 					color: #6A88A8; */
					color: #0b3e77;
					padding-left: 20px;
					line-height: 1.2em;
				}


				/*하단 안내 박스*/

				.bottomguide{					
					border-radius: 15px;
					border: solid 1px #ddd;
					background:url(../images/guide-icon.png)no-repeat 35px center;
					background-color:#F9F2F5;
					color: #000;
					font-size: 17px;
					padding: 30px 200px;
					margin-bottom: 20px;
				}

				.bottomguides{
					padding-left:7px;
					font-size: 14px;
					color: #777;
					line-height: 1.7em;
				}

				.blcolor{
					color: #F50707;
				}


				.bottomguides .color{
					color: #095EBF;

				}
	
			.bottomguides .bigtxt{
					color: #1486F8;
					font-size:18px;
					font-weight: 600;
				}


				/*입력 프로세스 단계*/
				.tprocess{
					display: flex;
					flex-direction: row;
					justify-content: center;
					align-items: center;
					margin-bottom:50px;

				}

				.pcbox{
						min-width: 267px;
						text-align: center;
						padding-left: 50px;
						padding: 23px 30px;
						background-color: #daebf5;
						font-size: 16px;
						font-weight: 600;
						color: #082B5A;
						border-radius: 60px;
						margin: 0 20px;
				}


				.num01{
					background-image: url(../images/01.png);
					background-repeat: no-repeat;
					background-position: 15px 7px;
					background-color: #daebf5;
					color: #082B5A;
				}



				.num02{
					background-image: url(../images/02.png);
					background-repeat: no-repeat;
					background-position: 15px 7px;
					background-color: #daebf5;
					color: #082B5A;
				}



				.num03{
					background-image: url(../images/03.png);
					background-repeat: no-repeat;
					background-position: 15px 7px;
					background-color: #daebf5;
					color: #082B5A;
				}


				.num04{
					background-image: url(../images/04.png);
					background-repeat: no-repeat;
					background-position: 15px 7px;
					background-color: #daebf5;
					color: #082B5A;
				}


				.num05{
					background-image: url(../images/05.png);
					background-repeat: no-repeat;
					background-position: 15px 7px;;
					background-color: #daebf5;
					color: #082B5A;
				}


				.selectnum01{
					background-image: url(../images/01.png);
					background-repeat: no-repeat;
					background-position: 15px 7px;
					background-color: #daebf5;
					background-color: #467DBE;
					color: #fff;
				}



				.selectnum02{
					background-image: url(../images/02.png);
					background-repeat: no-repeat;
					background-position: 15px 7px;
					background-color: #daebf5;
					background-color: #467DBE;
					color: #fff;
				}



				.selectnum03{
					background-image: url(../images/03.png);
					background-repeat: no-repeat;
					background-position: 15px 7px;
					background-color: #daebf5;
					background-color: #467DBE;
					color: #fff;
				}



				.selectnum04{
					background-image: url(../images/04.png);
					background-repeat: no-repeat;
					background-position: 15px 7px;
					background-color: #daebf5;
					background-color: #467DBE;
					color: #fff;
				}


				.selectnum05{
					background-image: url(../images/05.png);
					background-repeat: no-repeat;
					background-position: 15px 7px;
					background-color: #daebf5;
					background-color: #467DBE;
					color: #fff;
				}


				.num1{
					background-image: url(../images/01.png);
					background-repeat: no-repeat;
					background-position: 15px 7px;
					background-color: #daebf5;
				}

				.num2{
					background-image: url(../images/02.png)no-repeat 20px 14px;
					background-color: #daebf5;
				}

				.num3{
					background-image: url(../images/03.png)no-repeat 20px 14px;
					background-color: #daebf5;
				}

				.num4{
					background-image: url(../images/04.png)no-repeat 20px 14px;
					background-color: #daebf5;
				}

				.num5{
					background-image: url(../images/05.png)no-repeat 20px 14px;
					background-color: #daebf5;
				}



		/* footer*/
		.footer{
			width: 100%;
			margin-top: auto;
			background-color:#f8f8f8;
			padding: 50px 0;
			border-top: solid 1px #ccc;

		}

				.footercon{					
					display: inline-flex;
					align-items: center;
					flex-direction: row;
					justify-content: flex-start;

				}

				.footerlogo{
			   margin-left: 60px;
			   margin-right: 35px;

				}

				.address{
					font-size: 15px;
					color: #383838;
					line-height: 1.5em;

				}

				.address span{
					color: #0463B5;
					font-weight: 600;
					line-height: 3rem;

				}

				.address span a:link{
					color: #0463B5;

				}

				.address span:hover{
					cursor: pointer;
					text-decoration: underline;
					
				}



			.gotop{
				  position: fixed;
					right: 20px;
					bottom: 30px;
					width: 45px;
					z-index: 1000;
				}

			.gotop:hover{
				cursor: pointer;
			}






/* 웹폰트 CSS */
@font-face{font-family:'Nanum Gothic'; src:url(../webfont/NanumGothic.eot)}
@font-face{font-family:'Nanum Gothic'; src:url(../webfont/NanumGothic.woff)}