/*----------Quick-----------*/

.Quick {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 15vw;
    z-index: 150;
    background: #fff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); 
}

.Quick div {
    float: left;
}

.Quick .Q_logo {
    background: url(../images/Q_bg.png) no-repeat center/cover;
    width: 23%;
    height: 100%;
    text-align: center;
}

.Quick .Q_logo img {
    height: 7vw;
    margin-top: 20px;
}

.Quick .Q_open {
    font-family: "Pretendard-Light";
    /*----오픈고지--*/
    width: 43%;
    line-height: 15vw;
    display: block;
    background: #071854;
    color: #fff;
    font-size: 5.5vw;
    text-align: center;
}

.Quick .Q_open span {
    font-family: "Pretendard-Bold";
}

.Quick .Q_btn {
    background: #fff;
    width: 34%;
    height: 100%;
    font-family: "Pretendard-Bold";
}

.Quick .Q_btn a {
    /*----관심고객등록,오시는길 공통--*/
    font-size: 2.5vw;
    text-align: center;
    font-weight: 600;
    height: 100%;
    color: #444;
    ;
    height: 100%;
    display: inline-block;
    width: 48%; line-height: 1.5;
}

.Quick .Q_btn a img {
    display: block;
    margin:  0 auto;
}


.Quick .Q01 {
    /*----관심고객등록---*/

}

.Quick .Q01 img { 
    height: 8.5vw;  margin-top: 3vw     !important;} 

.Quick .Q02 {
    /*----오시는길---*/
    border-left: 1px solid #aaa; position: relative;
}

.Quick .Q02 img { height: 4.5vw; position: absolute; top: 4.5vw; left: 2vw;}

/*----------#sec01 .mainvisual-----------*/

section {
    overflow: hidden;
}

.mainvisual {
    height: 155vw;
    width: 100vw;
    position: relative;
    /* overflow: hidden; */
    box-sizing: border-box;
}

.mySwiper01 {
    height: 155vw;
    width: 100vw;
}

.mySwiper01 .swiper-slide {
    height: 155vw;
    width: 100vw;
    overflow: hidden;
}

.mySwiper01 .swiper-slide > img {
    width: 100%;
    height: 100%;
    transform: scale(1.2);
    transition: 1.5s;
}

.mySwiper01 .swiper-slide .main_copy {
    z-index: 500;
    position: absolute;
    top: 26vw;
    left: 10vw;
    letter-spacing: -1px;
    transition: 1.5s;
    padding-left: 10vw; 
    opacity: 0;
     color: #0f255b; 
}

.mySwiper01 .swiper-slide .main_copy > p {
    font-size: 4.9vw;
    font-family: "Pretendard-Medium"; 
}


.mySwiper01 .swiper-slide .main_copy > strong {
    font-size: 11vw;
    font-family: "Pretendard-Bold";
    margin-top: 3vw;
    display: block;
}

.mySwiper01 .swiper-slide .main_copy div strong {
    font-size: 5vw;
      font-family: "Pretendard-Regular";
    padding-top: 23vw;
    display: block;
}

.mySwiper01 .swiper-slide .main_copy div p {
      font-family: "Pretendard-Regular";
    font-size: 5vw;
    padding-top: 2vw;
}

.mySwiper01 .swiper-slide .main_copy div strong span,
.mySwiper01 .swiper-slide .main_copy div p span {
    font-family: "Pretendard-Bold";
}

.mySwiper01 .swiper-slide .main_copy img {
    position: absolute;
    top: 22vw;
    left: 10vw;
    height: 18vw;
    transition: 1.5s;
    transition-delay: 0.5s;
    opacity: 0; 
}

/*.swiper-slide-active*/
.mySwiper01 .swiper-slide-active > img {
    transform: scale(1);
}

.mySwiper01 .swiper-slide-active .main_copy {
    padding-left: 0;
    opacity: 1;
}

.mySwiper01 .swiper-slide-active .main_copy img {
  top: 22vw;
    left: 0vw;
    opacity: 1;
}


/*----------sec02 premium--------*/


#sec02.premium {
    width: 100vw;
    height: 165vw;
    background: url(../images/pre_bg.jpg) no-repeat center/cover;
    color: #fff;
    position: relative;
}


#sec02.premium .title {
    padding: 15vw 8vw 0;
}

#sec02.premium .title strong {
    font-size: 12vw;
    font-family: "Poppins-Bold";
    position: relative;
    letter-spacing: -1px;
    display: block;
}

#sec02.premium .title strong span {
    font-size: 19vw;
    font-family: "SUIT-Light";
    color: #ef7f2f;
    position: absolute;
    top: -5vw;
    left: 55vw;
}

