@charset "utf-8";

/*
* File       : site-custom.css
* Author     : B-WORKER
*      
*/

/* color set */
[data-color="01"]{color:var(--c-01) !important;}
[data-color="02"]{color:var(--c-02) !important;}
[data-color="03"]{color:var(--c-03) !important;}
[data-bg="gr"] {background: linear-gradient(0deg, rgba(17,17,17,1) 0%, rgba(34,53,122,0.4990371148459384) 50%, rgba(17,17,17,1) 100%);}
[data-width="wide"] {width: calc(100% + 280rem); margin: 0 -140rem;}
[data-full] {width: calc(100% + 480rem); margin: 0 -240rem;}

/* button common */
*.basic-btn{display:inline-flex; justify-content:center; align-items:center; position:relative; box-sizing:border-box; padding:27rem 40rem; background:var(--c-03); font-weight:600; color:var(--f-01); min-width:230rem; border-radius: 50rem; transition: var(--trans-01);}
*.basic-btn:hover{background:var(--f-01); color:var(--c-03) !important;}
/* *.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;} */

.ic-more {position: relative; display: inline-block; width: 27rem; height:27rem; margin: 0 25rem;}
.ic-more::after {position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: url(../img/layout/ic-more.svg) no-repeat center / contain; transform-origin: center; transition: var(--trans-01);}

.ic-download {display: block; width: 24rem; height: 24rem; margin-right: 9rem; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url(../img/sub/ic-download_w.svg); transition: var(--trans-01);}
*.basic-btn:hover .ic-download {background-image: url(../img/sub/ic-download.svg);}

@media all and (max-width:1780px){
	[data-full] {width: calc(100% + 300rem); margin: 0 -150rem;}
}

@media all and (max-width:1680px){
	[data-full] {width: calc(100% + 120rem); margin: 0 -60rem;}
}

@media all and (max-width:1023px){
	[data-full] {width: calc(100% + 80rem); margin: 0 -40rem;}
}

@media (max-width:860px){
	.ic-more {width: 23rem; height: 23rem;}
}

@media (max-width: 540px){
	[data-full] {width: calc(100% + 40rem); margin: 0 -20rem;}

	*.basic-btn{padding:19rem 20rem;font-size:14rem;min-width:160rem;display: flex;}

	.ic-more {width:15rem; height: 15rem; margin: 0 15rem;}
}