/* 메인에서 라인 안보이게 */
#header #gnb .dep1 > li {
    padding-bottom:18px;
}
@media screen and (max-width: 1260px) {
    #header #gnb .dep1 > li {
        padding-bottom:18px;
    }
}

/* main */
.main-new{padding:0 !important;}

.main-front{background-color:#00987b; position:relative;}
.main-front .bg1{position:absolute;left:5%;bottom:0; width:350px; background:url(../../images/main_new/img1.png) 0 0 / contain no-repeat; z-index:2; aspect-ratio: 350/620;}
.main-front .bg2{position:absolute;left:70.5%;bottom:0; width:345px;background:url(../../images/main_new/img2.png) 0 0 / contain no-repeat; z-index:2; aspect-ratio: 345/288;}
.main-front .bg3{position:absolute;left:82.8%;top:13%; width:77px;background:url(../../images/main_new/img3.png) 0 0 / contain no-repeat; z-index:2; aspect-ratio: 77/108; max-width:10%;}

.main-copy{height:440px; display:flex; align-items: center;justify-content: center; text-align:center; position:relative; padding:0 24px; z-index:3;}
.main-copy strong{font-size:60px; color:#e8f7ab; margin-bottom:40px; font-weight:bold; display:block;}
.main-copy p{font-size:30px; color:#fff; line-height:1.75; margin-bottom:40px;}

.front-contact{background-color:#2c5044; height:180px; display:flex; align-items: center; justify-content: center; position:relative; color:#fff; z-index:1; padding:0 200px;}
.front-contact-inner{text-align:left; margin:0 auto;}
.front-contact strong{color:#feff81; display:block; margin-bottom:12px;}
.front-contact .tel-list{color:#fff; font-size:24px;}
.front-contact .tel-list li{display:flex; flex-wrap:wrap; gap:8px; row-gap:0;}
.front-contact .tel-list li + li{margin-top:4px;}
.front-contact .tel-list .data span{white-space:nowrap;}

.front-contents{max-width:1500px; margin:0 auto;}

.front-user-type{padding:60px 0; position:relative;}
.front-user-type .user-type{padding:0 9%; display:flex; align-items: center; justify-content: center; gap:40px;}
.front-user-type .user-type a{display:flex; align-items: center; justify-content: center; width:600px;height:120px; border-radius:15px; color:#fff; font-size:36px; font-weight:500;}
.front-user-type .user-type a.type1{background-color:#253c8c;}
.front-user-type .user-type a.type1:hover{background-color:#203685;}
.front-user-type .user-type a.type2{background-color:#cb4627;}
.front-user-type .user-type a.type2:hover{background-color:#c44325;}
.front-user-type .txt-info{text-align:center; margin-top:50px; font-size:18px; color:#000; font-weight:500;}

.front-guide-map{margin-bottom:180px;}
.front-guide-map ul{display:flex; gap:52px; max-width:1500px; margin:0 auto;}
.front-guide-map ul:after{display:none;}
.front-guide-map li{border:1px solid #b8b8b8; border-radius:30px; padding:50px; text-align:center; flex:1; display:flex; flex-direction: column; align-items: center; word-wrap: normal; word-break: keep-all;}
.front-guide-map li:before{display:block;content:''; width:180px; max-width:50%; aspect-ratio: 180/148; margin:0 auto 20px auto;}
.front-guide-map li strong{display:block; font-size:25px; font-weight:600;}
.front-guide-map li p{font-size:18px; margin-top:8px; margin-bottom:50px;}
.front-guide-map li a{display:flex; align-items: center; justify-content: center; width:100%; height:80px; background-color:#16b58f; color:#fff; border-radius:15px; margin-top:auto; font-size:24px;}
.front-guide-map li a:hover{background-color:#13ab87;}
.front-guide-map li.item1:before{background:url(../../images/main_new/ic_guide1.png) center / contain no-repeat;}
.front-guide-map li.item2:before{background:url(../../images/main_new/ic_guide2.png) center / contain no-repeat;}
.front-guide-map li.item3:before{background:url(../../images/main_new/ic_guide3.png) center / contain no-repeat;}

@media screen and (max-width: 1800px) {
    .main-front .bg1{aspect-ratio:350/620; width:19.4444vw ; height:auto;}
    .main-front .bg2{aspect-ratio:345/288; width:19.1666vw;height:auto;}

    .front-contents{padding:0 24px;}
}

@media screen and (max-width: 1280px) {
    .main-copy{height:auto; padding:80px 24px;}
    .main-copy strong{font-size:48px;}
    .main-copy p{font-size:28px; margin:0;}

    .front-contact{height:auto; padding:40px 200px;}
    .front-contact .tel-list{font-size:22px;}

    .main-front .bg1{left:1%;}
    .main-front .bg2{left:unset; right:1%;}
    .main-front .bg3{left:unset; right:4%;}

    .front-user-type .user-type{gap:32px;}

    .front-guide-map ul{gap:32px;}
    .front-guide-map li{padding:32px;}
}

@media screen and (max-width: 1024px) {

    .main-copy strong{font-size:48px; margin-bottom:24px;}
    .main-copy p{font-size:28px;}
    .main-copy p br{display:none;}
    .front-contact .tel-list{font-size:22px;}

    .front-user-type .user-type{gap:20px; padding:0;}

    .front-guide-map ul{flex-wrap:wrap; gap:20px;}
    .front-guide-map li{width:100%; padding:20px; box-sizing:border-box; flex:none;}

    .front-guide-map{margin-bottom:80px;}
    .front-guide-map li:before{width:120px; margin-bottom:12px;}
    .front-guide-map li strong{font-size:22px;}
    .front-guide-map li p{font-size:16px; margin-bottom:24px;}
    .front-guide-map li a{height:60px; font-size:20px;}
}

@media screen and (max-width: 720px) {

    .main-front .bg1,
    .main-front .bg2{display:none;}
    .main-front .bg3{top:35%;}

    .main-copy{padding:40px 16px 0 16px;}
    .main-copy-inner:after{display:block;content:''; aspect-ratio:345/288; width:50vw;background:url(../../images/main_new/img2.png) 0 0 / contain no-repeat; margin:24px auto 0 auto;}
    .main-copy strong{font-size:7.5vw;}
    .main-copy p{font-size:3.2vw;}

    .front-contact{padding:24px; justify-content: start;}
    .front-contact-inner{margin:0;}
    .front-contact strong{margin-bottom:8px;}

    .front-user-type{padding:30px 0;}
    .front-user-type .user-type{flex-wrap:wrap;}
    .front-user-type .user-type a{width:100%; height:100px; font-size:30px;}
    .front-user-type .txt-info{margin-top:30px; font-size:16px;}

    .front-guide-map{margin-bottom:40px;}
    .front-contact .tel-list{font-size:16px;}

}

@media screen and (max-width: 320px) {

    .front-guide-map{margin-bottom:40px;}
    .front-guide-map li strong{font-size:18px;}
    .front-guide-map li p{font-size:13px;}
    .front-guide-map li a{height:53px; font-size:16px;}

}