/*@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");*/
#ptop {
    width: 100%;
}

#pu11173 {
    width: 100%;
}

.MenuBar {
    position: unset !important;
    margin-right: unset !important;
    left: unset !important;
    width: 90% !important;
}


.MenuItemContainer {
    position: unset !important;
    margin-right: unset !important;
    left: unset !important;
    margin-left: 50px;
}

.MenuItemContainer a div p {
    font-size: 15px;
}

#u11173 {
    width: 10%;
    position: unset !important;
    margin-right: unset !important;
}

#u11080 {
    width: 88px;
}

#u11101 {
    width: 133px;
}

#u11094 {
    width: 88px;
}

#u11043-4 p {
    display: block;
}

.service-span {
    /*display: block;
    color: #000;
    font-weight: bold;*/
    /*width: 53px;*/
    display: inline-block;
    float: left;
}

.process-span {
    display: block;
    font-size: 14px;
    line-height: 24px;
}

#u11679 {
    height: 700px;
}

.add-1 {
    top: 300px !important;
    left: 0 !important;
    z-index: 432;
    width: 370px;
    margin-right: -10000px;
}

.add-2 {
    top: 300px !important;
    left: 400px !important;
    z-index: 437;
    width: 370px;
    margin-right: -10000px;
    left: 400px;
}

.add-3 {
    top: 300px !important;
    z-index: 442;
    width: 370px;
    margin-right: -10000px;
    left: 800px;
}

.process-add1 {
    top: 300px !important;
    left: 0 !important;
}

.process-add2 {
    top: 300px !important;
    left: 350px !important;
}

.process-add3 {
    top: 300px !important;
    left: 700px !important;
}

#widgetu10005 {
    left: 0 !important;
    margin-top: 0 !important;
}

.rgba-background {
    /*height: 650px;*/
}

#u10505-4 {
    position: absolute;
    bottom: 20px;
}

#u10043-4 {
    /*margin-left: 0 !important;*/
}

#footer {
    width: 100%;
    height: 250px;
    text-align: center;
    position: relative;
    color: #fff;
}

#footer > div {
    text-align: left;
    margin: 0 auto;
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#footer p span {
    font-size: 18px;
}

#footer p a {
    color: #fff;
}

#footer .logo-img {
    width: 25%;
    float: left;
}

#footer .col-lg-12 {
    /*width: 75%;*/
    display: inline-block;
}

#footer .left {
    width: 50%;
    float: left;
}

#footer .right {
    width: 50%;
    float: right;
}

#footer i {
    margin-right: 3px;
}

#page {
    min-height: unset !important;
}

#u11672-4,
#u11673-4,
#u11678-4,
#u11679-4,
#u11680-4,
#u11681-4 {
    font-weight: bold;
}

.process-span {
    font-weight: 100 !important;
}

#pu10036-4 {
    margin-top: 50px !important;
}

#u11043-4 {
    left: 0 !important;
    line-height: 30px !important;
}

.filter_items_section h4:hover {
    cursor: pointer;
}

.post-inpt {
    width: 420px;
    height: 35px;
    padding-left: 10px;
    border: 1px solid #fff !important;
    margin-bottom: 10px;
    color: #fff !important;
    line-height: 35px;
    overflow: hidden;
}

.post-inpt::placeholder {
    color: #fff !important;

}

.btn_set {
    display: flex;
    justify-content: center;
    height: 100px;
    align-items: center;
    gap: 3em;
}

.btn_set li a {
    text-decoration: unset;
    color: #333;
    cursor: pointer;
}

.btn_set li.on a {
    color: #ffbc05;

}

.portfolio_item_wrap {
    display: flex;
    width: 1200px;
    flex-wrap: wrap;
    gap: 1em;
    height: unset !important;
}

.portfolio_item {
    position: unset !important;
    top: unset !important;
    left: unset !important;

}

.filter_item {
    position: relative;
}

.filter_item img {
    display: block;
}

