/* A A A : A : A : A : */ #division3A_community { width : 100%; height : 90vmin; padding : 0 5%; background : #262934; } #division3A_community .division3A_communityWrap { width : 100%; height : 100%; max-width : 1400px; display : flex; flex-direction : column; justify-content : space-evenly; margin : 0 auto; position : relative; } #division3A_community .division3A_communityWrap .community_topWrap { width : 100%; height : auto; display : flex; justify-content : space-between; align-items : flex-end; position : relative; } #division3A_community .division3A_communityWrap .community_topWrap .communityTitBox { width : 55%; height : auto; } #division3A_community .division3A_communityWrap .community_topWrap .communityTitBox .communityTit { font-size : calc(20px + 2.5vw); font-weight : 700; color : #fff; } #division3A_community .division3A_communityWrap .community_topWrap .communityTitBox .communityTit span { font-size : calc(20px + 2.5vw); font-weight : 300; color : #fff; } #division3A_community .division3A_communityWrap .community_topWrap .communityTabBox { width : 45%; height : auto; } #division3A_community .division3A_communityWrap .community_topWrap .communityTabBox .communityTab { width : 100%; height : auto; display : flex; justify-content : flex-end; } #division3A_community .division3A_communityWrap .community_topWrap .communityTabBox .communityTab li { font-size : calc(14px + 0.3vw); color : #fff; margin-left : 5%; cursor : pointer; } #division3A_community .division3A_communityWrap .community_topWrap .communityTabBox .communityTab li:first-child { margin : 0; } #division3A_community .division3A_communityWrap .community_topWrap .communityTabBox .communityTab li.active { position : relative; } #division3A_community .division3A_communityWrap .community_topWrap .communityTabBox .communityTab li.active::before { content : ""; display : block; width : 100%; height : 1px; background : #fff; position : absolute; bottom : -10%; left : 0; } #division3A_community .division3A_communityWrap .community_topWrap .moreBox { width : 100%; height : auto; text-align : right; position : absolute; top : 145%; right : 3%; display : none; } #division3A_community .division3A_communityWrap .community_topWrap .moreBox.on { display : block; } #division3A_community .division3A_communityWrap .community_topWrap .moreBox a { font-size : calc(12px + 0.2vw); color : #b1b1b1; padding : 1% 0; position : relative; overflow : hidden; transition : .4s; } #division3A_community .division3A_communityWrap .community_topWrap .moreBox a:hover { color : #68dd4b; transition : .4s; } #division3A_community .division3A_communityWrap .community_topWrap .moreBox a .arrow { width : 20px; height : 12px; font-size : 12px; display : inline-block; color : inherit; overflow : hidden; position : relative; } #division3A_community .division3A_communityWrap .community_topWrap .moreBox a .arrow::after { content : "→"; position : absolute; top : 50%; transform : translateY(-50%); left : -100%; transition : .4s; } #division3A_community .division3A_communityWrap .community_topWrap .moreBox a:hover .arrow::after { left : 20%; transition : .4s; } #division3A_community .division3A_communityWrap .community_botWrap { width : 100%; height : 60vmin; overflow : hidden; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap { width : 100%; height : 100%; padding : 2%; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .NoticeMark { color : #f00; font-size : 14px; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .GalleryMark { color : #000fff; font-size : 14px; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .NewsMark { color : #13bb18; font-size : 14px; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .allContWrap { width : 100%; height : 100%; display : none; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .allContWrap.active { display : block; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .allContWrap .communitySlide { width : 100%; height : 100%; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .allContWrap .communitySlide .allWrap { width : 100%; height : 100%; background : #fff; display : flex; flex-direction : column; justify-content : space-evenly; padding : 0 10%; transition : .4s; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .allContWrap .communitySlide .allWrap:hover { transform: translateZ(50px) scale(1.05); -webkit-box-shadow: 0 0 20px 0px #ffffff7a; box-shadow: 0 0 20px 0px #ffffff7a; transition : .4s; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .allContWrap .communitySlide .allWrap .TitBox { font-size : calc(16px + 1vw); font-weight : 700; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .allContWrap .communitySlide .allWrap .TextBox { width : 100%; height : 25vmin; font-size : calc(14px + 0.1vw); font-weight : 300; overflow : hidden; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .allContWrap .communitySlide .allWrap .TextBox p { width : 100%; height : 25vmin; font-size : calc(14px + 0.1vw); font-weight : 300; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .allContWrap .communitySlide .allWrap .dateBox { width : 100%; height : auto; font-size : 13px; color : #8f8a8a;} #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .noticeContWrap { width : 100%; height : 100%; display : none; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .noticeContWrap.active { display : block; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .noticeContWrap .communitySlide { width : 100%; height : 100%; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .noticeContWrap .communitySlide .noticeWrap { width : 100%; height : 100%; background : #fff; display : flex; flex-direction : column; justify-content : space-evenly; padding : 0 10%; transition : .4s; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .noticeContWrap .communitySlide .noticeWrap:hover { transform: translateZ(50px) scale(1.05); -webkit-box-shadow: 0 0 20px 0px #ffffff7a; box-shadow: 0 0 20px 0px #ffffff7a; transition : .4s; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .noticeContWrap .communitySlide .noticeWrap .TitBox { font-size : calc(16px + 1vw); font-weight : 700; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .noticeContWrap .communitySlide .noticeWrap .TextBox { width : 100%; height : 25vmin; font-size : calc(14px + 0.1vw); font-weight : 300; overflow : hidden; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .noticeContWrap .communitySlide .noticeWrap .TextBox p { width : 100%; height : 25vmin; font-size : calc(14px + 0.1vw); font-weight : 300; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .noticeContWrap .communitySlide .noticeWrap .dateBox { width : 100%; height : auto; font-size : 13px; color : #8f8a8a;} #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .galleryContWrap { width : 100%; height : 100%; display : none; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .galleryContWrap.active { display : block; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .galleryContWrap .communitySlide { width : 100%; height : 100%; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .galleryContWrap .communitySlide .galleryWrap { width : 100%; height : 100%; background : #fff; display : flex; flex-direction : column; justify-content : space-evenly; padding : 0 10%; transition : .4s; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .galleryContWrap .communitySlide .galleryWrap:hover { transform: translateZ(50px) scale(1.05); -webkit-box-shadow: 0 0 20px 0px #ffffff7a; box-shadow: 0 0 20px 0px #ffffff7a; transition : .4s; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .galleryContWrap .communitySlide .galleryWrap .ImgBox { width : 100%; height : 25vmin; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .galleryContWrap .communitySlide .galleryWrap .TitBox { font-size : calc(16px + 1vw); font-weight : 700; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .galleryContWrap .communitySlide .galleryWrap .dateBox { width : 100%; height : auto; font-size : 13px; color : #8f8a8a;} #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .newsContWrap { width : 100%; height : 100%; display : none; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .newsContWrap.active { display : block; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .newsContWrap .communitySlide { width : 100%; height : 100%; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .newsContWrap .communitySlide .newsWrap { width : 100%; height : 100%; background : #fff; display : flex; flex-direction : column; justify-content : space-evenly; padding : 0 10%; transition : .4s; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .newsContWrap .communitySlide .newsWrap:hover { transform: translateZ(50px) scale(1.05); -webkit-box-shadow: 0 0 20px 0px #ffffff7a; box-shadow: 0 0 20px 0px #ffffff7a; transition : .4s; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .newsContWrap .communitySlide .newsWrap .TitBox { font-size : calc(16px + 1vw); font-weight : 700; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .newsContWrap .communitySlide .newsWrap .TextBox { width : 100%; height : 25vmin; font-size : calc(14px + 0.1vw); font-weight : 300; overflow : hidden; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .newsContWrap .communitySlide .newsWrap .TextBox p { width : 100%; height : 25vmin; font-size : calc(14px + 0.1vw); font-weight : 300; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .newsContWrap .communitySlide .newsWrap .dateBox { width : 100%; height : auto; font-size : 13px; color : #8f8a8a; } #division3A_community .division3A_communityWrap .community_next, #division3A_community .division3A_communityWrap .community_prev { color : #fff; } #division3A_community .division3A_communityWrap .community_next { top : 56%; right: -5%; } #division3A_community .division3A_communityWrap .community_prev { top : 56%; left : -5%; } @media (max-width:640px) { /* **************************************************************************************************************************************************************************** */ /* */ /* */ /* 1단 배경 Fixed */ /* */ /* */ /* **************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ #division3A_community { height : 80vh; position : relative; padding : 7% 5% 14%; } #division3A_community .division3A_communityWrap { justify-content : flex-start; } #division3A_community .division3A_communityWrap .community_topWrap { flex-direction : column; position : static; margin-bottom : 10%; } #division3A_community .division3A_communityWrap .community_topWrap .communityTitBox { width : 100%; text-align : center; margin-bottom : 5%; } #division3A_community .division3A_communityWrap .community_topWrap .communityTabBox { width : 100%; } #division3A_community .division3A_communityWrap .community_topWrap .communityTabBox .communityTab { justify-content : center; } #division3A_community .division3A_communityWrap .community_topWrap .moreBox { top : 100%; left : 0; text-align : center; } #division3A_community .division3A_communityWrap .community_topWrap .moreBox a { color : #68dd4b; } #division3A_community .division3A_communityWrap .community_topWrap .moreBox a .arrow::after { left : 20%; } #division3A_community .division3A_communityWrap .community_botWrap { height : 55vh; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .allContWrap .communitySlide .allWrap .TextBox { height : 25vh; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .allContWrap .communitySlide .allWrap .ImgBox { height : 25vh; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .noticeContWrap .communitySlide .noticeWrap .TextBox { height : 25vh; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .galleryContWrap .communitySlide .galleryWrap .ImgBox { height : 25vh; } #division3A_community .division3A_communityWrap .community_botWrap .community_contBoxWrap .newsContWrap .communitySlide .newsWrap .TextBox { height : 25vh; } #division3A_community .division3A_communityWrap .community_next, #division3A_community .division3A_communityWrap .community_prev { display : none; } }