<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
body{
min-width:1300px
}

.button_y2 {
	display: inline-block;
	width: 150px;
	height: 40px;
	font-size:14px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
}
.button_y2::before,
.button_y2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_y2,
.button_y2::before,
.button_y2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button_y2 {
	border: 1px solid #EFBC13;
	background-color: #FFCC14;
	background-image: -webkit-linear-gradient(top, #ffcd4a, #2cafe3);
	background-image: linear-gradient(to bottom, #FFCC14, #FFCC14);
	border-radius: 3px;
	color: #000;
	line-height: 40px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 0px 0px rgba(0, 0, 0, .3);
}
.button_y2:hover {
	font-size:14px;
	color:#000;
	font-weight:bolder;
	border:1px solid #EFBC13;
	background-color: #EFBC13;
	background-image: -webkit-linear-gradient(top, #EFBC13, #EFBC13);
	background-image: linear-gradient(to bottom, #EFBC13, #EFBC13);
}
.button_y2:active {
	background: #1a92c2;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #1679a1;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
.button_bred {
	display: inline-block;
	width: 180px;
	height: 25px;
		font-size:12px;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	outline: none;
}
.button_bred::before,
.button_bred::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_bred,
.button_bred::before,
.button_bred::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button_bred {
	border: 1px solid #FF1212;
	background-color: #49c0f0;
	background-image: -webkit-linear-gradient(top, #FF4848, #FF2424);
	background-image: linear-gradient(to bottom, #FF4848, #FF2424);
	border-radius: 3px;
	color: #fff;
	line-height: 25px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 0px 0px rgba(0, 0, 0, .3);
}
.button_bred:hover {
	font-size:12px;
	border:1px solid #FF1212;
	color: #fff;	
	background-color: #1ab0ec;
	background-image: -webkit-linear-gradient(top, #FF1212, #FF1212);
	background-image: linear-gradient(to bottom, #FF1212, #FF1212);
}
.button_bred:active {
	background: #CC3D3D;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #fff;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
.button_bred_no {
	display: inline-block;
	width: 180px;
	height: 25px;
	font-size:12px;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	outline: none;
}
.button_bred_no::before,
.button_bred_no::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_bred_no,
.button_bred_no::before,
.button_bred_no::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button_bred_no {
	border: 1px solid #FF1212;
	background-color: #fcfcfc;
/*	background-image: -webkit-linear-gradient(top, #FF4848, #FF2424);
	background-image: linear-gradient(to bottom, #FF4848, #FF2424); */
	border-radius: 3px;
	color: #191919;
	line-height: 25px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 0px 0px rgba(0, 0, 0, .3);
}
.button_bred_no:hover {
	font-size:12px;
	border:1px solid #FF1212;
	color: #fff;	
	background-color: #1ab0ec;
	background-image: -webkit-linear-gradient(top, #FF1212, #FF1212);
	background-image: linear-gradient(to bottom, #FF1212, #FF1212);
}
.button_bred_no:active {
	background: #CC3D3D;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #fff;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}
/* ------------------------------------------------------------------------------- */

.button_nt {
	display: inline-block;
	width: 150px;
	height: 40px;
	font-size:14px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
}
.button_nt::before,
.button_nt::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_nt,
.button_nt::before,
.button_nt::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button_nt {
	border: 1px solid #cccccc;
	background-color: ;
/*
	background-image: -webkit-linear-gradient(top, #FF4848, #FF2424);
	background-image: linear-gradient(to bottom, #FF4848, #FF2424);
	border-radius: 3px;
*/
	color: #191919;
	line-height: 40px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 0px 0px rgba(0, 0, 0, .3);
}
.button_nt:hover {
	font-size:14px;
	font-weight:bolder;
	border:1px solid #cccccc;
/*
	background-color: #1ab0ec;
	background-image: -webkit-linear-gradient(top, #FF1212, #FF1212);
	background-image: linear-gradient(to bottom, #FF1212, #FF1212);
*/
}
.button_nt:active {
	background: #1a92c2;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #1679a1;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}

/*-------------------------------------*/


.install_go {
	display: inline-block;
	width: 150px;
	height: 30px;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	outline: none;
}
.install_go::before,
.install_go::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.install_go,
.install_go::before,
.install_go::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}



.install_go {
	position: relative;
	background-color: #980000;
	border-radius: 4px;
	color: #fff;
	line-height: 30px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 0px 0 #1F50B5;
	text-shadow: 0 0px 1px rgba(0, 0, 0, .3);
}
.install_go:hover {
	background-color: #AA1212;
	box-shadow: 0 0px 0 #1F50B5;
}
.install_go:active {
	top: 1px;
	box-shadow: none;
}



button{
  background:#1AAB8A;
  color:#fff;
  border:none;
  position:relative;
  width:200;
  height:40px;
  font-family:'Noto Sans KR', sans-serif;
  font-size:16px;
  font-weight:900;
  padding:0 2em;
  cursor:pointer;
  transition:500ms ease all;
  outline:none;
}
button:hover{
  background:#fff;
  color:#1AAB8A;
}
button:before,button:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #1AAB8A;
  transition:100ms ease all;
}
button:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
button:hover:before,button:hover:after{
  width:100%;
  transition:500ms ease all;
}



</pre></body></html>