@charset "utf-8"; /* 레이아웃 */ #main * { box-sizing:border-box;} /* 타이틀 */ .title { position:relative;display:flex;justify-content: space-between;align-items:center;} .title h2 {font-family:var(--font-TTT);line-height:1.2; color:#000; font-size:2.5em;font-weight:700;padding-top: .25em;} /* 더보기 */ .btn_more {position:relative;display:block;} .btn_more:focus:before,.btn_more:hover:before{opacity:.7;} .btn_more:focus:after,.btn_more:hover:after{opacity:.7;} .btn_more:before {content:'';display:block;width:2px;height:20px;background:#000;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:.2s ease;} .btn_more:after {content:'';display:block;width:20px;height:2px;background:#000;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:.2s ease;} @media (max-width: 1468px) { .title h2 {font-size:2em;} } @media (max-width: 1024px) { .title h2{padding-top: .5em;} .btn_more:before {height:16px;} .btn_more:after {width:16px;} } @media (max-width: 668px) { .title h2 {font-size:1.875em;} } /********************************************************************** 비주얼 **********************************************************************/ [data-main-visual] .visual { position:relative; background:url(/resource/market/images/main/visual_bg.jpg) no-repeat center top;background-size:cover;width:100%;height:537px;border-radius:0 0 180px 180px; margin-bottom:113px;padding-top:80px;} [data-main-visual] .visual .title_wrap {width:calc(50% - 100px / 2);} [data-main-visual] .visual .title_wrap:after {content:'';display:block;background:url(/resource/market/images/main/visual.png) no-repeat center bottom;background-size:contain;width:100%;max-width:700px;margin:3px auto 0;padding-bottom: 35.6%;} [data-main-visual] .visual .title_wrap .txt {font-family:var(--font-TTT);} [data-main-visual] .visual .title_wrap .txt span {font-weight:500;color:var(--color-base1);font-size:1.5em;} [data-main-visual] .visual .title_wrap .txt strong {font-weight:700;color:var(--color-point);font-size:3em;display:block;margin-top:16px;line-height:1;} [data-main-visual] .visual .content_wrap {position: relative;} [data-main-visual] .visual .title {padding: 1.625em 1.875em;border-radius:1.25em 1.25em 0 0;} [data-main-visual] .visual .title h2 {font-size:1.625em;color:#fff;padding-top: .25em;line-height:1;} [data-main-visual] .visual .title .btn_more {width:30px;height:30px;} [data-main-visual] .visual .title .btn_more:before {background:#fff;} [data-main-visual] .visual .title .btn_more:after {background:#fff;} /*도매법인 안내*/ [data-main-visual] .visual .left_area {width:calc(50% - 100px / 2);} [data-main-visual] .visual .left_area .corporation {display:block;} [data-main-visual] .visual .left_area .corporation .title {background:var(--color-point);} [data-main-visual] .visual .left_area .corporation ul.list {background:#fff;border-radius:0 0 1.25em 1.25em;border:1px solid var(--color-gray2);display:flex;justify-content:space-between;} [data-main-visual] .visual .left_area .corporation ul.list li {flex:1 1 30%;border-right:1px solid var(--color-gray2);padding: 1.625em 1.875em;} [data-main-visual] .visual .left_area .corporation ul.list li:last-child{border-color:transparent;} [data-main-visual] .visual .left_area .corporation ul.list li p {display:flex;align-items: center;margin-bottom: .157em;} [data-main-visual] .visual .left_area .corporation ul.list li p span{color:var(--color-gray4);font-size:1.125em;font-weight:600;word-break:break-all;} [data-main-visual] .visual .left_area .corporation ul.list li p a{display:block;width:30px;height:30px;background:url(/resource/market/images/icon_homepage.svg) no-repeat center center; background-size:18px;transition:var(--trans-ani);} [data-main-visual] .visual .left_area .corporation ul.list li p a:focus, [data-main-visual] .visual .left_area .corporation ul.list li p a:hover{opacity:.7;} [data-main-visual] .visual .left_area .corporation ul.list li .number{font-weight:800;color:#000;/*font-size:1.5625em;*/ font-size:1.25em;line-height:1.4;} [data-main-visual] .visual .left_area .corporation ul.list li .number br{display:none;} /*실시간 경락정보*/ [data-main-visual] .visual .right_area {position: absolute;bottom: 0;right: 0;width:calc(50% - 100px / 2);} [data-main-visual] .visual .right_area .realtime .title {background:var(--color-point2);} [data-main-visual] .visual .right_area .realtime .table_wrap{/*height:544px;*/height:488px;overflow-y:scroll;background:#fff;border:1px solid var(--color-gray2);border-radius:0 0 1.25em 1.25em;} [data-main-visual] .visual .right_area .realtime .table_wrap::-webkit-scrollbar {width: 10px;} [data-main-visual] .visual .right_area .realtime .table_wrap::-webkit-scrollbar-thumb {background:#d6d6d6; background-clip: padding-box;border: 3px solid transparent;border-radius:1em;} [data-main-visual] .visual .right_area .realtime .table_wrap::-webkit-scrollbar-track {background-color: transparent;border-top:1px solid var(--color-gray2);margin-top:57.8px;} [data-main-visual] .visual .right_area .realtime .table_wrap table{position:relative;table-layout: fixed;} [data-main-visual] .visual .right_area .realtime .table_wrap table thead{position:sticky;top:0;background:#fff;box-shadow: 0 .8px 0 0 var(--color-gray2);} [data-main-visual] .visual .right_area .realtime .table_wrap tbody tr:nth-child(odd){background:#fffbf3;} [data-main-visual] .visual .right_area .realtime .table_wrap th, [data-main-visual] .visual .right_area .realtime .table_wrap td{padding:.83em .5em;text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} [data-main-visual] .visual .right_area .realtime .table_wrap th{font-size:1.125em;font-weight:600;padding-top:0 !important;padding-bottom:0 !important;height:58px;} [data-main-visual] .visual .right_area .realtime .table_wrap th:first-child, [data-main-visual] .visual .right_area .realtime .table_wrap td:first-child{padding-left:1.125em;} [data-main-visual] .visual .right_area .realtime .table_wrap th:last-child, [data-main-visual] .visual .right_area .realtime .table_wrap td:last-child{padding-right:1.125em;} [data-main-visual] .visual .right_area .realtime .table_wrap td{font-size:1.0625em;} @media all and (max-width:1568px){ [data-main-visual] .visual .title_wrap:after {margin-top:0;} [data-main-visual] .visual .left_area .corporation ul.list li {padding-right: 2em;} [data-main-visual] .visual .left_area .corporation ul.list li p span{font-size:1.063em;} [data-main-visual] .visual .left_area .corporation ul.list li p a {width:22px;height:22px;} [data-main-visual] .visual .left_area .corporation ul.list li .number br{display:block;} } @media all and (max-width:1468px){ [data-main-visual] .visual {height:469px;margin-bottom:130px;} [data-main-visual] .visual .title_wrap .txt strong {font-size:2.5em;} [data-main-visual] .visual .left_area, [data-main-visual] .visual .right_area {width: calc(50% - 40px / 2);} [data-main-visual] .visual .title {padding: 1.375em 1.5em;} [data-main-visual] .visual .title h2 {font-size: 1.375em;} [data-main-visual] .visual .left_area .corporation ul.list li {padding: 1.375em 1.5em;} [data-main-visual] .visual .left_area .corporation ul.list li p span {font-size:1em;} [data-main-visual] .visual .right_area .realtime .table_wrap {height:438px;} } @media all and (max-width:1268px){ [data-main-visual] .visual {padding:60px 0;height:100%;margin-bottom:0;border-radius:0;} [data-main-visual] .visual .title_wrap {width:100%; display: flex;align-items: center;justify-content: space-between;} [data-main-visual] .visual .title_wrap:after {width:520px;height:198px;margin:0;padding-bottom: 0;} [data-main-visual] .visual .title_wrap .txt span {font-size:1.375em;} [data-main-visual] .visual .title_wrap .txt strong {margin-top:12px;font-size:2.375em} [data-main-visual] .visual .content_wrap {display:flex;flex-flow:column;flex-wrap:wrap;gap:20px;} [data-main-visual] .visual .left_area, [data-main-visual] .visual .right_area {width: 100%;} [data-main-visual] .visual .right_area {position: initial;} [data-main-visual] .visual .right_area .realtime .table_wrap {height:368px;} [data-main-visual] .visual .right_area .realtime .table_wrap::-webkit-scrollbar-track{margin-top:55.8px;} [data-main-visual] .visual .right_area .realtime .table_wrap th {font-size:1.063em;height:56px;} [data-main-visual] .visual .right_area .realtime .table_wrap td {font-size:1em;} [data-main-visual] .visual .left_area .corporation ul.list li .number br{display:none;} } @media all and (max-width:1024px){ [data-main-visual] .visual {padding-top:40px;} [data-main-visual] .visual .title_wrap:after {width:420px;height:160px;} [data-main-visual] .visual .title_wrap .txt span {font-size:1.25em;} [data-main-visual] .visual .title_wrap .txt strong {margin-top:12px;font-size:2.25em} [data-main-visual] .visual .title h2 {padding-top:.5em;} [data-main-visual] .visual .right_area .realtime .table_wrap {height:320px;} } @media all and (max-width:868px) { [data-main-visual] .visual .title_wrap:after {width:400px;height:153px;} [data-main-visual] .visual .title_wrap .txt span {font-size:1.125em;} [data-main-visual] .visual .title_wrap .txt strong {font-size:2em;margin-top:8px;} } @media all and (max-width:768px) { [data-main-visual] .visual {padding-bottom:40px;} [data-main-visual] .visual .title_wrap {flex-wrap:wrap;justify-content: center;} [data-main-visual] .visual .title_wrap:after {width:360px;height:137px;} [data-main-visual] .visual .title_wrap .txt {width:100%;text-align:center;margin-bottom:20px;} [data-main-visual] .visual .title {padding: 1.125em 1.5em;} [data-main-visual] .visual .title h2 {font-size:1.25em;} [data-main-visual] .visual .content_wrap {gap:.7em;} [data-main-visual] .visual .left_area .corporation ul.list li {padding: 1.125em 1.5em;} [data-main-visual] .visual .right_area .realtime .table_wrap th:first-child, [data-main-visual] .visual .right_area .realtime .table_wrap td:first-child{padding-left:.5em;} [data-main-visual] .visual .right_area .realtime .table_wrap th:last-child, [data-main-visual] .visual .right_area .realtime .table_wrap td:last-child{padding-right:.5em;} [data-main-visual] .visual .left_area .corporation ul.list {flex-wrap:wrap;} [data-main-visual] .visual .left_area .corporation ul.list li {flex:1 1 100%;width:100%;border-right:0;border-bottom:1px solid var(--color-gray2);} [data-main-visual] .visual .left_area .corporation ul.list li:last-child {border-color:transparent;} } @media all and (max-width:468px) { [data-main-visual] .visual .title_wrap:after {width: 100%;padding-bottom: 35.6%;height: auto;} [data-main-visual] .visual .title {padding: 1em 1.5em;} [data-main-visual] .visual .title_wrap .txt strong {font-size:1.875em;} [data-main-visual] .visual .right_area .realtime .table_wrap th, [data-main-visual] .visual .right_area .realtime .table_wrap td{padding: .75em .375em;} [data-main-visual] .visual .right_area .realtime .table_wrap::-webkit-scrollbar-track{margin-top:44.8px;} [data-main-visual] .visual .right_area .realtime .table_wrap th {height:45px;} [data-main-visual] .visual .right_area .realtime .table_wrap th:first-child, [data-main-visual] .visual .right_area .realtime .table_wrap td:first-child{padding-left:1em;} } @media all and (max-width:379px) { [data-main-visual] .visual .right_area .realtime .table_wrap table,[data-main-visual] .visual .right_area .realtime .table_wrap tbody {display:block;} [data-main-visual] .visual .right_area .realtime .table_wrap::-webkit-scrollbar-track{margin-top:0;border-top:0;} [data-main-visual] .visual .right_area .realtime .table_wrap thead {display:none;} [data-main-visual] .visual .right_area .realtime .table_wrap tr {display: flex; flex-wrap: wrap;padding: .75em 1em;} [data-main-visual] .visual .right_area .realtime .table_wrap td {display:flex;gap:.75em;font-size:.938em;flex: 1 1 40%;text-align: left;width: 49%;padding: .375em .25em !important;overflow: visible;} [data-main-visual] .visual .right_area .realtime .table_wrap td:before {content:attr(data-label);font-weight:600;} } @media all and (max-width:268px) { [data-main-visual] .visual .right_area .realtime .table_wrap tr{} [data-main-visual] .visual .right_area .realtime .table_wrap td{flex:1 1 100%;padding: .25em !important;} } /********************************************************************** 공지사항 **********************************************************************/ [data-main-con="notice"] {position:relative; padding:120px 0;} [data-main-con="notice"] .title {margin-bottom:2.5em;} [data-main-con="notice"] .title .btn_more {width:55px;height:55px;border:2px solid var(--color-gray2);border-radius:100%;transition:var(--trans-ani);} [data-main-con="notice"] .title .btn_more:focus, [data-main-con="notice"] .title .btn_more:hover {border-color:var(--color-point);} [data-main-con="notice"] .title .btn_more:focus:before, [data-main-con="notice"] .title .btn_more:hover:before, [data-main-con="notice"] .title .btn_more:focus:after, [data-main-con="notice"] .title .btn_more:hover:after {background:var(--color-point);opacity:1;} [data-main-con="notice"] .list {display:flex;gap:40px;} [data-main-con="notice"] .list li {width:calc((100% - 120px) / 4);} [data-main-con="notice"] .list li a {display:block;background:var(--color-gray1);padding: 3.375em 2.5em 2.75em;height:100%;border-radius: 1.25em;transition:var(--trans-ani);} [data-main-con="notice"] .list li a:focus, [data-main-con="notice"] .list li a:hover {background:#eef8f4;transform:translateY(-10px);} [data-main-con="notice"] .list li a dl {margin-bottom:1.25em;} [data-main-con="notice"] .list li a dl dt {font-size:1.5625em;font-weight:700;line-height:1.4;height: 2.7em;margin-bottom:1em; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} [data-main-con="notice"] .list li a dl dd {font-size:1.125em;font-weight:500;line-height:1.6;height: 2.8em;height: 3.2em;color:var(--color-gray3);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} [data-main-con="notice"] .list li a .date {font-size:1em;color:var(--color-base);} @media all and (max-width:1468px){ [data-main-con="notice"] {padding:100px 0;} [data-main-con="notice"] .list {gap:25px;} [data-main-con="notice"] .list li {width:calc((100% - 75px) / 4);} [data-main-con="notice"] .list li a {padding: 3em 2.25em 2.5em;} [data-main-con="notice"] .list li a dl dt {font-size:1.375em;margin-bottom:.875em;} } @media all and (max-width:1268px){ [data-main-con="notice"] {padding:80px 0;} [data-main-con="notice"] .title {margin-bottom:2em;} [data-main-con="notice"] .list {gap:20px;flex-wrap:wrap;justify-content: space-between;} [data-main-con="notice"] .list li {width:calc((100% - 20px) / 2);} } @media all and (max-width:1024px){ [data-main-con="notice"] {padding:60px 0;} [data-main-con="notice"] .title .btn_more {width:45px;height:45px;} [data-main-con="notice"] .list li a {padding:2em;} [data-main-con="notice"] .list li a dl dt {font-size:1.25em;} [data-main-con="notice"] .list li a dl dd {font-size:1.063em;} } @media all and (max-width:768px) { [data-main-con="notice"] {padding:40px 0;} [data-main-con="notice"] .title {margin-bottom:1.25em;} [data-main-con="notice"] .title h2 {font-size:1.75em;padding-top: .2em;} [data-main-con="notice"] .title .btn_more {width:40px;height:40px;} [data-main-con="notice"] .list {gap:.7em;} [data-main-con="notice"] .list li {width:100%;} [data-main-con="notice"] .list li a {padding:1.5em;} [data-main-con="notice"] .list li a dl {margin-bottom:1em;} [data-main-con="notice"] .list li a dl dt {font-size:1.167em;margin-bottom: .5em;height:auto;} [data-main-con="notice"] .list li a dl dd {font-size:1em;height:auto;} [data-main-con="notice"] .list li a .date {font-size:.938em;} } /********************************************************************** 빠른 메뉴 찾기 & 인포존 **********************************************************************/ [data-main-con="info"] {position:relative; padding-bottom:120px;display:flex;justify-content: space-between;gap:100px;} [data-main-con="info"] .quick_wrap {width:calc(100% - 100px - 620px);} [data-main-con="info"] .quick_wrap .list {display:flex;justify-content: space-between;gap:20px;flex-wrap:wrap;} [data-main-con="info"] .quick_wrap .list li {flex:1 1 20%;} [data-main-con="info"] .quick_wrap .list li a {display:block;background:#eef8f4;border-radius:1.25em;padding:36px;transition:var(--trans-ani);} [data-main-con="info"] .quick_wrap .list li a:focus, [data-main-con="info"] .quick_wrap .list li a:hover {background:#d9ede5;} [data-main-con="info"] .quick_wrap .list li a .icon {background:#fff;border-radius:100%;width:90px;height:90px;display:flex;margin:0 auto 1.25em;align-items:center;justify-content: center;} [data-main-con="info"] .quick_wrap .list li a:focus .icon, [data-main-con="info"] .quick_wrap .list li a:hover .icon {animation-name:updown;animation-duration:.5s;} [data-main-con="info"] .quick_wrap .list li a .icon:before {content:'';display:block;width:100%;height:100%;} [data-main-con="info"] .quick_wrap .list li:nth-child(1) a .icon:before {background:url(/resource/market/images/main/icon_sector01.svg) no-repeat center;background-size:100%;} [data-main-con="info"] .quick_wrap .list li:nth-child(2) a .icon:before {background:url(/resource/market/images/main/icon_sector02.svg) no-repeat center;background-size:100%;} [data-main-con="info"] .quick_wrap .list li:nth-child(3) a .icon:before {background:url(/resource/market/images/main/icon_sector03.svg) no-repeat center;background-size:100%;} [data-main-con="info"] .quick_wrap .list li:nth-child(4) a .icon:before {background:url(/resource/market/images/main/icon_sector04.svg) no-repeat center;background-size:100%;} [data-main-con="info"] .quick_wrap .list li:nth-child(5) a .icon:before {background:url(/resource/market/images/main/icon_sector05.svg) no-repeat center;background-size:100%;} [data-main-con="info"] .quick_wrap .list li:nth-child(6) a .icon:before {background:url(/resource/market/images/main/icon_sector06.svg) no-repeat center;background-size:100%;} [data-main-con="info"] .quick_wrap .list li:nth-child(7) a .icon:before {background:url(/resource/market/images/main/icon_sector07.png) no-repeat center;background-size:100%;} [data-main-con="info"] .quick_wrap .list li:nth-child(8) a .icon:before {background:url(/resource/market/images/main/icon_sector08.png) no-repeat center;background-size:100%;} [data-main-con="info"] .quick_wrap .list li a span {display:block;text-align:Center;font-size:1em;color:var(--color-base);font-weight:500;} [data-main-con="info"] .info_wrap {width: 620px;border:1px solid var(--color-gray2);border-radius:1.25em;flex: none; background:#fff; overflow:hidden;} [data-main-con="info"] .info_wrap .swiper-slide {width:100%;overflow:hidden; height:100%; } [data-main-con="info"] .info_wrap .swiper-slide a {display:block; position:relative;} [data-main-con="info"] .info_wrap .swiper-slide a .img {position: relative;width: 100%;overflow: hidden;display: block;height: 0;padding-top: 58.254%;} [data-main-con="info"] .info_wrap .swiper-slide a .img img {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;transform: translate(-50%, -50%); -ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%,-50%);object-fit: cover;-o-object-fit: cover;} [data-main-con="info"] .info_wrap .swiper-slide > a span[data-alt] {opacity:0; overflow:hidden; display:block; position:absolute; top:50%; left:50%; z-index:2; width:95%; height:95%; border:2px solid var(--color-black1); outline:1px solid var(--color-white); text-indent:100%; white-space:nowrap; transform:translate(-50%, -50%);} [data-main-con="info"] .info_wrap .swiper-slide > a:focus span[data-alt] {opacity:1;} [data-main-con="info"] .info_wrap .swiper_control {display:flex; justify-content:space-between;border-top:1px solid var(--color-gray2);padding: 23px 30px;} [data-main-con="info"] .info_wrap .swiper_page {margin-right:0px;justify-content: left;align-items: center;} [data-main-con="info"] .info_wrap .control {display:flex;} [data-main-con="info"] .btn_slide_allView {flex:none; display:flex;justify-content:center; align-items:center;margin-left:5px; transition:var(--trans-ani); transition-property:opacity;} [data-main-con="info"] .btn_slide_allView:before {content:''; display:block; width:25px; height:25px; background:url(/resource/market/images/main/icon_all.svg) no-repeat center center; background-size:12px 12px;} [data-main-con="info"] .btn_slide_allView:hover, [data-main-con="info"] .btn_slide_allView:focus {opacity:.7;} /* 인포존 모아보기 */ [data-main-con="info"] .area_ban_all { opacity:0; visibility:hidden; position:fixed; top:0px; left:0px; z-index:90; width:100%; height:100%; background:rgba(0,0,0,0.7); transition:0.5s ease 0s; transition-property:opacity, visibility;} [data-main-con="info"] .area_ban_all.active { opacity:1; visibility:visible; } [data-main-con="info"] .area_ban_all .inr { position:absolute; top:50%; left:50%; width:94%; max-width:1500px; max-height:80%; box-sizing:border-box; padding:0; transform:translate(-50%, calc(-50% - 0.5px));} [data-main-con="info"] .area_ban_all .inr h3 {text-align:center;font-size:2.5em;font-weight:600;color:#fff;margin:0 auto 1em; } [data-main-con="info"] .area_ban_all .list_all { display:flex; flex-wrap:wrap; gap:10px; margin:0 auto; overflow-y:auto; max-height:calc(100vh - 20em); padding-right:15px} [data-main-con="info"] .area_ban_all .list_all::-webkit-scrollbar {width: 10px;} [data-main-con="info"] .area_ban_all .list_all::-webkit-scrollbar-thumb {background:#d6d6d6; background-clip: padding-box;border: 3px solid transparent;border-radius:1em;} [data-main-con="info"] .area_ban_all .list_all::-webkit-scrollbar-track {background-color: transparent;} [data-main-con="info"] .area_ban_all .list_all > li { flex:0 1 calc(50% - 5px); } [data-main-con="info"] .area_ban_all .list_all > li a { position:relative; display:block; text-align:center; } [data-main-con="info"] .area_ban_all .list_all .img { display:block; width:100%; } [data-main-con="info"] .area_ban_all .list_all span[data-alt] { opacity:0; overflow:hidden; position:absolute; text-indent:-9999em; } [data-main-con="info"] .area_ban_all .btn_slide_allView { opacity:1; position:absolute; top:0; right:0px; min-width:inherit; width:60px; height:60px; padding:0px; background-color:var(--color-point); border:0px; border-radius:100%;} [data-main-con="info"] .area_ban_all .btn_slide_allView::before { position:absolute; width:2px; height:20px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); content:''; background:var(--color-white);} [data-main-con="info"] .area_ban_all .btn_slide_allView:hover, [data-main-con="info"] .area_ban_all .btn_slide_allView:focus { background:var(--color-point2);} [data-main-con="info"] .area_ban_all .btn_slide_allView::after {position:absolute; width:2px; height:20px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); content:''; background:var(--color-white);} [data-main-con="info"] .area_ban_all .list_all > li { flex:0 1 calc(33.333% - 10px); } @media all and (max-width:1568px){ [data-main-con="info"] .quick_wrap {width:calc(100% - 100px - 39%);} [data-main-con="info"] .quick_wrap .list li a {padding:28px;} [data-main-con="info"] .info_wrap {width:39%;} } @media all and (max-width:1520px){ [data-main-con="info"] .quick_wrap .list li a {padding:25px;} } @media all and (max-width:1468px){ [data-main-con="info"] {flex-wrap:wrap;gap:60px;padding-bottom:100px;} [data-main-con="info"] .quick_wrap {width:100%;} [data-main-con="info"] .quick_wrap .list {gap:25px;} [data-main-con="info"] .info_wrap {width:100%;} [data-main-con="info"] .info_wrap .swiper {padding: 1.5em .75em;} [data-main-con="info"] .info_wrap .swiper-slide { width: 50%;} [data-main-con="info"] .info_wrap .swiper-slide a {margin: 0 .75em;} [data-main-con="info"] .info_wrap .swiper-slide a .img {border-radius:1.25em;} [data-main-con="info"] .info_wrap .swiper_control {padding: 1.375em 1.5em;} } @media all and (max-width:1268px){ [data-main-con="info"] {padding-bottom:80px;} [data-main-con="info"] .quick_wrap .list {gap:20px;} [data-main-con="info"] .quick_wrap .list li a {padding:2.25em;} } @media all and (max-width:1024px){ [data-main-con="info"] {padding-bottom:60px;gap:40px;} } @media all and (max-width:768px){ [data-main-con="info"] {padding-bottom:40px;} [data-main-con="info"] .quick_wrap .list {gap:.7em;;} [data-main-con="info"] .quick_wrap .list li {flex:1 1 40%; } [data-main-con="info"] .quick_wrap .list li a {padding: 1.875em 1.25em;} [data-main-con="info"] .quick_wrap .list li a .icon {width:80px;height:80px;margin: 0 auto 1.125em;} [data-main-con="info"] .info_wrap {border: 1px solid var(--color-gray2);border-radius: 1.25em;} [data-main-con="info"] .info_wrap .swiper {padding:0;} [data-main-con="info"] .info_wrap .swiper-slide {width:100%;} [data-main-con="info"] .info_wrap .swiper-slide a {margin:0;} [data-main-con="info"] .info_wrap .swiper-slide a .img {border-radius:0;} [data-main-con="info"] .info_wrap .swiper_control {border:none;border-top: 1px solid var(--color-gray2);margin-top:0;border-radius:0;} /* 인포존 모아보기 */ [data-main-con="info"] .area_ban_all .list_all { padding-right:10px; } [data-main-con="info"] .area_ban_all .list_all > li, [data-main-con="info"] .area_ban_all .list_all > li { flex:0 1 100%; } [data-main-con="info"] .area_ban_all .inr h3 { font-size:2em; } [data-main-con="info"] .area_ban_all .btn_slide_allView { width:50px; height:50px; top:0 ;} } @media all and (max-width:468px){ [data-main-con="info"] .info_wrap .swiper_control {padding:1em 1.5em;} }