/* A A A : A : A : A : */ .shadowImg { width : 100%; height : auto;} .shadowImg.top { margin-top : 1%;} #division3A_slide_layer { width : 100%; height : auto; font-family : "nanum_square"; font-size : min(1.7vw,22px); display : flex; justify-content : center; align-items : center; flex-direction : column; padding : 4em 0 5.5em; position : relative; overflow : hidden; background-image : url("../../../Image/division3A_slide_layer_back.jpg"); background-size : cover; background-position : center; background-repeat : no-repeat;} #division3A_slide_layer.none { margin : 2em 0; padding : 0; background-image : none;} #division3A_slide_layer .titWrap { width : 100%; height : auto; display : flex; justify-content : center; align-items : center; flex-direction : column;} #division3A_slide_layer .titWrap p { line-height : 1em;} #division3A_slide_layer .titWrap .tit { font-size : 1.8em; font-weight : 800; color : #f44051; margin-top : 0.2em;} #division3A_slide_layer .contentWrap { width : 70%; height : auto; display : inline-flex; align-items : center; justify-content : center; position : relative; margin : 1.4em 0 1.8em; max-width : 1200px;} #division3A_slide_layer .contentWrap .slideWrap { width : 100%; height : auto; position : relative; z-index : 1;} #division3A_slide_layer .contentWrap .slideWrap .contentBox { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center;} #division3A_slide_layer .contentWrap .slideWrap .contentBox .imgWrap { width : 100%; height : auto; aspect-ratio : 380 / 290; position : relative; overflow : hidden;} #division3A_slide_layer .contentWrap .slideWrap .contentBox .imgWrap img { width : 100%; height : 100%; object-fit : cover;} #division3A_slide_layer .contentWrap .slideWrap .contentBox .imgWrap .saleMark { width : auto; height : auto; position : absolute; top : 0; right : 0; display : inline-flex; align-items : center; justify-content : center; background : #990000b3; padding : 0.5em 0.7em; flex-direction : column;} #division3A_slide_layer .contentWrap .slideWrap .contentBox .imgWrap .saleMark .percent { font-size : 0.85em; font-weight : 800; color : #fff000; line-height : 1em;} #division3A_slide_layer .contentWrap .slideWrap .contentBox .imgWrap .saleMark .sale { font-size : 0.7em; font-weight : 700; color : #fff; line-height : 1em; margin-top : 0.3em;} #division3A_slide_layer .contentWrap .slideWrap .contentBox .infoBox { width : 100%; height : auto; background : #fff; display : flex; flex-direction : column; align-items : center; justify-content : center; padding : 1em 0 0.7em;} #division3A_slide_layer .contentWrap .slideWrap .contentBox .infoBox .nameWrap { width : auto; height : auto; display : flex; align-items : center; justify-content : center; max-width : 90%;} #division3A_slide_layer .contentWrap .slideWrap .contentBox .infoBox .name { font-size : 1.07em; font-weight : 700; line-height : 1.2em; width : auto; max-width : 100%; overflow : hidden; text-overflow : ellipsis; white-space : nowrap;} #division3A_slide_layer .contentWrap .slideWrap .contentBox .infoBox .origin { font-size : 0.8em; font-weight : 700; line-height : 1em; color : #777777; position : relative; margin : 0.8em 0 0.6em;} #division3A_slide_layer .contentWrap .slideWrap .contentBox .infoBox .origin::after { content : ""; width : calc(100% + 1.5em); height : max(1px,0.12em); background : #e50011; position : absolute; top : 50%; left : 50%; transform : translate(-50%,-50%);} #division3A_slide_layer .contentWrap .slideWrap .contentBox .infoBox .sale { color : #e50011; font-weight : 700; line-height : 1em; display : flex; align-items : center; justify-content : center; } #division3A_slide_layer .contentWrap .slideWrap .contentBox .infoBox .sale span { font-size : 0.8em; color : #fff; line-height : 1em; font-weight : 700; background : #777777; display : inline-block; padding : 0.3em 0.7em; margin-right : 0.7em;} #division3A_slide_layer .contentWrap .slideWrap .contentBox .infoBox .link { font-size : 0.7em; color : #fff; line-height : 1em; font-weight : 700; display : inline-block; background : #008cce; border-radius : 12px; padding : 0.5em 1.2em; margin-top : 0.7em; transition : .2s;} #division3A_slide_layer .contentWrap .slideWrap .contentBox .infoBox .link:hover { background : #00537a; transition : .2s;} #division3A_slide_layer .layerImg { width : 35%; height : auto; position : absolute; z-index : 2; pointer-events : none;} #division3A_slide_layer .layerImg.left { left : 0; bottom : 0; transform : translate(-55%,38.3%);} #division3A_slide_layer .layerImg.right { right : 0; bottom : 0; transform : translate(54%,40%);} #division3A_slide_layer .all_link { font-size : 0.85em; background : #664024; color : #fff; line-height : 1em; padding : 1em 1.5em; border-radius : 7px; font-weight : 700; transition : .2s; position : relative; z-index : 4;} #division3A_slide_layer .all_link:hover { background : #b99880; transition : .2s;} #division3A_slide_layer .bottomLayer { width : 100%; height : auto; position : absolute; bottom : 0; left : 0; z-index : 3; pointer-events : none;} @media (max-width : 1024px){ /* A A A : A : A : A : */ #division3A_slide_layer { font-size : min(2vw,20px); padding : 3em 0 3.5em;} #division3A_slide_layer .contentWrap { width : 90%; z-index : 2;} #division3A_slide_layer .layerImg { display : none;} #division3A_slide_layer .bottomLayer { width : 130%; transform : translateX(-18%); z-index : 1;} } @media (max-width : 640px){ /* A A A : A : A : A : */ #division3A_slide_layer { font-size : min(3.5vw,16px); padding : 2.5em 0 3em;} #division3A_slide_layer.none { margin : 1em 0;} #division3A_slide_layer .contentWrap { width : 80%; max-width : 400px;} #division3A_slide_layer .layerImg { display : none;} #division3A_slide_layer .bottomLayer { width : 300%; transform : translateX(-62%);} }