/*전역 스타일 (색상코드 포함) S*/
	html {
		--main-color: #1c3cb1; /*input 박스 선택 시, 버튼blue글자테두리, 로그인버튼,*/
		--main-color-popptn:#002c5a; /*base에 명시, 팝업 글자색, 팝업ok버튼 배경, 팝업예버튼배경, 버튼dft글자테두리, 시험시간*/
		--possible-color:#69c966;
		--notpossible-color:#fe6b6e;
		--reception-color:#f1cc4f;
		--graybg:#f8f8f8; /*버튼gray배경, 팝업배경, bggry배경, 로그인텍스트가이드배경, 이름부분배경, 시험결과상세표배경, 정보수정표배경, 푸터배경*/
		--graybrd:#dadada; /*input 박스테두리, 라디오버튼, base에 명시, 버튼gray테두리, 버튼나비테두리, 해더아래줄, 로그인텍스트가이드테두리, 시험목록보더, 시험불가, 시험상세보더, 시험결과상세표, 정보수정표, */
		--graytxtdis:#bbb; /*응시이력점수, 시험상세상태, 시험설명당구장*/ 
		--titgray:#333; /*h1, 시험명, 시험설명타이틀, */
		--graytxtmain:#999; /*버튼gray글자, 팝업아니오버튼배경, 푸터글자, 로그인텍스트가이드글자, 시험결과상세글자, 정보수정표글자*/
		--btn-gray-bg:#777; /*버튼gray2배경*/
		--btn-gray-cl:#666; /*a링크, 버튼gray2테두리*/
		--blue-color:#0037ff;
		--red-color:#c30; /*base에 명시*/
		--green-color:#469900; /*base에 명시되어 있으나 사용하지 않음*/
		--purple-color:#801cb1;
		--test-gray-bg:#545454;
		--test-gray-bg2:#2f2f2f;
		--test-main-color : #ff8400; /*버튼orange배경*/
		--test-main-color2 : #e97900;/*base에 명시, 버튼orange테두리*/

	}
	* {
		box-sizing: border-box;
	}
/*전역 스타일 (색상코드 포함) E*/

/*input 정의 S*/
	input[type=number] {
		border: 1px solid var(--graybrd);
		margin: 0;
		padding: 2px;
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	}

	input[type=text],
	input[type=password],
	input[type=email],
	input[type=number] {
		border-radius: 5px;
	}

	input[type=text]:focus,
	input[type=password]:focus,
	input[type=number]:focus {
		outline-color: var(--main-color);
	}

	input.newtxt2 {
		padding: 0 10px;
		width: 100%;
		height: 35px;
		line-height: 30px;
		color: #bbb;
		text-align: left;
		font-size: 14px;
	}
/*input 정의 E*/

/*팝업 정의 S*/
	#bglayer,
	#findlayerbglayer {
		background-color: #000;
		opacity: .7;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1000;
		display: none
	}

	/*
		#topmessage {
			position: fixed;
			bottom: 20px;
			height: 20px;
			line-height: 20px;
			width: 50px;
			right: 5px;
			z-index: 10001;
			background-color: #0094ff;
			color: #ffd800;
			font-weight: bold;
			text-align: center;
			border-radius: 5px;
			display: none;
			opacity: .6
		}
	*/

	#layermessage {
		position: fixed;
		line-height: 20px;
		z-index: 10001;
		font-weight: bold;
		border-radius: 5px;
		display: none;
		text-align: center;
		padding: 30px;
		background-color: var(--graybg);
		color: var(--main-color-popptn);
		border: 1px solid #fff;
		max-height: 80%;
		overflow: auto;
		max-width: 700px;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-25%, -25%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		min-width: 500px;
	}

	#layermessage div {
		word-break: break-word
	}

	.mainokbutton {
		color: #fff;
		background-color: var(--main-color-popptn);
		padding: 7px 40px;
		border-radius: 15px;
		font-weight: bold;
		font-size: 15px;
	}

	a.mainokbutton:visited,
	a.mainokbutton:link {
		color: #fff;
	}
	#confirmbox,
	#confirmbox * {
		box-sizing: border-box
	}

	#confirmbox {
		position: fixed;
		bottom: 30%;
		text-align: center;
		width: 100%;
		line-height: 50px;
		font-size: 18px;
		z-index: 3000;
		padding: 40px 20%;
		display: none;
	}

	#confirmboxmsg {
		font-size: 15px;
		font-weight: bold;
		color: var(--main-color-popptn);
		background-color: var(--graybg);
		border-radius: 5px;
		margin-bottom: 0px;
		padding: 20px 20px;
		word-break: break-word;
		line-height: 35px;
		letter-spacing: -0.5px;
	}

	.confirmbtnbox {
		background-color: var(--graybg);
		padding-bottom: 25px;
		border-radius: 5px;
		margin-top: -7px;
		white-space: nowrap;
	}
	@media (max-width:800px) {
		#confirmbox {
			padding: 40px 5%;
		}
		#layermessage {
			max-height: 80%;
			max-width: 96%;
			padding: 15px;
			min-width: 86%;
		}
	}
	@media (max-width:600px) {
		#confirmbox {
			padding: 40px 5%;
			bottom: 15%;
		}	
		#confirmboxmsg {
			line-height: 25px;
		}
		#layermessage div {
			font-size: 15px;
		}

		#confirmboxmsg {
			font-size: 16px;
		}
	}
	@media (max-width:600px)
		#confirmbox {
			bottom: 10%;
		}		
	}
