section{overflow: hidden;}

/* ms01 */
.ms01{display: flex; align-items: center; justify-content: center; text-align: center; height: 85vh; background: url(../img/main/2.png) no-repeat center / cover; color: #fff;}
.ms01 .inner{}
.ms01 h2{font-size: 7rem; font-weight: 300; margin-bottom: 2rem;}
.ms01 h2 b{font-weight: 700;}
.ms01 p{}
@media screen and (max-width: 1200px){
    .ms01{height: 100vh; background: url(../img/main/1.png) no-repeat center / cover; color: #fff;}
    
}
@media screen and (max-width: 1024px){
    
}
@media screen and (max-width: 768px){
    .ms01 h2{font-size: 35px;}
}
/* //ms01 */
/* ms02 */
.ms02{margin-bottom: 14rem;}
.ms02 .inner{}
.ms02 .inquiry{padding: 6rem 20px; display: flex; justify-content: center;}
.ms02 .inquiry .wrap{display: flex; justify-content: space-between;flex-wrap: wrap;}
.ms02 .inquiry form{width: 100%; max-width: 54rem; }
.ms02 .inquiry form ul{width: calc(100% - 15rem); max-width: 320px;}
.ms02 .inquiry form ul li{display: flex; margin-bottom: 10px; font-size: 1.6rem; align-items: center;}
.ms02 .inquiry form ul li:nth-child(2){margin-bottom: 15px;}
.ms02 .inquiry form ul li .item-wrap{display: flex; justify-content: space-between; width: calc(100% - 10rem);}
.ms02 .inquiry form ul li > p{width: 10rem; font-size: 2rem;}
.ms02 .inquiry form ul li input[type="text"]{width: calc(100% - 10rem);}
.ms02 .inquiry form ul li label{margin-left: 10px;}
.ms02 .inquiry form button{width: 14rem; background-color: #000; border-radius: 10px; color: #fff; }

.ms02 .contact{background-color: #000; padding: 2.7rem 0; color: #fff;}
.ms02 .contact ul{display: flex; justify-content: center; gap: 5rem; align-items: center; }
.ms02 .contact ul li{}
.ms02 .contact ul li:not(:first-child){padding-left: 5rem; border-left: 1px solid #fff;}
.ms02 .contact ul li a{display: flex; align-items: center;}
.ms02 .contact ul li a img{margin-right: 1rem;}

.sub_banner{display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #fff; padding: 50px 0; border-bottom: 1px solid #d9d9d9; position: relative;}
.sub_banner img{width: fit-content;}
.sub_banner_btn{display: inline-block; width: 34%; height: 50px; margin-top: 20px; border-radius: 5px; background: #fff; box-shadow: 1px 1px 5px rgba(0, 0, 0, .2); text-align: center; line-height: 50px;}
/* .sub_banner:hover{filter:brightness(.9);} */

@media screen and (max-width: 1200px){
    
}
@media screen and (max-width: 1024px){
    
}
@media screen and (max-width: 768px){
    .ms02{margin-bottom: 50px;}
    .ms02 .inquiry form ul,
    .ms02 .inquiry form button{width: 100%; max-width: none;  }
    .ms02 .inquiry form button{height: 50px; margin-top: 10px;}
    .ms02 .inquiry form button br{display: none;}
    .ms02 .inquiry form ul li .item-wrap{justify-content: flex-start; gap: 20px;}

    .ms02 .contact ul{flex-wrap: wrap; gap: 20px 0;}
    .ms02 .contact ul li{width: calc(100% / 2);         text-align: center;}
    .ms02 .contact ul li:not(:first-child){padding-left: 0;}
    .ms02 .contact ul li:nth-child(3){border-left: none;}
    .ms02 .contact ul li a{justify-content: center;}
    .sub_banner{padding: 20px 10px;}
    .sub_banner_btn{width: 100%; height: 35px; line-height: 35px; border-radius: 5px;}
}
/* ms03 */
.ms03{margin-bottom: 14rem;}
.ms03 .inner{}
.ms03 .title{text-align: center; margin-bottom: 5rem;}
.ms03 .title h2{font-size: 4rem; font-weight: 700; margin-bottom: 1rem;}
.ms03 .title p{font-size: 2.5rem; color: #888888;}
.ms03 ul{display: flex; gap: 3rem; flex-wrap: wrap;}
.ms03 ul li{position: relative; width: calc((100% - 6rem) / 3);}
.ms03 ul li img{width: 100%;}
.ms03 ul li p{position: absolute; right: 4rem; bottom: 3rem; font-size: 3rem; color: #fff;}
@media screen and (max-width: 1200px){
    
}
@media screen and (max-width: 1024px){
    .ms03 ul li p{right: 30px; bottom: 20px;}

}
@media screen and (max-width: 768px){
    .ms03{margin-bottom: 50px;}
    .ms03 .title h2{font-size: 25px;}
    .ms03 .title p{font-size: 16px;}
    .ms03 ul{gap: 20px;}
    
    .ms03 ul li p{bottom: 20px; font-size: 20px;}
}
@media screen and (max-width: 600px){
    .ms01{height: 60vh;}
    .ms03 ul li{width: 100%;}
}
/* //ms03 */
/* ms04 */
.ms04{margin-bottom: 14rem;}
.ms04 .inner{}
.ms04 .title{text-align: center; margin-bottom: 5rem;}
.ms04 .title h2{font-size: 4rem; font-weight: 700; margin-bottom: 1rem;}
.ms04 .title p{font-size: 2.5rem; color: #888888;}
.ms04 ul{display: flex; gap: 3rem; flex-wrap: wrap;}
.ms04 ul li{position: relative; width: calc((100% - 9rem) / 4);}
.ms04 ul li img{width: 100%;}
.ms04 ul li p{position: absolute; right: 4rem; bottom: 3rem; font-size: 3rem; color: #fff; text-align: right;}
@media screen and (max-width: 1200px){
    
}
@media screen and (max-width: 1024px){
    .ms04 ul li p{right: 30px; bottom: 20px;}
}
@media screen and (max-width: 768px){
    .ms04{margin-bottom: 50px;}
    .ms04 .title h2{font-size: 25px;}
    .ms04 .title p{font-size: 16px;}
    .ms04 ul{gap: 20px; flex-wrap: wrap;}
    .ms04 ul li{width: calc((100% - 20px) / 2);}
    .ms04 ul li p{bottom: 20px; font-size: 20px;}
}
@media screen and (max-width: 500px){
    
}
/* //ms04 */
/* ms05 */
.ms05{padding-top: 10rem; position: relative; color: #fff;}
.ms05::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 85%; background: url(../img/main/sect_bg.png) no-repeat center / cover;}
.ms05 .inner{}
.ms05 .title{margin-bottom: 5rem;}
.ms05 .title h2{font-size: 3.5rem;}
.ms05 .title h2 b{font-weight: 700;}
.ms05 .contbox{display: flex; gap: 2rem; align-items: flex-end;}
.ms05 .contbox .imgbox{width: 43%;}
.ms05 .contbox .imgbox img{width: 100%;}
.ms05 .contbox .txtbox{width: calc(100% - 65% - 2rem);}
.ms05 .contbox .txtbox h2{font-size: 3rem; font-weight: 700; margin-bottom: 1rem;}
.ms05 .contbox .txtbox p{font-weight: 300;}
.ms05 .contbox:last-child{color: #000; flex-direction: row-reverse; margin-top: -20rem;}
.ms05 .contbox:last-child .txtbox{text-align: right;}
@media screen and (max-width: 1200px){
    
}
@media screen and (max-width: 1024px){
    
}
@media screen and (max-width: 768px){
    .ms05{padding: 50px 0;}
    .ms05::before{height: 100%;}
    .ms05 .title h2{font-size: 25px;}
    .ms05 .contbox{flex-wrap: wrap;}
    .ms05 .contbox .imgbox,
    .ms05 .contbox .txtbox{width: 100%;}
    .ms05 .contbox .txtbox h2{font-size: 20px;}
    .ms05 .contbox .txtbox p{font-size: 16px;}
    .ms05 .contbox .txtbox p br{display: none;}
    .ms05 .contbox:last-child{margin-top: 30px; color: #fff;}
    .ms05 .contbox:last-child .txtbox{text-align: left;}
    
}
/* //ms05 */
/* ms06 */
.ms06{padding: 14rem 0;}
.ms06 .inner{}
.ms06 .title{margin-bottom: 5rem; text-align: center;}
.ms06 .title h2{font-size: 4rem; font-weight: 700; margin-bottom: 1rem;}
.ms06 .title p{font-size: 2.5rem; color: #888888;}
.ms06 .sns-list{display: flex; flex-wrap: wrap;}
.ms06 .sns-list li{width: calc(100% / 3);}
.ms06 .sns-list li a{}
@media screen and (max-width: 1200px){
    
}
@media screen and (max-width: 1024px){
    
}
@media screen and (max-width: 768px){
    .ms06{padding: 50px 0;}
    .ms06 .title h2{font-size: 25px;}
    .ms06 .title p{font-size: 16px;}
    .ms06 .sns-list li{width: 50%;}
}
/* //ms06 */
/* ms07 */
.ms07{padding: 10rem 0; background-color: #F5F5F5;  text-align: center;}
.ms07 .inner{padding: 0 10px;}
.ms07 .title{margin-bottom: 5rem;}
.ms07 .title h2{margin-bottom: 1rem; font-size: 3.5rem; font-weight: 700;}
.ms07 .title p{color: #888888;}
.ms07 ul{display: flex; flex-wrap: wrap; max-width: 900px; margin: 0 auto; justify-content: center; gap: 3.5rem; padding: 0 10px;}
.ms07 ul li{width: calc((100% - 10.5rem) / 4);}
.ms07 ul li .imgbox{margin-bottom: 1.3rem; position: relative;}
.ms07 ul li:not(:last-child) .imgbox::after{content: ""; position: absolute; width: 1.5rem; background: url(../img/main/ms06-arrow.png) no-repeat center / cover; height: 2.6rem; top: 50%; transform: translateY(-50%); right: -2.5rem;}
.ms07 ul li .imgbox img{width: 100%;}
.ms07 ul li .step{margin-bottom: 1.3rem; padding: 3px 10px; background-color: #FEB538; color: #fff; border-radius: 100px; margin-bottom: 1rem; display: inline-block; font-size: 1.7rem; font-weight: 300;}
.ms07 ul li h3{margin-bottom: 5px; font-size: 2.3rem; font-weight: 700;}
.ms07 ul li p{font-size: 1.8rem; color: #888888; font-weight: 300;}
@media screen and (max-width: 1200px){
    
}
@media screen and (max-width: 1024px){
    
}
@media screen and (max-width: 768px){
    .ms07{padding: 50px 0;}
    .ms07 .title h2{font-size: 25px;}
    .ms07 ul{gap: 30px 20px;}
    .ms07 ul li{width: calc((100% - 60px) / 4);}
    .ms07 ul li p br{display: none;}
    .ms07 ul li:not(:last-child) .imgbox::after{right: -15px;}
}
@media screen and (max-width: 500px){
    
    .ms07 ul li{width: calc((100% - 40px) / 2);}
}
/* //ms07 */
/* ms08 */
.ms08{text-align: center; padding: 14rem 0;}
.ms08 .inner{}
.ms08 .title{margin-bottom: 5rem;}
.ms08 .title h2{font-size: 3.5rem; font-weight: 700;}
.ms08 .root_daum_roughmap{width: 100%; height: 65rem;}
.ms08 .root_daum_roughmap .wrap_map{height: 100%;}
.ms08 p{font-weight: 700; margin-top: 7rem;}
@media screen and (max-width: 1200px){
    
}
@media screen and (max-width: 1024px){
    
}
@media screen and (max-width: 768px){
    .ms08{padding: 50px 0;}
    .ms08 .title h2{font-size: 25px;}
    .ms08 p{margin-top: 30px;}
    .ms08 .root_daum_roughmap{height: 300px;}
}
/* //ms08 */