/* A A A : A : A : A : */ #fullDivision_slide_paginationCustom { width : 100%; height : auto; font-family : "Noto Sans Kr"; font-size : min(1.6vw,23px); aspect-ratio : 1920 / 810; position : relative; cursor : ew-resize; } #fullDivision_slide_paginationCustom .swiper { width : 100%; height : 100%;} #fullDivision_slide_paginationCustom .contWrap { width : 100%; height : 100%; display : flex; align-items : center; justify-content : center; position : relative;} #fullDivision_slide_paginationCustom .contWrap img { width : 100%; height : 100%; object-fit : cover; position : absolute; top : 0; left : 0; z-index : 1;} #fullDivision_slide_paginationCustom .contWrap .textWrap { width : 100%; height : 100%; display : flex; align-items : center; justify-content : center; position : relative; flex-direction : column; z-index : 2;} #fullDivision_slide_paginationCustom .contWrap .textWrap .bubble { width : auto; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center;} #fullDivision_slide_paginationCustom .contWrap .textWrap .bubble:hover { filter : drop-shadow(0px 0px 3px #00b4ffb3); transition : .2s;} #fullDivision_slide_paginationCustom .contWrap .textWrap .bubble .bubbleText { font-size : max(14px,0.75em); color : #fff; line-height : 1em; padding : 0.5em 0.8em; background : #00b4ffb3; border-radius : 3px; transition : .2s;} #fullDivision_slide_paginationCustom .contWrap .textWrap .bubble .tri { width : 0; height : 0; border-left : 0.2em solid transparent; border-right : 0.2em solid transparent; border-top : 0.75em solid #00b4ffb3; transition : .2s;} #fullDivision_slide_paginationCustom .contWrap .textWrap .bubble:hover .bubbleText { background : #00b4ff; transition : .2s;} #fullDivision_slide_paginationCustom .contWrap .textWrap .bubble:hover .tri { border-top : 0.75em solid #00b4ff; transition : .2s;} #fullDivision_slide_paginationCustom .contWrap .textWrap .topText { color : #fff; line-height : 1em; margin-top : 0.2em; word-break : keep-all; text-align : center;} #fullDivision_slide_paginationCustom .contWrap .textWrap .largeText { font-size : 2em; line-height : 1em; font-weight : 500; margin : 0.4em 0 0.8em; color : #fff;} #fullDivision_slide_paginationCustom .contWrap .textWrap .linkWrap { width : auto; height : auto; display : flex; align-items : center; justify-content : center; position : relative; overflow : hidden; border : 1px solid #fff; transition : .2s;} #fullDivision_slide_paginationCustom .contWrap .textWrap .linkWrap:hover { border : 1px solid #0080ff; transition : .45s;} #fullDivision_slide_paginationCustom .contWrap .textWrap .linkWrap a { width : auto; color : #fff; line-height : 1em; padding : 0.5em 1em; font-size : 0.95em; z-index : 2; text-align : center; min-width : 18em;} #fullDivision_slide_paginationCustom .contWrap .textWrap .linkWrap::before { content : ""; width : 100%; height : 100%; display : block; position : absolute; top : 0; left : -100%; background : #0080ff; z-index : 1; transition : .2s;} #fullDivision_slide_paginationCustom .contWrap .textWrap .linkWrap:hover::before { left : 0; transition : .2s;} #fullDivision_slide_paginationCustom .paginationCustom_page { width : 95%; height : auto; position : absolute; bottom : 2.5em; left : 50%; transform : translateX(-50%); justify-content : center; display : flex;} #fullDivision_slide_paginationCustom .paginationCustom_page .swiper-wrapper { justify-content : center;} #fullDivision_slide_paginationCustom .paginationCustom_page .swiper-slide { width : auto ! important; max-width : calc(calc(100% - 4em) / 5); margin-right : 1em;} #fullDivision_slide_paginationCustom .paginationCustom_page .swiper-slide:last-child { margin-right : 0;} #fullDivision_slide_paginationCustom .paginationCustom_page .page { font-size : 0.95em; color : #ffffff80; line-height : 1em; display : flex; align-items : center; cursor : pointer; border : 1px solid #999; padding : 10px 26px; transition : .3s;} #fullDivision_slide_paginationCustom .paginationCustom_page .page:hover { color : #000; border : 1px solid #fff; background : #ffffffa1; transition : .5s; font-weight : 500;} #fullDivision_slide_paginationCustom .paginationCustom_page .swiper-slide.swiper-slide-thumb-active .page { color : #555; background-color : #fff; } #fullDivision_slide_paginationCustom .paginationCustom_page .page span { line-height : inherit; font-size : 0.8em; font-weight : 300; } #fullDivision_slide_paginationCustom .paginationCustom_page .swiper-slide.swiper-slide-thumb-active .page span { font-weight : 500; } #fullDivision_slide_paginationCustom .paginationCustom_page .page .circle { width : auto; height : auto; aspect-ratio : 1 / 1; border : 1px solid tranparent; border-radius : 50%; display : none; align-items : center; justify-content : center;} #fullDivision_slide_paginationCustom .paginationCustom_page .swiper-slide.swiper-slide-thumb-active .circle { border : 1px solid #fff;} #fullDivision_slide_paginationCustom .paginationCustom_page .page .circle svg { color : #fff; font-size : 7px; padding : 1em;} @media(max-width:1024px){ /* A A A : A : A : A : */ #fullDivision_slide_paginationCustom { font-size : min(2.3vw,18px); aspect-ratio : 1024 / 450; min-height : 350px;} #fullDivision_slide_paginationCustom .paginationCustom_page { max-width : 720px;} #fullDivision_slide_paginationCustom .contWrap .textWrap { padding-bottom : 1.5em;} #fullDivision_slide_paginationCustom .paginationCustom_page .page { border : 0px; padding : 0; } #fullDivision_slide_paginationCustom .paginationCustom_page .page:hover { border : 0px solid #fff; transition : .5s;} #fullDivision_slide_paginationCustom .paginationCustom_page .swiper-slide.swiper-slide-thumb-active .page { background-color : #ffffff00; color : #fff;} #fullDivision_slide_paginationCustom .paginationCustom_page .swiper-slide.swiper-slide-thumb-active .page span { font-weight : 400; } } @media(max-width:640px){ /* A A A : A : A : A : */ #fullDivision_slide_paginationCustom { font-size : min(3.8vw,16px); aspect-ratio : 1 / 1; min-height : unset; } #fullDivision_slide_paginationCustom .contWrap .textWrap { padding-bottom : 1em;} #fullDivision_slide_paginationCustom .paginationCustom_page { width : 60%; max-width : 220px; bottom : 1.5em;} #fullDivision_slide_paginationCustom .paginationCustom_page .page .text { display : none;} #fullDivision_slide_paginationCustom .paginationCustom_page .page .circle { display : flex;} #fullDivision_slide_paginationCustom .paginationCustom_page .page { border : 0px; padding : 0; } #fullDivision_slide_paginationCustom .paginationCustom_page .page:hover { border : 0px solid #fff; transition : .5s;} #fullDivision_slide_paginationCustom .paginationCustom_page .swiper-slide.swiper-slide-thumb-active .page { background-color : #ffffff00; color : #fff; } #fullDivision_slide_paginationCustom .paginationCustom_page .swiper-slide.swiper-slide-thumb-active .page span { font-weight : 400; } }