.main-portfolio .container, .main-introduce .container, .main-inquiry .container { padding-left: 20px; padding-right: 20px; } /* [ Gallery ] */ .g-main { padding: 0; } .fancybox__caption { color: #fff; font-size: 1.1rem; } .g-main figure .g-img, .g-main figure .img-wrapper img { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; height: 225px; } .g-main figure:hover .g-img, .g-main figure:hover .img-wrapper img { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .g-main figure .over-box { position: absolute; top: 0; left: 0; margin: 13% 11%; width: 78%; height: 78%; } .g-main figure:hover .over-box { background-color: rgba(0,0,0,1); background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .g-main figcaption { padding: 20%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 100%; overflow: hidden; opacity: 0; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; text-align: center; } .g-main figure:hover figcaption { opacity: 1; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .g-main figcaption .inner-box { margin-top: 0; position: relative; top: 50%; left: 0; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .g-main h5.figure { font-size: 13px; font-weight: 600; letter-spacing: 0.2em; color: #ffffff; width: 100%; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; text-transform: uppercase; margin-top: 0; margin-bottom: 0; } .g-main .line { width: 20px; border-color: #606060; margin-top: 20px; margin-bottom: 0; } .g-main p.figure { font-size: 12px; color: #a3a2a2; position: relative; left: 0; bottom: 0; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; margin-top: 20px; margin-bottom: 0; fill: #a3a2a2; } .next-item { display: none; } .gallery-more { font-size: 12px; color: #000; background-color: #fff; border: 1px solid transparent; text-align: center; padding-bottom: 2rem; } .gallery-more:hover { color: #000; background-color: #fff; border-color: transparent; } .gallery-more em { color: #c30; font-style: normal; font-weight: bold; } @media only screen and (max-width:991px) { .g-main .line, .g-main p.figure { margin-top: 16px; } } @media only screen and (max-width:767px) { .g-main figcaption { padding: 15%; } .g-main h5.figure { -webkit-line-clamp: 1; } .g-main .line, .g-main p.figure { margin-top: 16px; } } .g-main .g-list { padding-left: 0; padding-right: 0; } .g-main .g-list .grid { float: left; } .g-main .g-list .grid.empty-txt { width: 100%!important; max-width: 100%!important; text-align: center!important; padding-top: 50px!important; padding-bottom: 50px!important; background-color: transparent!important; } .g-main .g-list .grid figure, .g-main .g-list .grid .img-wrapper { position: relative; overflow: hidden; } .g-main .g-list .grid .img-wrapper > .g-img { background-size: cover; background-repeat: no-repeat; background-position: center center; } .g-main .g-list .grid .figure:nth-child(0).hide + .figure, .g-main .g-list .grid .figure:nth-child(0).hide + .line, .g-main .g-list .grid .figure:nth-child(0).hide + .view-text { margin-top: 0!important; } .g-main .g-list[data-align="left"] figcaption { text-align: left; } .g-main .g-list[data-align="center"] figcaption { text-align: center; } .g-main .g-list[data-align="right"] figcaption { text-align: right; } .g-main[data-gpd="0"] .g-list .grid { padding: 0; } .g-main[data-gpd="1"] .g-list .grid { padding: 0 1px; } .g-main[data-gpd="2"] .g-list .grid { padding: 0 2px; } .g-main[data-gpd="3"] .g-list .grid { padding: 0 3px; } .g-main[data-gpd="4"] .g-list .grid { padding: 0 4px; } .g-main[data-gpd="5"] .g-list .grid { padding: 0 5px; } .g-main[data-gpd="6"] .g-list .grid { padding: 0 6px; } .g-main[data-gpd="7"] .g-list .grid { padding: 0 7px; } .g-main[data-gpd="8"] .g-list .grid { padding: 0 8px; } .g-main[data-gpd="9"] .g-list .grid { padding: 0 9px; } .g-main[data-gpd="10"] .g-list .grid { padding: 0 10px; } .g-main[data-gpd="11"] .g-list .grid { padding: 0 11px; } .g-main[data-gpd="12"] .g-list .grid { padding: 0 12px; } .g-main[data-gpd="13"] .g-list .grid { padding: 0 13px; } .g-main[data-gpd="14"] .g-list .grid { padding: 0 14px; } .g-main[data-gpd="15"] .g-list .grid { padding: 0 15px; } .g-main[data-gpd="16"] .g-list .grid { padding: 0 16px; } .g-main[data-gpd="17"] .g-list .grid { padding: 0 17px; } .g-main[data-gpd="18"] .g-list .grid { padding: 0 18px; } .g-main[data-gpd="19"] .g-list .grid { padding: 0 19px; } @media (min-width: 992px) { .g-main[data-gcol="1"] .g-list .grid { width: 100%; } .g-main[data-gcol="2"] .g-list .grid { width: 50%; } .g-main[data-gcol="3"] .g-list .grid { width: 33.33333333333333%; } .g-main[data-gcol="4"] .g-list .grid { width: 25%; } .g-main[data-gcol="5"] .g-list .grid { width: 20%; } .g-main[data-gcol="6"] .g-list .grid { width: 16.666666666666664%; } .g-main[data-gcol="2"] .g-list .grid:nth-child(2n + 3) { clear: left; } .g-main[data-gcol="3"] .g-list .grid:nth-child(3n + 4) { clear: left; } .g-main[data-gcol="4"] .g-list .grid:nth-child(4n + 5) { clear: left; } .g-main[data-gcol="5"] .g-list .grid:nth-child(5n + 6) { clear: left; } .g-main[data-gcol="6"] .g-list .grid:nth-child(6n + 7) { clear: left; } .g-main[data-gpd="1"][data-gcol="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="1"][data-gcol="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="1"][data-gcol="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="1"][data-gcol="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="1"][data-gcol="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="1"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 2px; } .g-main[data-gpd="2"][data-gcol="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="2"][data-gcol="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="2"][data-gcol="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="2"][data-gcol="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="2"][data-gcol="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="2"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 4px; } .g-main[data-gpd="3"][data-gcol="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="3"][data-gcol="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="3"][data-gcol="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="3"][data-gcol="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="3"][data-gcol="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="3"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 6px; } .g-main[data-gpd="4"][data-gcol="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="4"][data-gcol="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="4"][data-gcol="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="4"][data-gcol="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="4"][data-gcol="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="4"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 8px; } .g-main[data-gpd="5"][data-gcol="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="5"][data-gcol="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="5"][data-gcol="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="5"][data-gcol="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="5"][data-gcol="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="5"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 10px; } .g-main[data-gpd="6"][data-gcol="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="6"][data-gcol="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="6"][data-gcol="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="6"][data-gcol="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="6"][data-gcol="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="6"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 12px; } .g-main[data-gpd="7"][data-gcol="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="7"][data-gcol="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="7"][data-gcol="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="7"][data-gcol="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="7"][data-gcol="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="7"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 14px; } .g-main[data-gpd="8"][data-gcol="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="8"][data-gcol="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="8"][data-gcol="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="8"][data-gcol="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="8"][data-gcol="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="8"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 16px; } .g-main[data-gpd="9"][data-gcol="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="9"][data-gcol="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="9"][data-gcol="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="9"][data-gcol="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="9"][data-gcol="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="9"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 18px; } .g-main[data-gpd="10"][data-gcol="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="10"][data-gcol="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="10"][data-gcol="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="10"][data-gcol="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="10"][data-gcol="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="10"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 20px; } .g-main[data-gpd="11"][data-gcol="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="11"][data-gcol="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="11"][data-gcol="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="11"][data-gcol="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="11"][data-gcol="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="11"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 22px; } .g-main[data-gpd="12"][data-gcol="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="12"][data-gcol="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="12"][data-gcol="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="12"][data-gcol="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="12"][data-gcol="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="12"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 24px; } .g-main[data-gpd="13"][data-gcol="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="13"][data-gcol="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="13"][data-gcol="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="13"][data-gcol="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="13"][data-gcol="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="13"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 26px; } .g-main[data-gpd="14"][data-gcol="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="14"][data-gcol="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="14"][data-gcol="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="14"][data-gcol="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="14"][data-gcol="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="14"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 28px; } .g-main[data-gpd="15"][data-gcol="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="15"][data-gcol="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="15"][data-gcol="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="15"][data-gcol="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="15"][data-gcol="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="15"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 30px; } .g-main[data-gpd="16"][data-gcol="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="16"][data-gcol="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="16"][data-gcol="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="16"][data-gcol="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="16"][data-gcol="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="16"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 32px; } .g-main[data-gpd="17"][data-gcol="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="17"][data-gcol="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="17"][data-gcol="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="17"][data-gcol="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="17"][data-gcol="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="17"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 34px; } .g-main[data-gpd="18"][data-gcol="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="18"][data-gcol="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="18"][data-gcol="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="18"][data-gcol="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="18"][data-gcol="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="18"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 36px; } .g-main[data-gpd="19"][data-gcol="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="19"][data-gcol="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="19"][data-gcol="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="19"][data-gcol="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="19"][data-gcol="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="19"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 38px; } .g-main[data-gpd="20"][data-gcol="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="20"][data-gcol="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="20"][data-gcol="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="20"][data-gcol="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="20"][data-gcol="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="20"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 40px; } } @media (min-width: 768px) and (max-width: 991px) { .g-main[data-gcol][data-gcol-t="1"] .g-list .grid { width: 100%; } .g-main[data-gcol][data-gcol-t="2"] .g-list .grid { width: 50%; } .g-main[data-gcol][data-gcol-t="3"] .g-list .grid { width: 33.33333333333333%; } .g-main[data-gcol][data-gcol-t="4"] .g-list .grid { width: 25%; } .g-main[data-gcol][data-gcol-t="5"] .g-list .grid { width: 20%; } .g-main[data-gcol][data-gcol-t="6"] .g-list .grid { width: 16.666666666666664%; } .g-main[data-gcol][data-gcol-t="2"] .g-list .grid:nth-child(2n + 3) { clear: left; } .g-main[data-gcol][data-gcol-t="3"] .g-list .grid:nth-child(3n + 4) { clear: left; } .g-main[data-gcol][data-gcol-t="4"] .g-list .grid:nth-child(4n + 5) { clear: left; } .g-main[data-gcol][data-gcol-t="5"] .g-list .grid:nth-child(5n + 6) { clear: left; } .g-main[data-gcol][data-gcol-t="6"] .g-list .grid:nth-child(6n + 7) { clear: left; } .g-main[data-gpd="1"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="1"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="1"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="1"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="1"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="1"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 2px; } .g-main[data-gpd="2"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="2"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="2"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="2"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="2"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="2"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 4px; } .g-main[data-gpd="3"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="3"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="3"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="3"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="3"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="3"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 6px; } .g-main[data-gpd="4"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="4"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="4"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="4"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="4"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="4"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 8px; } .g-main[data-gpd="5"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="5"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="5"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="5"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="5"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="5"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 10px; } .g-main[data-gpd="6"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="6"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="6"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="6"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="6"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="6"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 12px; } .g-main[data-gpd="7"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="7"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="7"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="7"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="7"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="7"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 14px; } .g-main[data-gpd="8"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="8"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="8"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="8"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="8"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="8"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 16px; } .g-main[data-gpd="9"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="9"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="9"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="9"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="9"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="9"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 18px; } .g-main[data-gpd="10"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="10"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="10"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="10"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="10"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="10"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 20px; } .g-main[data-gpd="11"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="11"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="11"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="11"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="11"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="11"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 22px; } .g-main[data-gpd="12"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="12"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="12"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="12"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="12"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="12"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 24px; } .g-main[data-gpd="13"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="13"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="13"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="13"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="13"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="13"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 26px; } .g-main[data-gpd="14"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="14"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="14"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="14"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="14"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="14"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 28px; } .g-main[data-gpd="15"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="15"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="15"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="15"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="15"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="15"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 30px; } .g-main[data-gpd="16"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="16"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="16"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="16"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="16"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="16"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 32px; } .g-main[data-gpd="17"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="17"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="17"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="17"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="17"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="17"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 34px; } .g-main[data-gpd="18"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="18"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="18"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="18"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="18"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="18"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 36px; } .g-main[data-gpd="19"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="19"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="19"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="19"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="19"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="19"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 38px; } .g-main[data-gpd="20"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="20"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="20"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="20"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="20"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="20"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 40px; } } @media (max-width: 767px) { .g-main[data-gcol][data-gcol-m="1"] .g-list .grid { width: 100%; } .g-main[data-gcol][data-gcol-m="2"] .g-list .grid { width: 50%; } .g-main[data-gcol][data-gcol-m="3"] .g-list .grid { width: 33.33333333333333%; } .g-main[data-gcol][data-gcol-m="4"] .g-list .grid { width: 25%; } .g-main[data-gcol][data-gcol-m="5"] .g-list .grid { width: 20%; } .g-main[data-gcol][data-gcol-m="6"] .g-list .grid { width: 16.666666666666664%; } .g-main[data-gcol][data-gcol-m="2"] .g-list .grid:nth-child(2n + 3) { clear: left; } .g-main[data-gcol][data-gcol-m="3"] .g-list .grid:nth-child(3n + 4) { clear: left; } .g-main[data-gcol][data-gcol-m="4"] .g-list .grid:nth-child(4n + 5) { clear: left; } .g-main[data-gcol][data-gcol-m="5"] .g-list .grid:nth-child(5n + 6) { clear: left; } .g-main[data-gcol][data-gcol-m="6"] .g-list .grid:nth-child(6n + 7) { clear: left; } .g-main[data-gpd="1"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="1"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="1"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="1"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="1"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="1"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 2px; } .g-main[data-gpd="2"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="2"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="2"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="2"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="2"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="2"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 4px; } .g-main[data-gpd="3"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="3"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="3"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="3"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="3"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="3"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 6px; } .g-main[data-gpd="4"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="4"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="4"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="4"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="4"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="4"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 8px; } .g-main[data-gpd="5"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="5"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="5"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="5"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="5"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="5"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 10px; } .g-main[data-gpd="6"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="6"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="6"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="6"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="6"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="6"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 12px; } .g-main[data-gpd="7"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="7"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="7"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="7"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="7"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="7"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 14px; } .g-main[data-gpd="8"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="8"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="8"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="8"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="8"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="8"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 16px; } .g-main[data-gpd="9"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="9"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="9"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="9"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="9"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="9"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 18px; } .g-main[data-gpd="10"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="10"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="10"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="10"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="10"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="10"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 20px; } .g-main[data-gpd="11"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="11"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="11"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="11"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="11"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="11"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 22px; } .g-main[data-gpd="12"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="12"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="12"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="12"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="12"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="12"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 24px; } .g-main[data-gpd="13"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="13"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="13"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="13"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="13"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="13"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 26px; } .g-main[data-gpd="14"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="14"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="14"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="14"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="14"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="14"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 28px; } .g-main[data-gpd="15"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="15"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="15"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="15"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="15"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="15"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 30px; } .g-main[data-gpd="16"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="16"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="16"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="16"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="16"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="16"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 32px; } .g-main[data-gpd="17"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="17"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="17"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="17"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="17"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="17"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 34px; } .g-main[data-gpd="18"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="18"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="18"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="18"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="18"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="18"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 36px; } .g-main[data-gpd="19"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="19"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="19"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="19"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="19"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="19"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 38px; } .g-main[data-gpd="20"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="20"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="20"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="20"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="20"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="20"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 40px; } } @media (max-width: 450px) { .g-main[data-gcol][data-gcol-s="1"] .g-list .grid { width: 100%; } .g-main[data-gcol][data-gcol-s="2"] .g-list .grid { width: 50%; } .g-main[data-gcol][data-gcol-s="3"] .g-list .grid { width: 33.33333333333333%; } .g-main[data-gcol][data-gcol-s="4"] .g-list .grid { width: 25%; } .g-main[data-gcol][data-gcol-s="5"] .g-list .grid { width: 20%; } .g-main[data-gcol][data-gcol-s="6"] .g-list .grid { width: 16.666666666666664%; } .g-main[data-gcol][data-gcol-s="2"] .g-list .grid:nth-child(2n + 3) { clear: left; } .g-main[data-gcol][data-gcol-s="3"] .g-list .grid:nth-child(3n + 4) { clear: left; } .g-main[data-gcol][data-gcol-s="4"] .g-list .grid:nth-child(4n + 5) { clear: left; } .g-main[data-gcol][data-gcol-s="5"] .g-list .grid:nth-child(5n + 6) { clear: left; } .g-main[data-gcol][data-gcol-s="6"] .g-list .grid:nth-child(6n + 7) { clear: left; } .g-main[data-gpd="1"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="1"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="1"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="1"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="1"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="1"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 2px; } .g-main[data-gpd="2"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="2"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="2"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="2"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="2"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="2"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 4px; } .g-main[data-gpd="3"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="3"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="3"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="3"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="3"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="3"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 6px; } .g-main[data-gpd="4"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="4"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="4"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="4"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="4"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="4"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 8px; } .g-main[data-gpd="5"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="5"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="5"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="5"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="5"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="5"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 10px; } .g-main[data-gpd="6"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="6"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="6"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="6"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="6"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="6"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 12px; } .g-main[data-gpd="7"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="7"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="7"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="7"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="7"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="7"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 14px; } .g-main[data-gpd="8"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="8"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="8"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="8"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="8"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="8"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 16px; } .g-main[data-gpd="9"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="9"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="9"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="9"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="9"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="9"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 18px; } .g-main[data-gpd="10"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="10"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="10"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="10"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="10"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="10"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 20px; } .g-main[data-gpd="11"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="11"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="11"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="11"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="11"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="11"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 22px; } .g-main[data-gpd="12"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="12"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="12"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="12"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="12"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="12"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 24px; } .g-main[data-gpd="13"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="13"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="13"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="13"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="13"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="13"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 26px; } .g-main[data-gpd="14"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="14"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="14"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="14"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="14"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="14"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 28px; } .g-main[data-gpd="15"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="15"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="15"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="15"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="15"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="15"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 30px; } .g-main[data-gpd="16"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="16"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="16"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="16"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="16"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="16"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 32px; } .g-main[data-gpd="17"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="17"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="17"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="17"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="17"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="17"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 34px; } .g-main[data-gpd="18"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="18"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="18"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="18"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="18"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="18"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 36px; } .g-main[data-gpd="19"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="19"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="19"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="19"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="19"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="19"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 38px; } .g-main[data-gpd="20"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2), .g-main[data-gpd="20"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3), .g-main[data-gpd="20"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4), .g-main[data-gpd="20"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5), .g-main[data-gpd="20"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6), .g-main[data-gpd="20"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 40px; } }