html,
body {
    height: 100%;
}


/* etc */

html {
    overflow-x: hidden
}

.row-offcanvas {
    height: 100%;
    position: relative;
}

a {
    color: #000;
}

/*@media(min-width:1170px) {*/
@media(min-width:1280px) {
    .container {
        width: 1066px;
    }
}
@media(max-width:1279px) {
    .container {
        width: auto;
    }
}

.js-parallax {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
/*    background: url('../../img/main/section_04_bg.jpg');*/
    background-size: cover;
    
}

.slide_txt_come{font-size: 56px;font-weight: 900;color: #f29745;}
/* header */

.header_scroll{
 
}
#header_wrap {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 4.6354vw;
    transition: .5s height, .2s background;
    z-index: 999999;
}

#header_wrap .container{width:100%;}

#header_wrap.top_menu_06 {
    
}

#header_wrap.top_menu_06 h1 {
    overflow: hidden;
    width: 12.8125vw;
    padding-left: 0.2604vw;
    margin-left: 2.5625vw;
    margin-top: 0.54vw;
}

#header_wrap.top_menu_06 h1 a {
    overflow: hidden;
    display: block;
    height:3.6042vw;
    background: url(../../img/main/logo-white.png) 0 100% no-repeat;
    text-indent: -9999px;
    /*    background: url(../../img/main/logo-white.png) top center no-repeat;*/
    text-indent: -9999px;
    background-size: contain;
}

#header_wrap.top_menu_06.sub h1 a {
    background: url(../../img/main/logo-white.png) 0 100% no-repeat;
    text-indent: -9999px;
}

#header_wrap.top_menu_06.scroll_color h1 a{
    background: url(../../img/main/logo-black.png) 0 100% no-repeat;
    background-size: contain;
}

#header_wrap.top_menu_06 .menu_wrap {
    position: absolute;
    left: 50%;
    top: 0.2083vw;
/*    width: 800px;*/
    width: 47vw;
    margin-left:-25.1458vw;
}

#header_wrap.top_menu_06 .gnb {
    text-align: center;
    background-color: transparent;
}

#header_wrap.top_menu_06 .gnb li {
    float: left;
    text-align: center;
    padding: 0 3%;
    width: 25%;
}
/*
#header_wrap.top_menu_06 .gnb li::after{
    content: '';display: inline-block;width: 1px;height: 0.8854vw;background: #474747;position: absolute;top: 1.7708vw;right: 0px;
}

#header_wrap.top_menu_06 .gnb li:last-child::after{
    content: '';display: none;
}
*/
#header_wrap.top_menu_06 .gnb a {
    display: inline-block;
    font-weight: 400;
    line-height: 1em;
    color: #000;
}

#header_wrap.top_menu_06 .gnb:after {
    display: block;
    clear: both;
    content: "";
}

#header_wrap.top_menu_06 .gnb .depth1 {
    position: relative;
}

#header_wrap.top_menu_06 .gnb .depth1 > a {
    display: block;
    height: 2.9688vw;
    padding: 1.8229vw 0 0;
    font-size:0.8333vw;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Gmarket Sans';
    cursor: pointer;
}

#header_wrap.top_menu_06 .gnb .depth1 > a:before {
    background: linear-gradient(to right, #1d2088, #2295d1);
    background: -webkit-linear-gradient(to right, #1d2088, #2295d1);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    margin-top: 1.8750vw;
    content: "";
    height: 0.1563vw;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    width: 0%;
    transition: 0.5s;
}

#header_wrap.top_menu_06 .gnb .depth1 > a:hover::before {
    color: #4568DC;
    width: 3.1250vw;
}

#header_wrap.top_menu_06 .gnb .depth1 > a:hover {
    color: #4568DC;
}

#header_wrap.top_menu_06 .gnb .depth2 {
    display: none;
}

#header_wrap.top_menu_06 .top_right_menu {
    float: right;
    top: 0;
    position: absolute;
    right: 0;
    margin-top: 33px;
}