#sec02.premium .title p {
    font-size: 4vw;
    padding: 6vw 0 0;
    line-height: 1.3;
    letter-spacing: -1px;
}

#sec02.premium .title p span {
    font-size: 7vw;
    padding: 2vw 0;
    display: inline-block;
    font-family: "Pretendard-Bold";
}

#sec02.premium .pre_start {
    position: absolute;
    top: 50vw;
    right: 5vw;
    height: 26vw;
    z-index: 100;
}

.mySwiper02 {
    width: 88vw;
    margin: 0 auto;
    padding-bottom: 6vw;
}

.mySwiper02 .swiper-slide {
    width: 100%;
}

.mySwiper02 .swiper-slide > span {
    color: #ef7f2f;
    font-size: 4.5vw;
    padding: 5vw 0 2vw 3vw;
    display: block;
    opacity: 0;
}

.mySwiper02 .swiper-slide .pr_img {
    width: 100%;
    overflow: hidden;
}

.mySwiper02 .swiper-slide .pr_img img {
    width: 100%;
}

.mySwiper02 .swiper-slide .pre_desc {
    margin-top: -21vw;
    margin-left: 22vw;
    opacity: 0;
}

.mySwiper02 .swiper-slide .pre_desc strong {
    color: #182954;
    font-size: 20vw;
    font-family: "Poppins-Bold";
    letter-spacing: -1.5vw;
    opacity: 0.7;
    margin-left: -15vw;
}

.mySwiper02 .swiper-slide .pre_desc p {
    font-size: 5.2vw;
    letter-spacing: -0.3vw;
    margin-top: -3vw;
    position: relative;
    z-index: 5;
    font-family: "Pretendard-Bold";
    padding-left: 3vw;
    transition: 1s;
}

.mySwiper02 .swiper-slide .pre_desc span {
    line-height: 1.2;
    padding-top: 1.8vw;
    display: block;
    font-size: 3.5vw;
    color: #ddd;
    padding-left: 3vw;
    transition: 1s;
    letter-spacing: -0.2vw;
}

/*.swiper-slide-active*/
.mySwiper02 .swiper-slide-active > span {
    opacity: 1;
}

/*.mySwiper02 .swiper-slide-active .pr_img img { opacity: 1; }*/
.mySwiper02 .swiper-slide-active .pre_desc {
    opacity: 1;
}

.mySwiper02 .swiper-slide-active .pre_desc p,
.mySwiper02 .swiper-slide-active .pre_desc span {
    padding-left: 0;
}

/*swiper-pagination*/
.mySwiper02 .swiper-pagination-bullet {
    background: #fff;
    border-radius: 100%;
  
}

.mySwiper02 .swiper-pagination {  bottom: -0.5vw ! important; }


.mySwiper02 .swiper-pagination-bullet-active {
    background: #ef7f2f;
}


/*----------sec03 location--------*/

#sec03.location {
    width: 100vw;
    height: 165vw;
    background: url(../images/loc_bg.jpg) no-repeat center/cover;
    position: relative;
}

#sec03.location .title {
    padding: 15vw 8vw 0;
    text-align: center;
}

#sec03.location .title strong {
    font-size: 12vw;
    font-family: "Poppins-Bold";
    letter-spacing: -1px;
    display: block;
    color: #ef7f2f;
}

#sec03.location .title span {
    font-size: 6vw;
    font-family: "Pretendard-Bold";
    color: #ef7f2f;
    padding-top: 5vw;
    display: block;
}

#sec03.location .title p {
    font-size: 3.6vw;
    padding: 2.5vw 0 0;
    line-height: 1.3;
    letter-spacing: -1px;
    font-family: "Pretendard-Medium";
    color: #333;
}

.mySwiper03 {
    width: 85vw;
    margin: 5vw auto;
}

.mySwiper03 .swiper-slide {
    width: 100%;
    position: relative;
}

.mySwiper03 .swiper-slide .loc_img {
    width: 100%;
    overflow: hidden;
}

.mySwiper03 .swiper-slide .loc_img img {
    width: 100%;
}

.mySwiper03 .swiper-slide .loc_desc {
    position: absolute;
    bottom: 0;
    left: 5%;
    width: 90%;
}

.mySwiper03 .swiper-slide .loc_desc strong {
    font-family: "Poppins-SemiBold";
    font-size: 7vw;
    display: inline-block;
    letter-spacing: -0.2vw;
    padding-top: 3vw;
    color: #ef7f2f;
}

