@charset "utf-8";

/*
* File       : site-custom.css
* Author     : B-WORKER
*      
 * SUMMARY:
 * 1) SITE CUSTOM 
    2) 사이트 전반적으로 함께 쓰이는 클레스 들 ex)버튼스타일
*/

/* color set */
[data-color="01"]{color:var(--c-01);}

/* button common */
*.basic-btn{display:inline-flex;justify-content: center;align-items:center;position:relative;box-sizing:border-box;padding: 19rem 21rem;background: var(--f-01);border: 3px solid var(--c-01);font-weight: 500;font-size:15rem;color: var(--c-01);min-width: 188rem;transition: var(--trans-01);}
*.basic-btn:hover{background:var(--c-01); color:#fff !important; border-color:var(--c-01);}
/* *.basic-btn::after{content:""; display:block; height:11rem; margin-left:20rem; background-position:50% 50%; transform:rotate(-90deg); min-width:11rem; background-image:url(../img/common/arrow-basic_w.svg); background-repeat:no-repeat;} */

@media (max-width: 540px){
	*.basic-btn{padding:19rem 20rem;font-size:14rem;min-width:160rem;display: flex;}
}

/*  */
.round-button{width: 70rem; height: 70rem; background-color: #18324f; border-radius: 100%; display: flex; align-items: center; justify-content: center;}


@media (max-width:1480px){

}
@media all and (max-width:1023px){
	.round-button{width: 60rem; height: 60rem;}
}
@media (max-width:860px){
    .round-button{width: 54rem; height: 54rem;}
    .round-button img{width: 18rem;}
}
@media (max-width: 540px){
}