/* 버튼 */
.btn-outline-01{
	color: #fff;
	border-radius: 10px !important;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 15px;
	background: transparent;
	border: 1px solid #fff;
	font-weight: 500;
}

.btn-outline-01:link {
	color: #fff;
}

.btn-outline-01:active, .btn-outline-01:hover{
	color: #4B00C3;
	background: #fff;
}

/* 버튼 */
.btn-outline-02{
	color: #4B00C3;
	border-radius: 10px !important;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 15px;
	background: transparent;
	border: 1px solid #4B00C3;
	font-weight: 500;
}

.btn-outline-02:link {
	color: #4B00C3;
}

.btn-outline-03{
	color: #C60C30 !important;
	border-radius: 10px !important;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 15px;
	background: #fff;
	border: 1px solid #C60C30;
	font-weight: 500;
}

.btn-outline-03:link {
	color: #0082FF;
}

.btn-outline-03:active, .btn-outline-03:hover {
	color: #fff;
	background: #C60C30;
	border: 1px solid #C60C30;
}


.btn-outline-more{
	color: #F0386C;
	border-radius: 0 !important;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 15px;
	background: transparent;
	border: 1px solid #F0386C;
	font-weight: 500;
}

.btn-outline-more:active, .btn-outline-more:hover {
	color: #fff;
	background: #F0386C;
}


.btn-confirm{
	color: #C60C30; 
	padding-top: 15px; 
	padding-bottom: 15px; 
	padding-left: 25px; 
	padding-right: 25px; 
	font-size: 15px; 
	background: transparent; 
	border: 1px solid #C60C30;  
	border-radius: 50px !important;
}

.btn-confirm2{
	color: #4B00C3; 
	padding-top: 17px; 
	padding-bottom: 17px; 
	padding-left: 25px; 
	padding-right: 25px; 
	font-size: 16px; 
	background: transparent; 
	border: 1px solid #4B00C3;  
	border-radius: 10px !important;	
}


.btn-confirm3{
	color: #C60C30; 
	padding-top: 17px; 
	padding-bottom: 17px; 
	padding-left: 25px; 
	padding-right: 25px; 
	font-size: 16px; 
	background: transparent; 
	border: 1px solid #C60C30;  
	border-radius: 10px !important;	
}

@media (min-width: 768px) {
	.btn-confirm{font-size: 19px;}
}
.btn-confirm:active, .btn-confirm:hover, .btn-confirm.active {color: #fff; background: #C60C30;}
.btn-confirm2:active, .btn-confirm2:hover, .btn-confirm2.active {color: #fff; background: #4B00C3;}
.btn-confirm3:active, .btn-confirm3:hover, .btn-confirm3.active {color: #fff; background: #C60C30;}



.btn-rounded{
	padding-left: 20px;
	font-family: gmarket-light;
	color: #333;
	background: #fff !important;
	border-radius: 50px !important;
	padding-top: 12px;
	padding-bottom: 8px;
	font-size: 14px;
	background: transparent;
	border: 1px solid #000;
	font-weight: 600;
	width: 200px;
	position: relative;
	text-align: center;
	-webkit-transition:all .3s; transition:all .3s; 
}

.btn-rounded i{position: absolute; right: 20px; top: 9px; color: #F0809A;-webkit-transition:all .3s; transition:all .3s;}
.btn-rounded span{font-family: gmarket-bold;;}

.btn-rounded:active{}
.btn-rounded:hover i{right: 10px; }

@media (min-width: 768px) {
	.btn-rounded i{top: 13px;}
	.btn-rounded{width: 250px; padding-top: 16px; padding-bottom: 12px;}
}



.btn-hover{
	color: #C60C30;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 18px;
	background: #fff;
	font-weight: 700;
}

.btn-hover:link {
	color: #fff;
}

.btn-hover:active, .btn-hover:hover{
	color: #4B00C3;
	background: #F1EBFA;
}



.btn-outline-icon-01{background-color: #fff; padding: 10px 15px; border: 1px solid #000; display: block; -webkit-transition: all .3s; transition: all .3s; border-radius: 50px; width: 220px;}
@media (min-width: 768px) {
	.btn-outline-icon-01{padding: 15px 20px; width: 270px}
}
.btn-outline-icon-01:hover{background-color: #000;}
.btn-outline-icon-01 span{position: relative; width: 100%; display: block; color: #000 !important; font-size: 13px; font-weight: 500;}
@media (min-width: 768px) {
	.btn-outline-icon-01 span{font-size: 15px;}
}


.btn-outline-icon-02{background-color: transparent; padding: 10px 15px; border: 1px solid #fff; display: block; -webkit-transition: all .3s; transition: all .3s; border-radius: 50px; width: 220px;}
@media (min-width: 768px) {
	.btn-outline-icon-02{padding: 15px 20px; width: 270px}
}
.btn-outline-icon-02 span{position: relative; width: 100%; display: block; color: #fff !important; font-size: 13px; font-weight: 500;}
@media (min-width: 768px) {
	.btn-outline-icon-02 span{font-size: 15px;}
}
.btn-outline-icon-02:hover span{color: #fff !important;}
.btn-outline-icon-02 span:after{font-family: 'simple-line-icons'; position: absolute; -webkit-transition: all .3s; transition: all .3s; right: 0; top: -3px; font-size: 18px; color: #000; }
.btn-outline-icon-02:hover span:after{color: #fff}
.btn-outline-icon-02 span.arrow:after{content: "\e606"; color: #fff}
.btn-outline-icon-02:hover span:after{
	right: -7px;
	top: -3px;
}


.btn-outline-icon-01:hover span{color: #fff !important;}
.btn-outline-icon-01 span:after{font-family: 'simple-line-icons'; position: absolute; -webkit-transition: all .3s; transition: all .3s; right: 0; top: -3px; font-size: 18px; color: #000; }
.btn-outline-icon-01:hover span:after{color: #fff}
.btn-outline-icon-01 span.arrow:after{content: "\e606"; color: #F0386C}
.btn-outline-icon-01 span.download:after{content: "\e060"; color: #F0386C}
.btn-outline-icon-01:hover span:after{
	right: -7px;
	top: -3px;
}


.btn-ghost-dark {
	padding:  0.75rem 2.5rem;
	color: #2d374b;
	background-color: transparent;
}

.btn-ghost-dark.active,
.btn-ghost-dark:active,
.btn-ghost-dark:focus,
.btn-ghost-dark:hover{
	color: #2d374b;
	border-color: transparent;
	background-color: rgba(45, 55, 75, .1)
}

.btn-pointer {
	position: relative;
	font-weight: 500;
	/*padding-right: 1.25rem;*/
	/*padding-right: 2.5rem;*/
}
.btn-pointer::after {
	position: absolute;
	top: 50%;
	right: 0.75rem;
	width: 1.25rem;
	height: 1.25rem;
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%232d374b' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 1.25rem 1.25rem;
	content: "";
	transform: translateY(-50%);
	transition: .2s;
}