#header_wrap.top_menu_06 .top_right_menu .btn-white {
    display: inline-block;
    background-color: #fff;
    color: #9c9c9c !important;
    transition: 0.4s;
    border: 1px #eee solid !important;
    border-radius: 12em;
    padding-left: 18px;
    padding-right: 18px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

#header_wrap.top_menu_06 .top_right_menu .btn-white:hover {
    background-color: #f6f6f6;
    color: #000
}


/* 투명 */

#header_wrap.top_menu_06.transparent {
 
}

#header_wrap.top_menu_06.transparent .gnb a {
    color: #fff;
}
#header_wrap.top_menu_06.transparent .gnb a:hover{
    text-decoration: none;
}
#header_wrap.top_menu_06.scroll_color.transparent .gnb a {
    color: #000;
}


#header_wrap.top_menu_06.transparent .top_right_menu .btn-white {
    display: inline-block;
    background-color: transparent;
    color: #fff !important;
    transition: 0.4s;
    border: 1px #fff solid !important;
    border-radius: 12em;
    padding-left: 18px;
    padding-right: 18px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    height: 32px;
}


/* header_hover */


#header_wrap.top_menu_06.transparent {background: transparent;border-bottom: 1px solid #e5e5e5;}

#header_wrap .tel{position: absolute;right: 1.8750vw;top: 1.4021vw;z-index: 999;display: flex;flex-direction: row;align-items: center;gap: 0.5208vw;}
.tel_ico{width: 1.8750vw;margin-top: -0.5208vw;}
.tel_num{font-size: 2.1354vw;font-family: 'Gmarket Sans';font-weight: 700;color: #fff;line-height: 1;}
.scroll_color .tel_num{color: #ff659e;}
#header_wrap.top_menu_06.scroll_color{background: #fff;position: fixed !important;box-shadow: -1px 1px 6px 0px rgba(0, 0, 0, 0.35);border-bottom: 0px;}

/* 모바일 메뉴 */

.sidebar-offcanvas {
    display: none;
}

.js-offcanvas-btn {
    position: absolute;
    right: 0;
    margin-right: 1.0081vw;
    top: 2.0161vw;
    background-color: transparent;
    border: 0;
}

@keyframes motion {
	0% {bottom: 4%;}
	100% {bottom: 6%;}
}
@media(max-width:997px) {
    .menu_wrap {
        display: none;
    }
    .js-offcanvas-btn {
        display: block;
    }
    .sidebar-offcanvas {
        display: block !important;
    }
}


/* 모바일 메뉴 마감 */

.quick{position: fixed;right: 3%;bottom:9%;z-index: 999;transition:0.3s ease-in-out;width: 6.6667vw;display: flex;flex-direction: column;}
.quick_btn{width: 100%;}
.quick_btn img{width: 100%;}

.warn{font-size: 12px;color: #7d7d7d;text-align: left;}

/* index- content */


.index-content {}

.index-content .section-01 {

    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;

    
}
.index-content .section-01 .content {
padding: 8% 0;
    text-align: center;
   
}
.index-content .section-01 .title-wrap {
    z-index: 2;
}

.index-content .section-01 .title-wrap h2 {
    font-size: 44.6px;
    line-height: 45px;
    font-weight: 100;
    color: #fff;
    font-family: 'KoreanGHD-M';
    margin-bottom: 0;
    margin-top: 0;
}

.dots{margin: 28px 0;}


.index-content .section-01 .title-wrap .line {
    width: 27px;
    height: 1px;
    background-color: #000;
    margin-top: 15px;
    margin-bottom: 30px;
}


.index-content .section-01 .title-wrap p {
    font-size: 16px;
    color: #353535;
    line-height: 28px;
    margin-bottom: 30px;
}


.index-content .title_wrap {
    text-align: center;
}

.index-content .title_wrap h2 {
    font-size: 39.64px;
    font-weight: 600;
    font-family: 'KoreanGHD-M';
    color: #1d2088;
    margin-bottom: 25px;
}

.index-content .title_wrap p {
    font-size: 20px;
    font-family: 'NotoSans', sans-serif;
    color: #363636;
}

.index-content .section-02 {
    width: 100%;
}

.section-03{width: 100%;}



/* 카우셀 */
.SlickCarousel {
    
}

.ProductBlock .box_wrap{overflow: hidden;}

.slide_back{position: absolute;right: 8px;top:2%;display: inline-block;}
.Slick_wrap:after,
.Slick_wrap .Head:after {
    content: '';
    display: block;
    clear: both;
}

.s-Arrows {
/*    float: right;*/
    float: right !important;
    position: relative !important;
    z-index: 999999999999999999999999999999999999999999999999999999999999999999;
    top: 0 !important;
    margin-top: -140px !important;
    margin-right: 381px !important;

} 
.slick-dots {
    display: none !important;
}
.Slick-Next,
.Slick-Prev {
    display: inline-block;
    width: 52px;
    height: 52px;
    margin-top: 6px;
/*    background: ;*/
    border: 1px #fff solid;
    color: #fff;
    /*  margin-left: 1px;*/
    cursor: pointer;
    font: 30px/46px FontAwesome;
    font-weight: 800;
    /*  font: 18px/36px FontAwesome;*/
    text-align: center;
    transition: all 0.5s;
    
}

.Slick-Next {
    border-left: 0;
}

.Slick-Prev {}

.Slick-Next:hover,
.Slick-Prev:hover {
    background: #fff;
    color: #1d2088;
}

.Slick-Next:before {
    content: '\f105'
}

.Slick-Prev:before {
    content: '\f104'
}

.SlickCarousel {
    margin: 0 -7.5px;
    margin-top: 10px;
    z-index: 2;
}

/**/

.index-content .section-03 {
    
    position: relative;
    padding: 6% 0;
}

.index-content .section-04 {

}

.index-content .section-05 {
    width: 100%;
}


/* 새창 유튜브 */

.lightbox {
    background-color: rgba(0, 0, 0, 0.8);
    overflow: scroll;
    position: fixed;
    display: none;
    z-index: 999999999999999;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

.lightbox-container {
    position: relative;
    max-width: 960px;
    margin: 7% auto;
    display: block;
    padding: 0 3%;
    height: auto;
    z-index: 9999999999999999;
}

@media screen and (max-width: 768px) {
    .lightbox-container {
        margin-top: 10%;
    }
}

@media screen and (max-width: 414px) {
    .lightbox-container {
        margin-top: 13%;
    }
}

.lightbox-content {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
}

.lightbox-close {
    text-transform: uppercase;
    background: transparent;
    position: absolute;
    font-weight: 300;
    font-size: 12px;
    display: block;
    border: none;
    color: white;
    top: -22px;
    right: 3%;
}

.video-container {
    padding-bottom: 56.25%;
    position: relative;
    padding-top: 30px;
    overflow: hidden;
    height: 0;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}


/* IGNORE FORM THIS POINT ON */

#playme {
    background: #007fed;
    text-transform: uppercase;
    font-weight: 300;
    border: none;
    color: white;
    padding: 10px 15px;
    display: inline-block;
    font-size: 14px;
    margin: 0;
}

@-webkit-keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpSD {
  -webkit-animation-name: fadeInUpSD;
  animation-name: fadeInUpSD;
}
/*
.slide_point_01,.slide_point_02{opacity:0;}
.swiper-slide-active .slide_point_01 {
  animation-name: fadeInUpSD;
  animation-duration: 2s;
  animation-duration: 2s;
  opacity: 1;
}
.swiper-slide-active .slide_point_02 {
  animation-name: fadeInUpSD;
  animation-duration: 2s;
  opacity: 1;
}
   */


      
@-webkit-keyframes fadeInUpSD2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpSD2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpSD {
  -webkit-animation-name: fadeInUpSD2;
  animation-name: fadeInUpSD2;
}


.life_sla{width: 100%;}
.life1{width: 100%;}

.section-11{background-size: cover;background-position: no-repeat center 0;padding: 5% 0;}
.section-11 .content{width: 100%;margin: auto;max-width: 65.1042vw;}
.sec11_img1{width:100%;}
.sec11_img1 img{width:41.9792vw;text-align: left;}
.sec11_img2{width: 100%;margin-top: 3%;}
.sec11_img3{width: 100%;text-align: right;margin-top: 3%;}
.sec11_img3 img{width: 42.3438vw;}


.section-12{background-size: cover;background-position: no-repeat center 0;padding:5% 0;}
.section-12 .content{width: 100%;margin: auto;}
.sec12_img1{width:43.5938vw;margin: auto}
.sec12_img2{width:64.5313vw;margin: auto;margin-top: 3%;}
.sec12_img3{width:64.5313vw;margin: auto;margin-top: 3%;}

.section-13{background-size: cover;background-position: no-repeat center 0;background: #fff;}
.section-13 .content{width: 100%;margin: auto;display: flex;flex-direction: row;}
.sec13_left{width: 43.51%;}
.sec13_right{width: 56.49%;background: #ff4f90;display: flex;align-items: center;justify-content: center;}
.sec13_img1{width:100%;}
.sec13_img2{width:49.5313vw;margin-top: 6.7708vw;}



.section-01 .content{width: 100%;}
.sec1_txt1{width: 64.6354vw;margin: auto;}

.section-02{background-size: cover;background-position: no-repeat center 0;background: #fff;}
.section-02 .content{width: 100%;margin: auto;padding: 5% 0;}
.sec2_area{width: 100%;margin: auto;display: flex;flex-direction: row;margin-top: 3%;}
.sec2_left{width: 50%;display: flex;align-items: center;justify-content: center;}
.sec2_right{width: 50%;}
.sec2_img1{width:21.3021vw;margin: auto;}
.sec2_img2{width:29.5833vw;}
.sec2_img3{width:100%;}

.section-03{background-size: cover;background-position: no-repeat center 0;background-size: cover;padding: 5% 0;}
.section-03 .content{width: 100%;margin: auto;}
.sec3_img1{width: 55.4167vw;margin: auto}
.sec3_ul{width: 100%;max-width: 65.8333vw;display: flex;flex-direction: row;justify-content: space-between;margin: auto;margin-top: 5%;}
.sec3_li{width: 21.2500vw;}

.section-04{background-size: cover;background-position: no-repeat center 0;padding: 5% 0;background: #f6f6f6;}
.section-04 .content{width: 100%;margin: auto;}
.sec4_img1{width: 44.1667vw;margin: auto}
.sec4_img4{width: 53.0208vw;margin: auto;margin-top: 3%;}
.sec4_img_area{width: 100%;max-width: 65.0521vw;display: flex;flex-direction: row;justify-content: space-between;margin: auto;margin-top: 3%;}
.sec4_img2,.sec4_img3{width: 31.8750vw;margin: auto;}
.video_content_bg{width: 100%;margin: auto;margin-top: 0%;background:#fff;padding: 5% 0;}
.video_tit{width: 38.8021vw;margin: auto;}
.video_content{width: 64.1667vw;margin: auto;margin-top: 2%;}

.section-05{background-size: cover;background-position: no-repeat center 0;padding: 5% 0;}
.section-05 .content{width: 100%;max-width: 65.2083vw; margin: auto;}
.sec5_img1{width: 32.7604vw;}
.sec5_img2{width: 33.0729vw;margin-top: 5%;}

.section-06{background-size: cover;background-position: no-repeat center 0;padding: 5% 0;position: relative;}
.section-06 .content{width: 100%;max-width: 65.1563vw;margin: auto;}
.sec6_img1{width: 40.6771vw;margin: auto;}
.sec6_img2{width: 100%;margin-top: 5%;}
.sec6_img3{width: 100%;margin-top: 5%;}
.news_ul{width: 100%;display: flex;flex-direction: column;border-top: 0.1563vw solid #343434;margin-top: 5%;}
.news_li{display: flex;flex-direction: row;justify-content: space-between;padding: 0.7813vw 0;border-bottom: 0.0521vw solid #343434;}
.news_title{font-size: 1.1458vw;color: #343434;font-weight: 500;}
.news_link a{font-size: 1.1458vw;color: #ff4f90;font-weight: 500;}
.bot_box{width: 100%;height: 17.6563vw;background: #ff4f90;position: absolute;left: 0;bottom: 0;z-index: -1}

.section-07{background-size: cover;background-position: no-repeat center 0;padding: 5% 0;}
.section-07 .content{width: 100%;}
.sec7_img1{width: 47.9167vw;margin: auto;}
.sec7_img2{width: 65.0521vw;margin: auto;margin-top: 5%;}

.section-08{background-size: cover;background-position: no-repeat center 0;padding: 0 0 5% 0;margin-top: -9%;}
.section-08 .content{width: 100%;margin: auto;}
.sec8_img1{width: 33.4375vw;margin: auto;}
.sec8_img3{width: 65.2604vw;margin: auto;}

.barbox{width: 100%;background: url(../../img/sec8_img2_bg.jpg) no-repeat center center;background-size: cover;display: flex;align-items: center;justify-content: center;padding: 5% 0 13% 0;}
.barbox img{width: 52.2396vw;}

.section-10{position: relative;background: #009e85;}

.section-14{background-size: cover;background-position: no-repeat center 0;padding: 5% 0;background: #f8f8f8;}
.section-14 .content{width: 100%;margin: auto;}
.sec14_img1{width: 41.6667vw;margin: auto;}
.sec14_img2{width: 69.5313vw;margin: auto;margin-top: 3%;}

.section-15{background-size: cover;background-position: no-repeat center 0;padding: 5% 0;}
.section-15 .content{width: 100%;margin: auto;}
.sec15_img1{width: 60.1563vw;margin: auto}
.sec15_img2{width: 100%;margin-top: 3%;}

.section-16{background-size: cover;background-position: no-repeat center 0;padding: 5% 0;}
.section-16 .content{width: 100%;margin: auto;}
.sec16_img1{width: 51.5625vw;margin: auto}
.sec16_img2{width: 69.5313vw;margin: auto;margin-top: 3%;}

.section-17{background-size: cover;background-position: no-repeat center 0;padding: 5% 0 0 0;background: #f8f8f8;}
.section-17 .content{width: 100%;margin: auto;}
.sec17_img1{width: 38.1250vw;margin: auto}
.sec17_img2{width: 73.8021vw;margin: auto;margin-top: 3%;}

.section-18{background-size: cover;background-position: no-repeat center 0;padding: 5% 0;background: #f8f8f8;}
.section-18 .content{width: 100%;margin: auto;}
.sec18_img1{width: 54.6875vw;margin: auto}
.sec18_img2{width: 69.5313vw;margin: auto;margin-top: 3%;}

.section-19{background-size: cover;background-position: no-repeat center 0;padding: 5% 0;}
.section-19 .content{width: 100%;margin: auto;}
.sec19_img1{width: 70.2604vw;margin: auto}

.section-20{background-size: cover;background-position: no-repeat center 0;padding: 5% 0;background: #f8f8f8;}
.section-20 .content{width: 100%;margin: auto;}
.sec20_img1{width: 54.6875vw;margin: auto}
.sec20_img2{width: 69.5313vw;margin: auto;margin-top: 3%;}

.faq-wrap {
  max-width: 1335px;
  margin: 0 auto;
padding: 5% 0;
}

.faq-title {
  font-size: 65px;
  font-weight: 900;
    font-family: 'Gmarket Sans';
    color: #00a3a0;
  text-align: center;
  margin-bottom: 40px;
}

.faq-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.faq-item {
  background: #fff;
  border-radius: 12px;
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.faq-q {
  width: 100%;
  padding: 22px 24px;
  background: none;
  border: none;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-q:hover {
  background: #f2f4f7;
}

.arrow {
  width: 10px;
  height: 10px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(45deg);
  transition: transform 0.3s;
}

.faq-item.active .arrow {
  transform: rotate(-135deg);
}

.faq-a {
  display: none;
  padding: 24px;
  font-size: 16px;
  line-height: 1.7;
  color: #555;
  border-top: 1px solid #eee;
}

.db_section{width: 100%;}
.db_area{width: 100%;display: flex;flex-direction: row;justify-content: space-between;max-width: 100%;margin: auto;}
.db_img_area{width: 50%;display: flex;justify-content: flex-end;padding: 3% 3% 3% 0;}
.db_input_area{width: 50%;background: #fff;display: flex;justify-content: flex-start;padding: 3% 0 3% 3%;}
.db_img{width: 25.1563vw;}
.db_input{width: 30.6771vw;}
.tbl_frm01{margin: 0;}
.db_img2{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 65.3125vw;}
/*  sub layout */


/* 비쥬얼 */

@keyframes zoom {
    0% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.0, M12=0, M21=0, M22=1.0, SizingMethod='auto expand')";
        filter: progid: DXImageTransform.Microsoft.Matrix(M11=1.0, M12=0, M21=0, M22=1.0, SizingMethod='auto expand');
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')";
        filter: progid: DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand');
    }
}




#sub_content {
    margin-top: 120px;
    margin-bottom: 80px;
}


#sub_content .page-header {
    margin-top: 70px;
    /*    padding-bottom: 30px;*/
    text-align: center;
    clear: both;
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

#sub_content .page-header h1 {
    font-size: 37.46px;
    color: #1d2088;
    font-weight: 900;
    display: inline-block;
    margin-top: 25px;
    text-transform: capitalize;
    font-family: 'NanumSquare';
    
}
.tit_img{display: inline-block;width: 100%;text-align: center;}
.tit_img img{}

.popup_area{position: absolute;top: 1%;z-index: 999999;    display: flex;
    flex-direction: row;
    align-items: center;top: 170px;left: 0px;}
.popup{width: 400px;border: 2px solid #e5e5e5;}
.popup_btn{width: 60px;cursor: pointer;}
.popup_btn_off{width: 60px;cursor: pointer;}


/* footer */

.footer {
    /*    margin-top: 30px;*/
    background-color: #363636;
    
}

.footer .container{width: 94%;display: flex;flex-direction: row;justify-content: space-between;padding: 1% 0;}


.footer p.logo {
    margin-top: 1.8229vw;
    display: block;
    width: 8.9167vw;
    text-align: right;
}

.footer p.logo span{font-size: 0.6771vw;font-weight: 700;}

.footer p.logo img {
    width: 100%;margin-bottom: 0.5208vw;
}

.footer address {
    width: 50%;
    margin-top: 1.0417vw;
    font-size: 0.6250vw;
    line-height: 0.9896vw;
    color: #fff;
    font-family: 'NotoSans';
}

.foot_warn{color: #b5b5b5;margin-bottom: 0.5208vw;font-size: 0.5729vw;}
.foot_logo_area{display: flex;flex-direction: column;align-items: flex-end;width: 50%;}
.foot_company{width: 10.6771vw;}
.foot_company img{width: 100%;}
.footer p.copyright {
    margin-top: 0;
    padding-top: 0;
    color: #b5b5b5;
    font-size: 13px;
    font-family: 'NotoSans';
    margin-bottom: 10px;
}

.swiper-button-prev{background: url('../../img/slide_btn_01.png') no-repeat center 0;background-size: cover;}
.swiper-button-next{background: url('../../img/slide_btn_02.png') no-repeat center 0;background-size: cover;}

.mb_slide{width: 100%;margin-top: 4vh;}
.m_sec_01{width: 100%;}
.m_sec_02{width: 100%;}


#pc{}
#mb{display: none;}


@media screen and (max-width:998px){
    #header_wrap.top_menu_06.transparent{background: #fff;}
    .tel_num{display: none;}
    .tel_ico{margin-top: 1vw;}
    .video_content_bg{padding: 7% 0;}
.video_tit{width: 94%;margin: auto;}
.video_content{width: 100%;margin: auto;margin-top: 3%;}    
    #header_wrap .tel{width: 8%;}
    .section-04{padding: 7% 3%;}
    .section-04 .content{}
    
    .sec4_img1{width: 95vw;}
    .sec4_img_area{flex-direction: column;max-width: 92vw;}
    .sec4_img2{width: 100%;margin-top: 5%;}
    .sec4_img3{width: 100%;margin-top: 5%;}
    .sec4_img4{width: 100%;margin-top: 5%;}
    
    .barbox img{width: 92vw;}
    
    .section-11 .content{max-width: 92%;padding: 7% 0;}
    .sec11_img1 img{width: 77vw;}
    .sec11_img2{margin-top: 5%;}
    .sec11_img3 img{width: 76vw;margin-top: 5%;}
    
    .section-12{padding: 7% 0;}
    .sec12_img1{width: 75vw;}
    .sec12_img2{width: 92vw;margin-top: 5%;}
    .sec12_img3{width: 92vw;margin-top: 5%;}
    
    .sec1_txt1{width: 92vw;}
    
    .section-02 .content{padding: 7% 0;}
    .sec2_area{flex-direction: column-reverse;}
    .sec2_left,.sec2_right{width: 100%;}
    .sec2_img1{width: 44vw;}
    .sec2_img2{width: 80vw;margin-top: 5%;}
    .sec2_img3{margin-top: 5%;}
    
    .index-content .section-03{padding: 7% 0;}
    .sec3_img1{width: 92vw;}
    .sec3_ul{flex-direction: column;max-width: 80vw;}
    .sec3_li{width: 100%;margin-bottom:22%;}
    
    .index-content .section-15{padding: 7% 0;}
    .sec15_img1{width: 97vw;}
    .sec15_img2{margin-top: 5%;}
    
    .section-05 .content{max-width: 80vw;}
    .sec5_img1{width: 43vw;}
    .sec5_img2{width: 45vw;}
    
    .sec6_img2{margin-top: 10%;}
    .news_ul{margin-top: 10%;}
    .sec6_img3{margin-top: 10%;}
    
    .barbox{padding: 10% 0 19% 0;}
    .section-08{margin-top: -12%;padding: 0 0 10% 0}
    .section-08 .content{max-width: 100%;}
    .sec8_img1{width: 66vw;}
    .sec8_img3{width: 96vw;}
    

    .section-13 .content{flex-direction: column;}
    .sec13_left,.sec13_right{width: 100%;}
    .sec13_right{padding: 7% 0;}
    .sec13_img1{width: 100%;}
    .sec13_img2{width: 92vw;margin-top: unset;}
    
    .section-06{padding: 7% 0;}
    .section-06 .content{max-width: 92vw;}
    .sec6_img1{width: 75vw;}
    .news_title{font-size: 4vw;}
    .news_link{text-align: right;}
    .news_link a{font-size: 4vw;}
    .news_li{flex-direction: column;}
    
    .section-07{padding: 7% 0;}
    .sec7_img1{width: 88vw;}
    .sec7_img2{width: 92vw;margin-top: 7%;}

    .section-14 .content{max-width: 100%;padding: 10% 0;}
    .sec14_img1{width:70vw;}
    .sec14_img2{width: 92vw;margin-top: 7%;}
    
    .section-16{padding: 7% 0;}
    .sec16_img1{width: 92vw;}
    .sec16_img2{width: 92vw;margin-top: 7%;}
    
    .section-17{padding: 7% 0;}
    .sec17_img1{width: 62vw;}
    .sec17_img2{width: 92vw;margin-top: 7%;}
    
    .section-18{padding: 7% 0;}
    .sec18_img1{width: 98vw;}
    .sec18_img2{width: 92vw;margin-top: 7%;}
    
    .section-19{padding: 7% 0;}
    .sec19_img1{width: 92vw;}
    
    .section-20{padding: 7% 0;}
    .sec20_img1{width: 92vw;}
    .sec20_img2{width: 92vw;margin-top: 7%;}
    
    .faq-title{font-size: 2.5em;}
    
    .db_area{flex-direction: column;}
    .db_img_area{width: 100%;padding: 0;justify-content: center;margin-top: 10%;margin-bottom: 10%;}
    .db_input_area{width: 100%;padding: 5% 0 15% 0;justify-content: center;}
    .db_img{width: 85%;}
    .db_input{width: 90%;}
    .db_img2{display: none;}
    
    .quick{width: 20%;bottom: 10%;right: 2%; flex-direction: row;}
    
    
    .foot_warn{font-size: 10px;}
    
    
    .footer .container{width: 96%;padding: 5% 2% 10% 0;margin: auto;flex-direction: column-reverse;}
    .footer address{width: 100%;}
    .foot_company{width: 50%;margin: auto;margin-bottom: 6%;}
    .foot_logo_area{width: 100%;}

        #hd_pop{z-index: 2;width: 100%;text-align: center;}
        .hd_pops{margin: auto;
    top: 70px !important;
    left: 10% !important;
    width: 80%;}
    .hd_pops_con{width: 100% !important;height: 100% !important;}
    .hd_pops img{width: 100% !important;}
    .hd_pops_con p{margin: 0;}
    
    .mpopup_area{position: absolute;top: 1%;z-index: 999999;    display: flex;
    flex-direction: row;
    align-items: center;top: 12%;left: 0px;width: 100vw;}
.mpopup{width: 80%;border: 2px solid #e5e5e5;}
.mpopup_btn{width: 13%;cursor: pointer;}
.mpopup_btn_off{width: 13%;cursor: pointer;}
    
    


}
.mb_slide_bg{display: none;}
@media (max-width: 992px) {
     
    .sub_three_map_wrap{margin-top: 14%}
    .mb_slide_bg{display: flex;}
    #pc{display: none;}
#mb{display: block;}

    #header_wrap {height: 9%;}
    .tit_img{display: block;width: 100%;text-align: center;}
    .tit_img img{width: 30%;}
    .footer{position: relative;padding: 0px;}
    .footer p.logo{width: 100%;text-align: center;margin: 20px 0;left: 0;float: inherit;}
    .footer p.logo img{width: 40%;display: block;margin: auto;margin-bottom: 2%;}
    #header_wrap.top_menu_06 h1{width: 60%;margin-bottom: 0;margin-top: 0%;margin-top: 4%;margin-left: 0;}
    #header_wrap.top_menu_06 h1 a{background: url(../../img/main/logo-black.png) 0 100% no-repeat; background-size: contain;height: 40px;}
    
    .sub_three_map_wrap.sticky{top: 8%;}

    .animate {
        opacity: 1;
    }

    .footer address {
    margin-top: 0px;
    font-size: 10px;
    line-height: 1.4;
    font-family: 'NotoSans';
}

.footer p.copyright {
    margin-top: 0;
    padding-top: 0;
    color: #fff;
    font-size: 11px;
    font-family: 'NotoSans';
}

    
    #mb{display: block;}
    
@media screen and (max-width:600px){
    #header_wrap .tel{width: 12%;margin-top: 1%;}
    }