<![CDATA[
<p><span style="font-size: 14pt;"><a href="https://www.nonojapan.com/" target="_blank" rel="noopener noreferrer" class="tx-link">https://www.nonojapan.com/</a></span></p><p><br></p><p><br></p><p><br></p><div class="site-content" style="box-sizing: border-box; margin: 1em auto; min-height: 1000px; color: rgb(33, 37, 41); font-family: Roboto, sans-serif; font-size: 14px;"><div class="container container-fluid" style="box-sizing: border-box; width: 960px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 960px;"><div class="mdl-grid" style="box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0px auto; align-items: stretch; padding: 8px;"><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">음식</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">포카리스웨트(pocarisweat)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">파워에이드</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#에너지드링크</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #이온음료</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">취미</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">유니프레임(uniframe)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">코베아</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">카즈미</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">미니멀웍스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">스노우라인</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">몬테라</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#캠핑</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #아웃도어</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #소풍</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">자동차</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">미쯔비시(mitsubishi)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">현대</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">기아</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">쌍용</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">르노삼성</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">쉐보레</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#전범기업</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #닛싼</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">생활</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">마미포코 기저귀(mamypoko)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">보솜이</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">하기스</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#기저귀</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #육아용품</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">생활</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">호야렌즈(hoya lens)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">소모렌즈</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">한미스위스 렌즈</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">케미렌즈</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">칼자이스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">에실로</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#안경렌즈</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #렌즈</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">음식</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">필스너우르켈(PilsnerUrquell)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">OB프리미어</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">벡스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">크롬바허</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#음식</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #맥주</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #아사히</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #술</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">생활</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">버미큘라(vermicular)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">스타우브</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">르쿠르제</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">해피콜</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#주물냄비</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #주방용품</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">음식</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">코젤(KOZEL)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">기네스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">테라</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">하이트</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#맥주</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #술</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #의외</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">자동차</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">혼다(honda)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">현대</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">쌍용</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">기아</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#자동차</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">의약품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">액티넘(actinum)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">마그비 액티브정(유한양행)</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">비맥스 메타정(녹십자)</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#타케다제약</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #영양제</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #비타민</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">사무용품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">제트스트림펜(jetstream)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">아이비스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">동아</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">모나미</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#볼펜</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #사무용품</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">스포츠</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">요넥스(yonex)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">테크니스트</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">주봉</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">빅터</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">칼톤</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#배드민턴</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #골프</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #테니스</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #라켓</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">기타</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">APA 호텔(apa hotel)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">신라스테이</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">이비스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">라마다</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#호텔</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #역사왜곡</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #극우</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">자동차</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">인피니티(infinity)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">제네시스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">현대</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">기아</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">쌍용</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">르노삼성</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">쉐보레</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#스포츠카</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #자동차</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">생활</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">동전파스(coin patch)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">몬스자석패치</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#파스</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #동전</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">가전제품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">소니 플레이스테이션(Sony playstation)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">대체어려움</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">XBOX</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">스팀</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#게임</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #게임기</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">사무용품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">사라사펜(sarasa)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">동아Q노크</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#볼펜</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #필기구</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">기타</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">도미인(dormy-inn)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">프리미어인</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">라마다</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">이비스</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#호텔</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #토요코인</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">화장품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">우르오스(ulos)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">이니스프리 올인원</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#남자</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #로션</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #화장품</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">의약품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">케어리브(careleaves)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">하이맘밴드</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">이지덤</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">대일밴드</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#밴드</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #반창고</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #상처</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">자동차</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">요코하마 타이어(yokohama)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">한국타이어</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">금호타이어</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">넥센타이어</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#바퀴</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #타이어</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #자동차</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">음식</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">페로니(Peroni)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">맥스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">OB</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">기네스</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#술</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #이탈리아</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #맥주</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">취미</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">로고스(logos)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">코베아</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">카즈미</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">미니멀웍스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">스노우라인</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">몬테라</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#캠핑</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #아웃도어</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #감성</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">의약품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">카베진(cabagin)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">정관장알파프로젝트 위건강</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">대웅 위애 양배추</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">양배추</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#카베진코와</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #위장약</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #약</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">자동차</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">스바루(subaru)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">현대</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">기아</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">쌍용</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">르노삼성</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">쉐보레</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#자동차</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">음식</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">골든커리(golden curry)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">오뚜기</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">청정원</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#카레</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #음식</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">생활</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">무인양품(muji)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">자주</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">자라홈</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#무지</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #무인양품</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #후쿠시마</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">자동차</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">덴소(denso)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">현대모비스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">만도</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#자동차</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #부품</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">패션</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">GU(gu)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">스파오</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">탑텐</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">지오다노</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#의류</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #쇼핑</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #유니클로</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #자회사</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">자동차</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">렉서스(lexus)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">제네시스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">아우디</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">벤츠</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">BMW</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#고급차</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #토요타</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #프리미엄</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">패션</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">미즈노(mizuno)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">캘러웨이</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">타이틀리스트</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">테일러메이드</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#골프</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #축구</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #운동</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #야구</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">패션</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">로즈몽(Rosemont)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">로만손</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">해리엇</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">스와치</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#쥬얼리</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #시계</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #패션</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #생활잡화</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">가전제품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">린나이(Rinnai)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">경동나비엔</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">귀뚜라미</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">알토엔대우</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">대성쎌틱</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">SK매직</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#보일러</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #가스가전</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #가스기기</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">취미</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">타미야(tamiya)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">아카데미</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">아이피피</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#완구</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #프라모델</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">패션</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">아식스(asics)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">프로스펙스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">나이키</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">아디다스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">르까프</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#신발</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #런닝화</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">음식</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">아사히(asahi)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">테라</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">기네스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">하이트</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#음식</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #맥주</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #기린</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">가전제품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">어쿠스튠(acoustune)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">뱅앤올룹슨</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">슈어</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#이어폰</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #헤드폰</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">화장품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">아크네스(acnes)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">아크웰</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">이니스프리</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">아이소이</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">차앤박</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">메디큐브</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#여드름</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #폼클렌저</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #스킨</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">기타</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">야마하(yamaha)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">영창</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">삼익</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">노드 피아노</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#악기</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #오토바이</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #피아노</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">생활</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">마일드세븐(mild seven)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">디스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">레종</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">보헴 시가</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#담배</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #마일드</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #뫼비우스</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">음식</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">로이스(royce)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">이마트 피코크 생초콜렛</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#초콜렛</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #달다구리</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">의약품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">알보칠(albothyl)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">오라칠</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">페리터치</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">알보제로액</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">애니메디</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#구내염</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #입</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #고통</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">음식</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">돌(dole)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">델몬트</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#과일</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #바나나</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #청과</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #파인애플</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">기타</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">시마노(shimano)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">스램</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">캄파놀로</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#자전거</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #구동계</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">자동차</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">토요타(toyota)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">현대</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">기아</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">쌍용</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">르노삼성</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">쉐보레</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#자동차</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #전범기업</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">패션</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">유니클로 여성속옷(uniqlo)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">애니바디</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#속옷</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #와이어리스</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">기타</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">토요코인(toyoko-inn)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">라마다</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">신라스테이</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#호텔</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #도미인</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">사무용품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">하이테크펜(hightech)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">자바펜</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#볼펜</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #필기구</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">취미</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">도플갱어아웃도어(D.O.D)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">코베아</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">카즈미</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">미니멀웍스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">스노우라인</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">몬테라</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#감성</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #캠핑</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">기타</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">구몬(kumon)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">재능교육</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">눈높이</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">씽크빅</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#교육지</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">패션</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">더블탭스(wtaps)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">추천필요</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#의류</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">의약품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">화이투벤(whituben)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">파워콜</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">씨콜드</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">오메콜</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">타이레놀</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#종합</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #감기</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #진통</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">패션</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">띠어리(Theory)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">타임</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">시스템</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">클럽모나코</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#의류</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #극우</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #패션</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #퍼스트리테일링</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #FR</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">가전제품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">플러스마이너스제로(plusminuszero)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">LG</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">삼성</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">다이슨</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#청소기</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #핸드청소기</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">약품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">우콘파워(uconpower)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">컨디션</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">안티파흐멜린</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">여명808</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#숙취</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #해소제</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #음주</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">음식</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">사케(sake)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">면천두견주</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">소곡주</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">화랑</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">감자술</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#술</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #전통주</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">취미</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">토미카(tomica)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">웰리</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">마이스토</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">카미(미카)</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">시쿠</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#자동차</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #모형</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #미니카</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #장난감</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">금융</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">SBI저축은행(SBI Savings bank)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">추천필요</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#SBI</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #저축은행</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #금융</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">자동차</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">이스즈(isuzu)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">현대</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">기아</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">쌍용</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">볼보</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#자동차</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #트럭</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">취미</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">토요토미(toyotomi)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">파세코</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">알파카</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#캠핑</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #난로</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #불</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">화장품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">시루콧토 화장솜(시루콧토)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">크리스마 화장솜</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#화장솜</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #화장품</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">생활</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">갸스비(gatsby)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">다슈</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">미장셴</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">스웨거</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#왁스</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #헤어</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">화장품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">시세이도(shiseido)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">아미퓨어</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">클리오</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">루나</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">에스쁘아</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">정샘물</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#화장품</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #나스</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #로라메르시에</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">가전제품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">오디오테크니카(Audio-Technica)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">뱅앤올룹슨</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">보스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">카날스</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#음향기기</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">자동차</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">스즈키(suzuki)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">대림</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">효성</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#오토바이</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #이륜차</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">화장품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">키스미(kissme)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">미샤</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">삐아</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">VDL</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#화장품</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #마스카라</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">생활</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">참그린 세제(chamgreen)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">퐁퐁</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">자연퐁</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">노브랜드 주방세제</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;"></button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#주방</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #세제</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">자동차</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">닛산(nissan)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">현대</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">기아</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">쌍용</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">르노삼성</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">쉐보레</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#전범기업</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #닛싼</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">의약품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">멘소래담(mentholatum)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">안티푸라민</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">멘담네오</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">파워풀엑스</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#로토</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #소염</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #진통제</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">금융</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">산와머니(sanwamoney)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">추천필요</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#대부업</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #대출</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">패션</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">데상트(descente)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">나이키</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">아디다스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">프로스펙스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">르까프</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#스포츠</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #패션</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">생활</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">바디피트(bodyfit)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">유기농본</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">메이준</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#생리대</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #위생용품</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">생활</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">미니스톱(ministop)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">GS25</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">이마트24</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#편의점</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #친한기업</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #롯데</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">반려동물</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">챠오츄르(CIAOちゅ〜る)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">프로젝트21 리얼스틱</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">미아모아</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#고양이</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #간식</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #마약</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">가전제품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">발뮤다(balmuda)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">제니퍼룸</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">엠아이디자인</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#공기청정기</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #토스트</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">자동차</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">브리지스톤타이어(bridgestone)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">한국타이어</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">금호타이어</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">넥센타이어</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#바퀴</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #타이어</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #자동차</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">취미</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">다이와(daiwa)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">DIF</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">머모피</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">썬라이스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">용성</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">세양조구</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#레저</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #취미</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #낚시</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">화장품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">나스(nars)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">클리오</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">에스쁘아</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">헤라</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">정샘물</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#화장품</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #컨실러</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #쿠션</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">생활</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">때가 쏙 비트(bit)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">LG테크</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">유한양행</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#세제</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">생활</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">아이깨끗해(아이깨끗해)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">LG생활건강</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">아이블리</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">생활공작소</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#손세정제</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #핸드워시</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #비누</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">패션</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">ABC마트(ABCmart)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">레스모아</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">슈마커</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#신발</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #운동화</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">가전제품</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">소니(sony)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">LG</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">아이리버</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">슈어</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#전자제품</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #음향기기</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">취미</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">가마가츠(gamakatsu)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">DIF</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">머모피</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">썬라이스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">용성</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">세양조구</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#레저</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #취미</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #낚시</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">취미</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">스노우피크(snowpeak)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">코베아</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">카즈미</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">미니멀웍스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">스노우라인</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">몬테라</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#캠핑</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #아웃도어</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #소풍</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">자동차</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">워터골드cc(watergoldcc)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">퍼펙트슬릭</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">더클래스하이브리드코트</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">마약왁스</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#자동차코팅제</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #퀵디테일러</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #QD</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">취미</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">시마노-낚시(simano)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">DIF</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">머모피</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">썬라이스</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">용성</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">세양조구</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#레저</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #취미</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #낚시</span></div></div><div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: flex; flex-direction: column; font-size: 16px; min-height: 200px; overflow: hidden; width: calc(33.3333% - 16px); z-index: 1; position: relative; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; margin: 8px;"><div class="mdl-card__title" style="box-sizing: border-box; align-items: center; color: rgb(0, 0, 0); display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px 8px; perspective-origin: 165px 56px; transform-origin: 165px 56px; border-bottom: 1px solid rgb(230, 230, 230);"><h6 class="pink-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; font-weight: 500; line-height: 1.2; color: rgb(233, 30, 99) !important;"><span style="box-sizing: border-box;">패션</span></h6><h2 class="mdl-card__title-text" style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 24px; line-height: normal; margin: 0px 0px 0px 5px; align-self: flex-end; color: inherit; display: flex; overflow: hidden; transform-origin: 149px 48px;">유니클로(uniqlo)</h2></div><div class="mdl-card__supporting-text" style="box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 259.781px;"><h6 style="box-sizing: border-box; padding: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0px 0px 0.5rem; font-size: 1rem; letter-spacing: 0.04em; line-height: 1.2; color: black;">대체상품</h6><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">탑텐</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">BYC</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">자주</button><button type="button" class="btn btn-default btn-rounded waves-effect waves-light" style="border-radius: 1em; margin: 0.375rem; font-family: inherit; font-size: 17px; line-height: 1.5; overflow: hidden; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; user-select: none; border-width: 0px; border-style: initial; padding: 8px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; background-color: rgb(84, 101, 181) !important;">지오다노</button></div><div class="mdl-card__actions mdl-card--border" style="box-sizing: border-box; line-height: normal; width: 288.656px; background-color: transparent; padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1);"><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;">#의류</span><span class="blue-grey-text" style="box-sizing: border-box; color: rgb(96, 125, 139) !important;"> #쇼핑</span></div></div></div></div></div><footer class="mdl-mini-footer" style="box-sizing: border-box; display: flex; flex-flow: row wrap; justify-content: space-between; padding: 32px 16px; color: rgb(158, 158, 158); background-color: rgb(66, 66, 66); font-family: Roboto, sans-serif; font-size: 14px;"><div class="footer-container" style="box-sizing: border-box; margin: 0px auto;"><ul class="mdl-mini-footer__link-list" style="box-sizing: border-box; letter-spacing: 0px; line-height: 24px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; display: flex; flex-flow: row nowrap; list-style: none; padding: 0px;"><li style="box-sizing: border-box; margin-bottom: 0px; margin-right: 16px; line-height: 36px; color: white;"><a class="codrops-icon codrops-icon--drop" href="mailto:nonojapancontact@gmail.com" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); color: inherit; background-color: transparent; cursor: pointer; transition: all 0.2s ease-in-out 0s; white-space: nowrap;">Contact Us <span class="fas fa-envelope" style="box-sizing: border-box; -webkit-font-smoothing: antialiased; display: inline-block; font-variant-numeric: normal; font-variant-east-asian: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Free"; font-weight: 900;"></span></a></li></ul><div class="mdl-logo" style="box-sizing: border-box; margin-bottom: 0px; color: rgb(255, 255, 255); float: left; margin-right: 16px; line-height: 36px;">Design: <a href="https://templateflip.com/" target="_blank" style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); color: rgb(255, 255, 255); background-color: transparent; cursor: pointer; transition: all 0.2s ease-in-out 0s; border-bottom-style: dotted; border-bottom-color: rgb(170, 170, 170);">TemplateFlip</a></div></div></footer><p><br></p>
<!-- -->
]]>
카페 게시글
위기-대안-실천
노노재팬 - 일본상품 대체제품
숲을지나서
추천 0
조회 2,950
19.07.19 05:39
댓글 0
다음검색