/*팝업 정의 E*/

/*버튼 정의 S*/
	.btn {
		font-weight: bold;
		border-radius: 2px;
		display: inline-block;
		padding: 6px 12px;
		font-size: 14px;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		cursor: pointer;
		user-select: none;
		background-image: none;
		border: 1px solid transparent;
		box-sizing: border-box
	}
	/*
		.btn-primary {
			color: #fff !important;
			background-color: var(--green-color);
			border-color: var(--green-color);
		}
	*/

	.btnnew {
		border-radius: 15px;
		margin-left: 10px;
		font-weight: bold;
		font-size: 15px;
	}

	.btn1 {
		background-color: var(--main-color-popptn);
		padding: 7px 40px;
		color: #fff;
	}

	.btn1:link,
	.btn1:active,
	.btn1:visited {
		color: #fff;
	}

	.btn1:hover,
	.btn1:focus {
		background-color: var(--main-color-popptn);
	}

	.btn0 {
		background-color: var(--btn-gray-bg);
		padding: 7px 27px;
		color: #fff;
	}

	.btn0:link,
	.btn0:active,
	.btn0:visited {
		color: #fff;
	}

	.btn0:hover,
	btn0:focus {
		background-color: var(--graybg);
	}
	/*
	.btndft {
		border-radius: 3px;
		margin-left: 5px;
		font-size: 14px;
		background-color: #fff;
		padding: 7px 10px;
		color: var(--main-color-popptn);
		border: 1px solid var(--main-color-popptn);
		vertical-align: middle;
	}

	.btndft:link,
	.btndft:active,
	.btndft:visited {
		color: var(--main-color-popptn);
	}

	.btndft:hover,
	.btndft:focus {
		background-color: var(--graybg);
	}
	
	.lighta,
	.loginWrap .info_form .btn button.lighta {
		background-color: #fff;
		color: #999;
		font-size: 13px;
		border: 1px solid var(--graybrd);
		height: 30px;
		line-height: 30px;
		font-weight: normal;
	}
	*/
	.btnnavi {
		border: 1px solid var(--graybrd);
		font-size: 18px;
		font-weight: bold;
		padding: 2px 5px;
		z-index: 2;
		position: fixed;
		bottom: 2px;
		line-height: 25px;
		border-radius: 5px;
		display: none;
	}

	.ismobile .btnnavi {
		display: block;
	}

	.btnnaviback {
		left: 4px;
	}

	.btnnavitop {
		right: 4px;
	}

	button,
	.button {
		border-radius: 5px;
	}

	.fixbot {
		position: fixed;
		bottom: 35px;
		text-align: center;
		width: 100%;
		left: 0;
		padding: 5px 5px;
		background-color: #fff;
		text-align: center;
	}

	.fixbot .button {
		max-width: 800px;
		margin: 0 auto;
	}

	.inlinebtn {
		display: inline-block;
	}
/*버튼 정의 E*/

/*기본 클래스 css S*/
	.text-center {
		text-align: center
	}

	.btnhide {
		opacity: .1;
		cursor: default
	}

	.dpop {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 500;
		opacity: 0.7;
		box-sizing: border-box;
		display: none;
	}

	.dpop * {
		box-sizing: border-box;
	}

	.dpop h3 {
		font-weight: bold;
	}

	.dpopback {
		background-color: #000;
	}

	.dpopbox {
		opacity: 1;
		max-width: 100%;
	}

	.dpopcontent {
		margin: 0 auto;
		max-width: 90%;
		max-height: 80%;
		overflow: auto;
		background-color: #fff;
		border-radius: 10px;
		width: 500px;
		color: #333;
		margin-top: 15%;
		padding: 30px;
	}

	.dpopcontent h2,
	.dpopcontent h3,
	.dpopcontent h4 {
		margin: 20px 0;
	}

	.dpopcontent p {
		text-align: left;
	}
	.boxinp {
		margin-top: 4px
	}

	.bggray {
		background-color: var(--graybg);
		padding: 15px 10px;
		border-radius: 5px;
	}

	.bold {
		font-weight: bold;
	}

	.left {
		text-align: left;
	}

	.center,
	input.newtxt2.center {
		text-align: center;
	}

	.smallfont b {
		color: red;
		text-decoration: underline;
	}

	.button.blue.red,
	.red {
		color: red !important;
	}
	@media (max-width:600px) {
		.dpopcont {
			padding: 10px;
			font-size: 12px;
			line-height: 150px;
		}

		.dpopcontent {
			max-height: 90%;
			margin-top: 10%;
			padding: 10px;
		}
		.dpopcontent h2,
		.dpopcontent h3,
		.dpopcontent h4 {
			margin: 10px 0;
		}
		.smallfont {
			font-size: 12px;
			letter-spacing: -1px;
		}
	}
/*기본 클래스 css E*/

/*진행바 S*/
	#bgprogress {
		position: fixed;
		bottom: 0;
		right: 0;
		left: 0;
		height: 15px;
		line-height: 15px;
		z-index: 10001;
		color: #fff;
		text-align: center;
		display: none;
		opacity: .7;
		-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
		-webkit-transition: width .6s ease;
		transition: width .6s ease;
		background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
		background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
		background-size: 15px 15px;
		-webkit-animation: progress-bar-stripes 2s linear infinite;
		animation: progress-bar-stripes 2s linear infinite;
		background-color: #d9534f;
		background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
		background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	}
/*진행바 E*/