@charset "EUC-KR";

/* ±âº» ½ºÅ¸ÀÏ */

html {
}

body {
	/* background-color:red; */
    font-family: 'Noto Sans Regular', sans-serif;
    margin:0;
	min-width:350px;
}

a {
	font-size:18px;
    font-weight:700;
    text-decoration: none;
    color:#555555;
}

a:hover, a:focus {
	font-size:18px;
    font-weight:700;
    text-decoration: unline;
    color:black;
}

img {
	border:0;
}

ul {
	list-style:none;
}

/* ·¹À̾ƿô */

#wrapper {
	display:block;
}

#header {
	font-weight:400;/*400:normal, 700:bold*/
	text-align:center; /*start, end, left, right, center*/
	color:rgba(0,0,0,0.8); /*rgba(red,green,blue,Åõ¸íµµ)*/
}

.logo {
	/* background-color:black; */
	margin:0;
	border:0;
	padding:10px 10px 5px 10px;
}

#header .title {
	font-size:28px;
	margin:0;
	border:0;
	padding:7px 0 5px 0;
	/* text-shadow:2px 2px 3px rgba(0,0,0,0.5); xÃà±×¸²ÀÚ±æÀÌ, yÃà±×¸²ÀÚ±æÀÌ, ÆÛÁü, ±×¸²ÀÚ»ö */
	background-color:silver;
}

#main {
	/* background-color:yellow; */
	margin:0;
	border:0;
	padding:0px 0px 0px 0px;
	display:flex;
	flex-direction:row;
}

#main1 {
	/* background-color:lime; */
	margin:0;
	border:0;
	padding:0;
	flex-grow:20;
}

#main2 {
	/* background-color:lime; */
	width:350px;
	margin:0;
	border:0;
	padding:0;
	flex-grow:1;
	padding:0px 0px 0px 0px;
}

#main3 {
	/* background-color:lime; */
	margin:0;
	border:0;
	padding:0;
	flex-grow:20;
}

.main_title {
	/* background-color:red; */
	height:36px;
	display:flex;
	flex-direction:row;
	padding:1px 1px 1px 1px;
	border-color:red;
}

.step_radius {
	width:77px;
	/*height:32px;*/
	padding:2px 1px 3px 8px;
	border:1px solid black;
	border-radius:7px;
	font-size:20px;
	font-weight:700;
	background-color:yellow;
}

.step_contents {
	/* background-color:skyblue; */
	height:27px;
	font-size:20px;
	font-weight:700;
	padding:4px 1px 1px 7px;
}

.main_contents {
	/* background-color:pink; */
	padding:1px 1px 1px 1px;
	display:flex;
	flex-direction:column;
	font-size:18px;
}

.mainBText {
	font-size:18px;
	font-weight:700;
}

.normalText {
	font-weight:400;
}

.normalSText {
	font-weight:400;
	font-size:15px;
}

.listBText {
	font-weight:700;
}

.redText {
	font-weight:400;
    color:red;
}

.redSText {
	font-weight:400;
    color:red;
	font-size:15px;
}

.redBText {
	font-weight:700;
    color:red;
}

.redBSText {
	font-weight:700;
    color:red;
	font-size:15px;
}

.blueBSText {
	font-weight:700;
    color:blue;
	font-size:15px;
}

.main_link {
	background: linear-gradient(to bottom, #fff 0%, skyblue 100%); /* to bottom/top/left/right/0~180deg */
	margin:1px 7px 17px 7px;
	border:1px solid black;
	border-radius:7px;
	padding:5px 1px 5px 1px;
	text-align:center; /*start, end, left, right, center*/
}

#main_link1 {
	width:140px;
}

#main_link2 {
	width:180px;
}

#main_link3 {
	width:125px;
}

.main_top {
	margin:1px 7px 1px 7px;
	padding:5px 7px 5px 7px;
	background-color:#d7d7ff;
	text-align:left; /*start, end, left, right, center*/
	display:flex;
	flex-direction:column;
}

.main_list_info1 {
	/* background-color:orange; */
	margin:1px 1px 1px 1px;
	padding:1px 1px 1px 1px;
	font-size:17px;
	display:flex;
	flex-direction:row;
}

.main_info {
	margin:1px 7px 1px 7px;
	padding:5px 7px 5px 7px;
	text-align:left; /*start, end, left, right, center*/
	display:flex;
	flex-direction:column;
}