.hover_content h4 {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.hover_content h4:hover {
    cursor: pointer;
    text-decoration: underline;
    text-underline-position : under;
}

.overlay {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: #ffbc05;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
}

.filter_item:hover .overlay {
    bottom: 0;
    height: 100%;
}

@media (max-width:1200px) {
    /*#u11679 {
        height: unset !important;
        background-image: url(../images/process01.jpg);
        background: 0 !important;
    }*/

    #u10043-4 {
        margin-left: 135px !important;
        width: 100% !important;
    }

    .wrap_map {
        height: 300px !important;
    }

    #widgetu10005 {
        top: -1710px;
        z-index: 10000;
        left: 150px !important;
    }

    #widgetu10485 {
        display: none;
    }

    #u10504 {
        height: 800px;
    }

    #u10503 {
        height: 800px;

    }

    #u10505-4 {
        bottom: -540px !important;
    }

    #u11047 {
        background-image: url(../images/images03.jpg);
    }

    #u11043-4 {
        width: unset !important;
    }

    #footer {
        height: 500px !important;
    }

    #footer > div {
        width: 90%;
    }

    #footer .left {
        width: 100% !important;
        float: unset !important;
    }

    #footer .right {
        width: 100% !important;
        float: unset !important;
    }

    #footer .logo-img {
        width: unset !important;

    }

    .main .row {
        width: unset !important;
    }

    .proj-column {
        float: unset !important;
        width: unset !important;
    }



    #myBtnContainer {
        width: 100%;
    }

    #ptop {
        /*margin-left: -130px !important;*/
    }

    #u10504_align_to_page {
        padding-top: 20px !important;
    }

    #services {
       /* margin-top: 0 !important;*/
    }

}

@media (max-width: 900px) {
    .portfolio_item_wrap {
        width: unset;
    }

    .portfolio_item {
        width: 100%;
    }
    
    .filter_item img {
        width: 100%;
        height: 100%;
    }

    .btn_set {
        height: unset;
        gap: 0.1em;
        flex-direction: column;
    }

    .btn_set li {
        width: 100%;
        border: 1px solid #eee;
        text-align: center;
        padding: 5px;
    }

    .btn_set li.on {
        background-color: #ffbc05;
    }

    .btn_set li.on a {
        color: #fff;
    }
    
    .hover_content h4 {
        width: 90%;
    }

    .close-btn {
        top: 0!important;
        right: 0!important;
    }
}

@media (max-width: 468px) {

    

    #u10037-4 {
        text-align: left !important;
    }

    .main {
        position: relative;
        left: 140px;
        width: 100%;
    }

    #myBtnContainer {
        width: 100% !important;
    }

    .root_daum_roughmap_landing {
        width: unset !important;
    }

    .portfolio-popup,
    .portfolio-popup2,
    .portfolio-popup3,
    .portfolio-popup4,
    .portfolio-popup5,
    .portfolio-popup6,
    .portfolio-popup7,
    .portfolio-popup8,
    .portfolio-popup9,
    .portfolio-popup10,
    .portfolio-popup11,
    .portfolio-popup12,
    .portfolio-popup13,
    .portfolio-popup14,
    .portfolio-popup15,
    .portfolio-popup16,
    .portfolio-popup17,
    .portfolio-popup18 {
        width: 100%;
    }

    .portfolio-large {
        padding: 0 !important;
    }

    #daumRoughmapContainer1659922491513 {
        width: 100% !important;
    }

    #u11020-2 > span,
    #u11674-2 > span,
    #u10043-2 > span,
    #u11223-2 > span {
        display: block;
    }

    .filter_menu li {
        display: block;
        border: 1px solid #ccc;
        width: 100%;
        margin-right: 0 !important;
    }

    .filter_menu li:before {
        display: none;
    }

    .filter_menu li.active,
    .filter_menu li:hover {
        background: #feb633;
        color: #fff !important;
        border: 1px solid #fec800;
    }


    #u11679 {
        background-image: unset !important;
    }

    #u11674-4 img {
        display: block !important;
        width: 100%;
    }

    .post-inpt {
        width: 300px;
    }

    #u10505-4 {
        bottom: -100px !important;
        left: 130px;
    }

    #u10503 {
        height: 700px !important;
    }

}


