/* Common CSS */

	table { width: 100%; }


	/* Font family */

	.eng {	font-family: 'Noto Serif HK', sans-serif; letter-spacing: 1.0px;	}
	.kor {	font-family: 'Nanum Gothic', sans-serif;	}


	.bt {
		padding : 10px 5px;
		display: inline-block;
		text-align: center;
		border-radius : 5px;
		cursor: pointer;
		border : 1px solid #EDEDED;
		transition: 0.1s;
	}
	.bt:hover {
		box-shadow: 0px 0px 5px #FFF;
	}
	.bt:active {
		transition: 0.1s;
		box-shadow: none;
	}
	.bt.size-1 { padding: 10px 30px; }
	.bt.size-2 { padding: 15px 40px; }
	.bt.size-3 { padding: 20px 50px; }
	.bt.size-4 { padding: 30px 60px; }
	.bt.size-5 { padding: 50px 80px; }
	.bt.full { width: 100%; }

	.size-1 {
		padding: 8px 20px;
		text-align: center;
	}
	.size-2 {
		padding: 15px 30px;
		text-align: center;
	}
	.size-3 {
		padding: 20px 40px;
		font-size: 24px;
		text-align: center;
	}

	/* Animation CSS */
	.du-1s { animation-duration: 1s!important; }
	.du-2s { animation-duration: 2s!important; }
	.du-3s { animation-duration: 3s!important; }
	.du-4s { animation-duration: 4s!important; }
	.du-5s { animation-duration: 5s!important; }



	/* Modal CSS */
	.modal.black .modal-content {
		background-color: #212121;
	}
	.modal.black .modal-header {
		background-color: #212121;
		color: #C8C8C8;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.modal.black .modal-header p {
		color: #EDEDED;
	}
	.modal.black .modal-body {
		background-color: #212121;
		text-align: center;
	}
	.modal.black .modal-footer {
		background-color: #383838;
		text-align: center;
	}