@charset "utf-8";
/** header **/
header{left:0; top:0; transition: ease-in-out 0.3s;}
header.scroll{background:#fefefe;}
header.scroll .logo img{filter: invert(1);}
header.scroll .changeColor{color:#222}

/** mainBanner **/
.mainBanner{background:url('../img/mainBannerBg.jpg')center center; background-size:cover}
.mainBanner a{width:fit-content}

/** why **/
.whyBorder{background: linear-gradient(to bottom, rgba(27,103,245,0) 0%, #1b67f5 100%);}

/** proccess **/
.proccessRadius{border-radius:40px 40px 0 0; box-shadow: 0 -4px 48px #1b67f5;}
.proccessCnt{box-shadow: 0 0 8px #bcddff;}

/** carrer **/
.carrer{background: linear-gradient(to bottom, #142557 0%, #1b67f5 100%);}
.carrerNumber span{background:rgba(247,248,248,0.2)}
.carrerNumber p span:nth-last-child(1){margin-right:16px}
.carrerSwiper .bco_6, .carrerLink{width:fit-content}
.carrerSwiper .swiper-slide{overflow:hidden; box-shadow: 0 0 16px rgba(0,0,0,0.25);}

/** online **/
#policy{left:-999999px;}
#policy + label{cursor: pointer;}
#policy + label:before, #policy + label:after{content:''; transition: ease-in-out 0.3s;}
#policy + label:before{display:block; width:20px; height:20px;background:#F7F8F8; border-radius: 4px;margin-right:8px}
#policy:checked + label:before{background:#1b67f5}
#policy:checked + label:after{display:block; width:4px; height:8px; border:2px solid #fefefe; border-width:0 2px 2px 0; position: absolute; left:7px; top:50%; transform:translateY(-50%) rotate(45deg)}

/** footer **/
.fixButton{left:0; bottom:0}
.kakaoLink{background:#F5BE1B}