.mySwiper03 .swiper-slide .loc_desc img {
    height: 10vw;
    position: absolute;
    top: 0;
    right: 0;
}

.mySwiper03 .swiper-slide .loc_desc p {
    color: #fff;
    font-size: 4.3vw;
    line-height: 1.3;
    padding-top: 4vw;
}

.mySwiper03 .swiper-slide .loc_desc p span {
    font-size: 3vw;
}

.mySwiper03 .swiper-slide .loc_desc .loc_bar {
    content: "";
    width: 100%;
    height: 3px;
    background: #999;
    margin: 5vw 0 7vw;
    display: block;
    position: relative;
}

.mySwiper03 .swiper-slide .loc_desc .loc_bar:before {
    content: "";
    clear: both;
    display: block;
    width: 0;
    height: 100%;
    background: #ef7f2f;
    position: absolute;
    top: 0;
    left: 0;
    transition: 2.5s;
}


.mySwiper03 .swiper-slide-active .loc_desc .loc_bar:before {
    width: 100%;
}


/*<!-- navigation  -->*/

.loc_btn {
    width: 75%;
    margin: 5vw auto;
    display: flex;
    justify-content: space-between;
}

.loc_btn div img {
    height: 12vw;
    cursor: pointer;
}

.loc_btn .loc_more {
    line-height: 12vw;
    width: 32vw;
    text-align: center;
    border: 2px solid #ef7f2f;
    border-radius: 15vw;
    color: #ef7f2f;
    font-size: 4vw;
    font-weight: 600;
    box-sizing: border-box;
}



/*----------sec04 brand--------*/



#sec04.brand {
    width: 100vw;
    height: 76vw;
    position: relative;
}

#sec04.brand .brand_bg {
    width: 100%;
    height: 100%;
}

#sec04.brand .brand_logo {
    position: absolute;
    top: 32%;
    left: 30vw;
    width: 40vw;
}

#sec04.brand .brand_more {
    position: absolute;
    top: 58%;
    left: 34vw;
    font-size: 4vw;
    color: #fff;
    width: 32vw;
    border: 2px solid #fff;
    text-align: center;
    line-height: 12vw;
    border-radius: 12vw;
    box-sizing: border-box;
}


/*----------sec05 contact--------*/



#sec05.contact {
    width: 100vw;
    height: 165vw;
    background: url(../images/contact_bg.jpg) no-repeat center/cover;
    position: relative;
}



#sec05.contact .contact_title {
    padding: 15vw 8vw 0;
    text-align: center;
    font-size: 12vw;
    font-family: "Poppins-Bold";
    letter-spacing: -1px;
    display: block;
    color: #fff;
}


#sec05.contact .map_cont {
    margin: 5vw auto;
    width: 80%;
}


#sec05.contact .map_cont .map_box .mapimg {
    width: 100%;
}

/*클릭이벤트에 따른 지도교체*/
.map_box .mapimg01 {
    display: none;
}

.map_box .mapimg02 {
    display: block;
}


.map_box .add_box {
    margin-top: 4vw;
    cursor: pointer;
}

.map_box .add_box div {
    position: relative;
    padding: 2vw 0 3vw 10vw;
}


.map_box .add_box img {
    position: absolute;
    top: 3vw;
    left: 1vw;
    height: 9vw;
}

.map_box .add_box p {
    color: #fff;
    font-size: 4vw;
    line-height: 1.3;
}

.map_box .add_box p span {
    font-size: 4.8vw;
    font-weight: 600;
}

.map_box .add_box .add_wh {
    display: block;
}

.map_box .add_box .add_org {
    display: none;
}

/*map click 이벤트*/
/*지도이미지*/
.map_box.on .mapimg01 {
    display: block;
}

.map_box.on .mapimg02 {
    display: none;
}

/*주소텍스트 컬러&아이콘*/
.map_box .add01.on p {
    color: #ef7f2f;
}

.map_box .add01.on .add_wh {
    display: none;
}

.map_box .add01.on .add_org {
    display: block;
}

.map_box .add02.on p {
    color: #ef7f2f;
}

.map_box .add02.on .add_wh {
    display: none;
}

.map_box .add02.on .add_org {
    display: block;
}


.contact_click {
    position: absolute;
    top: 101vw;
    left: 3vw;
    height: 6vw;
}

/*오시는길바로가기*/
#sec05.contact .contact_more {
    position: absolute;
    top: 142vw;
    left: 34vw;
    font-size: 4vw;
    color: #fff;
    width: 32vw;
    border: 2px solid #fff;
    text-align: center;
    line-height: 12vw;
    border-radius: 12vw;
    box-sizing: border-box;
}