@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');

body {
	font-family: sans-serif,'Apple SD Gothic Neo';}

	#sortTop {
		display: flex;
		align-items: flex-start;
		justify-content: space-evenly;
		height: 195px;
		border-bottom: 3px solid #bc0013;
	}

	#sortTop h5 {
		padding: 5px 0 5px 0;
    margin-bottom: 15px;
	}

	.prev {
		border: 0;
		background-color: white;
		color: #bc0013;
		width: 50px;
		height: 30px;
		font-size: 20;
	}

	.active {
		border: 2px solid #bc0013;
		background-color: white !important;
		color: black !important;
	}

	.pageBtn {
		width: 50px;
		height: 30px;
		color: white;
		font-size: 20;
		background-color: #bc0013;
	}

	.next {
		border: 0;
		background-color: white;
		color: #bc0013;
		width: 50px;
		height: 30px;
		font-size: 20;
	}

	#resort {
		position: absolute;
		bottom: 15px;
		right: 15px;
		background: #bc0013;
		text-align: center;
		padding: 5px;
		border-radius: 5px;
	}

	#cardSort {
		width: 115px;
    margin-right: 0px;
	}

	#sortselect{
	  margin-top: 8px;
	  padding: 5px;
	  border: 2px solid #bc0013;
	  color: white;
	  background: #cb2a3a;
	  font-size: 14px;
	  font-weight: bold;
	}

	#sortselect option {
	  font-weight: bold;
	}
	
	#stockselect{
	  margin-top: 8px;
	  padding: 5px;
	  border: 2px solid #bc0013;
	  color: white;
	  background: #cb2a3a;
	  font-size: 12px;
	  font-weight: bold;
	}

	#stockselect option {
	  font-weight: bold;
	}

	#stockbox {
		width: 85px;
	}

	#cardType {
		width: 240px;
		margin-right:0px;
	}

	#cardType div div p img{
		width: 10px;
		height: 10px;
		padding-top: 5px;
		padding-left: 2px;
		padding-right: 2px;
	}

	#manaCost {
		margin-right: 0px;
	}

	#manaType {
		width: 95px;
		margin-right: 0px;
	}

	#rarity {
		width: 230px;
	}

	#rarity img {
		width: 10px;
		height: 10px;
		padding-top: 4px;
	    padding-left: 2px;
		margin-left: 0;
	}

	#rarity p{
		width: 105px;
		display: flex;
		align-items: flex-start;
	}
	#sortTop form h5 {
		border-bottom: 3px solid #bc0013;
		letter-spacing: 0.5px;

	}

	#sortTop form p {
		padding: 3px 5px;
		color: #333;
		font-family: 'Noto Sans KR', sans-serif, 'Apple SD Gothic Neo';
		font-weight: 400;
	}

	#sortTop form input {
		margin-right: 2px;
	}

	#sortTop form div {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	#sortTop form div div p {
	    display: flex;
	    align-items: flex-start;
		width: 110px;
	}

	.kindlePriceMax { 
		width: 160px;
		display: flex;
		justify-content: space-between;
		padding: 5px 0 5px 0;
		margin: 0 auto;
	}
	.kindlePriceMax span {
		position:relative;
	}
    #kindleName {
		  padding: 15px;
		  background-color: #eee;
		  margin: 0 1px 0px 1px;
		  padding-bottom: 22px;
	  }