/* BASIC css start */ /* 섹션공통 */ .section{width: 100%; margin-bottom:110px; position: relative; align-items: stretch; padding:0;} .section .sec_inner{width: 1200px; margin: 0 auto;} .section h2{font-family: 'Noto Sans KR', sans-serif; margin-bottom:40px;text-align: center; font-size: 32px; color: #000; font-weight: 400; letter-spacing: 8px;} .section h2 a{float: right; line-height:40px;} .section h2 a img{} #section_blank20{width: 100%; margin-bottom:20px; position: relative; align-items: stretch; padding:0;} #section_blank60{width: 100%; margin-bottom:60px; position: relative; align-items: stretch; padding:0;} /* 섹션개별 */ #sec1{margin:0 auto; margin-bottom:110px; padding:0; max-width:1680px; height:auto;} #sec1 .swiper{border: 0px; float: left; width:65%; box-sizing: border-box;} #sec1 .swiper .swiper-wrapper{} #sec1 .swiper .swiper-wrapper .swiper-slide{} #sec1 .swiper .swiper-wrapper .swiper-slide a{display: block;} #sec1 .swiper .swiper-wrapper .swiper-slide a img{width: 100%;} #sec1 .swiper .swiper-wrapper .swiper_btn_prev a img{width: 1000%;} #sec1 .swiper .swiper-wrapper .swiper_btn_next a img{width: 100%;} #sec1 .swiper .swiper_btn_prev,#sec1 .swiper .swiper_btn_next{position: absolute; top: 90%; z-index: 2; cursor: pointer;} #sec1 .swiper .swiper_btn_prev{left: 5%;} #sec1 .swiper .swiper_btn_next{right: 5%;} #sec1 .r4banner{border: 0px; float: left; width:35%; box-sizing: border-box;} #sec1 .r4banner .swiper-wrapper{width: auto; position: relative; list-style:none; display: flex; flex-direction: column;} #sec1 .r4banner .swiper-wrapper .swiper-slide{} #sec1 .r4banner .swiper-wrapper .swiper-slide a img {width: 100%; height:auto; display:block;} #sec1 .r4banner ul li {margin:0;list-style: none;} #sec1 .bbanner_a {clear: both; border: 0px; width:100%; padding:5px 0px 0px 0px;} #sec1 .bbanner_a .bbanner1 {border: 0px; float: left;width:50%;box-sizing: border-box;margin-bottom: 10px;} #sec1 .bbanner_a .bbanner1 a img {display: block; width: 100%;} #sec1 .bbanner_a .bbanner2 {border: 0px; float: right;width:50%;box-sizing: border-box;margin-bottom: 10px;} #sec1 .bbanner_a .bbanner2 a img {display: block; width: 100%;} .slideshow-container {width: 100%; display: flex; justify-content: center; position: relative; margin: auto; padding:0; max-width:1680px; height:auto;} .slideshow-container .Slidesbackground {margin: 0; padding: 0;} .slideshow-container .Slidesbackground .mySlides {display: flex; justify-content: center; align-items: center;} .slideshow-container .Slidesbackground .fade {animation-name: fade; animation-duration: 1.5s;} .slideshow-container .Slidesbackground .mySlides .slideshow-image{width: 100%; height: 100%; overflow: hidden;} @keyframes fade { from { opacity: .4 } to { opacity: 1 } } #galleryt {width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding:0; max-width:1680px; height:auto;} #gallery {width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding:0; max-width:1680px; height:auto;} #gallery .item {width: 12%; list-style: none; overflow:hidden; margin-bottom:6px;} #gallery .item img {width: 95%; transition: all 0.5s linear;} #gallery .item a {width: 95%;} #gallery .item a:hover img {transform: scale(1.2);} #sec2{} #sec2 .sec_inner ul{} #sec2 .sec_inner ul .item_list{} /* 반응형 추가중 */ #sec2 .sec_inner .sec2_cont{width:100%;max-width:1680px;margin:0 auto;overflow:hidden;} #sec2 .sec_inner .sec2_cont .clear_fix{margin:50px -20px;box-sizing:border-box;} #sec2 .sec_inner .sec2_cont .clear_fix:after{content:"";display:block;clear:both;visibility: hidden;} #sec2 .sec_inner .sec2_cont .clear_fix li{width:20%;float:left;box-sizing:border-box;padding:0 20px;margin:0 0 50px 0;} #sec2 .sec_inner .sec2_cont .clear_fix li img{width:100%;height:auto;} @media (max-width:1680){ #sec2 .sec_inner .sec2_cont .clear_fix li{width:25%;} } @media (max-width:768px){ #sec2 .sec_inner .sec2_cont .clear_fix li{width:33.33333%;} } @media (max-width:560px){ #sec2 .sec_inner .sec2_cont .clear_fix li{width:50%;} } @media (max-width:480px){ #sec2 .sec_inner .sec2_cont .clear_fix li{width:100%;} } /* 반응형 추가중 */ #sec3{background-color: #f7f7f7; margin-bottom:0px;} #sec3 .sec3_cont{padding: 100px 0 70px;} #sec3 .sec3_cont .swiper{padding-bottom:50px} #sec3 .sec3_cont .swiper .swiper-wrapper{} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide{width: 1120px;display: flex; justify-content: space-between;} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .ban_img a{display:block} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .ban_img img{width: 100%} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area{display: flex; flex-direction: column; justify-content: space-between;} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area h3{font-family: 'Noto Sans KR', sans-serif; font-size: 44px; font-weight: 300; line-height: 1.3; color: #000;} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area p.sub_tit{font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #000; margin: 20px 0; font-weight: 400;} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont{display: flex; flex-direction: column; gap:35px} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list{display: flex;} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list .thumb{width: 113px;height: 145px;} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list .thumb a{display: block;width: 100%;height: 100%;} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list .thumb a img{width: 100%;height: 100%;object-fit: cover;} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list .info{margin-left: 30px; } #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list .info .prdname{max-width:400px} #sec3 .swiper .swiper-pagination{top: unset; width: 1120px; left: 50%; transform: translateX(-50%); bottom: 0; height:1px; background:rgba(0,0,0,.15)} #sec3 .swiper-pagination-progressbar-fill{background-color:#333} #sec5{} #sec5 a{display: block; width: 100%;} #sec5 a img{width: 100%;} #sec6{} #sec6 .sec6_cont{} #sec6 .sec6_cont>div{display: flex;} #sec6 .sec6_cont>div .tit{width: 29%;display: flex; flex-direction: column;align-items: flex-end; padding-right: 30px;} #sec6 .sec6_cont>div .tit h3{font-size: 34px;font-family: 'Noto Sans KR', sans-serif; color: #000; font-weight: 400; margin-bottom: 25px;} #sec6 .sec6_cont>div .tit a.more{font-family: 'Noto Sans KR', sans-serif;font-size: 13px; color: #8e8e8e; display: flex;line-height:20px; background-color: #f7f7f7; padding: 7px 25px; text-align: center; border-radius: 25px; font-weight: 400; letter-spacing: -.4px;} #sec6 .sec6_cont>div .tit a.more span{color: #8e8e8e; display: inline-block; font-size: 20px; font-weight: 300; margin-left: 5px;} #sec6 .sec6_cont>div .item_area{width: 71%; } #sec6 .sec6_cont>div .item_area .swiper{padding-bottom:50px} #sec6 .sec6_cont>div .item_area .swiper>ul{} #sec6 .sec6_cont>div .item_area .swiper>ul>li{width:20%} #sec6 .swiper .swiper-pagination{top: unset; left: 50%; transform: translateX(-50%); bottom: 0; height:1px; background:rgba(0,0,0,.15)} #sec6 .swiper-pagination-progressbar-fill{background-color:#333} #sec6 .sec6_cont .sec6_1{margin-bottom:120px} #sec6 .sec6_cont .sec6_2{} /* 240203 커먼라이브 추가_s */ /* 메인 타이틀 */ .main_title {display:flex;flex-shrink:0;align-items:flex-end;} .main_title .main_title_txt01 {font-size:32px;font-weight:700;line-height:1;color:#111;} .main_title .main_title_txt02 {margin-left:20px;font-size:18px;font-weight:400;line-height:1;color:#999;} .main_title.ez-align-left {text-align:left;justify-content:flex-start;} .main_title.ez-align-center {text-align:center;justify-content:center;} .main_title.ez-align-right {text-align:right;justify-content:flex-end;} #container #contents > .section {max-width:1680px;} .main_title.ez-align-left {text-align:left;justify-content:flex-start;} .main_title.ez-align-center {text-align:center;justify-content:center;} .main_title.ez-align-right {text-align:right;justify-content:flex-end;} .main_title .main_title_txt01 {font-size:32px;font-weight:700;line-height:1;color:#111;} .main_title .main_title_txt02 {margin-left:20px;font-size:18px;font-weight:400;line-height:1;color:#999;} /* 이미지&텍스트갤러리 */ .main_image_text_gallery {max-width:1680px !important;width:100%;margin:0 auto 120px;padding:0;} .main_image_text_gallery .main_title {margin-bottom:50px;} .main_image_text_gallery .main_3dan_banner ul {display:flex;justify-content:flex-start;flex-wrap:wrap;margin:0 -10px;} .main_image_text_gallery .main_3dan_banner ul li {list-style:none; margin:0 0 30px;flex:1;max-width:566px;box-sizing:border-box;padding:0 10px;} .main_image_text_gallery .main_3dan_banner ul.ez-column-1 {flex-direction:column;align-items:center;} .main_image_text_gallery .main_3dan_banner ul.ez-column-2 {width:calc(66.66% + 13px);margin:0 auto;} .main_image_text_gallery .main_3dan_banner ul.ez-column-2 li {flex:0 1 50%;} .main_image_text_gallery .main_3dan_banner ul.ez-column-3 li {flex:0 1 33.3334%;} .main_image_text_gallery .main_3dan_banner ul.ez-column-4 li {flex:0 1 25%;} .main_image_text_gallery .main_3dan_banner ul.ez-column-5 li {flex:0 1 20%;} .main_image_text_gallery .main_3dan_banner .main_image_text_gallery_more {display:none;} .main_image_text_gallery .main_3dan_banner ul li a {font-size:0;display:block;position:relative;text-align:center;} .main_image_text_gallery .main_3dan_banner ul li a picture {overflow:hidden;width:100%;height:100%;font-size:0;position:relative;} .main_image_text_gallery .main_3dan_banner ul li a picture [data-ez-image='removed'] {width:100%;height:100%;object-fit:none;background-color:rgb(244, 245, 248);aspect-ratio:546/348;} .main_image_text_gallery .main_3dan_banner ul li a .main_3dan_banner_txt {width:100%;margin-top:30px;text-align:left;} .main_image_text_gallery .main_3dan_banner ul li a .main_3dan_banner_txt .main_3dan_banner_txt01 {font-size:32px;font-weight:700;line-height:1;color:#1a1a1a;} .main_image_text_gallery .main_3dan_banner ul li a .main_3dan_banner_txt .main_banner_more {font-size:16px;font-weight:400;line-height:1.5;color:#1a1a1a;margin-top:15px;} .main_image_text_gallery .main_3dan_banner ul li a:hover .main_3dan_banner_txt .main_banner_more {text-decoration:underline;color:#333;} /* 메인 비디오배너 */ .main_video {width:100% !important;max-width:100% !important;position:relative;margin:0 auto 60px;padding:0;} .main_video .background_video {position:absolute;top:auto;bottom:0;right:0;z-index:-1;width:100%;height:60%;background-color:#000000 ;} .main_video .main_video_title {padding:0 0 0 0;max-width:1680px !important;width:100%;margin:0 auto;} .main_video .main_video_title .main_title_txt01 {font-size:48px;font-weight:700;color:#fff;line-height:1.5;text-align:center;position:relative;height:100%;word-break:keep-all;} .main_video .main_video_title .main_title_txt02 {font-size:20px;font-weight:300;color:#fff;line-height:1.8;text-align:center;position:relative;margin-top:10px;word-break:keep-all;} .main_video .main_video_box {position:relative;width:40%;padding-bottom:22.5%;height:0;overflow:hidden;max-width:100%;margin:0 auto;} .main_video .main_video_box iframe, .main_video .main_video_box object, .main_video .main_video_box embed {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;} .main_video.ez-align-left .main_video_title .main_title_txt01, .main_video.ez-align-left .main_video_title .main_title_txt02 {text-align:left;} .main_video.ez-align-right .main_video_title .main_title_txt01, .main_video.ez-align-right .main_video_title .main_title_txt02 {text-align:right;} /* 메인 텍스트배너 */ .main_text {max-width:1680px !important;width:92%;margin:0 auto 120px;padding:0;background:#7f7f7f;} .main_text .main_title_inner {width:100%;} .main_text .main_title_inner .main_long_banner_txt {padding:37px 2%;} .main_text .main_title_inner .main_long_banner_txt .main_title_txt01 {font-size:24px;font-weight:500;color:#fff;line-height:1;margin-bottom:25px;} .main_text .main_title_inner .main_long_banner_txt .main_title_txt02 {font-size:16px;font-weight:300;color:#fff;line-height:1.5;} .main_text .main_text_link a {display:inline-block;font-size:15px;font-weight:300;line-height:1;padding:0 0 5px 0;margin-top:30px;border-bottom:1px solid #fff;color:#fff;} .main_text.ez-align-left {align-items:start;text-align:left;} .main_text.ez-align-center {align-items:center;text-align:center;} .main_text.ez-align-right {align-items:end;text-align:right;} .main_text.ez-textsize-large .main_long_banner_txt .main_title_txt01 {font-size:30px;} .main_text.ez-textsize-large .main_long_banner_txt .main_title_txt02 {font-size:20px;} .main_text.ez-textsize-large .main_text_link a {font-size:16px;} .main_text.ez-textsize-small .main_long_banner_txt .main_title_txt01 {font-size:22px;} .main_text.ez-textsize-small .main_long_banner_txt .main_title_txt02 {font-size:14px;} .main_text.ez-textsize-small .main_text_link a {font-size:12px;} /* 240203 커먼라이브 추가_L */ .main_map {max-width:100% !important;width:100% !important;height:100%;padding:0;background-color:#7f7f7f;margin:0 auto 120px;} .main_map .main_map_banner {display:flex;justify-content:space-between;align-items:center;width:92%;max-width:1680px;margin:0 auto;position:relative;} .main_map .main_map_banner picture {overflow:hidden;max-width:700px;width:100%;height:100%;font-size:0;position:relative;} .main_map .main_map_banner picture [data-ez-image='removed'] {width:100%;height:100%;object-fit:none;background-color:rgb(244, 245, 248);aspect-ratio:700/430;} .main_map .main_map_banner .main_map_box{width:42%;height:100%;max-width:700px;position:relative;text-align:center;} .main_map .main_map_banner .main_map_box .main_map_banner_txt01 {bottom:25%;left:4%;font-size:48px;font-weight:700;line-height:1;color:#fff;letter-spacing:1.5px;position: absolute;z-index:2;} .main_map .main_map_banner .main_map_box .main_long_banner_link {position:absolute;bottom:0px;background-color:#fff;} .main_map .main_map_banner .main_map_box .main_long_banner_link a {font-size:20px;font-weight:700;line-height:1;color:#1a1a1a;padding:22px 30px 22px 37px;display:flex;align-items:center;transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;} .main_map .main_map_banner .main_map_box .main_long_banner_link a i {font-weight:400;margin-left:60px;font-style:normal;} .main_map .main_map_banner .main_map_banner_txt_box {padding:5% 0 5% 0;width:50%;height:100%;word-break:keep-all; display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-size:18px;color:#e8e8e8;} .main_map .main_map_banner .main_map_box .main_long_banner_link a:hover {background-color:#1a1a1a;color:#fff;} .main_map .main_map_banner .main_map_box .main_long_banner_link a:hover .icon[class*="icoPlus"]:before, .main_map .main_map_banner .main_map_box .main_long_banner_link a:hover .icon[class*="icoPlus"]:after {background:#fff;} .main_map.ez-align-left .main_map_banner .main_map_banner_txt_box {align-items:flex-start;} .main_map.ez-align-left .main_map_banner .main_map_banner_txt_box .main_map_banner_txt {text-align:left;} .main_map.ez-align-center .main_map_banner .main_map_banner_txt_box {align-items:center;} .main_map.ez-align-center .main_map_banner .main_map_banner_txt_box .main_map_banner_txt {align-items:center;text-align:center;} .main_map.ez-align-right .main_map_banner .main_map_banner_txt_box {align-items:flex-end;} .main_map.ez-align-right .main_map_banner .main_map_banner_txt_box .main_map_banner_txt {text-align:right;} /* 240205 메인맵 추가_L */ .fixed-gal-collist {width:100%;max-width:1680px;margin:0 auto;overflow:hidden;} .galul {margin:10px 0 100px 0;box-sizing:border-box;} .galul:after {content:"";display:block;clear:both;visibility: hidden;} .galul ul {margin:0;padding:0;list-style:none; float: left; } .galul li {width:25%; margin:0;padding:0;list-style:none; float:left; box-sizing: border-box; padding:0 10px; margin:0 0 20px 0;} .galul li .galimg {width:100%; transition: all 0.5s linear; border-radius: 10px; } .galul a:hover .galimg {transform: scale(1.2);} .galul li a span { display: block; } .galul li a strong { color:#343434; font-family:dotum } .galul li a span { margin-bottom:10px } @media (max-width:1200px){ .fixed-gal-collist .galul li{width:25%;} } @media (max-width:560px){ .fixed-gal-collist .galul li{width:50%;} } @media (max-width:480px){ .fixed-gal-collist .galul li{width:100%; margin:0 0 10px 0;} } @media all and (min-width:1025px) { /* 이미지&텍스트갤러리 */ .main_image_text_gallery .main_3dan_banner ul.fs_medium li a .main_3dan_banner_txt {margin-top:20px;} .main_image_text_gallery .main_3dan_banner ul.fs_medium li a .main_3dan_banner_txt .main_3dan_banner_txt01 {font-size:22px;} .main_image_text_gallery .main_3dan_banner ul.fs_small li a .main_3dan_banner_txt {margin-top:20px;} .main_image_text_gallery .main_3dan_banner ul.fs_small li a .main_3dan_banner_txt .main_3dan_banner_txt01 {font-size:20px;} .main_image_text_gallery[data-ez-item-length='2'] .main_3dan_banner ul {width:calc(66.66% + 13px);margin:0 auto;} } @media all and (max-width:1680px) { /* 메인 타이틀 */ .main_title .main_title_txt01 {font-size:calc(21px + (32 - 21) * ((100vw - 370px) / (1680 - 370)));} .main_title .main_title_txt02 {font-size:calc(13px + (18 - 13) * ((100vw - 370px) / (1680 - 370)));} /* 이미지&텍스트갤러리 */ .main_image_text_gallery .main_3dan_banner ul li a .main_3dan_banner_txt .main_3dan_banner_txt01 {font-size:calc(24px + (32 - 24) * ((100vw - 370px) / (1680 - 370)));} .main_image_text_gallery .main_3dan_banner ul li a .main_3dan_banner_txt .main_banner_more {font-size:calc(13px + (16 - 13) * ((100vw - 370px) / (1680 - 370)));} /* 메인 비디오배너 */ .main_video .main_video_title .main_title_txt01 {font-size:calc(32px + (48 - 32) * ((100vw - 370px) / (1680 - 370)));} .main_video .main_video_title .main_title_txt02 {font-size:calc(16px + (20 - 16) * ((100vw - 370px) / (1680 - 370)));} .main_map .main_map_banner .main_map_box .main_long_banner_link a {font-size:calc(13px + (20 - 13) * ((100vw - 370px) / (1680 - 370)));} .main_map .main_map_banner .main_map_banner_txt_box {font-size:calc(15px + (18 - 15) * ((100vw - 370px) / (1680 - 370)));} } @media all and (max-width:1024px) { #sec3{background-color: #f7f7f7;} #sec3 .sec3_cont{padding: 0px 0 45px;} #sec3 .sec3_cont .swiper{padding-bottom:20px} #sec3 .sec3_cont .swiper .swiper-wrapper{} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide{width: 100%;display: flex; flex-direction: column;background-color:#f7f7f7;} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .ban_img{} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .ban_img a{display:block} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .ban_img img{width:100%} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area{display: flex; flex-direction: column; justify-content: space-between; padding:0 5%} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area .tit{padding:20px 0} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area h3{font-family: 'Noto Sans KR', sans-serif; font-size: 28px; font-weight: 400; line-height: 1.3; color: #000;} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area p.sub_tit{font-family: 'Noto Sans KR', sans-serif; font-size: 13px; color: #000; margin: 18px 0 0; font-weight: 400;} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont{display: flex;gap:15px; flex-direction: row;} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont>li{width:32%} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list{display: flex; flex-direction: column; align:center;} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list .thumb{width: 100%;height: 100%;} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list .thumb a{display: block;width: 100%;height: 100%;} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list .thumb a img{width: 100%;height: 100%;object-fit: cover;} #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list .info{margin-left: 10px; } #sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list .info .prdname{max-width:400px} #sec3 .swiper .swiper-pagination{top: unset; left: 50%; transform: translateX(-50%); bottom: 0; height:1px; width:90%; background:rgba(0,0,0,.15)} #sec3 .swiper-pagination-progressbar-fill{background-color:#333} #gallery .item {width: 25%;} /* 이미지&텍스트갤러리 */ .main_image_text_gallery {margin:0 auto 80px;} .main_image_text_gallery .main_3dan_banner ul {flex-direction:column;justify-content:flex-start;flex-wrap:nowrap;margin:0 !important;width:100% !important;} .main_image_text_gallery .main_3dan_banner ul li {margin:0 0 35px 0;padding:0;max-width:100%;width:100%;flex:1;} .main_image_text_gallery .main_3dan_banner ul li a .main_3dan_banner_txt {margin-top:15px;} .main_image_text_gallery .main_3dan_banner ul li a .main_3dan_banner_txt .main_banner_more {margin-top:10px;} .main_image_text_gallery .main_3dan_banner ul li a picture img {width:100%;} /* 이미지&텍스트갤러리 슬라이드 */ .main_image_text_gallery .main_3dan_banner.ez-mobile-layout-slide ul {scroll-snap-type:x mandatory;scroll-behavior:smooth;overflow-x:auto;flex-direction:row;justify-content:flex-start !important;align-items: flex-start;gap:10px;width:100%;} .main_image_text_gallery .main_3dan_banner.ez-mobile-layout-slide ul::-webkit-scrollbar {display:none;} .main_image_text_gallery .main_3dan_banner.ez-mobile-layout-slide ul li {scroll-snap-align:center;margin:0;max-width:100%;width:88%;flex:none;} .main_image_text_gallery .main_3dan_banner.ez-mobile-layout-slide ul li a {overflow:hidden;} /* 이미지&텍스트갤러리 더보기 */ .main_image_text_gallery .main_3dan_banner.ez-mobile-layout-more ul li {display:none;opacity:0.3;} .main_image_text_gallery .main_3dan_banner.ez-mobile-layout-more ul li:nth-child(1), .main_image_text_gallery .main_3dan_banner.ez-mobile-layout-more ul li:nth-child(2), .main_image_text_gallery .main_3dan_banner.ez-mobile-layout-more ul li:nth-child(3) {display:block;opacity:1;} .main_image_text_gallery .main_3dan_banner.ez-mobile-layout-more .main_image_text_gallery_more {display:block;padding-bottom:20px;} /* 메인 비디오배너 */ .main_video {margin:0 auto 80px;} .main_video .main_video_box {width:90%;padding-bottom:50.70%;} .main_video .main_video_title .main_title_txt02 {margin-top:10px;} .main_map {width:100%;height:auto;padding:0;margin:0 auto 80px;} .main_map .main_map_banner {display:flex;flex-direction:column;margin:0 auto;} .main_map .main_map_banner .main_map_box {width:100%;margin:0 auto;} .main_map .main_map_banner .main_map_box .main_map_banner_txt01 {font-size:43px;bottom:42%;width:92%;text-align:center;} .main_map .main_map_banner .main_map_box .main_long_banner_link a {padding:12px 14px 12px 15px;} .main_map .main_map_banner .main_map_box .main_long_banner_link a i {margin-left:20px;} .main_map .main_map_banner .main_map_banner_txt_box {margin:5% auto;padding:0;width:100%;} } @media all and (max-width:767px) { /* 메인타이틀 */ .main_title .main_title_txt02 {margin-left:10px;} /* 이미지&텍스트갤러리 */ .main_image_text_gallery {margin:0 auto 50px;} .main_image_text_gallery .main_title {margin-bottom:35px;} /* 메인 텍스트배너 */ .main_text {margin:0 auto 50px;} /* 메인상품분류 슬라이드 상품진열 */ .main_product_slide {margin:0 auto 50px;} .main_image_text_gallery .main_3dan_banner .main_3dan_banner_txt {margin-left:5px;} /* 메인 비디오배너 */ .main_video {margin:2% auto 50px;} .main_map {margin:0 auto 50px;} } /* BASIC css end */