#wrap {
    width: 100%;
    margin: 0;
    padding: 0;
}
html, body {
    width: 100%;
    height: 100%;
}


body{
    width: 100%;
    font-family: 'Noto Sans KR', sans-serif;
    overflow-x:hidden !important;
}
#main {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
}
#main img {
    display: block;
    width: 100%;
}


/**/

.promise {
    position: relative;
    width: 100%;
    height: 119vw;
    overflow: hidden;
}
.swiper-container2 {
    position: relative;
    top: 26%;
    background: red;
    width: 76%;
    overflow: hidden;
    margin: 0 auto;
}
.swiper-container2 img {
    width: 100%;
}
.swiper-pagination {
    width: 100%;
    position: absolute;
    bottom: 3%;
}
.swiper-pagination-bullet {
    width: 2.2vw;
    height: 2.2vw;
    margin: 0.7vw;
    background: #13506e;

    opacity: 1;
}
.swiper-pagination-bullet-active {
    background: #ffffff;
}
.pbg {
    position: absolute;
    width: 100%;
    top: 0;
}
.pbg img {
    width: 100%;
    display: block;
}



/**/

.portfolio {
    position: relative;
    width: 100%;
}
img.ptbox {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 5% 0;
}
.portfolio .more {
    position: absolute;
    width: 30%;
    left: 35%;
    top: 68%;
}

.portfolio .more img {
    width: 100%;
}

/**/

.mapall {
    width: 100%;
    height: 170vw;
    position: relative;
}
.mbg {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    z-index: -1;
}
.mtt {
    position: absolute;
    z-index: 11;
    width: 100%;
}
.mtt img {
    width: 55%;
    display: block;
    margin: 0 auto;
    padding-top: 10vw;
}


#daumRoughmapContainer1623933976941,
#daumRoughmapContainer1623934408309

{
    position: relative;
    width: 100%;
    height: 100%;
    display: block;

}

.map01, .map02 {
    position: relative;
    width: 84%;
    height: 55vw;
    margin: 0 auto;
    top: 18%;
    margin-bottom: 10%;
}
img.ml {
    width: 100%;
    display: block;
}
.root_daum_roughmap .wrap_controllers{
  display: none;
}
.root_daum_roughmap .wrap_map{
  height: calc(100%)!important;
}

.mapBanner{width: 100% !important;position:absolute;z-index: 20;height: 96px;bottom:0;left: 50%; transform: translateX(-50%);}


/**/

.qmenu {
    width: 100%;
    height: 90vw;
    position: relative;
}
.qtt {
    position: relative;
    z-index: 11;
    width: 100%;
    margin: 12% 0 7% 0;
}
.qtt img {
    width: 55%;
    display: block;
    margin: 0 auto;
}
.qbtn {
    position: relative;
    width: 88%;
    margin: 0 auto;
}
.qbtn ul {
    display: flex;
}
.qbtn img {
    width: 100%;
}

/**/

.bbtn {
    width: 100%;
    position: relative;
}
.bbtn img {
    width: 100%;
    display: block;
}

/**/

#sub {
    width: 100%;
    position: relative;
}

.stit {
    width: 100%;
    position: relative;
}

.stit img {
    width: 100%;
    display: block;
    margin: 0 auto;
}
.stxt {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 99999;
}
.stxt p {
    font-size: 6vw;
    text-align: center;
    font-weight: bold;
    color: #fff;
    display: block;
    line-height: 13vw;
    padding-top: 8.5%;
}
.stxt span {
    font-size: 2.3vw;
    text-align: center;
    font-weight: bold;
    color: #fff;
    display: block;
}


.slabel {
    font-size: 5vw;
    font-weight: 600;
    color: #000;
    text-align: center;
    margin-bottom: 1vw;
}
.slabel~span {
    font-size: 2.3vw;
    display: block;
    width: 100%;
    text-align: center;
    white-space: pre-wrap;
    line-height: 3.5vw;
    color: #999;
}

.page {
    width: 100%;
    background: #fff;
    position: relative;
    padding-bottom: 3vw;
    margin-bottom: 7vw;
}
.page img {
    position: relative;
    width: 100%;
}
.page iframe {
    position: relative;
    width: 90% !important;
    margin-top: 6%;
}

/**/

.ntlist {
    width: 71.4%;
    padding: 7% 10%;
    position: relative;
    margin: 0 auto;
    margin-top: 5%;
    border: 1px solid #ddd;
    line-height: 3.9vw;
    font-size: 2.6vw;
    text-align: center;
    color: #999;
    margin-bottom: 4vw;
}
.ntlist .title {
    font-size: 3vw;
    margin-bottom: 2.4vw;
    font-weight: bold;
    color: #222;
}



/*서브탭메뉴*/
.smenu {
    display: none;
    /*서브메뉴 숨겨놓고 서브페이지에서 각 호출예정*/
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 999999999;
}
.smenu ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    display: -webkit-box; display: -ms-flexbox; display: flex;
    text-align: center;
}

.smenu ul li {
    width: 100%;
    line-height: 9vw;
    font-size: 2.3vw;
    letter-spacing: -0.1vw;
}
.smenu ul li:first-child a {
    border-left: none;
}
.smenu ul li a {
    display: block;
    box-sizing: border-box;
    background: rgba(109,172,202,0.9);
    color: #fff;
}


/**/

/*footer*/



footer {
    position: relative;
    width: 100%;
    height: auto;
}
footer img {
    display: block;
    width: 100%;
}
footer a {
    display: block;
    width: 41%;
    height: 4vw;
    right: 0;
    position: absolute;
    z-index: 999;
    bottom: 17%;
}

/*footer end*/