.main_info2 {
	margin:1px 7px 1px 7px;
	padding:5px 7px 5px 7px;
	text-align:left; /*start, end, left, right, center*/
	border:1px solid black;
	background-color:#d7d7ff;
	display:flex;
	flex-direction:column;
}

.main_list_info2 {
	/* background-color:orange; */
	margin:1px 1px 1px 1px;
	padding:1px 1px 1px 1px;
	font-size:17px;
}

.main_list {
	/* background-color:blue; */
	margin:1px 7px 0px 7px;
	padding:1px 1px 1px 1px;
	text-align:left; /*start, end, left, right, center*/
	display:flex;
	flex-direction:column;
}

.main_calendar {
	/* background-color:lime; */
	margin:0px 0px 15px 0px;
	padding:1px 0px 3px 0px;
	display:flex;
	flex-direction:row;
}

.main_list_title {
	margin:0px 0px 15px 0px;
	padding:7px 5px 7px 10px;
	background-color:#d7d7ff;
	display:flex;
	flex-direction:row;
}

.main_list_li {
	/* background-color:lime; */
	margin:0px 0px 10px 0px;
}

.main_list_no {
	margin:20px 0px 5px 0px;
	padding:5px 7px 5px 7px;
	background-color:#c8dcdc;
	display:flex;
	flex-direction:row;
	font-size:17px;
}

.main_list_an {
	/* background-color:lime; */
	margin:0px 0px 1px 0px;
	padding:5px 0px 5px 25px;
	font-size:17px;
}

.main_list_an2 {
	/* background-color:lime; */
	margin:0px 1px 1px 0px;
	padding:5px 0px 5px 25px;
	font-size:17px;
	width:140px;
}

.main_list_an_2col {
	/* background-color:orange; */
	margin:0px 0px 0px 0px;
	padding:1px 0px 1px 0px;
	font-size:17px;
}

.main_list_an_2col ul {
	/* background-color:blue; */
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}

#userId {
	/* background-color:yellow; */
}

.user {
	font-size:17px;
}

.btnSubmit {
	background: linear-gradient(to bottom, #fff 0%, skyblue 100%); /* to bottom/top/left/right/0~180deg */
	padding:5px 1px 5px 1px;
	border:1px solid black;
	border-radius:7px;
	text-align:center; /*start, end, left, right, center*/
	color:#555555;
    font-weight:700;
	font-size:18px;
}

.dummy-line {
	margin:5px 1px 5px 1px;
	border:1px solid white;
	padding:0px 0px 0px 0px;
}

.main_bottom {
	/* background-color:blue; */
	margin:5px 7px 12px 7px;
	padding:1px 1px 1px 1px;
	text-align:center; /*start, end, left, right, center*/
	display:flex;
	flex-direction:row;
}

.main_bottom li {
	/* background-color:red; */
	width:100%;
}

#cert_no {
	margin:4px 7px 0px 7px;
	padding:4px 7px 4px 7px;
}

#submit_btn1 {
	width:60px;
}

#submit_btn2 {
	width:140px;
}

#submit_btn {
	width:100%;
}

#footer {
	/* background-color:blue; */
	margin:0;
	border:0;
	text-align:center; /*start, end, left, right, center*/
}

#qrcode {
	/* background-color:blue; */
	margin:0;
	border:0;
	text-align:center; /*start, end, left, right, center*/
}

#footer .title {
	/* background-color:skyblue; */
	/* color:rgba(0,0,0,0.8); */ /*rgba(red,green,blue,Åõ¸íµµ)*/
	/* text-decoration:underline; */ /*underline, overline, line-through*/
	/* text-shadow:2px 2px 3px rgba(0,0,0,0.5); xÃà±×¸²ÀÚ±æÀÌ, yÃà±×¸²ÀÚ±æÀÌ, ÆÛÁü, ±×¸²ÀÚ»ö */
	font-size:20px;
	margin:5px 0px 0px 0px;
	border:0;
	padding:7px 0 7px 0;
	/* text-shadow:2px 2px 3px rgba(0,0,0,0.5); xÃà±×¸²ÀÚ±æÀÌ, yÃà±×¸²ÀÚ±æÀÌ, ÆÛÁü, ±×¸²ÀÚ»ö */
	background-color:silver;
}