@media all and (min-width: 1700px){

}
@media all and (max-width: 1600px){
    #hd_wrapper{width:calc(100% - 50px);}
    .width-fixed{width:calc(100% - 50px);}

}

@media all and (max-width: 1500px){
    .about_group .members{display:flex;align-items: center;flex-wrap: wrap;gap:20px;justify-content: center}
    .about_group .members > div{width:calc(33.33% - 13.33px);}
}

@media all and (max-width: 1200px){
    body{font-size:0.7em;}

    .works .works-list > div.top{height:40vw;}
    .works .works-list > div.mid{height:35vw;}
    .works .works-list > div.btm{height:30vw;}

    .service-list > div .img{height:32vw;}

    .contact_wrap {display:block;padding:0;}
    .contact_wrap .left{width:100%;padding:0;border:none;}
    .contact_wrap .left ul li:nth-child(5) div:first-child{display:none;}
    .contact_wrap .left ul li:nth-child(5) div:last-child{width:100%;}
    .contact_wrap .left ul li:last-child div:first-child{display:none;}
    .contact_wrap .left ul li:last-child div:last-child{width:100%;}

    .contact_wrap .right{width:100%;padding:30px 0 0 0;margin-top:30px;border-top:1px solid #5c5c5c}
}
@media all and (max-width: 960px){
    #logo{left:0;}
    #hd_wrapper{padding:10px 0;}

    .modal > div{width:calc(100% - 20px);}

    .main_top .scroll{display:none;}

    #bo_list{width:calc(100%);margin-top:20px;}
    #bo_v{width:calc(100%);}
    #bo_w{width:calc(100%);}

    .contact_tit h2{font-size:4em;}

    .main-sec .rolling1{height:130px;}
    .main-sec .rolling2{height:130px;}

    .main-sec .sec-txt{padding:10px 50px;}

    .main-sec .sec-txt p {word-break: keep-all}
    .main-sec .sec-txt p br{display:none;}

    .works .works-tab ul{flex-wrap: wrap;}
    .works .works-tab ul li{word-break:break-word;width:auto; min-width:100px;}

    .works .works-list > div.top{gap:30px;grid-template-columns: calc(40% - 15px) calc(60% - 15px);}
    .works .works-list > div .item .tit{font-size:1.8em;}
    .works .works-list > div.mid{gap:30px;}
    .works .works-list > div.btm{gap:30px;}
    .works .works-list > div + div{margin-top:30px;}
    .service-list{gap:30px;}

    .contact_tit h2{font-size:4em;}

    .about_group .members{display:flex;align-items: center;flex-wrap: wrap;gap:20px;justify-content: center}
    .about_group .members > div{width:calc(50% - 10px);}
    .about_group .members > div .img{width:12vw;height:12vw;}

    .works_container .works_wrap .fixed_lnb{position:static;width:100%;top:initial;left:initial;display:flex;flex-direction: column;justify-content: center;align-items: flex-start;}
    .works_container .works_wrap .fixed_lnb span{margin-bottom:15px;}
    .works_container .works_wrap .fixed_lnb ul{display: block;width:100%;margin:10px 0 10px 0;}
    .works_container .works_wrap .fixed_lnb ul.active{}
    .works_container .works_wrap .fixed_lnb ul li {width:auto;display:inline-block;vertical-align: middle;font-size:1.3em;margin:6px 15px 6px 0 !important;}
    .works_container .works_wrap .work_list {margin-top:30px;width:100%;margin-left:0;min-height: 50vh;}
    .works_container .works_wrap .work_list > div{width:calc(50% - 40px) ;margin:20px;}
    .works_container .works_wrap .work_list > div .img{height:27vw;}

    .modal > div#detail{width:calc(100% - 10px);}
    .modal > div#detail .close{right:0;top:-55px;width:30px;height:30px;}
    .modal > div#detail iframe{height:54.2vw;}

}
@media all and (max-width: 760px){

    .all_menu > div .menu_close{right:10px;}
    .all_menu > div{width:calc(100% - 20px);}

    #ft .width-fixed > div:last-child{position: relative;top:initial;right:initial;margin-top:20px;transform:none;width:auto;display: inline-block}
}

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

    #ft p{word-break: keep-all}
    #ft p br{display:none;}

    .works{padding:100px 0;}

    .work_top{display:block;}
    .work_top div{margin:6px 0;}
    .work_top span{width:100px;}

    .service-list{margin-top:40px;}

    .works .works-list > div.top{grid-template-columns: auto;grid-template-areas:none;height:auto;}
    .works .works-list > div.mid{grid-template-columns: auto;grid-template-areas:none;height:auto;}
    .works .works-list > div.btm{grid-template-columns: auto;grid-template-areas:none;height:auto;}
    .works .works-list > div.top .item:first-child{grid-area:initial;height:40vw;}
    .works .works-list > div.top .item:nth-child(2){grid-area:initial;height:40vw;}
    .works .works-list > div.top .item:last-child{grid-area:initial;height:40vw;}
    .works .works-list > div.mid .item{grid-area:initial;height:40vw;}
    .works .works-list > div.btm .item{grid-area:initial;height:40vw;}
    .works .works-list > div .item .tit{padding:10px;left:10px;width:calc(100% - 10px)}

    .works{padding:80px 0;}
    .main-service{padding:80px 0;}

    .service-list{grid-template-columns: auto;}
    .service-list > div .img{height:45vw;}
    .service-list > div .txt h4{word-break: keep-all}

    .main-top .txt h3 br{display:block;}
    .main-sec .img_box {width: calc(100% + 0px * 1.3);height: calc(100% + 0px * 1.3);}

    .about_top .txt h3{font-size:5.5em;}

    .about_group .top h2{font-size:5em;}

    .about_info{padding:27vw 0;}

    .about_detail{padding:100px 0 40px 0;}
    .about_detail .top h3{font-size:5em;}
    .about_detail .btm{background-size:cover;margin-top:50px;}
    .about_detail .btm h4 br{display:none;}

    .works_container{padding:100px 0;}

    .main-sec .img_wrap{aspect-ratio:16 / 9;height:62vh;}
    .main-sec .img_wrap.height_trans{height:92vh;}
}

