/* section */ section .wrap .sec_tit *{font-size: 3.75rem; font-family: 'HappinessB',serif;} /* section1 */ #section1 .sec1_slide{overflow: hidden; position: relative; height: 51.25rem;} #section1 .sec1_slide .swiper-slide{height: 100%;background: url(../../assets/images/visu1.jpg) no-repeat center center; background-size: cover;} /*#section1 .sec1_slide .swiper-slide:last-child{height: 100%;background: url(../../assets/images/visu2.jpg) no-repeat center center; background-size: cover;}*/ #section1 .sec1_slide .wrap .slide_con{margin-top: 16.25rem;} #section1 .sec1_slide .wrap .slide_con h1{font-size: 3.75rem; font-family: 'HappinessB',serif; color: #fff;} #section1 .sec1_slide .wrap .slide_con .detail {margin-top: 3.125rem;} #section1 .sec1_slide .wrap .slide_con .detail a{display: inline-block; color: #fff; background: rgba(0, 0, 0, 0.7); padding: 0.875rem 1.875rem; border-radius: 3.05rem;} #section1 .sec1_slide .wrap .slide_con .detail a i{margin-left: 1.25rem;} #section1 .sec1_slide .swiper_controll1{position: absolute; top: 37.125rem; width: 100%; } #section1 .sec1_slide .swiper_controll1 .wrap{display: flex; align-items: center;} #section1 .sec1_slide .swiper_controll1 .wrap .swiper-pagination{/*position: relative;*/ cursor: pointer; margin-top:8rem;} #section1 .sec1_slide .swiper_controll1 .wrap .swiper-pagination .swiper-pagination-bullet{background: #fff; opacity: 1; margin-right: 0.625rem;} #section1 .sec1_slide .swiper_controll1 .wrap .swiper-pagination .swiper-pagination-bullet-active{background: #ffde00;} #section1 .sec1_slide .swiper_controll1 .wrap .slide_btn{position: relative; z-index: 10; padding: 0 0.625rem;} #section1 .sec1_slide .swiper_controll1 .wrap .sec1_slide_next{position: relative; z-index: 1; cursor: pointer; padding: 0 0.625rem;} #section1 .sec1_slide .swiper_controll1 .wrap .sec1_slide_prev{position: relative; z-index: 1; cursor: pointer; padding: 0 0.625rem;} /* section2 */ #section2 .wrap{padding: 6.25rem 0 6.25rem; position: relative;} #section2 .sec2_slide{overflow: hidden; position: relative; height: 31.25rem; width: 43.75rem; border-radius: 0 2.8125rem 0 0; margin-top: 4.0625rem;} #section2 .sec2_slide .slide_con{ width: 100%; height: 24.0625rem; background: #49675b; color: #fff; padding: 6.875rem 4.0625rem; box-sizing: border-box;} #section2 .sec2_slide .slide_con h5{color: #f0e5ed; font-size: 1.125rem; font-family: 'HappinessB',serif;} #section2 .sec2_slide .slide_con h2{font-size: 2.125rem; font-family: 'HappinessB',serif; margin-top: 0.9375rem;} #section2 .sec2_slide .slide_con h4{font-size: 1.375rem; margin-top: 2.5rem; opacity: .7;} #section2 .wrap .sec_tit h1 span{color: #009680;} #section2 .sec2_slide .swiper_controll2{position: absolute; top: 26.625rem; width: 100%; display: flex; align-items: center; z-index: 1;} #section2 .sec2_slide .swiper_controll2 .paging .front{font-family: 'HappinessB',serif;} #section2 > div > div.swiper.sec2_slide.swiper-container-initialized.swiper-container-horizontal > div.swiper_controll2 > div.swiper-pagination.swiper-pagination-fraction > span.swiper-pagination-current{font-weight: bold;} #section2 .sec2_slide .swiper_controll2 .sec2_slide_next{position: relative; z-index: 1; cursor: pointer; left: -0.0625rem; margin-right: 2.8125rem;} #section2 .sec2_slide .swiper_controll2 .sec2_slide_prev{position: relative; z-index: 1; cursor: pointer; } #section2 .sec2_slide .swiper_controll2 .swiper-pagination-progressbar{position: relative; z-index: 11; width: 13.125rem; height: 0.25rem; margin-left: 0.625rem;} #section2 .sec2_slide .swiper_controll2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #000;} #section2 .sub_swiper{overflow: hidden; position: absolute; right: 20px; top: 15.1875rem; border-radius: 0 0 6.25rem 0; width: 48.75rem; padding-top: 5.3125rem;} #section2 .sub_swiper .swiper-slide{height: 26.25rem;} #section2 .sub_swiper .swiper-slide a{display: inline-block; width: 100%; height: 100%;} #section2 .sub_swiper .swiper-pagination3{position: absolute; z-index: 0; top: 0; width: 100%; text-align: right;} #section2 .sub_swiper .swiper-pagination3 .swiper-pagination-bullet{width: auto; height: auto; opacity: .5; background: #fff0; border: 0.0625rem solid #e5e5e5; padding: 0.625rem 1.25rem; border-radius: 2.875rem; cursor: pointer; font-size: 1.25rem;} #section2 .sub_swiper .swiper-pagination3 .swiper-pagination-bullet-active{opacity: 1;} /* section3 */ #section3{background: #d5eef1; background:url('../../assets/images/sec3_bg.jpg') no-repeat; background-position:center; height: 436px; } #section3 span{ width: 69px; height: auto;} #section3 .wrap{padding: 6.25rem 0 3.75rem; } #section3 .wrap .sec_tit{text-align: right;} #section3 .wrap .sec_tit h1 span{color: #009680;} #section3 .sec3_slide{overflow: hidden; position: relative; height: 37.5rem; margin-top: 4.0625rem; border-radius: 12.5rem 0 0 0;} #section3 .sec3_slide .slide_con{height: 35rem;} #section3 .sec3_slide .slide_con .slide_con_txt{padding: 4.0625rem; position: absolute; right: 0; bottom: 2.5rem; background: #00967fbe; border-radius: 2.8125rem 0 0 0;} #section3 .sec3_slide .slide_con .slide_con_txt h5{font-size: 1.125rem; font-family: 'HappinessB',serif; color: #fff9a1;} #section3 .sec3_slide .slide_con .slide_con_txt h3{font-size: 2.125rem; font-family: 'HappinessB',serif; margin-top: 0.9375rem; color: #fff;} #section3 .sec3_slide .swiper-pagination .swiper-pagination-bullet{background: #b7b7b7; opacity: 1; margin: 0 0.3125rem;} #section3 .sec3_slide .swiper-pagination .swiper-pagination-bullet-active{background: #ff5c60;} /* section4 */ .section4_bg{background:url(../../assets/images/se_1.jpg); width:100%;} #section4 .wrap{padding: 6.25rem 0 6.25rem;width:70%} #section4 .wrap .sec_tit{text-align: left;} #section4 .wrap .sec_tit h1 span{color: #e09636;} #section4 .wrap .sec_con{display: flex; justify-content: space-between; margin-top: 3.3625rem; margin-bottom: 5.3625rem;} #section4 .wrap .sec_con .sec_con_left{height: 46.875rem; width: 50%; margin-right: 2.875rem; box-sizing: border-box; border-radius: 0.625rem;} #section4 .wrap .sec_con .sec_con_left .sec_con_left_img{ height:100%; border-radius: 0.625rem; padding: 0 20px 0 20px;background: url('../..//assets/images/sec4_visu1.png') no-repeat center center; background-size: cover;} #section4 .wrap .sec_con .sec_con_left .sec_con_left_txt{padding: 2.5rem 4.375rem; box-sizing: border-box; opacity: 0.5;} #section4 .wrap .sec_con .sec_con_left .sec_con_left_img h1{font-size: 1.9125rem; margin-top: 0.9375rem; color: #fff; font-family: 'HappinessB',serif;} #section4 .wrap .sec_con .sec_con_left .sec_con_left_img h2{font-size: 1.325rem; margin-top: 1.875rem; color: #009287; font-family: 'HappinessB',serif;} #section4 .wrap .sec_con .sec_con_left .sec_con_left_img span{font-size: 1.25rem; margin-top: 0.9375rem; color: #fff; font-family: 'HappinessR',serif;} #section4 .wrap .sec_con .sec_con_left .sec_con_left_txt .flex_wrap{margin-top: 0.625rem;} #section4 .wrap .sec_con .sec_con_left .sec_con_left_txt .flex_wrap h1{font-size: 2rem; font-family: 'HappinessB',serif;} #section4 .wrap .sec_con .sec_con_right{ height: 46.875rem; width: 50%; border-radius: 0.625rem; box-sizing: border-box; padding: 20px;background: url('../../assets/images/sec4_visu2.png') no-repeat left center; background-size: cover;} #section4 .wrap .sec_con .sec_con_right small{border-bottom: 0.0625rem solid #9286d9; color: #f1a849; font-family: 'HappinessB',serif; padding-bottom: 0.625rem; display: inline-block;} #section4 .wrap .sec_con .sec_con_right h1{font-size: 1.9125rem; margin-top: 0.9375rem; color: #fff; font-family: 'HappinessB',serif;} #section4 .wrap .sec_con .sec_con_right h2{font-size: 1.325rem; margin-top: 1.875rem; color: #009287; font-family: 'HappinessB',serif;} #section4 .wrap .sec_con .sec_con_right span{font-size: 1.1125rem; margin-top: 0.9375rem; color: #fff; font-family: 'HappinessB',serif;} #section4 .wrap .sec_con .sec_con_right a{display: inline-block; width: 100%; height: 100%;} #section4 .wrap .sec_con .sec_con_right span{font-size: 1.25rem; margin-top: 0.9375rem; color: #fff; font-family: 'HappinessR',serif;} /* section5 */ #section5{background: #303850;} #section5 .wrap{padding: 6.25rem 0 6.25rem;} #section5 .wrap .sec_con{display: flex; justify-content: space-between;} #section5 .wrap .sec_con .sec_con_left{width: 50%; margin-right: 2.875rem; } #section5 .wrap .sec_con .sec_con_left .sec_con_left_box a{width: 100%; background: #fff; border-radius: 0.625rem; padding: 3.125rem 4.375rem; box-sizing: border-box; display: inline-block;} #section5 .wrap .sec_con .sec_con_left .sec_con_left_box a h5{font-size: 1.625rem; font-family: 'HappinessB',serif; } #section5 .wrap .sec_con .sec_con_left .sec_con_left_box a p{margin-top: 1.25rem; font-size: 1.25rem; color: #606060;} #section5 .wrap .sec_con .sec_con_left .sec_con_left_box a small{margin-top: 1.875rem; display: inline-block; font-size: 1.125rem; color: #acacab;} #section5 .wrap .sec_con .sec_con_left .sec_con_left_box_2{margin-top: 3.125rem;} #section5 .wrap .sec_con .sec_con_left h1{font-size: 4.625rem; margin-bottom: 3.75rem; color: #fff; font-family: 'HappinessB',serif; text-align: center;} #section5 .wrap .sec_con .sec_con_right{width: 50%;} #section5 .wrap .sec_con .sec_con_right h1{font-size: 5rem; color: #fff; font-family: 'HappinessB',serif; text-align: right;} #section5 .wrap .sec_con .sec_con_right .hover_img{height: 26.5625rem; margin-top: 2.4375rem; border-radius: 0 0 2.1875rem 0; transition: .3s; position: relative;} #section5 .wrap .sec_con .sec_con_right .hover_img .hover_con1{background: url(../images/sec5_visu1.png) no-repeat center center; background-size: cover; display: inline-block; width: 100%; height: 100%; position: absolute; border-radius: 0 0 2.1875rem 0; width: 0; position: relative; transition: .3s;} #section5 .wrap .sec_con .sec_con_right .hover_img.hover1 .hover_con1{width: 100%;} #section5 .wrap .sec_con .sec_con_right .hover_img .hover_con2{background: url(../images/sec5_visu2.png) no-repeat center center; background-size: cover; display: inline-block; width: 100%; height: 100%; position: absolute; border-radius: 0 0 2.1875rem 0; width: 0; position: absolute; transition: .3s;} #section5 .wrap .sec_con .sec_con_right .hover_img.hover2 .hover_con2{width: 100%;} /* section6 */ #section6 .wrap{padding:0; background:url(http://together.ehyundai.com/vol010/assets/images/sec4_bg.jpg) no-repeat center; width:100%;} #section6 .sec6_slide{position: relative; height: 60rem; margin-top: 0;} #section6 .sec6_slide .slide_con {flex-direction: column;} #section6 .sec6_slide .slide_con .slide_con_txt{text-align:center;} #section6 .sec6_slide .slide_con .slide_con_txt h5{font-size: 2.125rem; font-family: 'HappinessB',serif; color: #000; margin-top: 6.5rem;} #section6 .sec6_slide .slide_con .slide_con_txt h3{font-size: 3.75rem; font-family: 'HappinessB',serif; color: #000;} #section6 .sec6_slide .slide_con .slide_con_txt h4{font-size: 1.625rem; color: #606060; margin-top: 0.625rem; margin-bottom: 1rem} #section6 .sec6_slide .slide_con .slide_con_txt span{color:#ff0000; font-weight:800;} #section6 .sec6_slide .slide_con .slide_con_txt a{color:#ff0000; font-family: 'KOTRAHOPE',serif; font-size: 1.7rem;} #section6 .sec6_slide .slide_con .slide_con_video iframe{width: 56.25rem; height: 31.25rem; margin-top: 2.325rem; margin-left:-0.8rem; border: 8px solid #67fbfb;} /* pc,모바일 */ @media screen and (max-width: 1300px){ #section2 .sub_swiper{width: 43.75rem;} #section6 .sec6_slide{height: 27.5rem;} #section6 .sec6_slide .slide_con .slide_con_video iframe{width: 45rem; height: 23.75rem;} } @media screen and (max-width: 1200px){ #section2 .sub_swiper{width: 35.75rem;} } @media screen and (max-width: 1100px){ #section2 .sub_swiper{width: 30.75rem;} #section5 .wrap .sec_con .sec_con_right h1{font-size: 4.625rem;} #section5 .wrap .sec_con .sec_con_right .hover_img{margin-top: 2.9375rem;} #section6 .sec6_slide .slide_con .slide_con_video iframe{width: 39.375rem; height: 23.75rem;} } @media screen and (max-width: 1100px) and (min-width: 992px){ #section2 .sec2_slide{width: 36.75rem;} } @media screen and (max-width: 1300px) and (min-width: 887px){ #section4 .wrap .sec_con .sec_con_left .sec_con_left_txt .flex_wrap h1{font-size: 1.75rem;} #section4 .wrap .sec_con .sec_con_left .sec_con_left_txt{padding: 2.5rem 1.875rem;} #section4 .wrap .sec_con .sec_con_right{padding: 3.75rem 2.1875rem;} } @media screen and (max-width: 992px){ #section1 .sec1_slide .swiper_controll1 .wrap .sec1_slide_next{position: relative; z-index: 999; cursor: pointer; padding: 0 0.625rem; margin-top: -20.5rem;} #section1 .sec1_slide .swiper_controll1 .wrap .sec1_slide_prev{position: relative; z-index: 999; cursor: pointer; padding: 0 0.625rem; margin-top: -20.5rem;} #section1 .sec1_slide .swiper_controll1 .wrap .slide_btn{position: relative; z-index: 999; padding: 0 0.625rem; margin-top: -20.5rem; } section .wrap .sec_tit{text-align: center !important;} #section1 .sec1_slide{height: 30rem;} #section1 .sec1_slide .swiper-slide{background: url(../../assets/images/visu1_m.jpg) no-repeat center center; background-size: cover;} /*#section1 .sec1_slide .swiper-slide:last-child{background: url(../../assets/images/visu2_m.jpg) no-repeat center center; background-size: cover;}*/ #section1 .sec1_slide .wrap .slide_con h1{text-align: center;} #section1 .sec1_slide .wrap .slide_con .detail{text-align: center; margin-top: 20rem;} #section1 .sec1_slide .swiper_controll1 .wrap{justify-content: center;} #section2 .wrap{padding: 6.25rem 0 0;} #section2 .sec2_slide{width: 100%; height: 47.8125rem; border-radius: 0; margin-top: 10rem;} #section2 .sec2_slide .slide_con{padding: 3.125rem 2.8125rem; height: 17.5rem; border-radius: 0 0 3.125rem 0;} #section2 .sec2_slide .mo_visu{height: 22.8125rem; border-radius: 3.125rem 0 0 0;} #section2 .sec2_slide .mo_visu a{display: inline-block; width: 100%; height: 100%;} #section2 .sub_swiper .swiper-pagination3{text-align: center; height: 2.675rem; top: 14.375rem;} #section2 .sub_swiper{position: unset; width: auto; padding-top: 0;} #section2 .sec2_slide .swiper_controll2{justify-content: center; top: 41.25rem;} #section2 .sec2_slide .swiper_controll2 .swiper-pagination-progressbar{display: none;} #section2 .sec2_slide .swiper_controll2 .sec2_slide_next{left: 0;} #section2 .sec2_slide .swiper_controll2 .sec2_slide_prev img{width: 3.125rem;} #section2 .sec2_slide .swiper_controll2 .sec2_slide_next img{width: 3.125rem;} #section2 .sec2_slide .swiper_controll2 .paging {margin: 0 1.25rem;} /* #section4 .wrap .sec_con{display: block;} #section4 .wrap .sec_con .sec_con_left{width: 100%; margin-right: 0;} */ #section5 .wrap .sec_con .sec_con_left{width: 100%;} #section5 .wrap .sec_con .sec_con_left{margin-right: 0;} #section6 .sec6_slide{margin-top: 0; text-align: center; height: 46.25rem;} #section6 .sec6_slide .slide_con{display: block;} #section6 .sec6_slide .slide_con .slide_con_txt h5{margin-top: 0;} #section6 .sec6_slide .slide_con .slide_con_txt ul.tag{width: 100%; justify-content: center;} #section6 .sec6_slide .slide_con .slide_con_video iframe{margin-top: 4.0625rem; max-width: 39.375rem; width: 100%; height: 18.75rem;} } @media screen and (max-width: 887px){ .section4_bg{background:url(http://together.ehyundai.com/vol010/assets/images/se_1_m.jpg); width:100%;} #section4 .wrap{padding-top:0;height:200px;width:100%} #section4 .wrap .sec_con{display: block;} #section4 .wrap .sec_con .sec_con_left{width: 49%;height: 20.875rem;float:left;} #section4 .wrap .sec_con .sec_con_left .sec_con_left_img{ height:50%; border-radius: 0.625rem; padding: 0 20px 0 20px;background: url('../..//assets/images/sec4_visu1_m.png') no-repeat center center; background-size: cover;} #section4 .wrap .sec_con .sec_con_left .sec_con_left_img h1{width:125%;font-size: 1.1rem; margin-top: 0.4375rem; margin-left:-1.5rem; color: #666; font-family: 'HappinessR',serif;} #section4 .wrap .sec_con .sec_con_left .sec_con_left_img h2{font-size: 1rem; margin-top: 4.875rem; margin-left:-1.5rem; color: #009287; font-family: 'HappinessB',serif;} #section4 .wrap .sec_con .sec_con_left .sec_con_left_img span{display:none} #section4 .wrap .sec_con .sec_con_left{ } #section4 .wrap .sec_con {height:500px; } #section4 .wrap .sec_con .sec_con_right{width: 49%; margin-top: -20.875rem;;height: 10.433rem;float:right; } #section4 .wrap .sec_con .sec_con_right h1{ width:125%; font-size: 1.1rem; margin-top: 0.4375rem; margin-left:-1.5rem; color: #666; font-family: 'HappinessR',serif;} #section4 .wrap .sec_con .sec_con_right h2{font-size: 1rem; margin-top: 9.5rem; margin-left:-1.5rem; color: #009287; font-family: 'HappinessB',serif;} #section4 .wrap .sec_con .sec_con_right span{display:none} #section3{background: url('../../assets/images/sec3_bg_m.jpg') no-repeat; background-position:center; height: 436px;margin-top:-50px } } @media screen and (max-width: 650px){ #section6 .wrap{padding:0; background:url(http://together.ehyundai.com/vol010/assets/images/sec4_bg_m.jpg) no-repeat center; width:100%;} #section6 .sec6_slide .slide_con .slide_con_txt h5 {margin-top: 30px;padding-bottom:-100px;} #section3{ background-position:center; height: 150px; margin-top:20px; } #section4 .wrap .sec_con .sec_con_left .sec_con_left_txt{padding: 2.5rem 1.875rem;} #section4 .wrap .sec_con .sec_con_left .sec_con_left_txt .flex_wrap h1{font-size: 1.875rem;} /* #section4 .wrap .sec_con .sec_con_right{padding: 5rem 1.875rem}*/ } @media screen and (max-width: 520px){ /* #section1 .sec1_slide .wrap .slide_con h1{font-size: 30px;} */ html{font-size: 11px;} #section1 .sec1_slide .wrap .slide_con h1{font-size: 3.35rem;} }