@charset "utf-8";

/* 내용관리 */
@media screen and (min-width:901px) {
.main_tops { padding:0 20px 50px; }
.main_tops > div { max-width:1200px; display:flex; margin:auto; }
.main_tops > div > div { background-color:#fff; }
.main_tops .aleft { width:500px; border:1px solid #ddd; }
.main_tops .acenter { width:calc(100% - 820px); margin:0 10px; box-sizing:border-box; border:1px solid #ddd; }
.main_tops .acenter .menutab { font-size:13px; color:#666; display:flex; border-bottom:1px solid #ddd; }
.main_tops .acenter .menutab span { display:block; padding:0; width:25%; height:40px; line-height:40px; border-right:1px solid #ddd; background-color:#f6f6f6; color:#999; position:relative; text-align:center; }
.main_tops .acenter .menutab .onX { background-color:#fff; color:#000; }
.main_tops .acenter .menutab .onX:after { visibility:visible; content:""; display:block; width:100%; height:1px; background-color:#fff; position:absolute; bottom:-1px; left:0px; }
.main_tops .acenter .contenttab {  }
.main_tops .aright { width:300px; border:1px solid #ddd; }

.main_gallery { padding:50px 20px; position:relative; background-color:#fadadd; overflow:hidden; }
.main_gallery > div { max-width:1200px; margin:auto; position:relative; display:flex; }
.main_gallery > div > div { position:relative; }
.main_gallery > div > div:first-child { width:calc(100% - 825px); margin:0 25px 0 0; }
.main_gallery > div > div:first-child h2 { font-family:'GS_B'; font-size:32px; color:#222; font-weight:500; margin:10px 0; }
.main_gallery > div > div:first-child p { font-family: 'Noto Sans KR'; font-size:15px; color:#666; }
.main_gallery > div > div:last-child { width:800px; display:block; }
.main_gallery > div > div:last-child img { max-width:100%; }

.main_latests { padding:50px 20px; position:relative; position:relative; overflow:hidden; }
.main_latests > div { max-width:1200px; margin:auto; position:relative; }
.main_latests > div > div { width:calc(100% - 275px); margin:0 0 25px 0; display:grid; grid-template-columns:repeat(2, 1fr); column-gap:25px; row-gap:25px; position:relative; }
.main_latests > div > div > div { margin:0; border:1px solid #ddd; background-color:#fff; }
.main_latests > div > div:last-child { top:0px; right:0px; width:250px; position:absolute; margin:0px; display:block; }
.main_latests > div > div:last-child img { max-width:100%; }
.main_latests > div > div:last-child ul li { border:1px solid #ddd; margin-bottom:10px; }
.main_latests .menutab { font-size:13px; color:#666; display:flex; border-bottom:1px solid #ddd; }
.main_latests .menutab span { display:block; width:30%; height:40px; line-height:40px; border-right:1px solid #ddd; background-color:#f6f6f6; color:#999; position:relative; text-align:center; }
.main_latests .menutab .onX { background-color:#fff; color:#000; }
.main_latests .menutab .onX:after { visibility:visible; content:""; display:block; width:100%; height:1px; background-color:#fff; position:absolute; bottom:-1px; left:0px; }
.main_latests .contenttab {  }
}


@media screen and (max-width:900px) {
.main_tops { padding:0 20px 50px; }
.main_tops > div { margin:auto; }
.main_tops > div > div { background-color:#fff; }
.main_tops .aleft { border:1px solid #ddd; }
.main_tops .acenter { margin:10px 0; box-sizing:border-box; border:1px solid #ddd; }
.main_tops .acenter .menutab { font-size:13px; color:#666; display:flex; border-bottom:1px solid #ddd; }
.main_tops .acenter .menutab span { display:block; padding:0 20px; height:40px; line-height:40px; border-right:1px solid #ddd; background-color:#f6f6f6; color:#999; position:relative; }
.main_tops .acenter .menutab .onX { background-color:#fff; color:#000; }
.main_tops .acenter .menutab .onX:after { visibility:visible; content:""; display:block; width:100%; height:1px; background-color:#fff; position:absolute; bottom:-1px; left:0px; }
.main_tops .acenter .contenttab {  }
.main_tops .aright { border:1px solid #ddd; }

.main_gallery { padding:50px 20px; position:relative; background-color:#fadadd; overflow:hidden; }
.main_gallery > div { margin:auto; position:relative; }
.main_gallery > div > div { position:relative; }
.main_gallery > div > div:first-child { margin:0; }
.main_gallery > div > div:first-child h2 { font-family:'GS_B'; font-size:32px; color:#222; font-weight:500; margin:10px 0; }
.main_gallery > div > div:first-child p { font-family: 'Noto Sans KR'; font-size:15px; color:#666; }
.main_gallery > div > div:last-child { display:block; }
.main_gallery > div > div:last-child img { max-width:100%; }

.main_latests { padding:50px 20px; position:relative; position:relative; overflow:hidden; }
.main_latests > div { margin:auto; position:relative; }
.main_latests > div > div { margin:0; display:grid; grid-template-columns:repeat(1, 1fr); column-gap:25px; row-gap:25px; position:relative; }
.main_latests > div > div > div { margin:0; border:1px solid #ddd; background-color:#fff; }
.main_latests > div > div:last-child { margin:0px; display:block; }
.main_latests > div > div:last-child img { width:100%; }
.main_latests > div > div:last-child ul li { border:1px solid #ddd; margin-bottom:10px; }
.main_latests .menutab { font-size:13px; color:#666; display:flex; border-bottom:1px solid #ddd; }
.main_latests .menutab span { display:block; padding:0 20px; height:40px; line-height:40px; border-right:1px solid #ddd; background-color:#f6f6f6; color:#999; position:relative;  }
.main_latests .menutab .onX { background-color:#fff; color:#000; }
.main_latests .menutab .onX:after { visibility:visible; content:""; display:block; width:100%; height:1px; background-color:#fff; position:absolute; bottom:-1px; left:0px; }
.main_latests .contenttab {  }
}