@charset "utf-8";
*{ list-style: none; margin: 0; padding: 0; border: 0; box-sizing: border-box; text-decoration: none; font-family: "Pretendard", sans-serif; font-weight: 400; line-height: 1; letter-spacing: -0.5px; color: #000;}
input{ outline: none; -webkit-appearance: none;}
select{ outline: none; -webkit-appearance: none;}
select::-ms-expand{ display: none;}
textarea{ outline: none; -webkit-appearance: none;}
html{ overflow-y: scroll; width: 100%; height: 100%; background: #FFF; /*scroll-behavior: smooth;*/}
html.no_scroll{ overflow: hidden;}
body{ overflow: hidden; background: #FFF; -webkit-text-size-adjust: none;}
@media(max-width: 768px){
    html{ font-size: calc(100vw / 30);}
}


.quick{ position: fixed; z-index: 120; right: 50px; bottom: 110px; transform: translate(0,50px); opacity: 0; transition: .3s;}
.quick .scroll_top{ display: flex; justify-content: center; align-items: center; position: relative; margin: 10px 0 0 0; width: 60px; height: 60px; border-radius: 50%; background: #2c8dfb; cursor: pointer;}
.quick .scroll_top i{ font-size: 24px; color: #FFF;}
.quick.on{ transform: translate(0,0); opacity: 1;}
@media(max-width: 768px){
    .quick{ right: 1rem; bottom: 5rem; transform: translate(5rem,0);}
    .quick .scroll_top{ width: 3rem; height: 3rem;}
    .quick .scroll_top i{ font-size: 1rem;}
}


.home_banner{ position: relative; z-index: 10; padding: 50px 0;}
.home_banner .modle_min{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 30px;}
.home_banner .wrap{}
.home_banner .wrap.one{ grid-column: 1/3;}
.home_banner .wrap.two_l{ grid-column: 1/2;}
.home_banner .wrap.two_r{ grid-column: 2/3;}
.home_banner .wrap img{ display: block; width: 100%;}
@media(max-width: 768px){
    .home_banner{ padding: 2rem 0;}
    .home_banner .modle_min{ grid-gap: 1rem;}
}


.home_foot{ position: relative; z-index: 10; background: #f4f8fe;}
.home_foot .modle_min{}
.home_foot .top{ padding: 80px 0 0 0;}
.home_foot .top .tit{ font-size: 24px; font-weight: 700; color: #000;}
.home_foot .top .txt{ margin-top: 15px; line-height: 1.4; font-size: 18px; color: #333;}
.home_foot .top .txt p{line-height: 1.5;}
.home_foot .top .tag{ display: flex; flex-wrap: wrap; grid-gap: 10px 10px; margin-top: 15px;}
.home_foot .top .tag a{ display: flex; justify-content: center; align-items: center; padding: 0 15px; height: 30px; border-radius: 20px; border: 1px solid #2c8dfb; font-size: 14px; color: #2c8dfb;}
.home_foot .bottom{ padding: 80px 0 130px 0;}
.home_foot .bottom .tit{ line-height: 1.2; font-size: 24px; font-weight: 700; color: #000;}
.home_foot .bottom .txt{ margin-top: 15px; line-height: 1.4; font-size: 18px; color: #333;}
.home_foot .bottom .txt p{ line-height: 1.5;}
.home_foot .bottom .txt b{ font-weight: 600;}
.home_foot .bottom .text{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px; margin-top: 30px;}
.home_foot .bottom .text .wrap{ padding: 30px; border-radius: 10px; border: 1px solid rgba(0 0 0/10%);}
.home_foot .bottom .text .wrap .t1{ font-size: 16px; font-weight: 600; color: #333;}
.home_foot .bottom .text .wrap .t2{ margin-top: 10px; line-height: 1.4; font-size: 14px; color: #666;}
.home_foot .bottom .tag{ display: flex; flex-wrap: wrap; grid-gap: 10px 10px; margin-top: 15px;}
.home_foot .bottom .tag a{ display: flex; justify-content: center; align-items: center; padding: 0 15px; height: 30px; border-radius: 20px; border: 1px solid #2c8dfb; font-size: 14px; color: #2c8dfb;}
.home_foot .copy{ display: flex; justify-content: center; align-items: center; position: absolute; right: 0; bottom: 0; left: 0; height: 50px; background: #000; font-size: 14px; color: #FFF;}
@media(max-width: 768px){
    .home_foot .top{ padding: 4rem 0 0 0;}
    .home_foot .top .tit{ font-size: 1.8rem;}
    .home_foot .top .txt{ margin-top: 1.2rem; font-size: 1.1rem;}
    .home_foot .top .tag{ grid-gap: 0.6rem; margin-top: 1.2rem;}
    .home_foot .top .tag a{ padding: 0 1rem; height: 2rem; border-radius: 2rem; font-size: 1rem;}
    .home_foot .bottom{ padding: 4rem 0 7rem 0;}
    .home_foot .bottom .tit{ font-size: 1.8rem;}
    .home_foot .bottom .txt{ margin-top: 1.2rem; font-size: 1.1rem;}
    .home_foot .bottom .text{ display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 1rem; margin-top: 1.2rem;}
    .home_foot .bottom .text .wrap{ padding: 1.5rem; border-radius: 0.8rem;}
    .home_foot .bottom .text .wrap .t1{ font-size: 1.1rem;}
    .home_foot .bottom .text .wrap .t2{ margin-top: 0.6rem; font-size: 1rem;}
    .home_foot .bottom .tag{ grid-gap: 0.6rem; margin-top: 1.2rem;}
    .home_foot .bottom .tag a{ padding: 0 1rem; height: 2rem; border-radius: 2rem; font-size: 1rem;}
    .home_foot .copy{ height: 3rem; font-size: 1rem;}
}


.home_bg{ position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: url(/images/bg.jpg) center/cover;}
@media(max-width: 768px){
}