/* A A A : A : A : A : */ [data-wrap-value="link_Slider"] { width : 100%; height : auto; font-family : "Noto Sans Kr"; font-size : 16px;} [data-wrap-value="link_Slider"] h1 { font-size : 0; } [data-wrap-value="link_Slider"] .link_Slider_slide { width : 100%; height : 100%; overflow : hidden;} [data-wrap-value="link_Slider"] .link_Slider_slide .link_Slide { width : 100% ! important; height : 100% ! important; display : flex; justify-content : center; padding : 0 5%; position : relative; } [data-wrap-value="link_Slider"] .link_Slider_slide .link_Slide .slideImg { width : 100%; height : 100%; object-fit : cover; position : absolute; top : 0; left : 0;} [data-wrap-value="link_Slider"] .link_Slider_slide .link_Slide .slideWrap { width : 100%; height : 100%; display : flex; flex-direction : column; justify-content : center; max-width : 1400px; position : relative;} [data-wrap-value="link_Slider"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox { width : auto; display : inline-flex; flex-direction : column; align-items : flex-start;} [data-wrap-value="link_Slider"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .topTit { width : auto; height : auto; font-size : clamp(18px,79%,20px); font-weight : 300; color : #fff; display : inline-flex; flex-direction : column;} [data-wrap-value="link_Slider"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .slideLogo { width : 30%; padding : 1% 0 2%; max-width : 400px;} [data-wrap-value="link_Slider"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .subTit { width : auto; height : auto; font-size : clamp(18px,79%,20px); font-weight : 300; color : #ffffffcc; display : inline-flex; flex-direction : column; } [data-wrap-value="link_Slider"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .slideBtn { width : auto; height : auto; display : inline-block; font-size : calc(12px + 0.3vw); border : 1px solid #fff; border-radius : 25px; background : #fff; padding : 0.7% 1.4%; margin-top : 2%; transition : .3s; } [data-wrap-value="link_Slider"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .slideBtn:hover { background : none; color : #fff; transition : .3s; } [data-wrap-value="link_Slider"] .link_Slider_slide .swiper-button-next.link_next, [data-wrap-value="link_Slider"] .link_Slider_slide .swiper-button-prev.link_prev { color : #fff; z-index : 1; } [data-wrap-value="link_Slider"] .link_Slider_slide .swiper-pagination.link_pagination { z-index : 1; width : auto; left : 50%; transform : translateX(-50%); } [data-wrap-value="link_Slider"] .link_Slider_slide .swiper-pagination.link_pagination .swiper-pagination-bullet-active { background : #fff; } [data-wrap-value="link_Slider"] .link_Slider_slide .swiper-button-next.link_next.vertical, [data-wrap-value="link_Slider"] .link_Slider_slide .swiper-button-prev.link_prev.vertical { left : unset; right : 1.5em; } [data-wrap-value="link_Slider"] .link_Slider_slide .swiper-button-prev.link_prev.vertical { transform : rotate(90deg) translateX(-1.2em);} [data-wrap-value="link_Slider"] .link_Slider_slide .swiper-button-next.link_next.vertical { transform : rotate(90deg) translateX(1.2em);} [data-wrap-value="link_Slider"] .link_Slider_slide .swiper-button-next.link_next.vertical::after, [data-wrap-value="link_Slider"] .link_Slider_slide .swiper-button-prev.link_prev.vertical::after { font-size : 16px;} [data-wrap-value="link_Slider"] .swiper-3d .swiper-slide-shadow-left, [data-wrap-value="link_Slider"] .swiper-3d .swiper-slide-shadow-right { background : none !important;} /* tab */ [data-wrap-value="link_Slider"][view-mode="tab"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .topTit { font-size : 19px;} [data-wrap-value="link_Slider"][view-mode="tab"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .slideLogo { width : 35%; padding : 2% 0 3%; max-width : 300px;} [data-wrap-value="link_Slider"][view-mode="tab"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .subTit { font-size : 17px;} [data-wrap-value="link_Slider"][view-mode="tab"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .slideBtn { font-size : 15px; padding : 1% 2%; margin-top : 3%; } /* mobile */ [data-wrap-value="link_Slider"][view-mode="mobile"] .link_Slider_slide .link_Slide .slideWrap { align-items : center; } [data-wrap-value="link_Slider"][view-mode="mobile"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .slideLogo { width : 65%; max-width : 220px; padding : 3% 0 9%; } [data-wrap-value="link_Slider"][view-mode="mobile"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .topTit { font-size : 14px;} [data-wrap-value="link_Slider"][view-mode="mobile"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .subTit { font-size : 13px; } [data-wrap-value="link_Slider"][view-mode="mobile"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .slideBtn { background : none; color : #fff; padding : 2.7% 5.4%; margin-top : 7%; font-size : 13px;} [data-wrap-value="link_Slider"][view-mode="mobile"] .link_Slider_slide .swiper-button-next.link_next, [data-wrap-value="link_Slider"][view-mode="mobile"] .link_Slider_slide .swiper-button-prev.link_prev { display : none; } @media (min-width:641px) and (max-width:1024px) { /* **************************************************************************************************************************************************************************** */ /* */ /* */ /* 1단 배경 Fixed */ /* */ /* */ /* **************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ [data-wrap-value="link_Slider"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .topTit { font-size : calc(12px + 0.7vw);} [data-wrap-value="link_Slider"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .slideLogo { width : 35%; padding : 2% 0 3%; max-width : 300px;} [data-wrap-value="link_Slider"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .subTit { font-size : calc(12px + 0.5vw);} [data-wrap-value="link_Slider"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .slideBtn { padding : 1% 2%; margin-top : 3%; } } @media (max-width:640px) { /* **************************************************************************************************************************************************************************** */ /* */ /* */ /* 1단 배경 Fixed */ /* */ /* */ /* **************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ [data-wrap-value="link_Slider"] .link_Slider_slide .link_Slide .slideWrap { align-items : center; } [data-wrap-value="link_Slider"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .slideLogo { width : 56%; max-width : 220px; padding : 3% 0 9%; } [data-wrap-value="link_Slider"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .topTit { font-size : clamp(14px,3.9vw,17px); } [data-wrap-value="link_Slider"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .subTit { font-size : clamp(12px,3.7vw,15px); } [data-wrap-value="link_Slider"] .link_Slider_slide .link_Slide .slideWrap .slideTextBox .slideBtn { background : none; color : #fff; padding : 2.7% 5.4%; margin-top : 7%; } [data-wrap-value="link_Slider"] .link_Slider_slide .swiper-button-next.link_next, [data-wrap-value="link_Slider"] .link_Slider_slide .swiper-button-prev.link_prev { display : none; } }