.wrap{width: 100%; overflow: hidden; padding-top:60px;}
.subContents .wrap {padding-top:0px !important;}

.section-tit{font-family: var(--font-GmarketSansBold); font-size: 50px; color: #000;}
.default{font-size: 20px; font-weight: 300; letter-spacing: -0.5px; text-align: left; color: #000; word-break: keep-all;}
.more-btn{display: flex; align-items: center;}
.more-btn span{font-family: var(--font-GmarketSansMedium); font-size: 16px; font-weight: 500; text-align: left; color: #dc1c2d;}
.more-btn img{margin-left: 10px;}
.verLine{display: block; width: 3px; height: 30px; background-color: var(--main-color);}
.horizonLine{
    width: 60px;
    height: 5px;
    margin: 12px 140px 65px;
    background-color: #65a9e1;
}

.main_section {
    width: 100%; height: auto;
    overflow: hidden;
    position: relative;
}
.main_section .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 998;
    text-align: center;
    color: #fff;
} 
.main_section b {
    font-size: 20px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.main_section h1 {
    font-size: 50px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
p.default{
    font-size: 20px; font-weight: 200; text-align: center;}
    
.main_section .swiper-button-prev::after ,.main_section .swiper-button-next::after {
    display: none;
}
.main_section .swiper .main_visual img {
    width: 100%;
}
.main_section .main_contents .main_contents_control {
    position: absolute;
    left: 0;
    bottom: -300px;
    width: 100%;
    max-width: 1200px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main_section .main_contents .main_contents_control .main_slide_btns {
    width: 85px;
    display: flex;
    justify-content: space-between;
}

.main_section .main_contents .main_contents_control .main_slide_paging {
    position: relative;
    width: 1080px;
    display: flex;
    align-items: center;
}

.main_section .main_slide_paging .progress_bar {
    z-index: 10;
    width: 10000px;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
}

.main_section .main_slide_paging .progress_bar .pg {
    --progress: 0;
    background-color: #fff;
    width: calc(var(--progress) * 100%);
    height: 2px;
}


.main_section .main_slide_paging .slider_status {
    font-family: 'SBAggroB';
    font-weight: 200;
    font-size: 18px;
    color: white;
    z-index: 999;
    text-align: center;
}

.swiper-button-next::after, .swiper-button-prev::after {
    display: none;
}

.bg-block{position: relative;}

/* BUSINESS */
.main__business{padding-top: 120px;}
.main__business .main__business__tit{display: flex; flex-direction: column; align-items: center;}
.main__business .business-cate-block{position: relative;}
.main__business .business-cate-block::before{content: ""; position: absolute; bottom: 70px; z-index: -1; display: block; width: 100%; height: 200px;}
.main__business .business-cate{display: flex; flex-wrap: wrap;}
.main__business .business-cate li{width: 17.6%; height: 450px; margin-right: 2%; margin-top: 30px; overflow: hidden;}
.main__business .business-cate li:first-child{margin-left: 2%;}
.main__business .business-cate li.cate01{background: url('../img/main/business_01.png') no-repeat center/cover;}
.main__business .business-cate li.cate02{background: url('../img/main/business_02.png') no-repeat center/cover;}
.main__business .business-cate li.cate03{background: url('../img/main/business_03.png') no-repeat center/cover;}
.main__business .business-cate li.cate04{background: url('../img/main/business_04.png') no-repeat center/cover;}
.main__business .business-cate li.cate05{background: url('../img/main/business_05.png') no-repeat center/cover;}
.main__business .business-cate li a{display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 100%; padding: 40px 30px;}
.main__business .business-cate li a p{font-family: var(--font-GmarketSansMedium); font-size: 26px; font-weight: 500; letter-spacing: -1.75px; text-align: center; color: #fff;}
.main__business .business-cate li a .more-block{align-items: center; text-align: center;}
.main__business .business-cate li a .more-block span{font-family: var(--font-GmarketSansMedium); font-size: 14px; font-weight: 500; color: #fff;}
.main__business .business-cate li a .more-block img{margin-left: 5px;}
.main__business .inner{
    max-width: 1500px !important;
    width: 100%;
}

/* We are brand together */
.main__aboutUs{position: relative; margin-top: 120px;}
.main__aboutUs .inner{display: flex; flex-direction: column; align-items: center;}
.main__aboutUs .main__aboutUs__tit{position: relative; display: flex; flex-direction: column; align-items: center;}
.main__aboutUs .main__aboutUs__tit::after{content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); display: block; width: 40px; height: 3px; background-color: #fff;}
.main__aboutUs .main__aboutUs__tit h2{font-family: var(--font-GmarketSansBold); font-size: 60px; line-height: 1.17; letter-spacing: normal; text-align: center; color: #fff; word-break: keep-all;}
.main__aboutUs .default{font-size: 25px; font-weight: 600; line-height: 1.66; letter-spacing: -0.63px; text-align: center; color: #fff; word-break: keep-all;}
.main__aboutUs a{display: flex; align-items: center; width: 180px; height: 60px; padding: 20px 20px 20px 30px; border-radius: 30px; border: solid 2px #fff; box-sizing: border-box;}
.main__aboutUs a span{font-family: var(--font-GmarketSansMedium); font-size: 18px; font-weight: 500; text-align: center; color: #fff;}
.main__aboutUs a img{margin-left: 15px;}

.main__aboutUs .inner{
    max-width: 100% !important;
    width: 100% !important;
    margin: auto !important;
    position: relative;
}
.main__aboutUs .main__video02{
    width: 100%;
    height: 460px;
    overflow: hidden;
}
.main__aboutUs .main__video02 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main__aboutUs .main__aboutUs__text{
    position: absolute;
    top: 40%;
    height: 10%;
    font-family: 'Hahmlet-Regular';
    text-shadow: 0 10px 5px rgba(255, 255, 255, 0.4);
    font-size: 50px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #fff;
    opacity: 0.8;
}

/* 공지사항 , 견적문의 , 대표전화 */
.main__box {
    margin-top: 100px;
}
.main__box .inner{
    max-width: 1920px; !important;
    width: 100%; !important;
    height: 240px;
    margin: 0 auto; !important;
    padding-bottom: 100px;
}
.main__box .important__box{
    /*display: flex;*/
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
}
.main__box .important__box .box__title{
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    text-align: left;
    margin-left: 30px;
    margin-top: 25px;
}
.main__box .important__box .box__title01{
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    text-align: left;
    margin-left: 30px;
    margin-top: 25px;
    color: #fff;
}
.main__box .important__box .box__line{
    width: 30px;
    height: 4px;
    margin: 10px 30px;
}
.main__box li:nth-child(1) .box__line , .main__box li:nth-child(2) .box__line{
    background-color: #65a9e1;
}
.main__box li:last-child .box__line{
    background-color: #fff;
}
.main__box .important__box > li{
    height: 240px;
    margin-right: 20px;
    float: left;
}
.main__box .important__box > li:last-child {
    margin-right: 0;
}
.main__box .important__box .notice__box{
    position: relative;
    width: 40%;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    margin: 0 2% 0 2%;
}
.main__box .important__box .notice__box ul li{
    margin: 5px 30px;
    display: flex;
    justify-content: space-between;
}
.main__box .important__box .notice__box ul li .notice__title{
    font-family: NotoSansKR;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
}
.main__box .important__box .notice__box ul li .notice__date{
    font-family: GmarketSans;
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    text-align: right;
    color: #333;
}
.main__box .important__box .notice__box .box___more{
    position: absolute;
    right: 5%;
    top: 15%;
}
.main__box .important__box .contact__box{
    width: 26%;
    margin-right: 2%;
    background-color: #e8f2fb;
}
.main__box .important__box .contact__box .contact__detail{
    margin: 0 30px;
}
.main__box .important__box .contact__box .contact__detail .contact__detail__text{
    font-family: NotoSansKR;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.39;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}
.main__box .important__box .contact__box .contact__detail .contact__detail__guide{
    display: flex;
    justify-content: space-between;
}
.main__box .important__box .contact__box .contact__detail .contact__detail__guide .contact__detail__btn button{
    width: 130px;
    height: 40px;
    margin: 22px 0;
    padding: 5px 15px 6px;
    border-radius: 20px;
    background-color: #65a9e1;
    border: 1px solid #65a9e1;
    font-family: NotoSansKR;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    text-align: left;
    color: #fff;
}
.main__box .important__box .contact__box .contact__detail .contact__detail__guide .contact__detail__btn button a {
    color: #fff;
}
.main__box .important__box .phone__box{
    width: 26%;
    margin-right: 2%;
    background-color: #65a9e1;
}
.main__box .important__box .phone__box .phone__detail{
    margin: 25px 30px 0;
}
.main__box .important__box .phone__box .phone__detail .phone__detail__tel{
    margin-bottom: 15px;
    font-family: GmarketSans;
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.67;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}
.main__box .important__box .phone__box .phone__detail .phone__detail__other{
    display: flex;
    justify-content: space-between;
}
.main__box .important__box .phone__box .phone__detail .phone__detail__other__tel{
    margin-top: 10px;
    font-family: NotoSansKR;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}


/* CONTACT */
.main__contactUs{}
.main__contactUs .section-tit{position: relative; display: inline-block; padding-right: 40px;}
.main__contactUs .section-tit::after{content: ""; position: absolute; right: 0; top: -20px; display: block; width: 60px; height: 60px; border-radius: 50%; opacity: 0.05; background-color: #0092e5;}
.main__contactUs form{}
.main__contactUs form fieldset{}
.main__contactUs form fieldset .left{width: 49.16%;}
.main__contactUs form fieldset .left input{width: 100%; height: 50px; padding: 20px; border-radius: 10px; border: solid 1px #e6e6e6; background-color: #fff; box-sizing: border-box;}
.main__contactUs form fieldset .left input + input{margin-top: 10px;}
.main__contactUs form fieldset .left input::placeholder{font-size: 16px; line-height: 1.56; text-align: left; color: #000;}
.main__contactUs form fieldset .right{width: 49.16%; margin-left: 1.66%;}
.main__contactUs form fieldset .right textarea{width: 100%; height: 230px; padding: 20px; border-radius: 10px; border: solid 1px #e6e6e6; background-color: #fff; box-sizing: border-box; resize: none;}
.main__contactUs form fieldset .right textarea::placeholder{font-size: 16px; line-height: 1.56; text-align: left; color: #000;}
.main__contactUs form .contactUs__btn{min-width: 160px; height: 50px; display: inline-flex; align-items: flex-end; padding: 17px 28px 13px; border-radius: 25px; border: solid 1px var(--main-color); background-color: var(--main-color); box-sizing: border-box;}
.main__contactUs form .contactUs__btn span{font-family: 'GmarketSansMedium'; font-size: 18px; font-weight: 500; text-align: left; color: #fff;}
.main__contactUs form .contactUs__btn img{margin-bottom: 6px; margin-left: 15px;}




@media (max-width:1024px){
    .main__section01 .main__section01__swiper{
        height: 650px;
    }
    .main_section b {
        font-size: 20px;
    }
    .main_section h1 {
        font-size: 30px;
    }
    .main__section01 .main__section01__txt{max-width: calc(100% - 83px); bottom: 20px;}
    .main__section01 .main__section01__txt h1{font-size: 36px;}
    .main__section01 .main__swiper-prev{left: 20px}
    .main__section01 .main__swiper-next{right: 20px}

    .bg-block::before{height: 47%; background-attachment: initial;}
    .main__business .business-cate-block::before{display: none;}
    .main__business .business-cate li{width: 30.6%; height: 300px; margin-right: 2%;}
    .main__business .business-cate li:nth-child(4){margin-left: 19.4%}
    .main__business .business-cate li a{padding: 30px 10px;}
    .main__business .business-cate li a p{font-size: 22px;}
    .main__aboutUs .main__aboutUs__tit h2{font-size: 50px;}
    .main__section01 .main__video01 video{
        height: 650px;
    }
    .main__aboutUs.pb-180 {
        padding-bottom: 0px;
    }
    /*.main__box .important__box >li{*/
    /*    margin: 0 25px 0 25px;*/
    /*}*/

    .main__box .inner {
        height: 500px;
    }
    .main__box .important__box .notice__box{
        margin: 0 2% 2% 2%;
        width: 96%;
    }
    .main__box .important__box .contact__box{
        margin: 0 2% 0 2%;
        width: 47%;
    }
    .main__box .important__box .phone__box{
        width: 47%;
    }
}

@media (max-width:769px){
    .section-tit{font-size: 36px;}
    .default{font-size: 18px;}
    .main__section01 .inner{
        height: 100px;
    }

    .main__section01 .main__section01__txt{height: 100%; bottom: 0;}
    .main__section01 .main__section01__txt b{font-size: 18px;}
    .main__section01 .main__section01__txt h1{font-size: 30px;}
    .main__section01 .main__section01__txt .default{font-size: 18px;}
    .main__section01 .scroll-block{position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);}

    .bg-block::before{height: 47%; background-attachment: initial;}

    .main__business .business-cate li a p{font-size: 26px;}
    .main__aboutUs .main__aboutUs__tit h2{font-size: 36px;}
    .main__aboutUs .default{font-size: 20px;}
    .main__aboutUs .main__video02{
        width: 100%;
        height: 320px;
        overflow: hidden;
    }
    .main__aboutUs .main__aboutUs__text{
        font-family: 'Hahmlet-Regular';
        text-shadow: 0 10px 5px rgba(255, 255, 255, 0.4);
        font-size: 40px;
        color: #fff;
    }

    .main__box .important__box .notice__box ul li .notice__title{
        font-size: 16px;
    }
    .main__box .important__box .contact__box .contact__detail .contact__detail__text{
        font-size: 16px;
    }
    .main__box .important__box .phone__box .phone__detail .phone__detail__tel{
        font-size: 24px;
    }
    .main__box .important__box .phone__box .phone__detail .phone__detail__other__tel{
        font-size: 12px;
    }


@media (max-width:500px){
	.wrap {padding-top:50px;}
    .section-tit{font-size: 20px;}
    .default{font-size: 14px;}

    .main_visual img {
        height: 257px;
    }
    .main_section b {
        font-size: 18px;
        opacity: 0.7;
    }
    .main_section h1 {
        font-size: 16px;
    }
    .main__section01{width: 100%;}
    .main__section01 .main__section01__swiper{position: relative; height: 500px;}
    .main__section01 .main__section01__swiper .swiper-slide{height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
    .main__section01 .main__section01__swiper .swiper-slide.slide01{background-image: url('../img/main/visual_01.png?v=2'); animation : scaleImage 3s linear forwards;}
    .main__section01 .main__section01__swiper .swiper-slide.slide02{background-image: url('../img/main/visual_02.png?v=2');}
    .main__section01 .progress-block{margin-left: 7%;}
    .main__section01 .main__section01__txt{max-width: calc(100% - 40px); text-align: center;}
    .main__section01 .main__section01__txt b{font-size: 14px;}
    .main__section01 .main__section01__txt h1{font-size: 20px; letter-spacing: -1.5px; text-align: center;}
    .main__section01 .main__section01__txt .default{font-size: 18px;  text-align: center;}
    .main__section01 .main__swiper-arrow{width: 15px;}
    .main__section01 .main__swiper-prev{left: 5px}
    .main__section01 .main__swiper-next{right: 5px}
    .main__section01 .scroll-block{display: none;}

    .main__section01 .main__video01 video{
        width: 100%;
        height: 500px;
        object-fit: fill;
    }
    .main__business {
        padding-top: 50px;
    }
    .main__business .business-cate-block::before{display: none;}
    .main__business .business-cate li{width: 96%; height: 200px; margin: 0 3% 3% 3%; border-radius: 20px;}
    .main__business .business-cate li:nth-child(4){margin-left: 3%;}
    .main__business .business-cate li a{padding: 30px 10px;}
    .main__business .business-cate li a p{font-size: 18px;}


    .main__aboutUs {
        margin-top: 50px;
    }
    .main__aboutUs .main__aboutUs__tit h2{font-size: 20px;}
    .main__aboutUs .main__aboutUs__text {font-size: 22px;}

    .main__aboutUs a{width: 165px; height: 50px;}
    .main__aboutUs a span{font-size: 14px;}

    .main__contactUs{padding-top: 70px; padding-bottom: 70px;}
    .main__contactUs form fieldset{flex-wrap: wrap;}
    .main__contactUs form fieldset .left{width: 100%;}
    .main__contactUs form fieldset .right{width: 100%; margin-left: 0; margin-top: 10px;}
    .main__contactUs form fieldset .left input::placeholder{font-size: 14px;}
    .main__contactUs form fieldset .right textarea::placeholder{font-size: 14px;}
    .main__contactUs form .contactUs__btn {width: 150px;}
    .main__contactUs form .contactUs__btn span{font-size: 14px;}
    .main__contactUs form .contactUs__btn img{margin-left: 10px;}

    .main__box {
        margin-top: 50px;
    }
    .main__box .important__box .notice__box{
        margin: 0 3% 3% 3%;
        width: 94%;
    }
    .main__box .important__box .contact__box{
        margin: 0 3% 3% 3%;
        width: 94%;
    }
    .main__box .important__box .phone__box{
        margin: 0 3% 100px 3%;
        width: 94%;
    }
}