/* A A A : A : A : A : */ #gaguggangSub1-1 { width : 100%; height : auto; text-align : center; } #gaguggangSub1-1 .sub1-1_1 { width : 100%; height : auto; margin : 5% 0 0; } #gaguggangSub1-1 .sub1-1_1 .sub1-1_1ImgBox { width : auto; height : auto; display : inline-block; } #gaguggangSub1-1 .sub1-1_1 .sub1-1_1ImgBox img { width : calc(110px + 7vw); height : auto; } #gaguggangSub1-1 .sub1-1_1 .sub1-1_2ImgBox { width : 100%; height : auto; padding : 3% 0 1%; margin-top : -1.5%; background : #e1ded6; /* fallback for old browsers */ background : -webkit-linear-gradient(to right, #f5f1f1, #e1ded6); /* Chrome 10-25, Safari 5.1-6 */ background : linear-gradient(to right, #f5f1f1, #e1ded6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } #gaguggangSub1-1 .sub1-1_1 .sub1-1_2ImgBox img { width : calc(500px + 20vw); height : auto; } #gaguggangSub1-1 .sub1-1_2 { width : 100%; height : auto; padding : 3%; } #gaguggangSub1-1 .sub1-1_3 { width : 100%; height : auto; background : #eeeeef; padding : 3%; } #gaguggangSub1-1 .sub1-1_3 .sub1-1_5ImgBox { width : 100%; height : auto; } #gaguggangSub1-1 .sub1-1_3 .sub1-1_5ImgBox img { width : calc(480px + 13vw); height : auto; } #gaguggangSub1-1 .sub1-1_5 { width : 100%; height : auto; padding : 3%; } #gaguggangSub1-1 .sub1-1_5 .sub1-1_6ImgBox { width : 100%; height : auto; } #gaguggangSub1-1 .sub1-1_5 .sub1-1_6ImgBox img { width : calc(500px + 13vw); height : auto; } /* sub2-1 */ #gaguggangSub2-1 { width : 100%; height : auto; text-align : center; } #gaguggangSub2-1 .sub2-1_1 { width : 100%; height : auto; margin : 5% 0 3%; padding : 0 3%; } #gaguggangSub2-1 .sub2-1_1 .sub2-1_1ImgBox { width : 100%; height : auto; } #gaguggangSub2-1 .sub2-1_1 .sub2-1_1ImgBox img { width : calc(250px + 15vw);height : auto; } #gaguggangSub2-1 .sub2-1_2 { width : 100%; height : auto; background : #eeeeef; padding : 3%; } #gaguggangSub2-1 .sub2-1_2 .sub2-1_2ImgBox { width : 100%; height : auto; margin : 0 0 2%; } #gaguggangSub2-1 .sub2-1_2 .sub2-1_2ImgBox img { width : calc(250px + 12vw); height : auto; } #gaguggangSub2-1 .sub2-1_3 { width : 100%; height : auto; padding : 3%; } #gaguggangSub2-1 .sub2-1_3 .sub2-1_3ImgBox { width : 100%; height : auto; } #gaguggangSub2-1 .sub2-1_3 .sub2-1_3ImgBox img { width : calc(400px + 12vw); height : auto; } #gaguggangSub2-1 .sub2-1_5 { width : 100%; height : auto; padding : 3%; } #gaguggangSub2-1 .sub2-1_5 .sub2-1_4ImgBox { width : 100%; height : auto; } #gaguggangSub2-1 .sub2-1_5 .sub2-1_4ImgBox img { width : calc(400px + 15vw); height : auto; } /* sub2-2 */ #gaguggangSub2-2 { width : 100%; height : auto; text-align : center; } #gaguggangSub2-2 .sub2-2_1 { width : 100%; height : auto; margin : 5% 0 3%; padding : 0 3%; } #gaguggangSub2-2 .sub2-2_1 .sub2-2_1ImgBox { width : 100%; height : auto; } #gaguggangSub2-2 .sub2-2_1 .sub2-2_1ImgBox img { width : calc(300px + 10vw); height : auto; } #gaguggangSub2-2 .sub2-2_2 { width : 100%; height : auto; padding : 3%; background : #eeeeef; } #gaguggangSub2-2 .sub2-2_2 .sub2-2_2ImgBox { width : 100%; height : auto; } #gaguggangSub2-2 .sub2-2_2 .sub2-2_2ImgBox img { width : calc(450px + 17vw); height : auto; } #gaguggangSub2-2 .sub2-2_3 { width : 100%; height : auto; padding : 3%; } #gaguggangSub2-2 .sub2-2_3 .sub2-2_3ImgBox { width : 100%; height : auto; } #gaguggangSub2-2 .sub2-2_3 .sub2-2_3ImgBox img { width : calc(450px + 17vw); height : auto; } #gaguggangSub2-2 .sub2-2_4 { width : 100%; height : auto; padding : 3%; background : #eeeeef; } #gaguggangSub2-2 .sub2-2_4 .sub2-2_4ImgBox { width : 100%; height : auto; margin : 0 0 2%; } #gaguggangSub2-2 .sub2-2_4 .sub2-2_4ImgBox img { width : calc(400px + 12vw); height : auto; } #gaguggangSub2-2 .sub2-2_5 { width : 100%; height : auto; padding : 3%; } #gaguggangSub2-2 .sub2-2_5 .sub2-2_5ImgBox { width : 100%; height : auto; } #gaguggangSub2-2 .sub2-2_5 .sub2-2_5ImgBox img { width : calc(450px + 15vw); height : auto; } #gaguggangSub2-2 .sub2-2_7 { width : 100%; height : auto; padding : 3%; } #gaguggangSub2-2 .sub2-2_7 .sub2-2_6ImgBox { width : 100%; height : auto; } #gaguggangSub2-2 .sub2-2_7 .sub2-2_6ImgBox img { width : calc(400px + 15vw); height : auto; } /* sub2-3 */ #gaguggangSub2-3 { width : 100%; height : auto; text-align : center; } #gaguggangSub2-3 .sub2-3_1 { width : 100%; height : auto; margin : 5% 0 3%; padding : 0 3%; } #gaguggangSub2-3 .sub2-3_1 .sub2-3_1ImgBox { width : 100%; height : auto; } #gaguggangSub2-3 .sub2-3_1 .sub2-3_1ImgBox img { width : calc(300px + 10vw); height : auto; } #gaguggangSub2-3 .sub2-3_2 { width : 100%; height : auto; padding : 3%; background : #eeeeef; } #gaguggangSub2-3 .sub2-3_2 .sub2-3_2ImgBox { width : 100%; height : auto; } #gaguggangSub2-3 .sub2-3_2 .sub2-3_2ImgBox img { width : calc(450px + 13vw); height : auto; } #gaguggangSub2-3 .sub2-3_3 { width : 100%; height : auto; padding : 3%; } #gaguggangSub2-3 .sub2-3_3 .sub2-3_3ImgBox { width : 100%; height : auto; margin : 0 0 2%; } #gaguggangSub2-3 .sub2-3_3 .sub2-3_3ImgBox img { width : calc(270px + 12vw); height : auto; } #gaguggangSub2-3 .sub2-3_4 { width : 100%; height : auto; padding : 3%; background : #eeeeef; } #gaguggangSub2-3 .sub2-3_4 .sub2-3_4ImgBox { width : 100%; height : auto; } #gaguggangSub2-3 .sub2-3_4 .sub2-3_4ImgBox img { width : calc(400px + 12vw); height : auto; } #gaguggangSub2-3 .sub2-3_6 { width : 100%; height : auto; padding : 3%; } #gaguggangSub2-3 .sub2-3_6 .sub2-3_5ImgBox { width : 100%; height : auto; } #gaguggangSub2-3 .sub2-3_6 .sub2-3_5ImgBox img { width : calc(400px + 15vw); height : auto; } /* VR 공통*/ .gaguggangSub1_2 .gaguggangSub1_2VR { width : auto; height : auto; display : inline-block; } .gaguggangSub1_2 .gaguggangSub1_2VR img { width : calc(400px + 15vw); height : auto; transition : .4s; } .gaguggangSub1_2 .gaguggangSub1_2VR:hover img { filter: drop-shadow(2px 4px 6px black); transition : .4s; } .gaguggangSub1_2 .gaguggangSub1_2VRText { width : 100%; height : auto; } .gaguggangSub1_2 .gaguggangSub1_2VRText img { width : calc(200px + 10vw); height : auto; margin-top : 1.5%; } /* 슬라이드 */ .gaguggangSub1_2 .sliderWrap { width : 100%; height : auto; overflow : hidden; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap { width : 100%; height : auto; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents { width : 100%; height : 100%; text-align : center; display : inline-block; line-height : 0; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-wrapper .swiper-slide a { width : 100%; height : auto; display : inline-block; position : relative; aspect-ratio : 1 / 1.25} .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-wrapper .swiper-slide a .Swiper_View_Contents1_Wrap { width : 100%; height : 100%; display : inline-block; position : relative; text-align : center; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-wrapper .swiper-slide a .Swiper_View_Contents1_Wrap .Swiper_View_Contents1_Image { width : 100%; height : 100%; object-fit : cover; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide a .Swiper_View_Contents1_Wrap .hoverWrap { width : 100%; height : 100%; position : absolute; left : 0; bottom : 0; background-color : rgba(0,0,0,0.0); display : flex; justify-content : center; align-items : flex-end; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide:hover a .Swiper_View_Contents1_Wrap .hoverWrap { background-color: rgba(0,0,0,0.6); transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide a .Swiper_View_Contents1_Wrap .hoverWrap .Go_on { width : auto; height : auto; font-size : 16px; background : #fff; font-weight : 500; line-height : 1em; padding : 0.5em 1em; margin-bottom : 10%; opacity : 0; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide:hover a .Swiper_View_Contents1_Wrap .hoverWrap .Go_on { opacity : 1; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide a .Swiper_View_Contents1_Wrap .hoverWrap .Go_on:hover { background-color : #0080CC; color : #fff000; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide a .Swiper_View_Contents1_Wrap .hoverWrap .ContentsWrap { width : 85%; height : 20%; position : absolute; left : 7.5%; bottom : 13px; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide:hover a .Swiper_View_Contents1_Wrap .hoverWrap .ContentsWrap { bottom : 55px; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide a .Swiper_View_Contents1_Wrap .hoverWrap .ContentsWrap .verticalalignWrap { width : 100%; height : 100%; text-align : left; position : absolute; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide a .Swiper_View_Contents1_Wrap .hoverWrap .ContentsWrap .verticalalignWrap .Subject { font-size : 22px; color : #fff; font-weight : 400; height : 30px; text-shadow : 2px 2px 2px #333; width : 100%; overflow : hidden; white-space : nowrap; text-overflow : ellipsis; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide:hover a .Swiper_View_Contents1_Wrap .hoverWrap .ContentsWrap .verticalalignWrap .Subject { height : 36px; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide a .Swiper_View_Contents1_Wrap .hoverWrap .ContentsWrap .verticalalignWrap .Descript { font-size : 17px; color : #fff; font-weight : 300; overflow :hidden; opacity : 0; height : 0; width : 100%; text-overflow : ellipsis; white-space : nowrap; display : inline-block; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide:hover a .Swiper_View_Contents1_Wrap .hoverWrap .ContentsWrap .verticalalignWrap .Descript { opacity : 1; height : auto; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide a .Swiper_View_Contents1_Wrap .hoverWrap .ContentsWrap .verticalalignWrap .Go_on { font-size : 15px; color : #333; font-weight : 400; width : 20px; background-color : #fff; height : 0; opacity : 0; overflow : hidden; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide:hover a .Swiper_View_Contents1_Wrap .hoverWrap .ContentsWrap .verticalalignWrap .Go_on { height : 32px; opacity : 1; padding : 3px 10px; width : 112px; margin : 3px 0px 0 0; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide a .Swiper_View_Contents1_Wrap .hoverWrap .ContentsWrap .verticalalignWrap .Go_on:hover { background-color : #0080CC; color : #fff000; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide a .Swiper_View_Contents1_Wrap .hoverWrap .ContentsWrap .verticalalignWrap .underLine { width : 25%; min-width : 50px; height : 3px; display : inline-block; background-color : #fff; box-shadow : 2px 2px 2px #333; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide:hover a .Swiper_View_Contents1_Wrap .hoverWrap .ContentsWrap .verticalalignWrap .underLine { width : 90%; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } /* 23.04.17 사무용가구 추가 */ /* A A A : A : A : A : */ .gaguggangSub1_2 { width : 100%; height : auto; } .gaguggangSub1_2 .sub_nomal_Wrap { width : 100%; height : auto; text-align : center; } .gaguggangSub1_2 .sub_gray_Wrap { width : 100%; height : auto; text-align : center; background-color : #EEEFEF; } .sub4-1Gap1 { margin-top : clamp(30px, 8%, 80px); } .gaguggangSub1_2 .sub_nomal_Wrap .imgWrap_m { width : 100%; height : auto; display : inline-block; max-width : 1200px; } .gaguggangSub1_2 .sub_nomal_Wrap .imgWrap_m .sub4_1_Re1 { width : 60%; max-width : 400px; } .vertical_line_4_1 { width : 2px; height : 50px; background : #ccc; display : inline-block; margin : clamp(15px, 3%, 30%) 0; } .sub4-1Gap2 { margin-top : clamp(40px, 8%, 80px); } .sub4-1Gap3 { margin-top : clamp(20px, 8%, 80px); } .sub4-1Gap5 { margin-top : -4%; } .sub4-1Gap6 { padding-top : clamp(40px, 15%, 160px); } .sub4_1_Re2 { width : 90%; max-width : 1000px; margin-top : clamp(-45px, -5%, -10px); margin-bottom : clamp(10px, 5%, 45px); } .sub4_1_Re3 { width : 60%; max-width : 250px; } .sub4_1_Re4 { width : 70%; max-width : 290px; } .sub4_1_Re5 { width : 100%; margin-top : clamp(20px, 5%, 50px); } .sub4_1_Re6 { width : 75%; max-width : 470px; } .sub4_1_Re7 { width : 100%; margin-top : clamp(35px, 11%, 100px); } .sub4_1_Re8 { width : 75%; max-width : 400px; margin : clamp(35px, 7%, 85px) 0; } .sub4_1_Re9 { width : 80%; max-width : 530px; margin : clamp(35px, 6%, 70px) 0; } .sub4_1_Re10 { width : 90%; max-width : 400px; margin : clamp(25px, 5%, 50px) 0; } .background_4_1_1 { background-image : url('../../Image/background_4_1_1.png'); background-size : auto; background-position : center center; background-attachment : fixed; background-repeat : no-repeat; } .background_4_1_2 { background-image : url('../../Image/background_4_1_2.png'); background-size : auto; background-position : center center; background-attachment : fixed; background-repeat : no-repeat; } @media (min-width:641px) and (max-width:1024px) { /* **************************************************************************************************************************************************************************** */ /* */ /* */ /* 1단 배경 Fixed */ /* */ /* */ /* **************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ #gaguggangSub1-1 .sub1-1_1 { margin : 15% 0 7%;} #gaguggangSub2-1 .sub2-1_1, #gaguggangSub2-2 .sub2-2_1, #gaguggangSub2-3 .sub2-3_1 { margin : 15% 0 7%; padding : 0 7%;} #gaguggangSub1-1 .sub1-1_2, #gaguggangSub1-1 .sub1-1_3, #gaguggangSub1-1 .sub1-1_5, #gaguggangSub2-1 .sub2-1_2, #gaguggangSub2-1 .sub2-1_3, #gaguggangSub2-1 .sub2-1_5, #gaguggangSub2-2 .sub2-2_2, #gaguggangSub2-2 .sub2-2_3, #gaguggangSub2-2 .sub2-2_4, #gaguggangSub2-2 .sub2-2_5, #gaguggangSub2-2 .sub2-2_7, #gaguggangSub2-3 .sub2-3_2, #gaguggangSub2-3 .sub2-3_3, #gaguggangSub2-3 .sub2-3_4, #gaguggangSub2-3 .sub2-3_6 { padding : 7%;} .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide a .Swiper_View_Contents1_Wrap .hoverWrap .Go_on { font-size : 14px;} } @media (max-width:640px) { /* **************************************************************************************************************************************************************************** */ /* */ /* */ /* 1단 배경 Fixed */ /* */ /* */ /* **************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ #gaguggangSub1-1 .sub1-1_1 { margin : 10% 0 0; } #gaguggangSub1-1 .sub1-1_2, #gaguggangSub1-1 .sub1-1_3, #gaguggangSub1-1 .sub1-1_5 { padding : 10% 5%; } #gaguggangSub1-1 .sub1-1_1 .sub1-1_1ImgBox img { width : 25%; } #gaguggangSub1-1 .sub1-1_1 .sub1-1_2ImgBox img, #gaguggangSub1-1 .sub1-1_3 .sub1-1_5ImgBox img, #gaguggangSub1-1 .sub1-1_5 .sub1-1_6ImgBox img { width : 100%; } /* sub 2-1 */ #gaguggangSub2-1 .sub2-1_1 { margin : 10% 0 10%; padding : 0 5%;} #gaguggangSub2-1 .sub2-1_2, #gaguggangSub2-1 .sub2-1_3, #gaguggangSub2-1 .sub2-1_5 { padding : 10% 5%; } #gaguggangSub2-1 .sub2-1_1 .sub2-1_1ImgBox img, #gaguggangSub2-1 .sub2-1_2 .sub2-1_2ImgBox img, #gaguggangSub2-1 .sub2-1_3 .sub2-1_3ImgBox img, #gaguggangSub2-1 .sub2-1_5 .sub2-1_4ImgBox img { width : 100%; } #gaguggangSub2-1 .sub2-1_2 .sub2-1_2ImgBox { margin-bottom : 5%; } /* sub 2-2 */ #gaguggangSub2-2 .sub2-2_1 { margin : 10% 0 10%; padding : 0 5%; } #gaguggangSub2-2 .sub2-2_2, #gaguggangSub2-2 .sub2-2_3, #gaguggangSub2-2 .sub2-2_4, #gaguggangSub2-2 .sub2-2_5, #gaguggangSub2-2 .sub2-2_7 { padding : 10% 5%; } #gaguggangSub2-2 .sub2-2_4 .sub2-2_4ImgBox { margin : 0 0 5%; } #gaguggangSub2-2 .sub2-2_1 .sub2-2_1ImgBox img, #gaguggangSub2-2 .sub2-2_2 .sub2-2_2ImgBox img, #gaguggangSub2-2 .sub2-2_3 .sub2-2_3ImgBox img, #gaguggangSub2-2 .sub2-2_4 .sub2-2_4ImgBox img, #gaguggangSub2-2 .sub2-2_5 .sub2-2_5ImgBox img, #gaguggangSub2-2 .sub2-2_7 .sub2-2_6ImgBox img { width : 100%; } /* sub2-3 */ #gaguggangSub2-3 .sub2-3_1 { margin : 15% 0 10%; padding : 0 5%; } #gaguggangSub2-3 .sub2-3_2, #gaguggangSub2-3 .sub2-3_3, #gaguggangSub2-3 .sub2-3_4, #gaguggangSub2-3 .sub2-3_6 { padding : 10% 5%; } #gaguggangSub2-3 .sub2-3_3 .sub2-3_3ImgBox { margin : 0 0 5%; } #gaguggangSub2-3 .sub2-3_1 .sub2-3_1ImgBox img, #gaguggangSub2-3 .sub2-3_2 .sub2-3_2ImgBox img, #gaguggangSub2-3 .sub2-3_3 .sub2-3_3ImgBox img, #gaguggangSub2-3 .sub2-3_4 .sub2-3_4ImgBox img, #gaguggangSub2-3 .sub2-3_6 .sub2-3_5ImgBox img { width : 100%; } /* VR 모바일 */ .gaguggangSub1_2 .gaguggangSub1_2VR img { width : 100%; filter : drop-shadow(0px 0px 3px black); } .gaguggangSub1_2 .gaguggangSub1_2VRText img { width : 50%; margin-top : 3%; } .vertical_line_4_1 { height : 25px; background : #999; display : inline-block; margin : clamp(15px, 3%, 30px) 0; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide a .Swiper_View_Contents1_Wrap .hoverWrap .Go_on { font-size : 14px;} /* A A A : A : A : A : */ /* 슬라이드 모바일 */ .gaguggangSub1_2 .sliderWrap { width : 95%; margin : 3% auto 0;} .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide a .Swiper_View_Contents1_Wrap .hoverWrap .ContentsWrap .verticalalignWrap .Subject { font-size : 15px; } .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide a .Swiper_View_Contents1_Wrap .hoverWrap .ContentsWrap .verticalalignWrap .underLine, .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide a .Swiper_View_Contents1_Wrap .hoverWrap .ContentsWrap .verticalalignWrap .Go_on, .gaguggangSub1_2 .Swiper_View_Contents_Wrap .Swiper_View_Contents .swiper-slide a .Swiper_View_Contents1_Wrap .hoverWrap .ContentsWrap .verticalalignWrap .Descript { display : none;} }