@media (min-width: 601px) and (max-width: 1200px) {

    #accordionu11124wrapper {
        margin-left: 550px !important;
    }

    #bp_990.active {
        display: block;
    }

    #page {
        width: 740px !important;
    }

    #pamphletu10971 {
        height: 1800px !important;
    }

    /*#u11126-3,*/
    #u10035,
    #u10036-4,
    #u10037-4,
    #u11019-4,
    #u11020-4,
    #u11227-4,
    #u11223-4 {
        width: 740px !important;
    }

    #u10983 {
        height: unset !important;
    }

    #u10989 {
        width: 370px;
        height: 230px;
        margin-left: 200px;
    }

    #u11004 {
        width: 370px;
        height: 230px;
        margin-left: 200px;
        top: 275px;
    }

    #u11009 {
        width: 370px;
        height: 230px;
        margin-left: 200px;
        top: 549px;
    }

    #u10994 {
        width: 370px;
        height: 230px;
        margin-left: 200px;
        top: 824px;
    }

    #u10984 {
        width: 370px;
        height: 230px;
        margin-left: 200px;
        top: 1099px;
    }

    #u11014 {
        width: 370px;
        height: 230px;
        margin-left: 200px;
        top: 1374px;
    }

    #u10999 {
        width: 370px;
        height: 230px;
        margin-left: 200px;
        top: 1649px;
    }




    #u11233,
    #u11226,
    #u11238,
    #u11240,
    #u11236,
    #u11235,
    #u11229 {
        z-index: 485;
        margin-left: 370px;
        margin-top: 55px;
    }

    #u11218-4,
    #u11222-4,
    #u11229-4,
    #u11241-4,
    #u11224-4,
    #u11231-4,
    #u11219-4,
    #u11217-4,
    #u11230-4,
    #u11234-4,
    #u11221-4,
    #u11237-4,
    #u11225-4,
    #u11232-4 {
        margin-left: 370px;
    }

    #u11047 {
        z-index: 447;
        width: 570px;
        height: 380px;
        margin-left: 225px;
        margin-top: 180px;
    }

    #u11042-6 {
        z-index: 448;
        width: 570px;
        min-height: 36px;
        font-size: 28px;
        text-align: center;
        line-height: 36px;
        margin-left: 225px;
        margin-top: 51px;
    }

    #pu11044,
    #pu11046,
    #pu11049 {
        z-index: 458;
        width: 0.01px;
        margin-left: 225px;
        margin-top: 38px;
    }

    #u11043-4,
    #u11048-4,
    #u11045-4 {
        z-index: 454;
        width: 525px;
        min-height: 48px;
        color: #4D4D4D;
    }

    #u11676-4,
    #u11674-4,
    #u11679 {
        width: 740px !important;
    }

    #pu11672-4 .left {}

    #pu11672-4 .right {}

    #widgetu10005 {
        top: -1550px !important;
        left: 360px !important;
    }

    #u10040-4 {
        width: 740px !important;
    }

    #u10949-4 {
        width: 740px !important;
    }

    #u11675,
    #u11677,
    #u11671,
    #u11672,
    #u11673,
    #u11674 {
        margin-left: 500px;
    }

    #u11672-4,
    #u11673-4,
    #u11678-4,
    #u11679-4,
    #u11680-4,
    #u11681-4 {
        left: 220px;
    }

    #u10976,
    #u10978,
    #u10974,
    #u10975,
    #u10980,
    #u10979,
    #u10977 {
        z-index: 631;
        width: 570px;
        height: 380px;
    }

    #u10982 {
        top: 424px;
        left: 709px;
    }

    #u10981 {
        top: 424px;
        left: 769px;
    }

    #u10972 {
        top: 424px;
        left: 829px;
    }

    #u10990,
    #u11008,
    #u11013,
    #u10995,
    #u10985,
    #u11016,
    #u11000 {
        margin-top: 15px;
        width: 340px !important;
        height: 215px !important;
    }

    #u10989:hover #u10990,
    #u11008,
    #u11013,
    #u10995,
    #u10985,
    #u11016,
    #u11000 {
        margin-left: 5px !important;
    }

    #u10989:hover #u10991-4,
    #u10993-4,
    #u11005-4,
    #u11006-4,
    #u11010-4,
    #u11011-4,
    #u10996-4,
    #u10998-4,
    #u10987-4,
    #u10986-4,
    #u11015-4,
    #u11017-4,
    #u11001-4,
    #u11002-4 {
        margin-left: 40px !important;
    }

    .main {
        margin: 20px 220px !important;
    }

    .portfolio-popup,
    .portfolio-popup2,
    .portfolio-popup3,
    .portfolio-popup4,
    .portfolio-popup5,
    .portfolio-popup6,
    .portfolio-popup7,
    .portfolio-popup8,
    .portfolio-popup9,
    .portfolio-popup10,
    .portfolio-popup11,
    .portfolio-popup12,
    .portfolio-popup13,
    .portfolio-popup14,
    .portfolio-popup15,
    .portfolio-popup16,
    .portfolio-popup17,
    .portfolio-popup18 {
        width: 100%;
    }

    .portfolio-large {
        padding: 0 !important;
    }

    #daumRoughmapContainer1659922491513 {
        width: 100% !important;
    }

}

@media (max-width:1200px) {}

@media (min-width:1200px) {
    #footer .col-lg-12 {
        width: 75%;
    }

    #u10502-4 {
        width: unset !important;
    }

    #u10504 {
        padding: 74px 45px 56px 70px;
    }

}