@media all and (max-width: 560px){
    body{font-size:0.6em;}

    #hd_wrapper{width:100% ;padding: 0;}
    #logo{left:10px;}
    .width-fixed{width:calc(100% - 50px);}
    #logo a img{width:100px;}
    /*#logo a img.mobile{display:block;}*/


    #top_btn{display:none;}
    .kakao_btn{bottom:30px;}
    .quick_btn{display:none;}

    .works .works-list > div .item{border-radius: 18px;}
    .service-list > div{border-radius: 0}

    .main_last .last_wrap > div:first-child{margin-top:50px;}
    .main_last .last_wrap > div:nth-child(2){margin-bottom:50px;}



    .about_group .members{display:block;}
    .about_group .members > div{width:100%}
    .about_group .members > div .img{width:25vw;height:25vw;}
    .about_group .members > div .txt{font-size:1.5em;}
    .about_group .members > div + div{margin-top:20px;}

    .works_container .works_wrap .work_list{width:100%;margin-left:0;}
    .works_container .works_wrap .work_list > div{width:100%;margin:20px 0;}
    .works_container .works_wrap .work_list > div .img{height:48vw;}
    .works_container .works_wrap .work_list > div .txt {font-size:1.5em;}

    .service-list > div .img{height:auto}
    .service-list > div .img .img_box{position:relative;height:45vw;border-radius: 18px;top:initial;left:initial;transform:none;}
    .service-list > div:hover .img .img_box{transform:none;}
    .service-list > div .txt{position:relative;opacity: 1 !important;display: block;bottom:0;top:initial;padding:15px;margin-top:15px;}
    .service-list > div .txt h4{font-size:2em;}
    .service-list > div .txt p{font-size:1.4em;}
}
@media all and (max-width: 480px){
    body{font-size:0.5em;}

    #ft p{font-size:14px;}
    #ft .width-fixed > div {display:block;}
    #ft .width-fixed > div > div {width:100%;}
    #ft .width-fixed > div > div + div{margin-top:10px;margin-left:0;}

    .contact_wrap .left ul li div:first-child {width:70px;}
    .contact_wrap .left ul li div:last-child {width:calc(100% - 70px);}

    .contact_wrap .right #map{height:45vw;}
    .contact_wrap .right .addr{font-size:1.3em;}
    .contact_wrap .right .addr > div {display:block;}
    .contact_wrap .right .addr div div + div{width:100%;margin-left:0;margin-top:10px;}

    .all_menu > div .sns a img{height:30px;}
    .all_menu > div > div:last-child p {word-break: keep-all}
    .all_menu > div > div:last-child p br{display:none}
    .all_menu > div > div:last-child > div{display:block;}
    .all_menu > div > div:last-child > div > div{width:100%;}
    .all_menu > div > div:last-child > div > div + div{margin-left:0;margin-top:10px;}


    .works{padding:80px 0;}

    #logo a img{width:85px;}
    .main-sec .sec-txt{font-size:0.9em;padding:15px;}
    .main-sec .rolling1{height:100px;}
    .main-sec .rolling2{height:100px;}

    a.main_btn{font-size:1.6em;}

    .contact_wrap .left ul li div:first-child {width:70px;}
    .contact_wrap .left ul li div:last-child {width:calc(100% - 70px);}

    .contact_wrap .right #map{height:45vw;}
    .contact_wrap .right .addr{font-size:1.3em;}
    .contact_wrap .right .addr > div {display:block;}
    .contact_wrap .right .addr div div + div{width:100%;margin-left:0;margin-top:10px;}

    .works_container{padding:80px 0;}

    .works .works-tab ul{display: grid;grid-template-columns: 1fr 1fr}
    .works .works-tab ul li:first-child{grid-column: 1 / 3}

    /*.main-sec .img_wrap{width:150vw;}*/
}
@media all and (max-width: 414px){
    #ft .width-fixed > div:last-child{width:100%;}
    #ft .width-fixed > div:last-child label{width:100%;justify-content: space-between}

    #hd_wrapper{width:100%;padding:0;}

    .width-fixed{width:calc(100% - 28px)}

    .kakao_btn{right:10px;}

    .about_top .txt h3{font-size:11vw;}
}