@charset "UTF-8";


body {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	/* min-width: 1200px; */
	background: #203336;
}

.renewal {
	background: #203336;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 50%;
	top: 50%;
	/* object-fit: cover; */
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.renewal .txt .img {
	display: flex;
	background: url('../css/img/renewer_icon.png') no-repeat;
	width: 100px;
	height: 100px;
	background-size: contain;
	margin-bottom: 10px;
}
.renewal .txt {
	font-size: clamp(70px, 5vw, 100px);
	font-family: 'GmarketSans';
	font-weight: 500;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	min-width: 510px;
	align-content: center;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.renewal .txt button {
	background: #fff;
	border-radius: 69px;
	font-family: 'GmarketSans';
	font-weight: 500;
	height: 100px;
	width: 446px;
	font-size: 35px;
	display: flex;
	justify-content: center;
	margin-top: 15px;
	align-items: center;
	cursor: pointer;
}
.renewal .txt button:hover {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	box-shadow: 0px 8px 8px 0px rgb(255 255 255 / 24%)
}
.renewal .txt button p {
    /* display: flex; */
    height: 32px;
    overflow: hidden;
    vertical-align: bottom;
    margin: 0;
    /* justify-content: center; */
    /* align-items: center; */
    /* align-content: center; */
    padding-left: 6px;
}
.renewal .txt button span {
    position: relative;
    /* display: none; */
    width: 50px;
    height: 32px;
    overflow: hidden;
    vertical-align: top;
    margin: 0;
}

.renewal .txt button span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    /* margin-top: 2px; */
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    transform: translate(-50%, -50%) rotate(135deg);
  }

.renewal_logo {
	background: url('../css/img/renewal_logo.png') no-repeat 94% 50%;
	width: 300px;
	height: 22px;
	background-size: contain;
	left: 50%;
	bottom: 80px;
	position: absolute;
	transform: translate(-50%, -50%);
}