/* PC */ @media (max-width:1850px) { /* sub2-5 */ .sub_2_5 .S4 .contbox .txtbox { padding-right: 0;} /* sub5-3 */ .sub_5_3 .S2 .contbox .txtbox .sub_txt2 br { display: none;} } @media (max-width:1780px) { /* sub5-3 */ .sub_5_3 .S2 .contbox .txtbox .sub_txt1 br { display: none;} .sub_5_3 .S2 .s2_bottom { margin-top: 2%;} } @media (max-width:1730px) { html, body{ font-size:15px !important; } /* sub1-1 */ .sub_5_1 .S3 .contbox .txtbox .top_txtbox { padding: 4rem 2rem;} .sub_1_1 .sub_top .txtbox { left: 50%; width: 50%; padding: 3rem; border-radius: 30px; background-color: rgba(253 249 247/50%);} } @media screen and (max-width: 1680px) { /* sub5-1 */ .sub_5_1 .S3 .contbox .tab_contbox .cont1 { background-position: 85% bottom;} } @media screen and (max-width: 1600px) { /* sub1-1 */ .sub_1_1 .sliderWrap .inner { width: 80%; margin-left: 20%;} /* sub common */ .Sub_inner2 { width: 85%;} .Sub_inner2.left { margin-right: 15%;} .Sub_inner2.right { margin-left: 15%;} .sub_3_2 .S2 .s32_s2_list_wrap{margin-left:15%;} } @media screen and (max-width: 1500px) { /* sub common */ .sub_common .CS5 .CS5_slider .swiper-slide { width:40% !important; margin:0 8rem;} .sub_common .CS5 .CS5_slider .swiper-button-prev {left: 22%;} .sub_common .CS5 .CS5_slider .swiper-button-next {right: 22%;} .sub_common .CS4.typeB.wide2 .contbox .item:nth-child(1) {margin-left: 0;} .sub_common .CS4.typeB.wide2 .contbox .item:nth-child(4) {margin-right: 0;} .sub_common .CS4.typeB.wide2 .contbox .item { width: calc(25% - 15px);} /* sub2-1 */ /*.sub_2_1 .S7 .contbox .imgbox { width: 55%;} .sub_2_1 .S7 .contbox .txtbox { width: 45%;} .sub_2_1 .S7 .contbox .txtbox .descbox .sub_txt2 br { display: none;}*/ .sub_2_1 .S7 .contbox .contbox_item > li > .imgbox{transform: scale(0.8) translateZ(0); -webkit-transform: scale(0.8) translateZ(0); -moz-transform: scale(0.8) translateZ(0); -ms-transform: scale(0.8) translateZ(0); -o-transform: scale(0.8) translateZ(0);} .sub_2_1 .S7 .contbox .contbox_item li + li{margin-left:0;} .sub_2_1 .S7 .contbox .contbox_item > li > .add_img{top:-1.5rem; left:-2rem; max-width:50%;} .sub_2_1 .S7 .contbox .contbox_item > li > .txtbox{margin-top:1rem;} .sub_2_1 .S7 .contbox .contbox_item{margin-top:2rem;} /* sub2-2 */ .sub_2_2 .S3 .contbox .txtbox .descbox .sub_txt2 br {display: none;} .sub_2_2 .S3 .contbox .txtbox { width: 40%; padding-right: 2rem; margin-left: 0; margin-top: 1rem;} .sub_2_2 .S3 .bottom_imgbox { margin-top: -2%;} /* sub3-1 */ /*.sub_3_1 .S3 .contbox .txtbox .descbox .sub_txt2 br { display: none;}*/ /* sub3-2 */ .sub_3_2 .S2 .contbox .txtbox .descbox .sub_txt2 br { display: none;} /* sub4-3 */ .sub_4_3 .S4 .s4_bottom > li { width: calc(16.66% - 1rem);} .sub_4_3 .S4 .s4_bottom > li:nth-child(5) { width: calc(11.4% - 1rem);} .sub_4_3 .S4 .s4_bottom > li .desc br { display: none;} /* sub5-3 */ .sub_5_3 .S2 .s2_bottom > li p br {display: none;} } @media screen and (max-width: 1440px) { /* 임시 header */ .sub_nav .ht-inner {padding: 1.1rem 2rem 1rem; } .sub_header .ht-inner {padding: 1.1rem 2rem 1rem; } /* sub1-1 */ .sub_1_1 .sub_top .txtbox .tit { font-size: 2rem;} .sub_1_1 .sliderWrap .inner { width: 85%; margin-left: 15%;} .sub_1_1 .sliderWrap .txtbox .ani_box > .tit { font-size: 2rem;} .sub_1_1 .sliderWrap .swiper-slide .txtbox p br { display: none;} .sub_1_1 .sliderWrap .swiper-slide .txtbox { padding: 1.2rem 0.5rem;} .sub_1_1 .S6 .title p {font-size: 2rem;} .sub_1_1 .S6 .imgbox .img_item .txtbox { min-width: 55%;} .sub_1_1 .S6 .imgbox .img_item .txtbox .tit {font-size: 2rem;} /* sub2-5 */ .sub_2_5 .S4 .contbox .txtbox { padding: 0;} .sub_2_5 .S4 .contbox .txtbox .descbox .sub_txt2 br{ display: none;} .sub_2_5 .S4 .bottom_imgbox { margin-top:4%;} /* .sub_2_5 .S4 .bottom_imgbox .img_item { width: calc(20% - 1rem);} */ /* .sub_2_5 .S4 .bottom_imgbox .img_item:last-child { width: 12.542%;} */ .sub_2_5 .S4 .bottom_imgbox .img_item.img_item2 {max-width: 23.5%;} /* sub2-6 */ .sub_common .CS4.typeB.wide .contbox .item:nth-child(1) { margin-left: 0%;} .sub_common .CS4.typeB.wide .contbox .item:nth-child(3) { margin-right: 0%;} /* sub3-3 */ /*.sub_3_3 .S5 .contbox .txtbox .sub_txt1 br { display: none;}*/ .sub_3_3 .S5 .bottom_imgbox { margin-top: 3%;} /* sub3-3 */ .sub_3_3 .S5 .contbox .txtbox .sub_txt2 br { display: none;} /* sub4-3 */ .sub_4_3 .S3 .CS9_slider .swiper-button-prev { left: 22%;} .sub_4_3 .S3 .CS9_slider .swiper-button-next { right: 22%;} /* sub5-1 */ .sub_5_1 .S3 .Sub_inner2.right { width: 90%; margin-left: 10%;} } @media screen and (max-width: 1400px) { /* sub common */ .Sub_inner2 { width: 87%;} .Sub_inner2.left { margin-right: 13%;} .Sub_inner2.right { margin-left: 13%;} .sub_common .CS5 .CS5_slider .swiper-button-prev {left: 20%;} .sub_common .CS5 .CS5_slider .swiper-button-next {right: 20%;} .sub_3_2 .S2 .s32_s2_list_wrap{margin-left:13%;} /* sub5-1 */ .sub_5_1 .S3 .contbox .txtbox .sub_txt5 { font-size: 1.25rem; letter-spacing: -0.2px;} .sub_5_1 .S3 .contbox .tab_contbox .cont .sub_txt1 { padding-left: 1.5rem; line-height: 1.3; width: 70%;} .sub_5_1 .S3 .contbox .tab_contbox .cont.cont2 .sub_txt1 {width: 100%;} } @media screen and (max-width: 1320px) { /* sub common */ .sub_common .CS4.typeB.wide .contbox .item { width: calc(25% - 15px);} } @media screen and (max-width: 1320px) { html, body{ font-size:14px !important;} /* search */ .search_btn_wrap{max-width:120px;} /* sub common */ .sub_common .CS4 .contbox .item .txtbox .sub_txt2 br {display: none;} .sub_3_2 .S2 .contbox .imgbox { max-width:100%;} } @media screen and (max-width: 1280px) { /* sub1-1 */ .sub_1_1 .sub_top .txtbox { left: auto; right: 7%; width: auto; } .sub_1_1 .sliderWrap .txtbox .ani_box > .tit br {display: none;} .sub_1_1 .S3.sliderWrap .swiper-wrapper { height: 380px;} /* sub1-2 */ .sub_1_2 .S1 .txtbox .tit br {display: none;} /* sub2-1 */ /*.sub_2_1 .S7 .contbox .imgbox { width: 50%;} .sub_2_1 .S7 .contbox .txtbox { width: 50%;}*/ .sub_2_1 .S3 .prd_list { max-width:80%;} .sub_2_1 .S7 .contbox .contbox_item > li > .txtbox{margin-top:0.5rem;} /* sub2-2 */ .sub_2_2 .S3 .contbox { align-items: center;} .sub_2_2 .S3 .bottom_imgbox { margin-top: 4%;} /* sub2-4 */ .sub_2_5 .S4 .contbox .txtbox .sub_txt1 br:nth-child(2) {display: none;} .sub_2_5 .S2 .contbox .txtbox .sub_txt2 br {display: none;} /* sub3-1 */ .sub_3_1 .S1 .bottom_imgbox .img_item {max-width: 16%;} /* .sub_3_1 .S1 .bottom_imgbox .img_item:nth-child(1) {max-width: 11.3%;} */ /* sub3-2 */ .sub_3_2 .S2 .s32_slider { margin-top: 3rem;} .sub_3_2 .S2 .contbox .txtbox{width: 54%; padding:5rem 0 4rem 1rem;} .sub_3_2 .S2 .s32_s2_list_wrap{padding:0 4% 0 1rem;} .sub_3_2 .S2 .imgbox.imgbox2{width:72%;} .sub_3_2 .S4 .contbox { align-items: center;} /* sub3-4 */ .sub_4_2 .S1 .contbox .txtbox{padding-right:3rem;} .sub_3_4 .S3 .s34_slider_thum .swiper-slide { max-width: calc(16.666% - 10px);} /* sub_4_2 */ .sub_4_2 .S1 .contbox .txtbox .add_infobox .item{ width: 32%; padding-bottom: calc(32% - 10px);} /* sub5-1 */ .sub_5_1 .S3 .contbox .tab_contbox .cont1 { background-position: 80% bottom;} /* sub5-3 */ .sub_5_3 .S2.reverse .contbox {align-items: center;} .sub_5_3 .S2.reverse .contbox .txtbox {padding-left: 2.5rem; padding-top: 0;} } @media screen and (max-width: 1200px) { /* sub1-2 */ .sub_1_2 .S3 .contbox .imgbox {width: 70%;} .sub_1_2 .S4 .contbox .imgbox { width: 70%;} .sub_1_2 .txtbox { margin-bottom: 0; } .sub_3_2 .S3 .tab_btnbox.fixd_active::before{left:-10rem;} } @media screen and (max-width: 1180px) { /* 임시 header */ .sub_wrap .sub_nav .ht-inner__left { width: 23%;} .sub_wrap .sub_nav .ht-inner .logo { width: 10.188rem;} .sub_wrap .sub_nav .language { margin: 0 0rem 0 2rem;} .sub_wrap .sub_nav .ht-inner__center { width: 45%;} .sub_wrap .sub_nav .quick-link-wrap { margin-right: 1rem;} .sub_wrap .sub_nav .ht-inner .loginbox { margin-right: 1.5rem; margin-left: 0.5rem;} .sub_wrap .sub_nav .ht-inner__right { width: 32%;} .sub_wrap .sub_header .ht-inner__left { width: 23%;} .sub_wrap .sub_header .ht-inner .logo { width: 10.188rem;} .sub_wrap .sub_header .language { margin: 0 0rem 0 2rem;} .sub_wrap .sub_header .ht-inner__center { width: 45%;} .sub_wrap .sub_header .quick-link-wrap { margin-right: 1rem;} .sub_wrap .sub_header .ht-inner .loginbox { margin-right: 1.5rem; margin-left: 0.5rem;} .sub_wrap .sub_header .ht-inner__right { width: 32%;} /* sub1-1 */ .sub_1_1 .S6 .imgbox .img_item .txtbox { min-width: 70%;} /* sub1-3 - 0615추가 */ .sub_1_3 .S2 .buildingBox .bImg { max-width: 65%; } .sub_1_3 .S2 .buildingImg >img { max-width: 90%; } .sub_1_3 .S2 .buildingImg .btxt { padding-top: 6%; } .sub_1_3 .S2 .buildingImg .btxt em { padding: 3% 0; font-size: 2rem; } /* sub common */ .Sub_inner2 { width: 90%;} .Sub_inner2.left { margin-right: 10%;} .Sub_inner2.right { margin-left: 10%;} /* sub2-1 */ /*.sub_2_1 .S7 .contbox .txtbox .sub_txt1 br {display: none;} .sub_2_1 .S7 .contbox .txtbox { padding-left: 3rem;}*/ /* sub2-2 */ .sub_2_2 .S3 .contbox .txtbox .sub_txt1 br {display: none;} .sub_2_2 .S3 .bottom_imgbox .img_item { width: 17%;} .sub_2_2 .S3 .bottom_imgbox .img_item:nth-child(1) { width: calc(17% + 52px);} .sub_2_2 .S3 .bottom_imgbox .img_item > p br {display: none;} /* sub3-1 */ /*.sub_3_1 .S2 .contbox .txtbox .sub_txt1 br { display: none;}*/ /*.sub_3_1 .S4 .contbox .txtbox .sub_txt1 br { display: none;}*/ /* sub3-2 */ .sub_3_2 .S2 .s32_s2_list_wrap{margin-left:10%;} .sub_3_2 .S2 .contbox .txtbox{width:54%; padding:5rem 0 4rem 1rem;} .sub_3_2 .S2 .s32_s2_list_wrap{padding:0 4% 0 1rem;} /* sub3-5 */ .sub_3_5 .S1 .contbox > li .txtbox .desc br {display: none;} /* 4-1 */ /*.sub_4_1 .S2 .contbox .txtbox .sub_txt2 br { display: none;}*/ .sub_4_1 .S2 .contbox .slidebox { margin-left: 0;} .sub_4_1 .S6 .contbox .txtbox .sub_txt2 br { display: none;} /* sub4-2 */ .sub_4_2 .S4 .s4_bottom { top: 125%;} .sub_4_2 .S4 .s4_bottom > li { max-width: calc(25% - 1rem);} .sub_4_2 .S4 .s4_bottom > li:nth-child(8) { max-width:calc(15.5% - 1rem);} /* sub5-1 */ .sub_5_1 .S2 .contbox .txtbox .sub_txt1 br { display: none;} .sub_5_1 .S2 .contbox .txtbox .sub_txt2 br { display: none;} .sub_5_1 .S3 .contbox .txtbox .sub_txt5 { width: 70%;} .sub_5_1 .S3 .contbox .tab_contbox .cont3 .cont3_ul > li .desc br { display: none;} .sub_5_1 .S6 .contbox .imgbox li { width: 50%;} .sub_5_1 .S6 .contbox .imgbox .desc br { display: none;} /* sub5-3 */ .sub_5_3 .S1 .contbox .txtbox .sub_txt1 br { display: none;} /*.sub_5_3 .S3 .contbox .txtbox .sub_txt1 br { display: none;}*/ .sub_5_3 .S8 .contbox .txtbox .sub_txt2 br { display: none;} .sub_5_3 .S10 .contbox .txtbox { padding-right: 2.5rem;} .sub_5_3 .S10 .contbox .txtbox .sub_txt2 br { display: none;} } @media screen and (max-width: 1080px) { /* 임시 header */ .sub_wrap .sub_nav .quick-link-wrap { margin-right: 0rem;} .sub_wrap .sub_nav .ht-inner .loginbox { margin-right: 1rem; margin-left: 1rem;} .sub_wrap .sub_header .quick-link-wrap { margin-right: 0rem;} .sub_wrap .sub_header .ht-inner .loginbox { margin-right: 1rem; margin-left: 1rem;} /* sub1-3 */ .sub_1_3 .S1 .leftbox { width: 33%; padding-left: 0; } .sub_1_3 .S1 .rightbox { width: 67%;} /* sub2-1 */ /*.sub_2_1 .S2 .contbox .txtbox .descbox .sub_txt2 br {display: none;}*/ .sub_2_1 .S4 .contbox .txtbox .sub_txt1 br {display: none;} .sub_2_1 .S6 .contbox .txtbox .sub_txt4 br {display: none;} .sub_2_1 .S6 .contbox .txtbox .descbox .sub_txt2 br {display: none;} /* sub2-3 */ /*.sub_2_3 .S2 .contbox .txtbox .descbox .sub_txt2 br { display: none;}*/ /*.sub_2_3 .S7 .contbox .txtbox .descbox .sub_txt2 br { display: none;}*/ /* sub2-4 */ .sub_2_4 .S1 .contbox .txtbox .descbox .sub_txt2 br { display: none;} .sub_2_5 .S2 .contbox .txtbox {padding-right: 3rem;} .sub_2_5 .S4 .bottom_imgbox .img_item > p br { display: none;} /* sub2-6 */ .sub_2_6 .S5 .contbox .txtbox .descbox .sub_txt2 br { display: none;} /* sub3-1 */ .sub_3_1 .S1 .contbox { align-items: center;} .sub_3_1 .S1 .contbox .imgbox { width: 45%;} .sub_3_1 .S1 .contbox .txtbox { width: 55%;} /*.sub_3_1 .S1.reverse .contbox .txtbox .sub_txt1 br { display: none;}*/ .sub_3_1 .S1.reverse .contbox .txtbox .descbox .sub_txt2 br { display: none;} .sub_3_1 .S1 .bottom_imgbox {justify-content: center; margin-top: 4%;} .sub_3_1 .S1 .bottom_imgbox .img_item { max-width: 20%;} /* .sub_3_1 .S1 .bottom_imgbox .img_item:nth-child(1) { max-width: 14.3%;} */ .sub_3_1 .S2 .contbox .txtbox { padding-left: 0;} /* sub3-2 */ /*.sub_3_2 .S1 .contbox .txtbox .descbox .sub_txt2 br { display: none;}*/ /* sub4-1 */ /*.sub_4_1 .S1 .contbox .txtbox .sub_txt1 br { display: none;}*/ .sub_4_1 .S1 .contbox .txtbox .sub_txt2 br { display: none;} /* sub4-2 */ .sub_4_2 .S1 .contbox .txtbox .descbox .sub_txt2 br { display: none;} /* sub4-3 */ .sub_4_3 .S1 .contbox .txtbox .descbox .sub_txt2 br { display: none;} /* sub5-1 */ .sub_5_1 .S4 .contbox .txtbox .sub_txt2 br { display: none;} /* sub5-2 */ /*.sub_5_2 .S2 .contbox .txtbox .sub_txt1 br { display: none;}*/ } @media screen and (max-width:1024px) { html, body{ font-size:13px !important;} .pc {display: none !important; } .mob {display: block !important; } /* 임시 header */ .sub_wrap .sub_nav .ht-inner__center { display: none;} .sub_wrap .sub_header .ht-inner__center { display: none;} .glob-icon{width:18px; height:18px;} /* sub1-1 */ .sub_1_1 .sub_top { height: 80vh;} .sub_1_1 .sub_top .swiper-slide.slide1 { background-position: 20% bottom;} .sub_1_1 .sub_top .txtbox {padding: 3rem 0.5rem; left: 0%; right: auto; top: auto; bottom: 0%; width: 100%; border-radius: 0;transform:none; text-align: center;} .sub_1_1 .sub_top .txtbox .linkbox { justify-content: center;} .sub_1_1 .sliderWrap .inner { width: 90%; margin-left: 10%;} .sub_1_1 .S3.sliderWrap .swiper-wrapper { height: auto;} .sub_1_1 .sliderWrap .scrollbar { margin-top: 2.5rem; width: 50%;} .sub_1_1 .S6 .imgbox .img_item .txtbox .tit { font-size: 1.75rem;} .sub_1_1 .S6 .imgbox .img_item .txtbox .contents { word-break: keep-all; font-size: 1.1rem; } .sub_1_1 .S6 .imgbox .img_item .txtbox .contents br { display: none;} .sub_1_1 .txtbox { /*padding: 0 0 0 60%;*/ } .sub_1_1 .txtbox .desc2{ padding-top: 0; } /* sub1-2 */ .sub_1_2 .contbox { width: 85%; margin-left: 15%;} .sub_1_2 .S2 .s2_imgbox { height: 600px;} .sub_1_2 .S4 .s4_imgbox { height: 750px;} /* sub common */ .sub_topbox { height: 85vh;} .sub_topbox .txtbox { margin-bottom: 0;} .sub_topbox .txtbox .sub { font-size: 1.5rem; margin-bottom: 1rem;} .sub_topbox .txtbox .tit { font-size: 2.4rem; margin-bottom: 2rem;} .sub_topbox .txtbox .desc { font-size: 1.25rem;} .sub_txt1 { font-size: 2rem; margin-bottom: 2rem;} .sub_common .CS1 .contbox {align-items: flex-end;} .sub_common .CS1 .contbox .txtbox { padding-left: 3rem; padding-bottom: 2rem;} /*.sub_common .CS1 .contbox .txtbox .descbox .sub_txt2 br { display: none;}*/ .sub_common .CS2 { margin: 10rem 0;} .sub_common .CS2 .contbox .txtbox { padding-right: 3rem;} .sub_common .CS2.reverse .contbox .txtbox { padding-left: 3rem;} .sub_common .CS2.bgA { padding: 6rem 0; background-size: cover; background-position: left top;} .sub_common .CS2 .contbox .txtbox .descbox p + p { margin-top: 1.25rem;} /*.sub_common .CS2 .contbox .txtbox .descbox .sub_txt2 br { display: none;}*/ /*.sub_common .CS2 .contbox .txtbox .descbox .sub_txt5 br { display: none;}*/ .sub_common .CS4.typeB.mt{margin-top:0;} .sub_common .CS5 .CS5_slider .swiper-slide { width:46% !important; margin:0 8rem;} .sub_common .CS5 .CS5_slider .swiper-button-prev {left: 15%;} .sub_common .CS5 .CS5_slider .swiper-button-next {right: 15%;} .sub_common .CS6 .videobox .youtube_view { width: 75%; } /* sub1-3 */ .sub_1_3 .S1 .top_img { height: 33vh; } /* sub2-4 */ .sub_2_4 .S2 .s2_bg { left: 45%; width: 35%;} /* sub3-1 */ .sub_3_1 .S1 { margin-bottom: 0;} .sub_3_1 .S1.reverse .contbox .txtbox { padding-left: 2.5rem;} .sub_3_1 .S1 .bottom_imgbox .img_item > p br { display: none;} .sub_3_1 .S2 { padding-top: 6rem; margin-bottom: 12rem;} .sub_3_1 .S2 .contbox .txtbox {padding-left: 0;} .sub_3_2 .S2 .contbox .txtbox {padding:0rem 0 2.5rem 1rem; padding-left: 0;} .sub_3_2 .S2 .contbox .txtbox .button_box{margin-top:2.5rem;} .sub_3_2 .S2 .link_btn{margin-top:2.5rem;} .sub_3_2 .S2 .contbox .imgbox{position:relative; top:auto; right:auto; } .sub_3_2 .S2 .imgbox.imgbox2{width:90%; gap:2rem 4%;} .sub_3_2 .S2 .imgbox.imgbox2 > li{width:48%;} .sub_3_1 .S3 .contbox .txtbox { width: 45%;} .sub_3_1 .S3 .contbox .imgbox { width: 55%;} .sub_3_1 .S4 .contbox { flex-direction: column-reverse;} .sub_3_1 .S4 .contbox .txtbox { width: 80%; text-align: center; margin: 4rem auto;} .sub_3_1 .S4 .contbox .imgbox { width: 65%; margin: auto;} /*.sub_3_1 .S7 .contbox .txtbox .sub_txt1 br { display: none;}*/ /* sub3-2 */ .sub_3_2 .S2 .s32_s2_list_wrap{margin-left:10%;} .sub_3_2 .S2 .contbox .txtbox{width:54%; padding:5rem 0 4rem 1rem;} .sub_3_2 .S2 .s32_s2_list_wrap{padding:0 4% 0 1rem;} /* sub4-2 */ .sub_4_2 .S4 {padding: 8rem 0 0;background-size: auto 55%;} .sub_4_2 .S4 .s4_bottom { position: relative; top: auto; left: auto; transform: none; margin-top: 4rem;} .sub_4_3 .S1 .contbox .txtbox .descbox .sub_txt2 br { display: block;} /* sub5-1 */ .sub_5_1 .S3 .Sub_inner2.right { width: 100%; margin-left: 0;} .sub_5_1 .S3 .contbox .txtbox { padding-right: 0;} .sub_5_1 .S3 .contbox .txtbox .sub_txt5 { width: 100%;} .sub_5_1 .S3 .contbox .tab_contbox .cont .sub_txt1 { width: 100%;} .sub_5_1 .S3 .contbox .txtbox .top_txtbox { padding: 5rem 2rem;} .sub_5_1 .S3 .contbox .tab_contbox .cont3 .cont3_ul { gap: 1.5rem 0;} /* sub5-4 */ .sub_5_4 .S1 .contbox .txtbox .sub_txt2 br { display: none;} /* sub_2_2 */ .sub_2_2.sub_common .S7.--1.CS2 .contbox { background: none; flex-direction: column-reverse; } .sub_2_2.sub_common .S7.--1.CS2 .contbox .imgbox { width: 100%; } .sub_2_2.sub_common .S7.--1.CS2 .contbox .txtbox { width: 100%; text-align: center; } .sub_2_2.sub_common .S7.--2.CS2 { margin-top: 0; } } /* tablet */ @media (hover: none) and (pointer: coarse) and (max-width:1024px) { /* sub1-1 */ .sub_1_1 .sub_top { height: 60vh;} /* sub common */ /* .sub_topbox { height: 65vh;} */ /* sub4-1 */ .sub_4_1 .S4 .contbox .img_item .img_txt { min-height: 20vh;} } @media screen and (max-width: 960px) { html, body{ font-size:14px !important; } .pc_cont_960{display:none; opacity:0; visibility:hidden;} .m_cont_960{display:block; opacity:1; visibility:visible;} /* header */ .ht-inner {padding: 1.1rem 3rem 1rem; } .scrolled .ht-inner{padding:1.2rem 2.5rem 1.2rem; /*margin-top:-50px;*/} .ht-inner__left{width:60%;} .ht-inner__center{width:0%;} .ht-inner__right{width:40%;} .open .login_menu_gnb{display:none !important;} /* hamberger */ .hamberger{width:auto; height:4rem; margin-left:2rem;} .hamberger-box{width:2.5rem;} .hamberger-box .line{height:2px; margin:4px auto;} .hamberger.open .hamberger-box .line:nth-child(1) { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); transform: translateY(1px); } /* search */ body.open .search_cont_wrap_m{display:block; width:2.2rem; height:2.2rem; } .search_btn_wrap_m{position: relative; width:100%; height:100%;} .search_btn_img_m{display:block; position: relative; width:100%; height:100%; background: url(../../img/m-search-icon.png)0 100%/100% no-repeat; opacity:1;} /*.ht-inner .m_logo { width: 10.5rem;}*/ .sub_wrap .hamberger { width: auto; border: 0; margin-left: 1.5rem;} /* sub_2_5 -0615추가 */ .sub_2_5 .S5 .contbox > li .icon.pain {max-width: 118px; padding: 15% 0 15%;} /* sub3-2 */ .sub_3_2 .S2 .s32_s2_list_wrap{width:88%;} /* sub_4_3 -0620추가 */ .sub_4_3 .S5 .facebox .btnbox .btn.btn1 { width: 7.9%; max-width: 68px; left: 40.1%; top: 37.9%; } .sub_4_3 .S5 .facebox .btnbox .btn.btn2 { width: 8.3%; max-width: 85px; left: 38.4%; top: 44.5%; } .sub_4_3 .S5 .facebox .btnbox .btn.btn2-2 { width: 7.9%; max-width: 66px; left: 52.9%; top: 49.3%; } .sub_4_3 .S5 .facebox .btnbox .btn.btn3 { width: 13.3%; max-width: 120px; left: 43.7%; top: 12.3%;} .sub_4_3 .S5 .facebox .btnbox .btn.btn4 { width: 5%; max-width: 34px; left: 48%; top: 41%; } .sub_4_3 .S5 .facebox .btnbox .btn.btn5 { width: 10.89%; max-width: 88px; left: 50.3%; top: 61.4%; } } /* mobile */ @media screen and (max-width: 800px) { .mob2 { display: block !important; } html, body { font-size: 13px !important; } /* sub1-1 */ .sub_1_1 .S1 .ceo_history .history_box { gap: 0 5%;} .sub_1_1 .txtbox .linkbox { justify-content: flex-end; } /* sub1-2 */ .sub_1_2 .S1 { flex-direction: column; gap: 3rem 0;} .sub_1_2 .S1 .videobox { width: 100%;} .sub_1_2 .S1 .txtbopx { width: 100%;} .sub_1_2 .S1 .txtbox .tit br {display: block;} .sub_1_2 .contbox {width: 90%; margin-left: 10%;} .sub_1_2 .contbox .txtbox .tit {margin-bottom: 1.75rem;} .sub_1_2 .S3 .contbox .imgbox {width: 65%;} .sub_1_2 .S2 .s2_imgbox {height: 480px;} .sub_1_2 .S4 .s4_imgbox { height: 600px;} .sub_1_2 .txtbox { text-align: center;} /* sub1-3 */ .sub_1_3 .S1 .leftbox {width: 40%; margin-right: 5%;} .sub_1_3 .S1 .rightbox .contact_info .infobox { flex-direction: column; align-items: flex-start; gap: 1rem 0; margin-bottom: 1.5rem;} /* 0615추가 */ .sub_1_3 .S2 .buildingImg .btxt { font-size: 1rem; } .sub_1_3 .S2 .buildingImg .btxt em { font-size: 1.7rem;} .sub_1_3 .S2 .buildingImg .btxt .fz_20 { font-size: 1rem;} /* sub common */ .sub_topbox.right .inner { text-align: right;} .Sub_inner2.left { width: 90%; margin: auto;} .Sub_inner2.right { width: 90%; margin: auto;} .sub_common .CS1 { padding-top: 10rem; margin-bottom: 10rem;} .sub_common .CS2.bgB { padding-top: 6rem;} .sub_common .CS3 .contbox .item { width: 33.333%;} .sub_common .CS3 .contbox .item.item1 .imgbox { border-bottom-left-radius: 70px;} .sub_common .CS3 .contbox .item.item3 .imgbox { border-top-right-radius: 70px;} .sub_common .CS3 .contbox .item .txtbox .sub_txt2 br {display: none;} .sub_common .CS4 .contbox .item { width: calc(33.333% - 15px);} .sub_common .CS4.typeA.wide .contbox .item:nth-child(1) { margin-left: 0;} .sub_common .CS4.typeA.wide .contbox .item:nth-child(4) { margin-right: 0;} .sub_common .CS4.typeB { margin: 10rem 0;} .sub_common .CS4.typeB.wide .contbox .item { width: calc(33.333% - 15px);} .sub_common .CS4.typeB.wide2 .contbox .item { width:calc(33.333% - 15px);} .sub_common .CS4.typeB .contbox .item .txtbox .desc { width: 70%; margin: auto;} .sub_common .CS4.typeB .contbox .item .txtbox .desc br {display: none;} .sub_common .CS4.typeB .contbox .item .imgbox > img {max-width: 75px;} .sub_common .CS5 .CS5_slider .swiper-slide { width:60% !important; margin:0 3rem;} .sub_common .CS5 .CS5_slider .swiper-button-prev {left: 13%;} .sub_common .CS5 .CS5_slider .swiper-button-next {right: 13%;} .sub_common .CS5 .CS5_slider .swiper-slide .contbox {/* width: 90%; margin: auto;*/} .sub_common .CS7 { margin: 10rem 0;} .sub_common .CS7 .contbox { flex-direction: column; gap: 2rem 0;} .sub_common .CS7 .contbox .item { width: 100%; max-width: 550px; margin: auto;} .sub_common .CS8 { margin: 10rem 0; padding-top: 7rem ;} .sub_common .CS9 { margin: 10rem 0;} .sub_common .CS11 { margin: 10rem 0;} /* 2024-08-27 추가 */ .sub_common .CS6 .videobox .youtube_view, .sub_common .videobox .youtube_list { height: 38vw; padding-right: 0; } /* sub2-1 */ /*.sub_2_1 .S1 .contbox .txtbox .sub_txt1 br { display: none;} .sub_2_1 .S2 .contbox .txtbox .sub_txt1 br { display: none;}*/ .sub_2_1 .S3 { margin: 10rem 0;} .sub_2_1 .S3 .prd_list { gap: 2rem 3rem; width: 100%; max-width:100%;} .sub_2_1 .S3 .prd_list .prd_item .img { max-width: 85px;} .sub_2_1 .S7 { margin: 10rem 0;} /*.sub_2_1 .S7 .contbox { flex-direction: column-reverse;} .sub_2_1 .S7 .contbox .txtbox { padding-left: 0; width: 100%; margin-bottom: 5rem; text-align: center;} .sub_2_1 .S7 .contbox .txtbox .sub_txt4 { display: inline-block;} .sub_2_1 .S7 .contbox .txtbox .sub_txt1 br { display: block;} .sub_2_1 .S7 .contbox .txtbox .descbox .sub_txt2 br { display: block;} .sub_2_1 .S7 .contbox .slidebox { width: 100%;} .sub_2_1 .S7 .s21_slider .scrollbar { width: 100%; margin-left: 0;}*/ /* sub2-2 */ /*.sub_2_2 .S1 .contbox .txtbox .sub_txt1 br { display: none;}*/ .sub_2_2 .S3 { margin: 15rem 0;} .sub_2_2 .S3 .contbox .txtbox { width: 50%;} .sub_2_2 .S3 .contbox .imgbox { width: 50%;} .sub_2_2 .S3 .bottom_imgbox { padding-right: 0;} .sub_2_2 .S5 .contbox .txtbox { width: 55%;} .sub_2_2 .S5 .contbox .imgbox { width: 45%;} .sub_2_2 .S6 .contbox .txtbox { width: 55%;} /*.sub_2_2 .S6 .contbox .txtbox .sub_txt1 br { display: none;}*/ .sub_2_2 .S6 .contbox .imgbox { width: 45%;} .sub_2_2 .S7 .contbox .txtbox { width: 55%;} .sub_2_2 .S7 .contbox .imgbox { width: 45%;} /* sub2-3 */ .sub_2_3 .S1 { margin-top: 10rem;} /*.sub_2_3 .S2 .contbox .txtbox .sub_txt1 br { display: none;}*/ .sub_2_3 .S2 .contbox .imgbox { width: 45%;} .sub_2_3 .S2 .contbox .txtbox { width: 55%;} .sub_2_3 .S3 .contbox .imgbox { margin-right: 5%;} .sub_2_3 .S3 .contbox .txtbox .infobx { flex-wrap: wrap; gap: 2rem;} .sub_2_3 .S3 .contbox .txtbox .infobx li { width: 45%;} .sub_2_3 .S3 .tipbox .tip_ul { gap: 0 2rem;} .sub_2_3 .S4 { margin: 10rem 0 12rem;} .sub_2_3 .S4 .s23_slider .img_item > p { width: 90%; margin: 1rem auto 0;} .sub_2_3 .S4 .s23_slider .img_item > p br { display: none;} .sub_2_3 .S6 .contbox .imgbox { width: 45%;} .sub_2_3 .S6 .contbox .txtbox { width: 55%;} .sub_2_3 .S7 .contbox .imgbox { width: 45%;} .sub_2_3 .S7 .contbox .txtbox { width: 55%;} /*.sub_2_3 .S7 .contbox .txtbox .sub_txt1 br { display: none;}*/ /* sub2-4*/ /*.sub_2_4 .S1 .contbox .txtbox .sub_txt1 br { display: none;}*/ /*.sub_2_4 .S2 .contbox .txtbox .sub_txt1 br { display: none;}*/ .sub_2_4 .S3 .contbox { flex-wrap: wrap; gap: 3rem 1rem;} .sub_2_4 .S3 .contbox > li { width: calc(50% - 0.5rem);} .sub_2_4 .S4 .contbox > li .sub_badge span {min-width: 80%;} .sub_2_4 .S3 .contbox{flex-direction:column-reverse; gap:2rem 0;} .sub_2_4 .S3 .contbox .title_box{width:100%; padding:0;} .sub_2_4 .S3 .contbox .title_box .sub_txt1{margin-bottom:2rem;} .sub_2_4 .S3 .contbox .imgbox{width:100%;} .sub_2_4 .S3 .contbox_ul { gap: 2rem 2%; flex-wrap: wrap;} .sub_2_4 .S3 .contbox_ul li { width:calc(50% - 2%);} /* sub2-5 */ .sub_2_5 .S1 .contbox .txtbox .sub_txt1 br { display: none;} .sub_2_5 .S2 .contbox .txtbox .sub_txt1 br { display: none;} .sub_2_5 .S2 .contbox .txtbox { width: 50%;} .sub_2_5 .S3 .contbox .txtbox .sub_txt1 br { display: none;} .sub_2_5 .S4 .Sub_inner2.right { margin-left: 10%;} .sub_2_5 .S4 .contbox .txtbox { width: 60%; margin-right: -10%; position: relative; z-index: 5;} .sub_2_5 .S4 .contbox { align-items: center;} .sub_2_5 .S5 .contbox { flex-wrap: wrap; gap: 2rem 0;} .sub_2_5 .S5 .contbox > li { width: 33.333%;} .sub_2_5 .S5 .contbox > li:nth-child(4)::after {display: none;} /* 0615 추가 */ .sub_2_5 .S5 .contbox > li .icon.pain { padding: 10% 0 13%;} /* sub2-6 */ .sub_2_6 .S1 { margin-top: 10rem;} .sub_2_6 .S3 { padding-top: 5rem; margin: 10rem 0;} .sub_2_6 .S5 { padding-top: 5rem;} .sub_2_6 .S6 { margin: 10rem 0;} .sub_2_6 .S7 { margin: 10rem 0;} /* sub3-1 */ .sub_3_1 .S3 .contbox .txtbox {padding-right: 2rem; padding-left: 0;} /*.sub_3_1 .S3 .contbox .txtbox .sub_txt1 br {display: none;}*/ /* sub3-2 */ .sub_3_2 .S1.reverse .contbox .txtbox {padding-left: 2rem;} .sub_3_2 .S1 .contbox .txtbox .sub_txt1 br {display: none;} .sub_3_2 .S2 .Sub_inner2.right { margin-left: 5%; width: 95%;} .sub_3_2 .S2 .contbox .txtbox {width: 55%; margin-right: -15%; padding-right: 0;} .sub_3_2 .S3 .tab_btnbox { flex-wrap: wrap; justify-content: center;} .sub_3_2 .S3 .tab_btnbox .tab_item { width: 25%; } .sub_3_2 .S3 .tab_btnbox .tab_item:nth-child(4) .tab_link::after {display: none;} .sub_3_2 .S3 .tab_contbox .tab_cont { flex-direction: column; gap: 2rem 0;} .sub_3_2 .S3 .tab_contbox .tab_cont + .tab_cont { margin-top: 4rem;} .sub_3_2 .S3 .tab_contbox .tab_cont .imgbox { width: 100%;} .sub_3_2 .S3 .tab_contbox .tab_cont .txtbox { width: 100%; margin-left: 0;} .sub_3_2 .S4 .contbox { flex-direction: column; gap: 3rem 0;} .sub_3_2 .S4 .contbox .txtbox { width: 100%; padding: 0;} .sub_3_2 .S4 .contbox .imgbox { width: 80%;} .sub_3_2 .S4 .contbox .s32_slider2{width:90%; padding:0 0 5.5rem;} .swiper-pagination.S32_Swiper2_pagination{left:1.2rem;} .swiper-pagination.S32_Swiper2_pagination .swiper-pagination-bullet{width:32px; height:32px;} /* sub3-2 */ .sub_3_2 .S2 .s32_s2_list_wrap{width:95%; margin-left:5%;} /* sub3-3 */ .sub_3_3 .S1 { margin: 10rem 0;} .sub_3_3 .S1 .contbox > li { width: 50%;} .sub_3_3 .S1 .contbox > li .txtbox p br { display: none;} .sub_3_3 .S2 .s2_txtbg { top: -5%; width: 45%;} .sub_3_3 .S2 .contbox .txtbox .sub_txt2 br { display: none;} .sub_3_3 .S2 .contbox .txtbox { width: 40%; margin-left: 0;} .sub_3_3 .S2 .contbox .infobox { width: 60%; padding-left: 2rem;} .sub_3_3 .S2 .contbox .infobox > li .img { width: 30%;} .sub_3_3 .s33_slider .swiper-slide .desc br { display: none;} .sub_3_3 .S5 .contbox { flex-direction: column; gap: 3rem 0;} .sub_3_3 .S5 .contbox .imgbox { width: 100%;} .sub_3_3 .S5 .contbox .txtbox { width: 100%; padding: 0 2rem; margin-left: 0;} .sub_3_3 .S5 .bottom_imgbox { margin-top:4rem; padding:0 2rem; justify-content: center; gap:1.5rem 1rem;} .sub_3_3 .S5 .bottom_imgbox > li{width:calc(25% - 0.8rem);} .sub_3_3 .S5 .bottom_imgbox > li:nth-child(6){width:calc(19% - 0.8rem);} /*.sub_3_3 .S6 .contbox .txtbox .sub_txt1 br { display: none;}*/ /* sub3-4 */ .sub_3_4 .S3 .contbox { flex-direction: column;} .sub_3_4 .S3 .contbox .txtbox { width: 100%; padding: 0;} .sub_3_4 .S3 .contbox .slidebox { width: 100%; margin-top: 3rem;} .sub_3_4 .S3 .s34_slider .swiper-slide img { width: 50%; max-width: 150px;} .sub_3_4 .S4 { padding: 6rem 0 10rem;} .sub_3_4 .S4 .bg_img { width: 60%;} /*.sub_3_4 .S4 .contbox .txtbox .sub_txt1 br { display: none;}*/ /* sub3-5 */ .sub_3_5 .S1 { margin: 10rem 0;} .sub_3_5 .S1 .s1_txtbg { width: 50%; } .sub_3_5 .S2 .contbox li .desc br { display: none;} .sub_3_5 .S3 .contbox .txtbox { width: 70%;} .sub_3_5 .S1 .contbox { gap: 6rem 5%;} .sub_3_5 .S1 .contbox > li { width: 47.5%; flex-direction: column; align-items: center; gap: 2rem 0;} .sub_3_5 .S1 .contbox > li .imgbox { width: 100%;} .sub_3_5 .S1 .contbox > li .imgbox img { width: 100%;} .sub_3_5 .S2 .contbox { gap: 3rem 5%;} .sub_3_5 .S2 .contbox li { width: 47.5%;} .sub_3_5 .S4 .slidebox .s35_slider .contbox { gap: 4rem 0; flex-direction: column;} .sub_3_5 .S4 .slidebox .s35_slider .contbox > li { width: 100%;} .sub_3_5 .S6 .contbox .txtbox .sub_txt1 br { display: none;} .sub_3_5 .S7 {margin: 5rem 0;} .sub_3_5 .S8 .contbox .txtbox .listbox { flex-direction: column;} .sub_3_5 .S8 .contbox .txtbox .listbox .list:nth-child(2n-1) { width: 100%;} .sub_3_5 .S8 .contbox .txtbox .listbox .list:nth-child(2n) { width: 100%;} /* sub4-1 */ .sub_4_1 .S2 .contbox { flex-direction: column;} .sub_4_1 .S2 .contbox .txtbox { width: 80%; padding: 0; text-align: center;} .sub_4_1 .S2 .contbox .slidebox { width: 100%; margin-top: 3rem;} .sub_4_1 .S3 .contbox { gap:2rem 0; flex-direction:column-reverse;} .sub_4_1 .S3.CS2 .contbox .txtbox{width:100%; padding:0;} .sub_4_1 .S3.CS2 .contbox .txtbox .sub_txt6{margin-bottom:1rem;} .sub_4_1 .S3.CS2 .contbox .txtbox .sub_txt1{margin-bottom:2rem;} .sub_4_1 .S3.CS2 .contbox .imgbox{width:100%;} .sub_4_1 .S3 .contbox_ul { gap: 2rem 2%; flex-wrap: wrap;} .sub_4_1 .S3 .contbox_ul .item { width:calc(50% - 2%);} /*.sub_4_1 .S4 .contbox .txtbox .sub_txt1 br { display: none;}*/ .sub_4_1 .S4 .contbox .img_item .img_txt { min-height: 25vh; padding: 1.5rem;} .sub_4_1 .S4 .contbox .img_item .img_txt .desc br {display: none;} .sub_4_1 .S5.reverse .contbox { flex-direction: column-reverse; gap: 2.5rem 0;} .sub_4_1 .S5.reverse .contbox .txtbox {width: 100%; padding: 0;} .sub_4_1 .S5.reverse .contbox .txtbox .sub_txt1, .sub_4_1 .S5.reverse .contbox .txtbox .sub_txt2 {text-align: center;} .sub_4_1 .S5.reverse .contbox .txtbox .descbox .sub_txt2 br { display: block;} .sub_4_1 .S5 .contbox .infobox .item { justify-content: center;} .sub_4_1 .S5 .contbox .infobox .item .txt { flex: initial; width: 40%;} .sub_4_1 .S5.reverse .contbox .imgbox {width: 85%} .sub_common .CS9 .CS9_slider{margin-top: 2rem;} .sub_common .CS9 .CS9_slider .swiper-button-prev, .sub_common .CS9 .CS9_slider .swiper-button-next { top: 22%;} .sub_common .CS9 .CS9_slider .swiper-button-prev { left: 15%;} .sub_common .CS9 .CS9_slider .swiper-button-next { right: 15%;} .sub_common .CS8 .img_item .btnbox .btn {height: 4.382%;} /* sub4-2 */ .sub_4_2 .S1 .contbox { flex-direction: column-reverse; gap: 3rem 0;} .sub_4_2 .S1 .contbox .txtbox { width: 100%; padding: 0;} .sub_4_2 .S1 .contbox .imgbox { width: 75%; margin-left: 0;} .sub_4_2 .S4 { padding: 5rem 0 0;} .sub_4_2 .S3 .slidebox .s42_slider_txt .swiper-wrapper { flex-wrap: wrap;} .sub_4_2 .S3 .slidebox .s42_slider_txt .swiper-slide { width: 33.333% !important; min-height: 60px;} .sub_4_2 .S3 .slidebox .s42_slider_txt .swiper-slide:nth-child(3){border-right:none;} .sub_4_2 .S3 .slidebox .s42_slider_txt .swiper-slide:nth-child(n+4){border-top:1px solid #4e4e4e4e;} .sub_4_2 .S4 .top_txtbox .descbox .sub_txt2 br { display: none;} .sub_4_2 .S4 .s4_bottom{gap:2rem 1.25rem;} .sub_4_2 .S4 .s4_bottom > li { max-width: calc(50% - 1rem);} .sub_4_2 .S4 .s4_bottom > li:nth-child(5) { max-width:calc(32% - 1rem);} .sub_4_2 .S4 .s4_bottom > li:nth-child(6) { max-width:calc(32% - 1rem);} .sub_4_2 .S4 .s4_bottom > li:nth-child(7) { max-width:calc(35.5% - 1rem);} .sub_4_2 .S4 .s4_bottom > li:nth-child(8) { max-width:calc(24.2% - 1rem);} /* .sub_4_2 .S4 .s4_bottom > li:last-child{max-width: calc(35.5% - 1rem);} */ .sub_4_2 .S4 .s4_bottom li .imgbox{height:auto;} .sub_4_2 .S4 .s4_bottom li .imgbox img{height:auto;} .sub_common .CS4.typeB .contbox{margin:3rem auto 0;} .sub_common .CS4 .contbox{gap:3rem 15px;} .sub_common .CS6 .videobox{margin:2rem auto 0rem;} /* sub4-3 */ .sub_4_3 .S2 .s2_txtbg{display:none;} .sub_4_3 .S3 .CS9_slider .swiper-slide { margin-left: 0;} .sub_4_3 .S3 .CS9_slider .swiper-slide .imgbox { width: 45%;} .sub_4_3 .S3 .CS9_slider .swiper-slide .txtbox { width: 50%; padding-left: 4%;} .sub_4_3 .S3 .CS9_slider .swiper-button-prev { left: 5%;} .sub_4_3 .S3 .CS9_slider .swiper-button-next { right: 5%;} .sub_common .CS9 .CS9_slider .swiper-button-prev, .sub_common .CS9 .CS9_slider .swiper-button-next { top: 34%;} .sub_4_3 .S4 { padding: 8rem 0 4rem; background-size: auto 50%;} .sub_4_3 .S4 .contbox .txtbox { margin-left: 0; padding: 0; width: 80%;} .sub_4_3 .S4 .s4_bottom { flex-wrap: wrap; position: relative; left: auto; top: auto; transform: none; margin: 5rem auto; gap: 3rem 1rem} .sub_4_3 .S4 .s4_bottom > li { width: calc(33.333% - 1rem);} .sub_4_3 .S4 .s4_bottom > li:nth-child(5){width: calc(33.333% - 1rem);} .sub_4_3 .S4 .s4_bottom > li .imgbox img { width: auto; max-height: 100px; display: block; margin: auto;} /* sub5-1 */ .sub_5_1 .S2 .contbox { flex-direction: column-reverse; gap: 2rem 0;} .sub_5_1 .S2 .contbox .imgbox { width: 75%; margin-left: 0;} .sub_5_1 .S2 .contbox .txtbox { width: 100%; } .sub_5_1 .S2 .contbox .txtbox .button_box { gap: 1.5rem 0.5rem;} .sub_5_1 .S2 .contbox .txtbox .button_box .button { min-width: initial;} .sub_5_1 .S3 .contbox { flex-direction: column;} .sub_5_1 .S3 .contbox .txtbox { width: 100%;} .sub_5_1 .S3 .contbox .txtbox .top_txtbox { padding: 3rem 2rem; text-align: center;} .sub_5_1 .S3 .contbox .txtbox .tabbox { flex-direction: row; gap: 0 0.25rem;} .sub_5_1 .S3 .contbox .txtbox .tabbox .btn { width: 33.3333%; text-align: center;} .sub_5_1 .S3 .contbox .tab_contbox { width: 100%; padding: 4rem 0;} .sub_5_1 .S3 .contbox .tab_contbox .cont1 { position: absolute; left: 0; top: 0; justify-content: flex-start; padding-top: 6rem;} .sub_5_1 .S3 .contbox .tab_contbox .cont3 { position: relative; left: auto; top: auto; height: auto;} /*.sub_5_1 .S4 .contbox .txtbox .sub_txt1 br { display: none;}*/ .sub_5_1 .S5 .contbox .txtbox { padding-right: 2rem;} /*.sub_5_1 .S5 .contbox .txtbox .sub_txt1 br { display: none;} .sub_5_1 .S6 .contbox .txtbox .sub_txt1 br { display: none;}*/ /* sub5-2 */ /*.sub_5_2 .S1 .contbox .txtbox .sub_txt1 br {display: none;} .sub_5_2 .S3 .contbox .txtbox .sub_txt1 br { display: none;} .sub_5_2 .S4 .contbox .txtbox .sub_txt1 br { display: none;}*/ .sub_5_2 .S4 .contbox .txtbox .button_box { margin-top: 3rem;} .sub_5_2 .S5{margin-bottom:10rem;} .sub_5_2 .S5 .contbox{margin:4rem auto 0;} /*.sub_5_2 .S6 .contbox .txtbox .sub_txt1 br { display: none;}*/ .sub_5_2 .S8 .img_items .tab_cont { gap: 0 0.5rem; flex-wrap: wrap; gap: 2rem 0.5rem;} .sub_5_2 .S8 .img_items .tab_cont > li { text-align: center; width: calc(33.333% - 0.5rem);} .sub_5_2 .S8 .img_items .tab_cont.cont2 { gap: 2rem 0.5rem;} .sub_5_2 .S8 .img_items .tab_cont.cont2 > li { width: calc(50% - 0.5rem);} .sub_5_2 .S8 .img_items .tab_cont.cont3 { gap: 2rem 0.5rem;} .sub_5_2 .S8 .img_items .tab_cont.cont3 > li { width: calc(50% - 0.5rem);} /* sub5-3 */ .sub_5_3 .S2 .contbox .imgbox .sub_txt2 { margin-left: 4%;} .sub_5_3 .S2 .Sub_inner2.left { width: 90%; margin-right: 0; margin-left: 5%;} .sub_5_3 .S2.reverse .contbox { flex-direction: column-reverse; gap: 3rem 0;} .sub_5_3 .S2.reverse .contbox .txtbox { width: 100%; padding: 0;} .sub_5_3 .S2.reverse .contbox .imgbox { width: 100%;} .sub_5_3 .S2 .contbox .imgbox .sub_txt2 { margin-left: 0;} .sub_5_3 .S2 .s2_bottom { margin-top: 5%;} .sub_5_3 .S2 .s2_bottom > li { width: 25%;} .sub_5_3 .S4 .contbox > li { position: relative; width: 50%;} .sub_5_3 .S4 .contbox > li:nth-child(1) { padding-left: 0;} .sub_5_3 .S4 .contbox > li:nth-child(2) { padding-right: 0;} .sub_5_3 .S4 .contbox > li .txtbox p { min-height: 90px;} /*.sub_5_3 .S4 .contbox > li .txtbox p br { display: none;}*/ .sub_5_3 .S6 .contbox > li { width: 100%;} .sub_5_3 .S6 .contbox > li:nth-child(2n) .circle { border-color: #445b54 !important;} .sub_5_3 .S6 .contbox > li:nth-child(2n-1) .circle { border-color: #eeeeee !important;} /*.sub_5_3 .S10 .contbox .txtbox .sub_txt1 br { display: none;}*/ .sub_5_3 .S9{margin:10rem 0;} .sub_5_3 .S9 .contbox .cont_box .box { height: 32%;} .sub_5_3 .S9 .contbox .cont_box .box .txt { width: 85%;} .sub_5_3 .S9 .contbox .cont_box .box .txt .tit { margin-bottom: 0.5rem; font-size: 1.2rem;} .sub_5_3 .S9 .contbox .cont_box .box .txt .desc { font-size: 1rem;} .sub_5_3 .S11 .contbox > li .check_list { min-height: 195px;} /* sub5-4 */ .sub_5_4 .S1 .contbox .txtbox .sub_txt1 br { display: none;} .sub_5_4 .S4.reverse .contbox .txtbox { padding-left: 0;} .sub_5_4 .S6::before{display:none;} .sub_4_2 .S2 .contbox .imgbox{margin-right:0;} .sub_5_4 .S8.CS4.typeB .contbox .item.item1 .imgbox > img{max-width:87.24px;} } @media screen and (max-width: 640px) { html, body{ font-size:12px !important; } /* sub_2_5 - 0615 추가 */ .sub_2_5 .S5 .contbox > li .icon.pain { padding: 14% 0 17%;} .sub_common .CS8 .img_item .btnbox .btn { height: 5%; } } @media screen and (max-width: 599px) { html, body { font-size:11px !important; } /* sub1-1 */ .sub_1_1 .sub_top .swiper-slide.slide1 { background-position: 15% bottom;} .sub_1_1 .sub_top .txtbox .tit { font-size: 1.65rem;} .sub_1_1 .S1 { padding: 8.5rem 0 6rem;} .sub_1_1 .S1 .bg_txt { top: auto; bottom: 5%; font-size: 10.5rem;} .sub_1_1 .S1 .top_txtbox .tit { font-size: 2.3rem; line-height: 1.4; width: 95%;} .sub_1_1 .S1 .top_txtbox .sub { font-size: 1.3rem; line-height: 1.5; width: 80%;} .sub_1_1 .S1 .ceo_history .history_box { gap: 1rem 0; flex-direction: column;} .sub_1_1 .S1 .ceo_history .history_list > li { font-size: 1.3rem; } .sub_1_1 .sliderWrap { margin: 8rem 0;} .sub_1_1 .sliderWrap .inner { width: 100%; margin: auto; flex-direction: column; gap: 3rem 0;} .sub_1_1 .sliderWrap .txtbox { width: 90%; margin: auto;} .sub_1_1 .sliderWrap .txtbox .ani_box > .tit br { display: block;} .sub_1_1 .sliderWrap .swiper-slide .txtbox p { font-size: 1.2rem;} .sub_1_1 .sliderWrap .slidebox { width: 100%;} .sub_1_1 .sliderWrap .scrollbar { width: 90%; margin: 2rem auto;} .sub_1_1 .S6 { margin: 10rem 0 6rem;} .sub_1_1 .S6 .imgbox { flex-direction: column; gap: 2px 0;} .sub_1_1 .S6 .imgbox .img_item .txtbox .tit { font-size: 2.5rem;} .sub_1_1 .S6 .imgbox .img_item .txtbox .contents { font-size: 1.5rem;} .sub_1_1 .S6 .imgbox .img_item .txtbox .contents br { display: block;} /* sub1-2 */ .sub_1_2 .S2 { margin: 7rem 0 8rem;} .sub_1_2 .contbox { margin-bottom:6rem; flex-direction: column-reverse; gap: 3rem 0; width: 100%; margin-left: 0;} .sub_1_2 .contbox > img { width: 90%;} .sub_1_2 .S2 .s2_img { position: relative; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; z-index: 0; transition: all 1.4s ease; transform: translateY(0) !important; margin:0 auto;} .sub_1_2 .S2 .s2_img.aos-animate { transform: translateY(0px) !important;} .sub_1_2 .S2 .s2_imgbox { height: auto;} .sub_1_2 .S2 .s2_img2 { width: 85%;} .sub_1_2 .S2 .s2_img2 .plus_icon { display:none; left: 62%;} .sub_1_2 .S2 .s2_img3 { width: 75%; margin:6rem auto;} .sub_1_2 .S2 .s2_img4 { width: 85%; margin-left:auto; margin-top:0;} .sub_1_2 .S2 .s2_img4 .plus_icon{ display:none;} .sub_1_2 .S3 .contbox .plus_icon{ display:none;} .sub_1_2 .S4 .contbox .plus_icon{ display:none;} .sub_1_2 .S3 .contbox .imgbox { width: 85%;} .sub_1_2 .S4 .contbox .imgbox { width: 85%;} .sub_1_2 .S3 .s3_img2 { width: 85%; margin-left: auto; margin-right:auto; margin-bottom:6rem;} .sub_1_2 .S4 .s4_imgbox { height: auto; margin: 8rem 0;} .sub_1_2 .S4 .s4_img { position: relative; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; z-index: 0; transition: all 1.4s ease; transform: translateY(0) !important; margin:0 auto;} .sub_1_2 .S4 .s4_img.aos-animate { transform: translateY(0px) !important;} .sub_1_2 .S4 .s4_img2 { width: 85%;} .sub_1_2 .S4 .s4_img3 { width: 75%; margin: 6rem auto;} .sub_1_2 .S4 .s4_img4 { width: 90%; margin-left:auto; margin-top: 10rem;} /* sub1-3 */ .sub_1_3 .S1{margin:10rem 0 8rem;} .sub_1_3 .S1 .conbox { margin-top: -4rem; flex-direction: column-reverse;} .sub_1_3 .S1 .leftbox { width: 90%; margin: 0 auto; padding-left: 0;} .sub_1_3 .S1 .leftbox .colorbox { width: 100%; max-width: 50%; min-height: auto; text-align: right; padding:1.5rem 1.5rem 3rem; margin-left:auto; margin-right:0;} /*.sub_1_3 .S1 .leftbox .sub br { display: none;}*/ .sub_1_3 .S1 .rightbox { width: 100%; margin-top: -1rem; text-align: left; } .sub_1_3 .S1 .rightbox .contact_info .infobox { align-items: flex-start;} .sub_1_3 .S2 { margin: 6rem 0 12rem;} .sub_1_3 .S2 .mapbox .map { height: 35vh;} .sub_1_3 .S2 .mapbox .map > iframe{height:100% !important;} .sub_1_3 .S2 .mapbox .map img { height: 100%;} .sub_1_3 .S2 .mapbox .map_info p { width: 84%; margin: auto; display: block;} .sub_1_3 .S2 .mapbox .map_info p br { display: block; } /* .sub_1_3 .S2 .mapbox .map_info .map-link { display: none; } */ .sub_1_3 .S2 .location_info { flex-direction: column; gap: 3rem 0;} .sub_1_3 .S2 .location_info + .location_info{padding-top:3rem;} .sub_1_3 .S2 .location_info .info_box { width: 100%; padding: 0;} .sub_1_3 .S2 .location_info .info_box .txtbox .txt { font-size: 1.1rem; line-height: 1.7;} /* sub common */ .sub_topbox.s_5_4 {background-image: url(../img/s_5_4_subtop_m.png);} .sub_txt2 { font-size: 1.2rem;} .sub_txt17 { font-size: 1.35rem;} .sub_topbox::before { content: ""; position: absolute; left: 0; top: 0%; width: 100%; height: 94%; backdrop-filter: blur(3px); background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.5), transparent);} .sub_common .CS1 { padding-top: 7rem; margin-bottom: 7rem;} .sub_common .CS1 .contbox { flex-direction: column-reverse; gap: 5rem 0;} .sub_common .CS1 .contbox .txtbox { padding-left: 0; padding-bottom: 0; width: 100%;} .sub_common .CS1 .contbox .imgbox { width: 100%; text-align: center;} .sub_common .CS1 .contbox .imgbox > img { width: 45%;} .sub_common .CS2 { margin: 8rem 0;} .sub_common .CS2 .contbox { flex-direction: column; gap: 3rem 0;} .sub_common .CS2 .contbox .txtbox { width: 100%; padding-right: 0; padding-left: 0;} .sub_common .CS2 .contbox .imgbox { width: 100%;} .sub_common .CS2.bgB .contbox .imgbox { width: 100%;} /*0616 수정*/ .sub_common .CS2.reverse .contbox { flex-direction: column-reverse;} .sub_common .CS2.reverse .contbox .txtbox { padding-right: 0; padding-left: 0;} /* .sub_common .CS3 .top_txtbox .descbox .sub_txt2 br { display: none;} */ .sub_common .CS3 .contbox { width: 100%; max-width: 1080px; margin: 5rem auto; flex-direction: column; gap: 3rem 0;} .sub_common .CS3 .contbox .item { width: 100%;} .sub_common .CS3 .contbox .item .imgbox { border-radius: 0px !important;} .sub_common .CS3 .contbox .item .txtbox .sub_txt2 br { display: block;} .sub_common .CS5 .CS5_slider{padding-bottom:2rem;} .sub_common .CS5 .CS5_slider .swiper-slide { width:80% !important; margin:0 10%;} .sub_common .CS5 .CS5_slider .swiper-button-prev {left: 2%;} .sub_common .CS5 .CS5_slider .swiper-button-next {right: 2%;} .sub_common .CS5 .CS5_slider .swiper-button-prev, .sub_common .CS5 .CS5_slider .swiper-button-next { top: 31%; font-size: 3.5rem;} .sub_common .CS5 .CS5_slider .button_box{margin-top:4rem;} .sub_common .CS5 .sliebox .bg_txt{font-size: 6rem;} .sub_common .CS5 .sliebox .bg_txt.before{top:-18%; left:6%;} .sub_common .CS5 .sliebox .bg_txt.after{bottom:18%; right:6%;} .sub_common .CS2.bgB .CS2_bg { top: -20%; width: 80%;} .sub_common .CS2.bgA { padding-bottom: 3rem;} .sub_common .CS2.bgA .contbox .txtbox { width: 100%; padding-right: 0;} .sub_common .CS2.bgA .contbox .imgbox { width: 85%; padding-right: 5%; padding-top: 0;} .sub_common .CS2.bgA .contbox .imgbox .add_img { right: -4%; top: -15%;} .sub_common .CS4 .contbox .item .txtbox .sub_badge span { min-width: 85%;} .sub_common .CS4 .contbox .item { width: calc(50% - 15px);} .sub_common .CS4.typeB .contbox .item { width: calc(50% - 15px);} .sub_common .CS4.typeB .contbox .item .imgbox > img { max-width: 60px;} .sub_common .CS4.typeB .contbox .item .imgbox.lift > img { max-width: 38px;} .sub_common .CS4.typeB.wide .contbox .item { width: calc(50% - 15px);} .sub_common .CS4.typeB.wide2 .contbox .item { width: calc(50% - 15px);} /* 2024-08-27 삭제 S */ /* .sub_common .CS6 .videobox { flex-direction: column; align-items: center; gap: 2rem 0;} */ /* .sub_common .CS6 .videobox .youtube_view { width: 100%; height: 210px;} */ /* .sub_common .videobox .youtube_list { width: 100%; height:auto; padding:0 0 2rem; flex-direction: row; flex-wrap: wrap; gap: 2rem 1rem;} */ /* .sub_common .CS6 .videobox .youtube_item { width: calc(50% - 0.5rem);} */ /* 2024-08-27 삭제 E */ .sub_common .CS8 .top_txtbox .button_box { margin: 1rem 0 4rem; gap: 0 1rem;} .sub_common .CS8 .top_txtbox .button_box .button { padding: 1rem 2.5rem;} .sub_common .CS9 .CS9_slider .swiper-button-prev, .sub_common .CS9 .CS9_slider .swiper-button-next { top: 31%;} .sub_common .CS9 .CS9_slider .swiper-button-prev { left: 10%;} .sub_common .CS9 .CS9_slider .swiper-button-next { right: 10%;} /* sub2-1 */ .sub_2_1 .S3 { margin: 8rem 0;} .sub_2_1 .S3 .titlebox .info_txt { /*flex-direction: column;*/ gap: 0rem 0.8rem;} .sub_2_1 .S3 .titlebox .info_txt > img{max-width: 18px;} .sub_2_1 .S3 .prd_list { gap: 2rem 1.5rem;} .sub_2_1 .S3 .prd_list .prd_item { flex-direction: column; align-items: center;} .sub_2_1 .S3 .prd_list .prd_item .img { max-width: 70px;} .sub_2_1 .S3 .prd_list .prd_item .txt { font-size: 1.1rem; margin-left: 0; margin-bottom: 0;} .sub_2_1 .S6 .contbox .txtbox .sub_txt4 br { display: block;} /* .sub_2_1 .S7 .contbox .txtbox .descbox .sub_txt2 br { display: none;} */ .sub_2_1 .S7 .contbox .contbox_item{margin:4rem 4rem 0;} .sub_2_1 .S7 .contbox .contbox_item01{margin:6rem 4rem 0;} .sub_2_1 .S7 .contbox .contbox_item li{position:relative; width:auto; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; margin:0 3rem;} .sub_2_1 .S7 .contbox .contbox_item > li > .imgbox{ transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } .contbox_item_pc{display:none !important;} .contbox_item_m{display:flex !important;} .sub_2_1 .S7 .contbox .contbox_item > li > .add_img { top: -2.5rem; left: -2.8rem; max-width: 45%; } /* sub2-2 */ .sub_2_2 .S1 .contbox .imgbox { max-width: 50%; margin-left: -5%;} .sub_2_2 .S2 { margin: 10rem 0;} .sub_2_2 .S2 .contbox { flex-direction: column-reverse; } .sub_2_2 .S2 .title_box .sub_txt1 br { display: none;} .sub_2_2 .S2 .title_box .sub_txt2 br { display: none;} .sub_2_2 .S2 .imgbox { width: 75%;} .sub_2_2 .S3 { margin: 10rem 0;} .sub_2_2 .S3 .s3_bg { top: -8%; width:32%;} .sub_2_2 .S3 .contbox { flex-direction: column; gap: 4rem 0;} .sub_2_2 .S3 .contbox .txtbox { width: 100%; padding: 0;} .sub_2_2 .S3 .contbox .txtbox .sub_txt1 br { display: block;} .sub_2_2 .S3 .contbox .imgbox { width: 100%;} .sub_2_2 .S3 .bottom_imgbox{ flex-wrap: wrap; gap: 2rem 1rem;} .sub_2_2 .S3 .bottom_imgbox .img_item { width: 30%;} .sub_2_2 .S3 .bottom_imgbox .img_item:nth-child(1) { width: calc(30% + 52px);} .sub_2_2.sub_common .S7.--1.CS2 .txtbox { margin-top: -6rem; } .sub_2_2.sub_common .S7.--1.CS2 img { width: 100%; left: -6%; position: relative; } .sub_2_2.sub_common .S7.--1.CS2 .contbox .imgbox { width: 90%; } .sub_2_2.sub_common .S7.--2.CS2 .contbox { flex-direction: column-reverse; align-items: center; text-align: center; } .sub_2_2.sub_common .S7.--2.CS2 .contbox .imgbox { width: 90%; } .sub_2_2.sub_common .S7.--2.CS2 .contbox .txtbox { width: 100%; } /* sub2-3 */ .sub_2_3 .S3 .contbox .imgbox { width: 45%;} .sub_2_3 .S3 .contbox .txtbox .infobx li { width: calc(50% - 1rem);} .sub_2_3 .S3 .tipbox .tip_ul { gap: 0 1rem;} .sub_2_3 .S3 .tipbox .tip_ul > li > p { font-size: 1rem;} .sub_2_3 .S3 .tipbox .desc br {display: none;} .sub_2_3 .S4 { margin: 10rem 0 8rem;} .sub_2_3 .S4 .title_box .sub_txt1 br { display: none;} .sub_2_3 .S4 .title_box .sub_txt2 br { display: none;} .sub_2_3 .S4 .slidebox { flex-wrap: wrap;} .sub_2_3 .S4 .s23_slider .img_item > img { max-height: 178px;} .sub_2_3 .S4 .s23_slider .img_item > p {font-size: 1.1rem; opacity:0; visibility:hidden;} .sub_2_3 .S4 .s23_slider .img_item.on > p {opacity:1; visibility:visible;} .sub_2_3 .S4 .s23_slider .img_item > p br {display: block;} .sub_2_3 .S4 .slidebox .img_item { width: 50%; padding-bottom:3rem;} .sub_2_3 .S6 .contbox .imgbox { width: 75%;} /* sub2-4 */ .sub_topbox.s_2_4 .txtbox .desc2 br { display: none;} .sub_2_4 .S1 .contbox .imgbox { position:relative; width: 100%; padding:0;} .sub_2_4 .S1 .contbox .imgbox.effect2 { -webkit-transition: clip-path 0.8s cubic-bezier(.19, 1, .22, 1), opacity 0.8s ease 167ms, -webkit-clip-path 0.8s cubic-bezier(.19, 1, .22, 1); transition: clip-path 0.8s cubic-bezier(.19, 1,.22,1), opacity 0.8s ease 167ms, -webkit-clip-path 0.8s cubic-bezier(.19, 1, .22, 1); transition-property: all !important; } .sub_2_4 .S1 .contbox .imgbox .button_box{margin:1rem 0 3rem 0;} .sub_2_4 .S1 .contbox .img_items{height:25rem;} .sub_2_4 .S2 .s2_bg { left: 30%; top: -2%; width: 44%;} .sub_2_4 .S2 .contbox .imgbox { width: 62%;} .sub_2_4 .S3 { margin: 10rem 0;} .sub_2_4 .S3 .title_box .sub_txt2 br { display: none;} .sub_2_4 .S3 .contbox > li p br { display: none;} .sub_2_4 .S4 { margin: 10rem 0;} .sub_2_4 .S4 .title_box .sub_txt1 { font-size:1.96rem;} .sub_2_4 .S4 .title_box .sub_txt2 br { display: none;} .sub_2_4 .S4 .contbox { flex-wrap: wrap; gap: 3rem 0;} .sub_2_4 .S4 .contbox > li .desc_list p { font-size: 1.1rem;} .sub_2_4 .S2 .contbox{ flex-direction: column; align-items:center; gap: 1rem 0;} .sub_2_4 .S3 .contbox { flex-direction:column-reverse; gap: 2.5rem 0;} .sub_2_4 .S3 .contbox .title_box .sub_txt1{margin:0 0 2rem;} .sub_2_4 .S3 .contbox_ul { gap: 2rem 2%; flex-wrap: wrap; margin-top:3rem;} .sub_2_4 .S3 .contbox_ul li { width:calc(50% - 1%);} .sub_2_4 .S3 .contbox_ul li:nth-child(4) { width:calc(47% - 1%);} .sub_2_4 .S3 .contbox_ul li .tit{font-size:1rem;} /* sub2-5 */ .sub_2_5 .S3 .contbox .txtbox .sub_txt1 br { display: block;} .sub_2_5 .S4 .Sub_inner2.right { margin-left: 0; width: 100%;} .sub_2_5 .S4 .contbox .txtbox {width: 90%; margin:auto} .sub_2_5 .S4 .bottom_imgbox { width: 90%; margin: 6% auto;} .sub_2_5 .S4 .bottom_imgbox .img_item { width: calc(50% - 0.5rem); transition-delay: initial; max-width: 100%;} .sub_2_5 .S4 .bottom_imgbox .img_item:last-child { width:calc(50% - 0.5rem); max-width: 100%;} .sub_2_5 .S4 .bottom_imgbox .img_item:last-child img { height: 29.5vw; } .sub_2_5 .S5 .contbox > li { width: 50%;} .sub_2_5 .S5 .contbox > li .icon {max-width: 70px;} .sub_2_5 .S5 .contbox > li .icon.pain {max-width: 98px;} .sub_2_5 .S5 .contbox > li:nth-child(4)::after {display: block;} .sub_2_5 .S5 .contbox > li:nth-child(2n-1)::after {display: none;} .sub_2_5 .S1.S1-1.CS2.reverse .contbox { flex-direction: column; } .sub_2_5 .S1.S1-1.CS2.reverse .contbox .txtbox { padding-left: 0; } .sub_2_5 .S3.CS2.reverse .contbox { flex-direction: column; } .sub_2_5 .S9 .lifting__point li > p { line-height: 1; } .sub_2_5 .S9 .lifting__point li > p span { font-size: 0.7em; position: relative; top: -0.2em; } .sub_2_5 .S9 .lifting__point li .point__img p { font-size: 1.1rem; } .sub_2_5 .S9 .lifting__point li { margin-bottom: 1em; flex-direction: column!important; } .sub_2_5 .S9 .lifting__point li > p { position: relative; top: auto; left: auto; translate: 0 0; font-size: 1.96rem; line-height: 1.3; margin-bottom: 1em; } .sub_2_5 .S9 .lifting__point li > p span { width: 100%; display: block; top: auto; font-size: 1em; text-align: center; } .sub_2_5 .S9 .lifting__point li .point__img { width: 100%; } /* sub2-6 */ .sub_2_6 .S1 .title_box .descbox .sub_txt2 br { display: none;} .sub_2_6 .S1 .imgbox { flex-direction: column; align-items: center; gap: 2rem 0;} .sub_2_6 .S1 .imgbox img:nth-child(1) { width: 100%;} .sub_2_6 .S1 .imgbox img:nth-child(2) { width: 100%;} .sub_2_6 .S2 .contbox { flex-direction: column !important;} .sub_2_6 .S2 .contbox .txtbox { text-align: center;} /*.sub_2_6 .S2 .contbox .txtbox .sub_txt1 br { display: none;}*/ .sub_2_6 .S2 .contbox .imgbox { flex-direction: column; align-items: center; gap: 3rem 0;} .sub_2_6 .S4 .title_box .descbox .sub_txt2 br { display: none;} .sub_2_6 .S4 .imgbox > li .desc { font-weight: 400;} .sub_2_6 .S5 .s5_bg { top: -5%; width: 75%;} .sub_2_6 .S5 .contbox .imgbox { width: 65%;} .sub_2_6 .S5 .contbox .txtbox .sub_txt1 br { display: none;} .sub_2_6 .S2.S6_1 .contbox .txtbox .sub_txt1 br{display:block;} .sub_2_6 .S6 .title_box .descbox .sub_txt2 br { display: none;} .sub_2_6 .S6 .imgbox { margin-top: 4rem; flex-direction: column; align-items: center; gap: 2rem 0;} .sub_2_6 .S6 .imgbox img { max-width: 85%;} .sub_2_6 .S7 .imgbox { width: 100%;} .sub_2_6 .S8.CS4.typeB .contbox .item .imgbox.lift > img{max-width: 60px;} /* sub3-1 */ .sub_3_1 .S1 .contbox .imgbox .img_txt br { display: none;} .sub_3_1 .S1 .bottom_imgbox { margin-top: 8%; flex-wrap: wrap; gap: 2rem 0.5rem;} .sub_3_1 .S1 .bottom_imgbox .img_item { max-width: 30%;} /* .sub_3_1 .S1 .bottom_imgbox .img_item:nth-child(1) { max-width: 23.44%;} */ .sub_3_1 .S2 { padding-top: 2rem;} .sub_3_1 .S4 .contbox .txtbox { margin-top: 0;} .sub_3_1 .S4 .contbox .imgbox { width: 100%;} .sub_3_1 .S5 { margin: 10rem 0;} .sub_3_1 .S5 .title_box .descbox .sub_txt2 br { display: none;} .sub_3_1 .S6 { margin: 10rem 0;} .sub_3_1 .S6 .title_box .descbox .sub_txt2 br { display: none;} .sub_3_1 .S6 .contbox > li { width: 100%; display: flex;} .sub_3_1 .S8 { margin: 10rem 0;} .sub_3_1 .S8 .title_box .descbox .sub_txt2 br { display: none;} .sub_3_1 .S8 .contbox > li { width: calc(50% - 0.5rem);} /* sub3-2 */ .sub_3_2 .S2 .link_btn img { max-width: 14px;} .sub_3_2 .S2 .Sub_inner2.right { width: 90%;} .sub_3_2 .S2 .contbox .txtbox {margin-right: 0;} .sub_3_2 .S3 .tab_btnbox .tab_item:nth-child(6) {width: 30%;} .sub_3_2 .S3 .tab_btnbox .tab_item .tab_link {font-size: 1.1rem;} .sub_3_2 .S3 .tab_contbox .tab_cont .txtbox .desc { font-size: 1rem;} .sub_3_2 .S3 .tab_contbox .tab_cont .txtbox .desc br { display: none;} .sub_3_2 .S3 .tab_contbox .tab_cont .txtbox .check_list li { padding-left: 1.75rem;} .sub_3_2 .S3 .tab_contbox .tab_cont .txtbox .check_list li::before { width: 1em; height: 1em;} .sub_3_2 .S4 .contbox {flex-direction: column;} .sub_3_2 .S3 .tab_btnbox .tab_item .tab_link::before { width: 4px; height: 4px;} .sub_3_2 .sub_common .S4.CS2 { padding: 0; } /* sub3-3 */ .sub_3_3 .S1 .contbox { flex-direction: column; gap: 3rem 0; align-items: center;} .sub_3_3 .S1 .contbox > li { width: 100%;} .sub_3_3 .S1 .contbox > li:nth-child(1) { /*padding-left: 8%; margin-left: -8%;*/} .sub_3_3 .S1 .contbox > li:nth-child(2) { /*padding-right: 8%; margin-right: -8%;*/} .sub_3_3 .S1 .contbox > li .txtbox p br { display: block;} .sub_3_3 .S2 .contbox { flex-direction: column; align-items: center; gap: 3rem 0;} .sub_3_3 .S2 .contbox .txtbox { width: 100%; } .sub_3_3 .S2 .contbox .infobox { width: 100%; padding-left: 0;} .sub_3_3 .s33_slider .swiper-button-next, .sub_3_3 .s33_slider .swiper-button-prev { font-size: 3rem; top: 40%;} .sub_3_3 .s33_slider .swiper-slide .desc br { display: block;} .sub_3_3 .S5 .contbox { flex-direction: column;} .sub_3_3 .S5 .contbox .txtbox { width:100%; padding:0 2rem; margin-left:0;} .sub_3_3 .S5 .bottom_imgbox {gap:1.5rem 1.5rem;} .sub_3_3 .S5 .bottom_imgbox > li{width:calc(33.3333% - 1rem); text-align:center;} .sub_3_3 .S5 .bottom_imgbox > li:nth-child(6){width:calc(23% - 1rem);} .sub_3_3 .S5 .bottom_imgbox > li > .imgbox > img{height:85px;} /* sub3-4 */ .sub_3_4 .S3 .contbox { flex-direction: column;} .sub_3_4 .S3 .s34_slider .swiper-slide img { max-width: 110px;} /* sub3-5 */ .sub_3_5 .S1 .title_box .sub_txt2 br { display: none;} .sub_3_2 .S3 .tab_contbox .tab_cont .txtbox .check_list li { padding-left: 1.75rem;} .sub_3_2 .S3 .tab_contbox .tab_cont .txtbox .check_list li::before { width: 1em; height: 1em;} .sub_3_5 .S4 .slidebox .s35_slider_txt .swiper-wrapper { flex-wrap: wrap; justify-content: center;} .sub_3_5 .S4 .slidebox .s35_slider_txt .swiper-slide { width: 25% !important;} .sub_3_5 .S4 .slidebox .s35_slider_txt .swiper-slide:nth-child(4)::after {display: none;} .sub_3_5 .S7 .s35_slider2 .swiper-button-prev {left: 0; } .sub_3_5 .S7 .s35_slider2 .swiper-button-next {right: 0; } .sub_3_5 .S7 .s35_slider2 .swiper-button-prev, .sub_3_5 .S7 .s35_slider2 .swiper-button-next {font-size: 3rem;} .sub_3_5 .S7 .s35_slider2 .swiper-slide .txt .desc { width: 55%; margin: auto; word-break: keep-all;} .sub_3_5 .S8 .s8_txtbg{top: 12%; left: 50%; width: 60%;} .sub_3_5 .S8 .contbox .imgbox{margin:0;} .sub_3_5 .S8 .contbox .imgbox > ul{gap:2rem 0rem;} .sub_3_5 .S8 .contbox .imgbox > ul > li{width:48%; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; flex-direction: column;} .sub_3_5 .S8 .contbox .imgbox > ul > li > p{padding-left:0; padding-top:1rem;} /* sub4-1 */ .sub_4_1 .S1 .contbox .slidebox{width:100%; max-width:88%;} .swiper-button-prev.s41_slider3_prev{top:20%; left: -0.5rem;} .swiper-button-next.s41_slider3_next{top:20%; right: -0.5rem;} .sub_4_1 .S2 .contbox { flex-direction: column;} .sub_4_1 .S2 .contbox .s41_slider .circlebox { width: 100%; height: 0; padding-bottom: 85%;} .sub_4_1 .S2 .contbox .s41_slider .linebox { width: 100%; height: 100%;} .sub_4_1 .S2 .contbox .s41_slider .linebox .line { width: 65%;} .sub_4_1 .S2 .contbox .s41_slider .linebox .line.line1 { top: 60%;} .sub_4_1 .S2 .contbox .s41_slider .linebox .line.line2 { left: 10%; width: 80%;} .sub_4_1 .S2 .contbox .s41_slider .linebox .line.line3 { left: -3%; top: 60%;} .sub_4_1 .S3 .contbox { flex-direction:column-reverse;} .sub_4_1 .S3 .txtbox .descbox .sub_txt2 br { display: none;} .sub_4_1 .S3 .contbox_ul { gap: 2rem 2%; flex-wrap: wrap; margin-top:3rem;} .sub_4_1 .S3 .contbox_ul .item { width:calc(50% - 1%);} .sub_4_1 .S3 .contbox_ul .item:nth-child(4) { width:calc(47% - 1%);} .sub_4_1 .S3 .contbox_ul .item .tit{font-size:1rem;} /*.sub_4_1 .S3 .contbox_ul .item .desc br { display: none;}*/ .sub_4_1 .S4 .contbox { flex-direction: column;} .sub_4_1 .S4 .contbox .slidebox { width: 100%; margin-left: 0;} .sub_4_1 .S5 .contbox .infobox .item .txt { width: auto;} .sub_4_1 .S5.reverse .contbox .txtbox .descbox .sub_txt2 br { display: none;} .sub_4_1 .S5 .contbox .infobox .item .txt .listbox .list { padding-left: 1.5rem;} .sub_4_1 .S5 .contbox .infobox .item .txt .listbox .list::before { width: 0.75em; height: 0.5em;} /* sub4-2 */ /*.sub_topbox.s_4_2 .txtbox .desc2 br { display: none;}*/ .sub_4_2 .S2 .contbox .txtbox .descbox .sub_txt2 > br:not(.m_cont_480) { display: none;} .sub_4_2 .S4 { background: url(../img/sub4/s42_S4_bg_m_231123.png) no-repeat 50% top /auto 58%;} .sub_4_2 .S4 .contbox {flex-direction:column-reverse !important;} .sub_4_2 .S4 .s4_bottom li .txt { font-size: 1rem; } .sub_4_2 .S4 .s4_bottom li .txt .smallTxt { font-size: 0.9rem; } /* sub4-3 */ .sub_4_3 .S3 .top_txtbox .descbox { width: 90%; margin: auto;} .sub_4_3 .S3 .CS9_slider .swiper-slide { flex-direction: column; gap: 1.5rem 0;} .sub_4_3 .S3 .CS9_slider .swiper-slide .imgbox { width: 90%;} .sub_4_3 .S3 .CS9_slider .swiper-slide .txtbox { width: 80%;} .sub_4_3 .S3 .CS9_slider .swiper-slide .txtbox .check_list .list { padding-left: 2.5rem;} .sub_4_3 .S3 .CS9_slider .swiper-slide .txtbox .check_list .list::before { width: 1.25em; height: 1.25em; top: 0;} .sub_4_3 .S3 .CS9_slider .swiper-scrollbar { margin-top: 2.5rem; width: 90%;} .sub_4_3 .S4 { padding: 5rem 0 0; background-size: auto 44%;} .sub_4_3 .S4 .s4_bottom > li { width: calc(50% - 1rem);} .sub_4_3 .S4 .s4_bottom > li:nth-child(5) { width:auto;} .sub_4_3 .S5 {padding-top: 0;} /* sub5-1 */ /*.sub_5_1 .S1 .contbox .txtbox .sub_txt1 br { display: none;}*/ .sub_5_1 .S2 .contbox .txtbox .button_box { gap: 1.5rem 1rem;} .sub_5_1 .S2 .contbox .txtbox .button_box .button { min-width: calc(50% - 1rem); padding: 1rem;} .sub_5_1 .S3 .contbox { flex-direction: column; gap:0rem 0;} .sub_5_1 .S3 .contbox .txtbox .tabbox .btn { padding: 2rem 0;} .sub_5_1 .S3 .contbox .tab_contbox { padding: 0;} .sub_5_1 .S3 .contbox .tab_contbox .cont { position: relative; left: auto; top: auto; height: auto; display: none; padding-bottom: 5rem;} .sub_5_1 .S3 .contbox .tab_contbox .cont.on { display: block;} .sub_5_1 .S3 .contbox .tab_contbox .cont .sub_txt1 {border-left: 5px solid #445b54;} .sub_5_1 .S3 .contbox .tab_contbox .cont .sub_txt2 br { display: none;} .sub_5_1 .S3 .contbox .tab_contbox .cont3 .cont3_ul > li { flex-direction: column; gap: 2rem 0;} .sub_5_1 .S3 .contbox .tab_contbox .cont3 .cont3_ul > li > img { max-width: 100%;} .sub_5_1 .S3 .contbox .tab_contbox .cont3 .cont3_ul > li .titbox { flex-direction: column; align-items: flex-start; gap: 1rem 0;} .sub_5_1 .S3 .contbox .tab_contbox .cont1 { position: relative; left: auto; top: auto; padding:3rem 5% 12.5rem; background-position: 75% bottom;} .sub_5_1 .S3 .contbox .tab_contbox .cont2{padding:3rem 5% 5rem;} .sub_5_1 .S3 .contbox .tab_contbox .cont3{padding:3rem 5% 5rem;} .sub_5_1 .S3 .contbox .tab_contbox .cont2 .cont2_ul { flex-wrap: wrap; gap: 2rem 1rem;} .sub_5_1 .S3 .contbox .tab_contbox .cont2 .cont2_ul > li { width: calc(50% - 0.5rem);} .sub_5_1 .S6.reverse .contbox { flex-direction: column;} .sub_5_1 .S3 .contbox .tab_contbox .cont2 .cont2_ul > li p{font-size:1rem;} /* sub5-2 */ .sub_5_2 .S3 .contbox .imgbox {width: 80%;} .sub_5_2 .S4 .contbox .imgbox { margin-right: 0;} .sub_5_2 .S5 .txtbox .sub_txt2 br { display: none;} .sub_5_2 .S4 .contbox .txtbox .button_box .button { min-width: calc(50% - 1rem); padding: 1rem;} .sub_5_2 .S6 .contbox .imgbox { width: 95%; } .sub_5_2 .S7.CS2 .contbox .imgbox{width: 95%;} .sub_5_2 .CS8{padding-top:0;} .sub_5_2 .S8 .img_items .tab_cont > li { width: calc(50% - 0.5rem);} .sub_5_2 .S8 .img_items .img_item:nth-child(1) { position: relative; left: auto; top: auto;} .sub_5_2 .S8 .img_items .img_item:nth-child(2){ position: absolute; left: 0; top: 0;} /* sub5-3 */ .sub_5_3 .S2 .s2_bottom { flex-wrap: wrap; gap: 2rem 1rem;} .sub_5_3 .S2 .s2_bottom > li { width: calc(50% - 0.5rem);} .sub_5_3 .S4 .contbox { flex-direction: column; gap: 3rem 0;} .sub_5_3 .S4 .contbox > li { width: 100%;} .sub_5_3 .S4 .contbox > li .txtbox p { min-height: initial;} .sub_5_3 .S6 .contbox > li .circle p{font-weight:400;} .sub_5_3 .S6 .contbox > li .check_list .list { padding-left: 1.5rem; font-weight:400;} .sub_5_3 .S6 .contbox > li .check_list .list::before { top: 0.2rem; width: 1rem; height: 1rem;} .sub_5_3 .S9 .contbox { flex-direction: column; align-items: center;} .sub_5_3 .S9 .contbox .cont_box { width: 100%; padding-bottom: 0; gap: 1rem 0;} .sub_5_3 .S9 .contbox .cont_box.left { margin-bottom: 1rem;} .sub_5_3 .S9 .contbox .cont_box .box { width: 100%; transition-delay: initial;} .sub_5_3 .S9 .contbox .cont_box .box .txt { width: 100%; padding: 1rem 0;} .sub_5_3 .S9 .contbox .cont_box .box .line { display: none;} .sub_5_3 .S9 .contbox .cont_box.right .box { margin-left: 0;} .sub_5_3 .S9 .contbox .cont_center { width: 25%; padding: 0; margin-bottom: 1rem; order: -1;} .sub_5_3 .S11 .contbox > li .check_list { min-height: initial;} .sub_5_3 .S11 .contbox > li .check_list p { padding-left:1.5rem; font-weight:400;} .sub_5_3 .S11 .contbox > li .check_list p::before { top:0.35rem; width: 1rem; height: 1rem;} /* sub5-4 */ .sub_5_4 .S2 .contbox .txtbox .check_list p { padding-left: 2rem;} .sub_5_4 .S2 .contbox .txtbox .check_list p::before {width: 1.25em; height: 1.25em;} .sub_5_4.sub_common .S4.CS2.reverse .contbox{ flex-direction:column;} .sub_5_4 .S4 .s4_txtbg { top:16rem; left:38%; width: 55%; } .sub_5_4 .S4 .contbox .imgbox { width: 70%; margin-left:0; margin-right:auto;} .sub_5_4 .S5 .contbox .imgbox { width: 100%;} .sub_5_4 .S6 { padding-top: 0rem;} .sub_5_4 .S7 .contbox .center { width: 25%;} .sub_5_4 .S7 .contbox::after{top: -3px; right: -5px; width:calc(44% - 6px); height:calc(100% + 6px); border:5px solid #445b54; border-radius:15px;} .sub_5_4 .S7 .contbox .center{width:25%; font-size:1rem;} .sub_5_4 .S7 .contbox .txt{width:50%;} .sub_5_4 .S7 .contbox .tit .center{font-size:1.2rem;} .sub_5_4 .S7 .contbox .tit .txt{font-size:1.3rem;} .sub_5_4 .S7 .contbox .cont .txt{font-size:1rem; padding:0.75rem 0.4rem;} .sub_5_4 .S7 .contbox .cont > div{display:flex; justify-content:center; align-items:center;} .sub_5_4 .S8.CS4.typeB .contbox .item.item1 .imgbox > img{max-width:69.8px;} .sub_1_2 .S2 .s2_img2 .txtbox{display:none;} .sub_1_2 .contbox .txtbox{display:none;} } @media screen and (max-width: 480px) { .pc_cont_480{display:none; opacity:0; visibility:hidden; height: 0;} .m_cont_480{display:block; opacity:1; visibility:visible; height: auto;} /* 0622 추가 */ .sub_topbox { height: 98vh;} .sub_topbox.s_1_1 {background: url(../img/s_1_1_subtop_m.png) 100% 100%/cover no-repeat;} .sub_topbox.s_1_2 {background: url(../img/s_1_2_subtop_m.png) 100% 100%/cover no-repeat;} .sub_topbox.s_1_3 {background: url(../img/s_1_3_subtop_m.png) 100% 100%/cover no-repeat;} .sub_topbox.s_2_1 {background-image: url(../img/s_2_1_subtop_m.png);} .sub_topbox.s_2_2 {background-image: url(../img/s_2_2_subtop_m.png);} .sub_topbox.s_2_3 {background-image: url(../img/s_2_3_subtop_m.png);} .sub_topbox.s_2_4 {background-image: url(../img/s_2_4_subtop_m.png);} .sub_topbox.s_2_5 {background-image: url(../img/sub2/sub_2_5/visual-m.png);} .sub_topbox.s_2_6 {background-image: url(../img/s_2_6_subtop_m_231116.png);} .sub_topbox.s_3_1 {background-image: url(../img/s_3_1_subtop_m.png);} .sub_topbox.s_3_2 {background-image: url(../img/s_3_2_subtop_m.png);} .sub_topbox.s_3_3 {background-image: url(../img/s_3_3_subtop_m.png);} .sub_topbox.s_3_4 {background-image: url(../img/s_3_4_subtop_m.png);} .sub_topbox.s_3_5 {background-image: url(../img/s_3_5_subtop_m.png);} .sub_topbox.s_4_1 {background-image: url(../img/s_4_1_subtop_m.png);} .sub_topbox.s_4_2 {background-image: url(../img/s_4_2_subtop_m.png);} .sub_topbox.s_4_3 {background-image: url(../img/s_4_3_subtop_m.png);} .sub_topbox.s_5_1 {background-image: url(../img/s_5_1_subtop_m.png);} .sub_topbox.s_5_2 {background-image: url(../img/s_5_2_subtop_m.png);} .sub_topbox.s_5_3 {background-image: url(../img/s_5_3_subtop_m.png);} .sub_topbox.s_5_4 {background-image: url(../img/s_5_4_subtop_m.png);} .sub_topbox::before { display: none;} .sub_topbox .inner { padding-bottom: 28rem; padding-left: 2rem;} .sub_topbox .txtbox .tit { margin-bottom: 1rem; } .sub_topbox.s_3_4 .inner { padding-bottom: 24rem; padding-left: 2rem;} .sub_1_1 .sub_topbox.right .inner { text-align: left; display: block;} .sub_1_1 .txtbox { padding:0; } .sub_1_1 .txtbox .linkbox { justify-content: normal; padding: 2rem 0 0; gap: 0 1.5rem; } .sub_1_1 .item_box{flex-wrap:wrap;} .sub_1_1 .item_wrap .txtbox{width:100%;} .sub_1_1 .S2.item_wrap .item_box{gap:2rem 4%;} .sub_1_1 .S3.item_wrap .item_box{gap:2rem 4%;} .sub_1_1 .S4.item_wrap .item_box{gap:2rem 4%;} .sub_1_1 .S5.item_wrap .item_box{max-width:80%; gap:2rem 0;} .sub_1_1 .item_box .item{width:48%;} .sub_1_1 .S3.item_wrap .item_box .item{width:48%;} .sub_1_1 .S3.item_wrap .item_box.item_box1 .item{width:48%;} .sub_1_1 .S3.item_wrap .item_box.item_box1 .item:nth-child(4){margin-bottom:0;} .sub_1_1 .S5.item_wrap .item_box .item{width:100%;} .sub_1_1 .item_box .item .txtbox{padding: 1rem 0.4rem 0.5rem;} .sub_1_2 .txtbox { text-align: left; } .sub_1_2 .S1 { padding:12rem 4rem 8rem; flex-direction: column-reverse; align-items: flex-start; } .sub_1_2 .S1 .txtbox { flex: 0; margin-bottom: 0;} .sub_1_2 .S1 .txtbox .play_btn > img{width:1.125rem;} .sub_1_2 .s12_s2{padding:6rem 0 2rem;} .s12_s2_swiper_wrap{width:100%; padding:0 4rem; margin-right:auto; border-top-left-radius:0;} .s12_s2_swiper_m{position:relative; width:100%; border-top-left-radius:40px;} .s12_s2_swiper_m .s12_s2_slide{width:100% !important; max-width:100%; margin:0;} .swiper-button-next.s12_s2_swiper_next_m{ top:62%; right:1.25rem; width:1.25rem; height:3.9375rem; opacity:1; background: url(../img/sub1/s12_S2_slide_next_m.png) 50% 50%/100% no-repeat; border-radius:0%; z-index:1; transform: translateY(-50%) translateZ(0); -webkit-transform: translateY(-50%) translateZ(0); -moz-transform: translateY(-50%) translateZ(0); -ms-transform: translateY(-50%) translateZ(0); -o-transform: translateY(-50%) translateZ(0); } .swiper-button-prev.s12_s2_swiper_prev_m{ top:62%; left:1.25rem; width:1.25rem; height:3.9375rem; opacity:1; background: url(../img/sub1/s12_S2_slide_prev_m.png) 50% 50%/100% no-repeat; border-radius:0%; z-index:1; transform: translateY(-50%) translateZ(0); -webkit-transform: translateY(-50%) translateZ(0); -moz-transform: translateY(-50%) translateZ(0); -ms-transform: translateY(-50%) translateZ(0); -o-transform: translateY(-50%) translateZ(0); } .swiper-button-next.s12_s2_swiper_next_m::after, .swiper-button-prev.s12_s2_swiper_prev_m::after { display: none; } .sub_1_2 .s12_s3{padding:2rem 0 8rem;} .s12_s3_imgbox_wrap{width:100%;} .s12_s3_swiper_m{position:relative; width:100%;} .s12_s3_swiper_m .s12_s3_slide{ width:22% !important; max-width:100%; margin:0 1%; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); transition: filter 0.5s ease; -webkit-transition: filter 0.5s ease; -moz-transition: filter 0.5s ease; -ms-transition: filter 0.5s ease; -o-transition: filter 0.5s ease; } .s12_s3_swiper_m .s12_s3_slide.swiper-slide-active{ filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); } .s12_s3 > .swiper-pagination-progressbar { position:absolute; bottom:6rem; top:auto; left:15%; width:100%; max-width:70%; height:4px; padding:0; margin:0 auto; background:#eee; } .s12_s3 > .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#cecece; } .sub_1_3 .inner{padding:0 0 0;} .sub_1_3 .S1 .inner{padding:0 0;} .sub_1_3 .S2 .inner{padding:0 0;} .sub_1_3 .S1 .top_img {height:22vh; background: url(../img/sub1/s13_S1_top_m.png) no-repeat 50% 100%/cover;} .sub_2_6 .sub_topbox .inner { padding-bottom: 24rem; } .sub_3_1 .sub_topbox .inner { padding-bottom: 28rem; } .sub_3_3 .sub_topbox .inner { padding-bottom: 27rem; } .sub_5_1 .sub_topbox .inner { padding-bottom: 33rem; } .sub_5_2 .sub_topbox .inner { padding-bottom: 33rem; } .sub_5_4 .sub_topbox .inner { padding-bottom: 33rem; } .sub_5_2 .sub_topbox.right .inner { text-align: left; justify-content: flex-start;} /* .sub_2_1 .sub_topbox .inner { padding-bottom: 21rem; } .sub_2_1 .sub_topbox .txtbox .desc2 { font-size: 1.1rem; } .sub_2_1 .sub_topbox .txtbox .tit { font-size: 2rem; } .sub_2_1 .sub_topbox .txtbox .sub { font-size: 1.2rem; } */ .sub_2_1 .S4 .infobox{margin-top:2.5rem;} .sub_2_1 .S7 .contbox .contbox_item{margin:4rem 1rem 0;} .sub_2_1 .S7 .contbox .contbox_item01{margin:6rem 1rem 0;} .sub_2_1 .S7 .contbox .contbox_item > li > .add_img{max-width:50%;} .sub_2_1 .S7 .contbox .txtbox .descbox .sub_txt2 br { display: none;} /* sub1-3 0615추가 */ .sub_1_3 .S2 .buildingBox .bImg { max-width: 100%; } .sub_1_3 .S2 .buildingBox { border: none; padding: 0; flex-direction: column; align-items: center; } .sub_1_3 .S2 .buildingImg { padding: 10% 0 ; } .sub_1_3 .S2 .buildingImg >img { max-width: 100%; } .sub_1_3 .sub_common .CS8 .img_item .btnbox .btn { padding: 0; height: 5.382%; width: 4.382%;} /* sub3-2 */ .sub_3_2 .S2 .s32_s2_list_wrap{width:100%; margin:0 auto; padding:0;} .sub_3_2 .S2 .s32_slider{margin:0 auto;} .sub_3_2 .S2 .s32_slider .s32_s2_list_icon{position:absolute; bottom:calc(0% - 5%); left:0.5rem; width:14%;} .sub_3_2 .S2 .s32_slider .swiper-slide{width:55% !important; margin:0 1.5rem; text-align:center;} .sub_3_2 .S2 .s32_slider .swiper-slide.s32_S2_img8_slide{width:36.6% !important;} .sub_3_2 .S2 .s32_slider .swiper-slide > img{max-width:100%;} .sub_3_2 .S2 .s32_slider .swiper-slide > p{font-size:1rem; font-weight:400; color:#676767; margin-top:10px;} /* sub_3_3 */ .sub_3_3 .S3 .contbox .imgbox.imgbox2{max-width:90%;} /* sub_3_4 */ .sub_3_4 .S3 .contbox{gap:1rem 0;} .sub_3_4 .S3 .s34_slider_thum .swiper-wrapper{flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:1rem 1rem;} .sub_3_4 .S3 .s34_slider_thum .swiper-slide{width:calc(25% - 1rem); max-width:100%; margin:0 !important;} .sub_3_4 .S3 .s34_slider_thum .swiper-slide .s34_S2_thum_txt{margin-top:0.5rem;} /* sub4_1 */ .sub_common .CS8 .img_item .btnbox .btn { width: 3.382%; height: 4.382%; padding: 0; } /* 230831 추가 */ .sub_4_3 .S2 .Sub_inner{width: 100%;} .sub_4_3 .S2 .Sub_inner .txtbox{padding:0 5%;} .sub_4_3 .S2 .imgbox{margin:-7% auto 0;} .sub_common .CS8 .img_item.sub4_1_plusicon > .btnbox > .btn{width: 1.5rem; height: 1.5rem; background: #42544f url(../img/sub2/plus_icon_m.png) 50% 50%/ 100% no-repeat;} .sub_4_1 .S7 .facebox .btnbox .btn.btn1 { left: 33.5%; top: 36.5%;} .sub_4_1 .S7 .facebox .btnbox .btn.btn2 { left: 58%; top: 45.4%;} .sub_4_1 .S7 .facebox .btnbox .btn.btn3 { left: 41.9%; top: 56.5%;} .sub_4_1 .S7 .facebox .btnbox .btn.btn4 { left: 55.3%; top: 23.2%;} .sub_4_1 .S7 .facebox .btnbox .btn.btn5 { left: 47.5%; top: 42%;} .sub_4_1 .S7 .facebox .btnbox .btn.btn6 { left: 58.4%; top: 61%;} .sub_4_1 .S7 .facebox .btnbox .btn.btn7 { left: 45.5%; top: 67.5%;} .sub_4_1 .S7 .facebox .btnbox .btn.btn8 { left: 37.5%; top: 46.4%;} .sub_4_1 .S7 .bodybox .btnbox .btn.btn1 { left: 34.7%; top: 32.6%;} .sub_4_1 .S7 .bodybox .btnbox .btn.btn2 { left: 42.2%; top: 48.5%;} .sub_4_1 .S7 .bodybox .btnbox .btn.btn3 { left: 31.3%; top: 64.8%;} .sub_4_1 .S7 .bodybox .btnbox .btn.btn4 { left: 56%; top: 40.2%;} .sub_4_1 .S7 .bodybox .btnbox .btn.btn5 { left: 68.8%; top: 30.5%;} .sub_4_1 .S7 .bodybox .btnbox .btn.btn6 { left: 50.5%; top: 53.8%;} .sub_4_1 .S7 .bodybox .btnbox .btn.btn7 { left: 63%; top: 79.5%;} .sub_4_1 .S1 .contbox .txtbox .sub_txt2 br { display: block;} .sub_4_3 .S5 .facebox{display:none;} .sub_4_3 .S5 .bodybox{display:none;} .sub_4_3 .S5 .facebox.on{display:contents;} .sub_4_3 .S5 .bodybox.on{display:contents;} .sub_4_3 .S5 .facebox .btnbox .btn::after{width: 1.5rem; height: 1.5rem; background: #42544f url(../img/sub2/plus_icon_m.png) 50% 50%/ 100% no-repeat;} .sub_4_3 .S5 .bodybox .btnbox .btn::after{width: 1.5rem; height: 1.5rem; background: #42544f url(../img/sub2/plus_icon_m.png) 50% 50%/ 100% no-repeat;} .sub_4_3 .S5 .facebox .btnbox .btn.btn1 { width:10%; max-width: 68px; left: 35%; top: 38%; } .sub_4_3 .S5 .facebox .btnbox .btn.btn1-2 {width: 10%; max-width: 72px; left: 53.8%; top: 38.2%;} .sub_4_3 .S5 .facebox .btnbox .btn.btn2 { width: 13%; max-width: 85px; left: 32%; top: 46.2%; } .sub_4_3 .S5 .facebox .btnbox .btn.btn2-2 { width: 11%; max-width: 66px; left: 54.5%; top: 47%; } .sub_4_3 .S5 .facebox .btnbox .btn.btn3 { width: 30%; max-width: 120px; left: 35%; top: 17%;} .sub_4_3 .S5 .facebox .btnbox .btn.btn4 { width: 3%; max-width: 34px; left: 47.8%; top: 40%; } .sub_4_3 .S5 .facebox .btnbox .btn.btn5 { width: 13%; max-width: 88px; left: 51.3%; top: 63.4%; } .sub_4_3 .S5 .facebox .btnbox .btn.btn1::after{left: -8%;top: 20%;} .sub_4_3 .S5 .facebox .btnbox .btn.btn1-2::after{display:none;} .sub_4_3 .S5 .facebox .btnbox .btn.btn2::after{left: 28%; top: 140%;} .sub_4_3 .S5 .facebox .btnbox .btn.btn2-2::after{left: 49%; top: 85%;} .sub_4_3 .S5 .facebox .btnbox .btn.btn3::after{left: 65%; top: 2%;} .sub_4_3 .S5 .facebox .btnbox .btn.btn4::after{left: 0%; top: 110%;} .sub_4_3 .S5 .facebox .btnbox .btn.btn5::after{left: 47%; top: 57%;} .sub_4_3 .S5 .bodybox .btnbox .btn.btn1 { left: 32.5%; top: 21.5%;} .sub_4_3 .S5 .bodybox .btnbox .btn.btn2 { left: 44%; top: 33.8%;} .sub_4_3 .S5 .bodybox .btnbox .btn.btn3 { left: 34.5%; top: 75%;} .sub_4_3 .S5 .bodybox .btnbox .btn.btn4 { left: 63%; top: 23%;} .sub_4_3 .S5 .bodybox .btnbox .btn.btn5 { left: 58.5%; top: 54%;} .sub_5_4 .S6 .facebox .btnbox .btn { height:5%; } .sub_5_4 .S6 .facebox .btnbox .btn.btn1 { width: 6%; max-width: 50px; left: 46.7%; top: 45%;} .sub_5_4 .S6 .facebox .btnbox .btn.btn2 { width: 6%; max-width: 32px; left: 39%; top: 52%;} .sub_5_4 .S6 .facebox .btnbox .btn.btn3 { width: 12%; max-width: 69px; left: 34.5%; top: 57%;} .sub_5_4 .S6 .facebox .btnbox .btn.btn4 { width: 10%; max-width: 40px; left: 55%; top: 46%;} .sub_5_4 .S6 .facebox .btnbox .btn.btn5 { width: 6.5%; max-width: 35px; left: 46.5%; top: 63.2%; z-index: 5;} .sub_5_4 .S6 .facebox .btnbox .btn.btn6 { width: 17%; max-width: 117px; left: 41%; top: 68.5%;} .sub_5_4 .S6 .facebox .btnbox .btn::after{content:''; position: absolute; opacity:0.9; padding:0; border-radius:100%; cursor:pointer; width: 1.5rem; height: 1.5rem; background: #42544f url(../img/sub2/plus_icon_m.png) 50% 50%/ 100% no-repeat;} .sub_5_4 .S6 .facebox .btnbox .btn.btn1::after { left: 5%; top: 15%;} .sub_5_4 .S6 .facebox .btnbox .btn.btn2::after { left: -20%; top: 25%;} .sub_5_4 .S6 .facebox .btnbox .btn.btn3::after { left: 10.5%; top: 120%;} .sub_5_4 .S6 .facebox .btnbox .btn.btn4::after { left: 32%; top: 67%;} .sub_5_4 .S6 .facebox .btnbox .btn.btn5::after { left: 33.5%; top: 19.2%;} .sub_5_4 .S6 .facebox .btnbox .btn.btn6::after { left: 66%; top: 68.5%;} /*.sub_common .contbox .txtbox .sub_txt2 > br{display:none;}*/ .sub_2_1 .contbox .txtbox .sub_txt2 br.m_cont_480 { display: block;} .sub_2_1 .S4 .contbox .txtbox .sub_txt2 br.m_cont_480 { display:none;} .sub_2_2 .contbox .txtbox .sub_txt2 br.m_cont_480 { display: block;} .sub_2_3 .contbox .txtbox .sub_txt2 br.m_cont_480 { display: block;} .sub_2_4 .contbox .txtbox .sub_txt2 br.m_cont_480 { display: block;} .sub_2_6 .contbox .txtbox .sub_txt2 br.m_cont_480 { display: block;} .sub_3_1 .contbox .txtbox .sub_txt2 br.m_cont_480 { display: block;} .sub_3_2 .contbox .txtbox .sub_txt2 br.m_cont_480 { display: block;} .sub_3_3 .contbox .txtbox .sub_txt2 br.m_cont_480 { display: block;} .sub_3_4 .contbox .txtbox .sub_txt2 br.m_cont_480 { display: block;} .sub_3_5 .contbox .txtbox .sub_txt2 br.m_cont_480 { display: block;} .sub_2_1 .CS3 .contbox .item .txtbox .tit{font-size:1.6rem;} .sub_2_1 .CS3 .contbox .item .txtbox .sub_txt2{font-size:1.35rem;} .sub_2_2 .CS3 .contbox .item .txtbox .tit{font-size:1.6rem;} .sub_2_2 .CS3 .contbox .item .txtbox .sub_txt2{font-size:1.35rem;} .sub_2_3 .CS3 .contbox .item .txtbox .tit{font-size:1.6rem;} .sub_2_3 .CS3 .contbox .item .txtbox .sub_txt2{font-size:1.35rem;} .sub_common .CS3 .contbox .item.item2 .imgbox .add_img{bottom:-16%;} .sub_2_5 .S4 .bottom_imgbox .img_item.img_item3{width:calc(45% - 0.5rem);} .sub_2_5 .S4 .bottom_imgbox .img_item.img_item2{width:calc(50% - 0.5rem); max-width:100%;} .sub_2_5 .S5 .contbox{gap:0.5rem 0; margin-top:2rem;} .sub_2_5 .S5 .contbox > li .icon.pain{padding:14% 0 13%;} .sub_2_5 .S5 .contbox > li + li::after{display:none;} .sub_2_5 .S5 .contbox > li:nth-child(4)::after{display:none;} .sub_2_4 .S2 .s2_bg{display:none;} .sub_2_4 .S4 .title_box .sub_txt2 br.m_cont_480 { display: block;} .sub_2_4 .S4 .contbox > li .sub_badge span{font-size:1.5rem;} .sub_2_4 .S4 .contbox > li .desc_list p.storzTxt{font-size: 1.35rem;} .sub_2_4 .S4 .contbox > li .desc_list p{font-size: 1.3rem;} .sub_2_6 .S2 .imgbox{margin-top:2rem;} .sub_2_6 .S7 .Sub_inner{width:100%;} .sub_3_1 .S4 .Sub_inner{width:100%;} .sub_3_1 .S4 .contbox{gap:0 0; justify-content:flex-start; align-items:center;} .sub_3_1 .S4 .contbox .txtbox{padding:0 5%;} .sub_3_1 .S4 .contbox .imgbox .img1{margin-top:0;} .sub_3_1 .S4 .contbox .imgbox .img2{right:8%; bottom:40%; width:30%;} .sub_3_1 .S4 .bg_txt{display:none;} .sub_3_1 .S6 .contbox > li .txtbox{width:40%; flex:none;} .sub_topbox.s_3_2 .inner{padding:0 0 28rem 2rem;} .sub_3_2 .S2 .contbox .txtbox .button_box{display:none;} .sub_3_2 .S2 .link_btn{display:none;} .sub_3_2 .S2 .contbox .imgbox{display:none;} .sub_3_2 .S3 .tab_contbox .tab_cont .txtbox .tit{font-size: 1.55rem;} .sub_3_2 .S3 .tab_contbox .tab_cont .txtbox .check_list li{font-size:1.25rem; font-weight:500;} .sub_3_2 .S3 .tab_contbox .tab_cont .txtbox .desc{font-size: 1.125rem; color:#000; font-weight:400;} .swiper-pagination.S32_Swiper2_pagination{left:0;} .sub_topbox.s_3_3 .inner{padding:0 0 32rem 2rem;} .sub_3_3 .S1 .contbox > li .imgbox .txt{font-size: 1.3rem;} .sub_3_3 .S1 .contbox > li .txtbox p{color:#000; font-size: 1.125rem; font-weight:400;} .sub_3_3 .S2 .contbox .infobox > li .txt .listbox .list::before{top:0.1rem; background: url(../img/sub3/s33_check_icon.svg) no-repeat center/100%;} .sub_3_3 .S2 .contbox .infobox > li .txt .listbox .list{font-size: 1.125rem; font-weight:400;} .sub_3_3 .S3 .contbox{gap:5rem 0;} .sub_3_3 .S3 .contbox .imgbox.imgbox2{max-width:100%; margin-top:3rem;} .sub_3_5 .S1 .contbox > li .txtbox .desc{color:#000; font-weight:400;} .sub_3_5 .S2{margin:12rem 0;} .sub_3_5 .S2 .contbox{gap:2rem 5%; margin-top: 4rem;} .sub_3_5 .S3 {padding: 16rem 0 6rem; background: url(../img/sub3/s35_S3_bg_m.png) no-repeat right top/100%;} .sub_3_5 .S4 .slidebox .s35_slider .contbox > li{gap:0 1.5rem;} .sub_3_5 .S4 .slidebox .s35_slider .contbox .txtbox .sub_badge span{font-size:1.3rem; padding:0.5rem 1rem 0.4rem;} .sub_3_5 .S4 .slidebox .s35_slider .contbox .txtbox .desc{font-size:1.3rem; font-weight:400;} .sub_3_5 .S4 .slidebox .s35_slider .contbox .txtbox .check_list .list{font-size:1.25rem; font-weight:400;} .sub_3_5 .S4 .slidebox .s35_slider .contbox .txtbox .check_list .list::before{top:-0.15rem;} .sub_5_1 .S8.CS4 .contbox .item{width:calc(50% - 5px);} } @media screen and (max-width: 434px) { .ht-inner{padding:1.2rem 2.5rem 1rem;} /* 0620추가 */ #map > div > div{ transform: translateX(11%) translateY(-13%) translateZ(0); -webkit-transform: translateX(11%) translateY(-13%) translateZ(0); -moz-transform: translateX(11%) translateY(-13%) translateZ(0); -ms-transform: translateX(11%) translateY(-13%) translateZ(0); -o-transform: translateX(11%) translateY(-13%) translateZ(0); } /* .sub_2_1 .S7 .contbox .txtbox .descbox .sub_txt2 br { display: none;} */ .sub_2_1 .S7 .contbox .contbox_item{margin:3rem 2rem 0;} .sub_2_1 .S7 .contbox .contbox_item01{margin:4rem 2rem 0;} .sub_2_1 .S7 .contbox .contbox_item li{margin:0;} .sub_2_1 .S7 .contbox .contbox_item li + li{margin-left:2rem;} .sub_3_3 .S5 .bottom_imgbox{padding:0 1rem; gap:1.5rem 1rem;} .sub_3_3 .S5 .bottom_imgbox > li{width:calc(35% - 0.7rem);} .sub_3_3 .S5 .bottom_imgbox > li:nth-child(6){width:calc(24% - 0.7rem);} .sub_3_3 .S5 .bottom_imgbox > li:nth-child(7){width:calc(31.5% - 0.7rem);} .sub_3_3 .S5 .bottom_imgbox > li > .imgbox > img{height:auto;} } @media screen and (max-width: 400px) { html, body { font-size:10px !important;} } @media screen and (max-width: 376px) { html, body { font-size:10px !important;} .sub_txt1{font-size:1.96rem;} .sub_2_1 .S7 .contbox .contbox_item{margin:3rem 2rem 0;} .sub_2_1 .S7 .contbox .contbox_item01{margin:4rem 2rem 0;} } @media screen and (max-width: 360px) { .sub_topbox .inner{padding-left:0.5rem;} .sub_topbox.s_3_2 .inner{padding:0 0 28rem 0.5rem;} .sub_topbox.s_3_3 .inner{padding:0 0 32rem 0.5rem;} } @media screen and (max-width: 345px) { .sub_topbox .inner{padding-left:0rem;} .sub_topbox.s_3_2 .inner{padding:0 0 28rem 0rem;} .sub_topbox.s_3_3 .inner{padding:0 0 32rem 0rem;} } @media screen and (max-width: 320px) { .mob_320 {display: none;} /* sub common */ .sub_common .CS7 .contbox .item .txtbox .desc br {display: none;} .sub_common .CS5 .top_txtbox .sub_txt1 br { display: none;} /* sub1-2 */ .sub_1_2 .S1 .txtbox .tit br {display: none;} /* sub1-3 */ .sub_2_3 .S1 .title_box .sub_txt1 br { display: none;} .sub_2_3 .S4 .s23_slider .img_item > p { font-size: 1rem;} .sub_2_3 .S4 .s23_slider .img_item:nth-child(4) { padding-bottom: 8rem;} }