@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500&family=Play:wght@400;700&display=swap";.web {display: block }.mobile, .md-block {display: none }@media all and (max-width: 991px) {.md-none {display: none }.md-block {display: block }}@media all and (max-width: 767px) {.web {display: none }.mobile {display: block }}.color-gray-6 {color: #818181 }.color-gray-7 {color: #777 }.color-primary {color: #2db63e }.color-secondary {color: #ffbd35 }.color-error {color: #ef5a5a }.color-none {color: #707070 }.bg-white {background-color: #fff }@media all and (max-width: 991px) {.md-bg-white {background-color: #fff }}.brandCatalog-area, .recommendCard.type-list .recommendCard-promo-list, .recommendCard.type-hot .recommendCard-promo-list {background: radial-gradient(56.98% 474.16% at 44.87% 0%, #FEFFE1 0%, #D6ECD3 54.31%, #ABECA3 100%) }.hamiPointNav-btn:nth-last-child(1), .btn:nth-last-child(1), .btn-dialog:nth-last-child(1), .container-index .contentSide--promo .link:nth-last-child(1), .container-menu .contentSide--promo .link:nth-last-child(1) {margin: 0 }.container-finding .searchCorrect-item:nth-last-child(1) {border: none }.contentPuzzle .info-box .description, .contentPuzzle .info-box h2, .contentActivity-main-more-box .bg .title, .contentActivity-main-box .name-wrapper .name, .contentActivity-main-box .title span, .themeTicket-title h2, .brandList-item .brandList-name, .themeAdCard .themePromo-sub, .themePromo-title .subtitle, .prodBox-name, .brandName-name, .themePromo-name, .annouceBar-text, .headMemberInfo-btn {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.themeTicket-title h2, .brandList-item .brandList-name, .themeAdCard .themePromo-sub, .themePromo-title .subtitle, .prodBox-name, .brandName-name, .themePromo-name, .annouceBar-text, .headMemberInfo-btn {overflow: hidden;text-overflow: ellipsis;white-space: nowrap }.storePromo-btn .btn, .storePromo-btn .btn-dialog, .brandCatalog-inner .btn, .brandCatalog-inner .btn-dialog, .themeAdCard .btn-text, .hamiPointNav-btn, .chip-clear, .btn-store, .btn-line, .btn-back, .btn-gray, .btn-cancel, .btn-danger, .btn-secondary, .btn-primary, .contentSide-top, .contentSide-links .contentSide-btn, .container-index .contentSide--promo .link, .container-menu .contentSide--promo .link, .searchTag-delete, .headMemberCard-mBtn, .headerPc .link, .header-searchHot-item, .text-link {-webkit-transition: all .2s;transition: all .2s }.storePromo-btn .btn:hover, .storePromo-btn .btn-dialog:hover, .brandCatalog-inner .btn:hover, .brandCatalog-inner .btn-dialog:hover, .themeAdCard .btn-text:hover, .hamiPointNav-btn:hover, .chip-clear:hover, .btn-store:hover, .btn-line:hover, .btn-back:hover, .btn-gray:hover, .btn-cancel:hover, .btn-danger:hover, .btn-secondary:hover, .btn-primary:hover, .contentSide-top:hover, .contentSide-links .contentSide-btn:hover, .container-index .contentSide--promo .link:hover, .container-menu .contentSide--promo .link:hover, .searchTag-delete:hover, .headMemberCard-mBtn:hover, .headerPc .link:hover, .header-searchHot-item:hover, .text-link:hover {opacity: .8 }.storePromo-btn .btn:active, .storePromo-btn .btn-dialog:active, .brandCatalog-inner .btn:active, .brandCatalog-inner .btn-dialog:active, .themeAdCard .btn-text:active, .hamiPointNav-btn:active, .chip-clear:active, .btn-store:active, .btn-line:active, .btn-back:active, .btn-gray:active, .btn-cancel:active, .btn-danger:active, .btn-secondary:active, .btn-primary:active, .contentSide-top:active, .contentSide-links .contentSide-btn:active, .container-index .contentSide--promo .link:active, .container-menu .contentSide--promo .link:active, .searchTag-delete:active, .headMemberCard-mBtn:active, .headerPc .link:active, .header-searchHot-item:active, .text-link:active {opacity: .6 }.menuFold-btn {background-color: rgba(255, 0, 0, .2) }body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, select, textarea, label, p, blockquote, th, td, iframe, button, a, header, footer {margin: 0;padding: 0;border: 0;-webkit-box-sizing: border-box;box-sizing: border-box;font: inherit }html {-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;touch-action: none }body {font: 16px/150% "PingFang TC", "Noto Sans TC", Helvetica, "微軟正黑體", sans-serif;font-weight: 400;letter-spacing: .25px }a {color: inherit;text-decoration: none }button {color: inherit;background: none;outline: none;cursor: pointer }table {width: auto;border-collapse: collapse;border-spacing: 0 }input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;outline: none }img {image-rendering: -webkit-optimize-contrast }.font-eng, .hamiPointNav-title .num, .text-point-eng {font-family: "Play", sans-serif }.fs-h2, .storeTicket-desc .title, .hotTicketGroup-title h3, h2 {font-size: 24px;line-height: 1.5em }@media all and (max-width: 991px) {.fs-h2, .storeTicket-desc .title, .hotTicketGroup-title h3, h2 {font-size: 16px;line-height: 1.5em }}.fs-h3, .storePromo-btn .btn, .storePromo-btn .btn-dialog, .hotTicketLink-text, .promoCreditItem .sub, .themeArticle-inner, .themeAdCard--limit .text-price .origin, .themeAdCard--limit .themePromo-item-sub, .menuAll-box .btn, .menuAll-box .btn-dialog, .indexRecommend .menuFold .btn, .indexRecommend .menuFold .btn-dialog, .menuFold-title, .annouceBar-link, .searchInput-input, h3 {font-size: 20px;line-height: 1.6em }@media all and (max-width: 991px) {.fs-h3, .storePromo-btn .btn, .storePromo-btn .btn-dialog, .hotTicketLink-text, .promoCreditItem .sub, .themeArticle-inner, .themeAdCard--limit .text-price .origin, .themeAdCard--limit .themePromo-item-sub, .menuAll-box .btn, .menuAll-box .btn-dialog, .indexRecommend .menuFold .btn, .indexRecommend .menuFold .btn-dialog, .menuFold-title, .annouceBar-link, .searchInput-input, h3 {font-size: 14px;line-height: 1.25rem }}.fs-h4, .storeTicket-desc .desc, .brandCatalog-inner .brandName, h4 {font-size: 16px;line-height: 1.5em }@media all and (max-width: 991px) {.fs-h4, .storeTicket-desc .desc, .brandCatalog-inner .brandName, h4 {font-size: 14px;line-height: 1.25rem }}@media all and (max-width: 767px) {.fs-h4, .storeTicket-desc .desc, .brandCatalog-inner .brandName, h4 {font-size: 12px;line-height: 1.25rem }}.text-notice, .recommendCard-img-text .textbox {font-size: 14px;line-height: 1.25rem }@media all and (max-width: 991px) {.text-notice, .recommendCard-img-text .textbox {font-size: 14px;line-height: 1.25rem }}@media all and (max-width: 767px) {.text-notice, .recommendCard-img-text .textbox {font-size: 12px;line-height: 1.6em }}h1 {font-size: 28px;line-height: 1.285em }@media all and (max-width: 991px) {h1 {font-size: 20px;line-height: 1.2em }}.tB {font-weight: 500 }.tBold {font-weight: 700 }.tC {text-align: center }.tR {text-align: right }.mb-1 {margin-bottom: 8px }.mb-1-5 {margin-bottom: 12px }.mb-2 {margin-bottom: 16px }.mb-4 {margin-bottom: 32px }.mb-end {margin-bottom: 40px }.pb-1 {padding-bottom: 8px }.px-1-5 {padding-left: 12px;padding-right: 12px }@media all and (max-width: 991px) {.md-mb-0 {margin-bottom: 0 }.md-mb-1 {margin-bottom: 8px }.mb-end {margin-bottom: 36px }.md-pb-1 {padding-bottom: 8px }}.text-link:hover {color: #2db63e }body {scroll-behavior: smooth;color: #333;background: #2db63e }.wrapper {min-height: 100vh;position: relative;overflow-x: hidden;background-color: #e5e5e5;padding-top: 44px }@media all and (max-width: 991px) {.wrapper {padding-top: 52px }}.pagesize, .contentNav-inner {margin: 0 auto;max-width: 1192px;padding: 0 30px }@media all and (max-width: 991px) {.headBg {position: relative;background: -webkit-gradient(linear, left top, left bottom, from(#2db63e), color-stop(83.84%, rgba(108, 207, 83, 0)));background: linear-gradient(180deg, #2db63e 0%, rgba(108, 207, 83, 0) 83.84%) }.headBg::before, .headBg::after {content: "";display: block;position: absolute }.headBg::before {width: 148px;height: 148px;left: -45px;top: 139px;background: radial-gradient(50% 50% at 50% 50%, rgba(255, 242, 121, 0.48) 0%, rgba(255, 242, 121, 0) 100%) }.headBg::after {width: 263px;height: 263px;right: -79px;top: 49px;background: radial-gradient(50% 50% at 50% 50%, rgba(255, 237, 80, 0.6) 0%, rgba(255, 242, 121, 0) 100%) }}.headArea .pagesize, .headArea .contentNav-inner {padding: 0 30px }@media all and (max-width: 991px) {.headArea .pagesize, .headArea .contentNav-inner {padding: 0 16px }}.header-top {height: 96px }.header-top .pagesize-inner {display: -webkit-box;display: -ms-flexbox;display: flex;padding-top: 20px;-webkit-box-align: center;-ms-flex-align: center;align-items: center }.header-logo {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;margin-right: 40px }.header-logo-img {display: block;width: 160px;height: 54px;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/header-logo.png) center center no-repeat }.header-search {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto }.header-search-box {margin-bottom: 4px }@media all and (max-width: 991px) {.header-search-box {margin: 0 }}.searchInput {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 2px;overflow: hidden;background-color: #fff;border: solid 2px #84c67c;border-radius: 35px }.searchInput input:-moz-placeholder-shown {font-weight: 300 }.searchInput input:-ms-input-placeholder {font-weight: 300 }.searchInput input:placeholder-shown {font-weight: 300 }.searchInput input::-webkit-input-placeholder {color: #959595 }.searchInput input::-moz-placeholder {color: #959595 }.searchInput input:-ms-input-placeholder {color: #959595 }.searchInput input::-ms-input-placeholder {color: #959595 }.searchInput input::placeholder {color: #959595 }.searchInput input::-webkit-input-placeholder {color: #959595 }.searchInput input::-moz-placeholder {color: #959595 }.searchInput input:-ms-input-placeholder {color: #959595 }.searchInput input:-moz-placeholder {color: #959595 }.searchInput-inner {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;position: relative }.searchInput-input {min-width: 0;width: 100%;height: 32px;padding: 0 44px 0 20px }.searchInput-input.icon-find {padding-left: 40px;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/inner/inner-search-2.svg) left 8px center no-repeat }.searchInput-inputBtn {position: absolute;right: 0;top: -4px;width: 40px;height: 40px;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/input-cancel.svg) center center no-repeat;background-size: 44px }.searchInput-btn {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;display: block;min-width: 96px;text-align: center;font-size: 20px;line-height: 36px;font-weight: 500;color: #fff;background: #6ccf53;border-radius: 26px;-webkit-transition: all .2s;transition: all .2s }.searchInput-btn:hover {color: rgba(255, 255, 255, .8) }.searchInput-btn:active {color: #fff;opacity: .6 }.searchInput-chip {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto }.searchInput .chip-cancel {height: 28px;padding: 4px 26px 4px 16px;font-size: 14px;line-height: 20px;font-weight: 500;background: #eaeaea url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/inner/inner-chip-close-m.svg) right 8px center no-repeat;border-radius: 18px }@media all and (max-width: 991px) {.searchInput {height: 36px;border-color: #fff;margin-bottom: 0;padding: 4px;border: none }.searchInput-inner {height: 24px }.searchInput-input {height: 24px;line-height: 24px;padding: 0 36px 0 6px }.searchInput-input.icon-find {padding-left: 28px;background-size: 24px;background-position: left center }.searchInput-inputBtn {width: 36px;height: 36px;top: -6px }.searchInput-btn {min-width: 90px;font-size: 14px;line-height: 24px }}@media all and (max-width: 767px) {.searchInput {margin: 0 }.searchInput-btn {min-width: 60px }}.header-searchHot {height: 28px;overflow: hidden;color: #959595;font-size: 14px;line-height: 20px;font-weight: 500 }.header-searchHot-title {margin-right: -10px;padding: 4px 0 }.header-searchHot-item {display: inline-block;padding: 4px 8px;-webkit-transition: all .2s;transition: all .2s }.header-searchHot-item:hover {color: #2db63e }.headerPc {position: fixed;top: 0;left: 0;width: 100%;z-index: 50;height: 44px;color: #707070;background: #eaeaea }@media all and (max-width: 991px) {.headerPc {height: 52px }.headerPc .m-none {display: none }}.headerPc .pagesize, .headerPc .contentNav-inner {display: -webkit-box;display: -ms-flexbox;display: flex;background: #eaeaea }@media all and (max-width: 991px) {.headerPc .pagesize, .headerPc .contentNav-inner {padding: 0 }}.headerPc-inner {display: -webkit-box;display: -ms-flexbox;display: flex }.headerPc-logbox {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto }.headerPc .text {padding: 10px 12px }.headerPc .header-logo-img {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;height: 36px;margin-top: 4px }@media all and (max-width: 991px) {.headerPc .header-logo-img {width: 40px;height: 40px;margin-top: 2px;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/header-logo-m-2.svg) }}.headerPc-head, .headerPc-scroll {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;position: relative;z-index: 2;background: #eaeaea }@media all and (max-width: 991px) {.headerPc-head, .headerPc-scroll {padding-top: 4px;padding-bottom: 4px;padding-left: 8px }}@media all and (max-width: 374px) {.headerPc-head, .headerPc-scroll {padding-left: 4px }}.headerPc-scroll {display: none }.headerPc-login {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto }.headerPc-cover.open {position: fixed;top: 44px;bottom: 0;left: 0;right: 0;z-index: 49;background-color: rgba(0, 0, 0, 0) }@media all and (max-width: 991px) {.headerPc-cover.open {background-color: rgba(0, 0, 0, .5) }}@media all and (max-width: 991px) {.headerPc-log {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;padding: 4px 8px 4px 0 }}@media all and (max-width: 374px) {.headerPc-log {padding-right: 4px }}.headerPc .link {position: relative;margin-left: 8px;padding: 10px 12px }@media all and (max-width: 991px) {.headerPc .link {padding: 10px }}@media all and (max-width: 767px) {.headerPc .link {margin-left: 0 }}@media all and (max-width: 374px) {.headerPc .link {padding: 10px 8px }}.headerPc .link.space-0 {margin-left: 1px }.headerPc .link.last {padding-right: 2px }.headerPc .link--border {margin-left: 0 }.headerPc .link--border::after {content: "";display: block;position: absolute;top: 12px;left: -1px;bottom: 12px;width: 1px;background: #959595 }.headerPc .link--home {margin: 0;padding-left: 28px;color: #494949;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/head-home.svg) left center no-repeat;background-size: 28px }.headerPc .searchInput {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;max-width: 400px;height: 36px;margin: 4px 0 0 16px }@media all and (max-width: 991px) {.headerPc .searchInput {margin-left: 8px;border: solid 1px #84c67c }}@media all and (max-width: 767px) {.headerPc .searchInput {max-width: 263px }}@media all and (max-width: 374px) {.headerPc .searchInput {margin-left: 4px }}.headerPc .searchInput .searchInput-input {height: 32px;font-size: 16px;line-height: 24px }@media all and (max-width: 991px) {.headerPc .searchInput .searchInput-input {height: 26px;font-size: 14px }}.headerPc .searchInput .searchInput-btn {font-size: 16px;line-height: 28px }.headMemberInfo {position: relative }.headMemberInfo-box {position: relative;z-index: 2;padding: 6px 8px 0;text-align: right;background: #eaeaea }@media all and (max-width: 991px) {.headMemberInfo-box {padding: 10px 8px }}@media all and (max-width: 767px) {.headMemberInfo-box {padding-right: 12px }}.headMemberInfo-btn {width: 126px;padding: 4px 28px 4px 8px;text-align: right;font-weight: 500;color: #2db63e;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/headMemberInfo-btn-1.svg) right 8px center no-repeat;background-size: 16px;border-radius: 8px;-webkit-transition: all .2s;transition: all .2s }@media all and (min-width: 992px) {.headMemberInfo-btn:hover, .headMemberInfo-btn:active {background-color: #fff }}.headMemberInfo-hidden {position: absolute;z-index: 1;right: 8px;top: -200px;-webkit-transition: .4s;transition: .4s }@media all and (max-width: 767px) {.headMemberInfo-hidden {right: 10px }}.headMemberCard {width: 272px;background-color: #fff;-webkit-box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, .08);box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, .08);border-radius: 16px;overflow: hidden }@media all and (max-width: 991px) {.headMemberCard {width: 355px }}@media all and (max-width: 767px) {.headMemberCard {width: calc(100vw - 20px) }}.headMemberCard-main {position: relative }.headMemberCard-info {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 24px 16px 8px }@media all and (max-width: 991px) {.headMemberCard-info {padding: 16px 16px 8px }}.headMemberCard-sub {padding: 8px 16px }.headMemberCard-sub .btn, .headMemberCard-sub .btn-dialog {max-width: 240px;display: block;margin: 0 auto;padding: 8px;font-weight: 500;color: #333;background-color: #fff }.headMemberCard-sub .btn:hover, .headMemberCard-sub .btn-dialog:hover, .headMemberCard-sub .btn:active, .headMemberCard-sub .btn-dialog:active {color: #707070;opacity: 1 }.headMemberCard .icon {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 48px;height: 48px;margin-right: 8px }.headMemberCard .infotext {font-size: 16px;line-height: 24px;color: #333 }.headMemberCard .name {font-weight: 500 }.headMemberCard .link {position: absolute;top: 0;right: 0;padding: 8px 10px;font-weight: 500;font-size: 14px;line-height: 20px }@media all and (max-width: 991px) {.headMemberCard .link {position: static }}.headMemberCard-mBtn {display: none }@media all and (max-width: 991px) {.headMemberCard-mBtn {display: block }}.headMemberCard .link, .headMemberCard-mBtn {margin: 0;padding: 10px 16px;font-size: 16px;line-height: 24px;color: #333;font-weight: 400 }.headMemberCard-mBtn.logout {margin-bottom: 5px;font-weight: 500;text-align: center;color: #ef5a5a }.headMemberCard.level-0 .headMemberCard-info .icon {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/headMemberInfo-head-0.png);background-size: 100% 100% }.headMemberCard.level-0 .headMemberCard-sub {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/headMemberInfo-bg-0.jpg);background-size: 100% 100% }@media all and (max-width: 767px) {.openScroll .headMemberInfo .headMemberInfo-btn.level-0 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/headMemberInfo-head-0.png);background-size: 100% 100% }}.headMemberCard.level-1 .headMemberCard-info .icon {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/headMemberInfo-head-1.png);background-size: 100% 100% }.headMemberCard.level-1 .headMemberCard-sub {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/headMemberInfo-bg-1.jpg);background-size: 100% 100% }@media all and (max-width: 767px) {.openScroll .headMemberInfo .headMemberInfo-btn.level-1 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/headMemberInfo-head-1.png);background-size: 100% 100% }}.headMemberCard.level-2 .headMemberCard-info .icon {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/headMemberInfo-head-2.png);background-size: 100% 100% }.headMemberCard.level-2 .headMemberCard-sub {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/headMemberInfo-bg-2.jpg);background-size: 100% 100% }@media all and (max-width: 767px) {.openScroll .headMemberInfo .headMemberInfo-btn.level-2 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/headMemberInfo-head-2.png);background-size: 100% 100% }}.headMemberCard.level-3 .headMemberCard-info .icon {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/headMemberInfo-head-3.png);background-size: 100% 100% }.headMemberCard.level-3 .headMemberCard-sub {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/headMemberInfo-bg-3.jpg);background-size: 100% 100% }@media all and (max-width: 767px) {.openScroll .headMemberInfo .headMemberInfo-btn.level-3 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/headMemberInfo-head-3.png);background-size: 100% 100% }}.headMemberCard.level-4 .headMemberCard-info .icon {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/headMemberInfo-head-4.png);background-size: 100% 100% }.headMemberCard.level-4 .headMemberCard-sub {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/headMemberInfo-bg-4.jpg);background-size: 100% 100% }@media all and (max-width: 767px) {.openScroll .headMemberInfo .headMemberInfo-btn.level-4 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/headMemberInfo-head-4.png);background-size: 100% 100% }}.headerPc.openScroll .headerPc-head {display: none }.headerPc.openScroll .headerPc-scroll {display: block }@media all and (max-width: 767px) {.headerPc.openScroll .headMemberInfo-box {padding: 8px 12px 8px 8px }.headerPc.openScroll .headMemberInfo-btn {display: block;width: 36px;height: 36px;border-radius: 18px }.headerPc.openScroll .headMemberInfo-btn span {display: none }}.headMemberInfo.open .headMemberInfo-hidden {top: 48px }@media all and (max-width: 991px) {.headMemberInfo.open .headMemberInfo-hidden {top: 60px }}.headMemberInfo.open .headMemberInfo-btn {background: #fff url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/headMemberInfo-btn-2.svg) right 8px center no-repeat;background-size: 16px }@media all and (max-width: 767px) {.headerPc.hide {z-index: 2 }}.headerM {display: none }@media all and (max-width: 991px) {.headArea.m-none {display: none }.headerM {display: block }}.wrapper--search {padding-top: 140px }.wrapper--search .container-cover {content: "";display: block;position: fixed;z-index: 100;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, .16) }.wrapper--search .header-top {position: fixed;z-index: 101;top: 0;left: 0;width: 100%;height: 84px;background: #f2f2f2;-webkit-transition: all .2s;transition: all .2s }.wrapper--search .header-searchHot {display: none }.wrapper--search .headArea-search {position: fixed;z-index: 101;top: 84px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 815px;max-width: calc(100% - 60px);background: #f2f2f2;border-radius: 0 0 16px 16px }@media all and (max-width: 991px) {.wrapper--search .container-cover, .wrapper--search .headArea-search {display: none }}.searchCorrect {padding-bottom: 12px }.searchCorrect-item .itembox {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 10px 20px }.searchCorrect-icon {width: 28px;height: 28px;margin-right: 8px }.searchCorrect .icon-find {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/inner/inner-search-2.svg) center center;background-size: 100% }.searchCorrect .icon-log {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/inner/inner-search-log-1.svg) center center;background-size: 100% }.searchCorrect-text {padding: 2px 0 }.container-finding .searchCorrect {padding: 4px 0;background-color: #fff }.container-finding .searchCorrect-item {border-bottom: solid 1px #d9d9d9 }.container-finding .searchCorrect-icon {width: 24px;height: 24px;margin-right: 2px }.container-finding .searchCorrect-text {padding: 2px 0;font-size: 14px;line-height: 20px }.container-finding .searchCorrect .itembox {padding: 8px 4px }.searchTag-area {padding: 16px 32px }.searchTag-area.searchTag-log {position: relative }.searchTag-area.searchTag-log::after {content: "";display: block;position: absolute;left: 32px;right: 32px;bottom: 0;height: 1px;background: #b7b7b7 }.searchTag-area.searchTag-hot {padding-bottom: 32px }.searchTag-title {margin-bottom: 12px;font-weight: 500 }.searchTag-delete {margin-left: 7px;padding-left: 28px;color: #959595;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/inner/inner-search-delete-1.svg) left center no-repeat }.searchTag .chip-box {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -12px -12px 0 }.searchTag .chip {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;margin: 0 12px 12px 0 }.container-finding .searchTag {padding: 20px 16px }.container-finding .searchTag-area {padding: 12px;background: #fff;-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, .08);box-shadow: 0px 0px 2px rgba(0, 0, 0, .08);border-radius: 16px }.container-finding .searchTag-area.searchTag-log {margin-bottom: 12px }.container-finding .searchTag-area.searchTag-log::after {content: none }.container-finding .searchTag-title {display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 16px;line-height: 24px }.container-finding .searchTag-title span {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto }.container-finding .searchTag .searchTag-delete {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;padding-left: 24px;font-size: 14px;background-size: auto 24px }.container-finding .searchTag .chip-box {margin-right: -8px }.container-finding .searchTag .chip {margin-right: 8px }.headArea-annouce .pagesize, .headArea-annouce .contentNav-inner {height: 96px;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end }.annouceBar {margin-bottom: 30px }.annouceBar-link {display: -webkit-box;display: -ms-flexbox;display: flex;height: 44px;background: #ffefaf;border-radius: 22px }.annouceBar-icon {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;line-height: 44px;padding: 0 12px 0 40px;color: #fff;background: #ffbd35 url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-annouceBar/index-annouceBar-icon.svg) left 12px center no-repeat;border-radius: 22px }.annouceBar-text {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 6px 42px 6px 8px;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-annouceBar/index-annouceBar-goto.svg) right 8px center no-repeat }@media all and (max-width: 991px) {.annouceBar {margin-bottom: 16px }.annouceBar-link {height: 32px }.annouceBar-icon {padding: 0 12px 0 30px;line-height: 32px;background-position: left 4px center }.annouceBar-text {padding: 6px 53px 6px 4px;background-size: 28px;background-position: right center }}.headArea-ad {display: none;position: absolute;left: calc(50% + 384px);bottom: 30px;width: 272px;height: 138px }.headArea-ad img {width: 100% }@media all and (max-width: 1360px) {.headArea-ad {left: auto;right: 16px }}.headArea--ad .pagesize-inner {padding-right: 203px }@media all and (max-width: 1360px) {.headArea--ad .pagesize-inner {padding-right: 282px }}.headArea--ad .headArea-ad {display: block }@media all and (max-width: 1360px) {.headArea-annouce {position: relative }.headArea .pagesize, .headArea .contentNav-inner {position: static;max-width: 100% }.headArea--ad .pagesize-inner {padding-right: 279px }.headArea-ad {bottom: 30px }}@media all and (max-width: 1199px) {.header-top {position: relative }.header-top .pagesize, .header-top .contentNav-inner {padding: 0 232px }.header-top .header-logo {position: absolute;top: 15px;left: 33px }.headArea-annouce .pagesize, .headArea-annouce .contentNav-inner {max-width: 934px }.headArea--ad .pagesize-inner {padding-right: 0 }.headArea--ad .headArea-ad {display: none }}@media all and (max-width: 991px) {.header-top {height: auto;position: relative;background: #2db63e }.header-top .pagesize, .header-top .contentNav-inner {padding: 0 16px }.header-top .pagesize-inner {display: block;padding: 0 }.header-top .header-logo {position: fixed;top: 0;left: 0;z-index: 100;width: 100%;margin: 0;padding: 8px;background: #2db63e }.header-top .header-logo-img {display: block;width: 200px;height: 28px;margin: 0 auto;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/header/header-logo-m.png) center center no-repeat;background-size: auto }.header-search {padding: 16px 0 }.header-searchHot {display: none }.headArea-annouce {height: auto }.headArea-annouce .pagesize, .headArea-annouce .contentNav-inner {height: auto }}@media all and (max-width: 767px) {.header-top {height: auto }}.container-index {margin-top: -3px;max-width: 100%;overflow-x: hidden }.container-index>.pagesize, .container-index>.contentNav-inner, .container-menu>.pagesize, .container-menu>.contentNav-inner {max-width: 1320px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center }@media all and (max-width: 1350px) {.container-index>.pagesize, .container-index>.contentNav-inner, .container-menu>.pagesize, .container-menu>.contentNav-inner {padding: 0 110px }}@media all and (max-width: 1199px) {.container-index>.pagesize, .container-index>.contentNav-inner, .container-menu>.pagesize, .container-menu>.contentNav-inner {padding: 0 }}.container-index .contentSide, .container-menu .contentSide {display: none;width: 82px;position: fixed;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%) }.container-index .contentSide--menu, .container-menu .contentSide--menu {left: calc(50% + 578px);text-align: center }@media all and (max-width: 1350px) {.container-index .contentSide--menu, .container-menu .contentSide--menu {left: auto;right: 16px }}@media all and (max-width: 1199px) {.container-index .contentSide--menu, .container-menu .contentSide--menu {z-index: 20;right: 8px;top: auto;bottom: 20px;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);width: auto }}.container-index .contentSide--promo, .container-menu .contentSide--promo {right: calc(50% + 578px) }@media all and (max-width: 1350px) {.container-index .contentSide--promo, .container-menu .contentSide--promo {right: auto;left: 16px }}@media all and (max-width: 1199px) {.container-index .contentSide--promo, .container-menu .contentSide--promo {display: none !important }}.container-index .contentSide--promo .link, .container-menu .contentSide--promo .link {display: block;margin-bottom: 12px }.container-index .contentSide--promo .link img, .container-menu .contentSide--promo .link img {display: block;width: 100% }.container-index .contentInner, .container-index .contentArea, .container-index .container-menu .contentArea, .container-menu .container-index .contentArea, .container-menu .contentInner, .container-menu .contentArea {-webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto;position: relative;z-index: 2;width: 100%;max-width: 1132px }.container-index .contentArea, .container-menu .contentArea {background: -webkit-gradient(linear, left bottom, left top, color-stop(7.44%, #F1F1F1), color-stop(98.9%, #FFFFFF));background: linear-gradient(to top, #F1F1F1 7.44%, #FFFFFF 98.9%);-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, .12);box-shadow: 0px 0px 4px rgba(0, 0, 0, .12);border-radius: 16px }.container-index .contentArea-inner, .container-menu .contentArea-inner {position: relative;z-index: 3;padding-top: 24px }@media all and (max-width: 1199px) {.container-index .contentArea, .container-menu .contentArea {max-width: 100% }.container-index .contentArea-inner, .container-menu .contentArea-inner {padding-top: 12px }}@media all and (max-width: 767px) {.container-index .contentArea, .container-menu .contentArea {border-radius: 0;background: #f2f2f2 }.container-index .contentArea::before, .container-menu .contentArea::before {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 400px;background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));background: linear-gradient(to bottom, #FFFFFF 0%, #F2F2F2 100%) }.container-index .contentArea>div, .container-menu .contentArea>div {position: relative;z-index: 2 }}@media all and (max-width: 1199px) {.container-menu>.pagesize, .container-menu>.contentNav-inner {padding: 0 30px }}.contentSide-links {background: #fff;margin-bottom: 8px;padding: 8px 0;border-radius: 16px }.contentSide-links .contentSide-btn {position: relative;display: block;width: 80px;height: 80px;margin-bottom: 17px;padding-top: 56px }.contentSide-links .contentSide-btn:hover {color: #2db63e;border-color: #2db63e }.contentSide-links .contentSide-btn::after {content: "";display: block;position: absolute;left: 9px;bottom: -8px;width: 64px;height: 1px;background: #eaeaea }.contentSide-links .contentSide-btn:nth-last-child(1) {margin: 0 }.contentSide-links .contentSide-btn:nth-last-child(1)::after {content: none }@media all and (max-width: 1199px) {.contentSide-links {display: none !important }}.contentSide-btn.icon-1 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-1.svg) center top 8px no-repeat;background-size: 40px }.contentSide-btn:hover.icon-1, .contentSide-btn:active.icon-1 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-1-on.svg) center top 8px no-repeat;background-size: 40px }.contentSide-btn.icon-2 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-2.svg) center top 8px no-repeat;background-size: 40px }.contentSide-btn:hover.icon-2, .contentSide-btn:active.icon-2 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-2-on.svg) center top 8px no-repeat;background-size: 40px }.contentSide-btn.icon-3 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-3.svg) center top 8px no-repeat;background-size: 40px }.contentSide-btn:hover.icon-3, .contentSide-btn:active.icon-3 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-3-on.svg) center top 8px no-repeat;background-size: 40px }.contentSide-btn.icon-4 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-4.svg) center top 8px no-repeat;background-size: 40px }.contentSide-btn:hover.icon-4, .contentSide-btn:active.icon-4 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-4-on.svg) center top 8px no-repeat;background-size: 40px }.contentSide-btn.icon-5 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-5.svg) center top 8px no-repeat;background-size: 40px }.contentSide-btn:hover.icon-5, .contentSide-btn:active.icon-5 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-5-on.svg) center top 8px no-repeat;background-size: 40px }.contentSide-top {display: inline-block;padding-top: 34px;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-top.svg) center top 8px no-repeat;background-size: auto }@media all and (max-width: 1199px) {.contentSide-top {width: 44px;height: 44px;padding-top: 22px;font-size: 12px;line-height: 16px;color: #707070;background: rgba(255, 255, 255, .8) url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-top-m.svg) center top 6px no-repeat;background-size: 16px auto;border-radius: 22px;-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, .08);box-shadow: 0px 0px 2px rgba(0, 0, 0, .08) }}.popup+.popup-panel {display: none }.popupopen {opacity: 1 }.popupopen+.popup-panel {display: block }.pop-fullpage {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;-webkit-transition: .2s;transition: .2s }.pop-fullpage.popupopen {display: block;z-index: 200;background-color: rgba(0, 0, 0, .3) }.popup-panel {display: none;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 201;width: 100%;-webkit-transition: .2s;transition: .2s;max-width: 540px;padding: 32px 24px;background: #fff;-webkit-box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, .08);box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, .08);border-radius: 16px }@media all and (max-width: 991px) {.popup-panel {max-width: 300px;padding: 16px 24px 20px }}.popup-level {max-width: 289px;padding: 0 }.container.container-loading {margin: 0;padding: 0;position: relative }@media all and (max-width: 991px) {.container.container-loading {position: absolute;z-index: 99;width: 100% }}.container-loading-box {position: absolute;top: 50%;left: 50%;width: 144px;height: 144px;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%) }.container-loading-border, .container-loading-text {position: absolute;width: 100%;height: 100% }.container-loading-border {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/loading-1.png) center center no-repeat;-webkit-animation: loading_spin .8s linear 0s infinite;animation: loading_spin .8s linear 0s infinite }.container-loading-text {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/loading-2.svg) center center no-repeat }@media all and (max-width: 991px) {.container-loading {background-color: rgba(0, 0, 0, .5) }.container-loading-box {width: 120px;height: 120px }.container-loading-border {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/loading-3.png) center center no-repeat }.container-loading-text {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/loading-4.svg) center center no-repeat }}@-webkit-keyframes loading_spin {from {-webkit-transform: rotate(0);transform: rotate(0) }to {-webkit-transform: rotate(-359deg);transform: rotate(-359deg) }}@keyframes loading_spin {from {-webkit-transform: rotate(0);transform: rotate(0) }to {-webkit-transform: rotate(-359deg);transform: rotate(-359deg) }}.storeColumn-banner img, .storeColumn-desc img, .storeColumn-bannerText img, .storeTicket-desc .decoImg-img img, .storeTicket-banner img, .imgbox img {display: block;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;background-color: #FFF }.imgbox .w-auto {width: auto;height: auto;max-width: 100% }.imgbox.tC img {margin: 0 auto }.imgbox--scale, .recommendCard, .themePromo-item-img .imgbox, .adSlide .imgbox, .prodBox, .storeColumn-link, .hotTicketLink, .brandName, .quickLink-inner, .promoTicketItem, .indexCatalog-link, .brandList-item, .limitedBrandItem, .limitedItem, .hotSale-item, .themeTicket-item, .themePromo-item-text {overflow: hidden }.imgbox--scale img, .recommendCard img, .themePromo-item-img .imgbox img, .adSlide .imgbox img, .prodBox img, .storeColumn-link img, .hotTicketLink img, .brandName img, .quickLink-inner img, .promoTicketItem img, .indexCatalog-link img, .brandList-item img, .limitedBrandItem img, .limitedItem img, .hotSale-item img, .themeTicket-item img, .themePromo-item-text img {-webkit-transition: -webkit-transform .2s;transition: -webkit-transform .2s;transition: transform .2s;transition: transform .2s, -webkit-transform .2s;-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center }.imgbox--scale:hover img, .recommendCard:hover img, .themePromo-item-img .imgbox:hover img, .adSlide .imgbox:hover img, .prodBox:hover img, .storeColumn-link:hover img, .hotTicketLink:hover img, .brandName:hover img, .quickLink-inner:hover img, .promoTicketItem:hover img, .indexCatalog-link:hover img, .brandList-item:hover img, .limitedBrandItem:hover img, .limitedItem:hover img, .hotSale-item:hover img, .themeTicket-item:hover img, .themePromo-item-text:hover img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1) }.imgbox--noscale img, .brandName img, .quickLink-inner img {-webkit-transition: none;transition: none }.imgbox--noscale:hover img, .brandName:hover img, .quickLink-inner:hover img {-webkit-transform: none;-ms-transform: none;transform: none }.icon-hami {display: inline-block;width: 1em;height: 1em;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/hamipoint.svg) center center no-repeat;background-size: 100% }.link-goto {padding-right: 32px;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/icon-link-2.svg) right center no-repeat;background-size: 28px }.link-goto .text {border-bottom: solid 1px rgba(0, 0, 0, 0);-webkit-transition: border .2s;transition: border .2s }.link-goto:hover .text {border-bottom: solid 1px }.text-point {font-weight: 500;color: #2db63e;padding-left: 1.6em;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/hamipoint.svg) left .2em center no-repeat;background-size: 1.2em }.text-point .origin {margin-left: 2px;font-weight: 400;color: #959595;text-decoration: line-through }.text-point-eng.fs-32 {font-size: 32px;line-height: 24px;font-weight: 700;padding-left: 24px;background-size: 20px 20px;background-position: left center }@media all and (max-width: 991px) {.text-point-eng.fs-32 {font-size: 20px;line-height: 24px;padding-left: 20px;background-size: 16px 16px }}.text-price .num {color: #f98116;font-size: 20px;line-height: 32px;font-weight: 500 }@media all and (max-width: 991px) {.text-price .num {font-size: 14px;line-height: 20px }}.text-price .point {color: #2db63e;font-size: 20px;line-height: 32px;font-weight: 500;padding-left: 1.5em;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/hamipoint.svg) left .2em center no-repeat;background-size: 1.1em }@media all and (max-width: 991px) {.text-price .point {font-size: 14px;line-height: 20px }}.text-price .origin {padding-left: 2px;font-size: 14px;line-height: 20px;color: #959595;-webkit-text-decoration-line: line-through;text-decoration-line: line-through }@media all and (max-width: 991px) {.text-price .origin {font-size: 12px;line-height: 20px }}@media all and (max-width: 767px) {.text-price .origin {display: inline-block;font-size: 10px;line-height: 16px;-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;}}.hotSale-chip {position: absolute;z-index: 5;top: 0;left: 0;width: 57px;height: 40px;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-hotSale/index-hotSale-chip-normal.svg) top left no-repeat;background-size: 100% }.hotSale-chip span {display: block;width: 32px;height: 32px;text-align: center;color: #fff;font-weight: 500 }@media all and (max-width: 991px) {.hotSale-chip {width: 36px;height: 24px }.hotSale-chip span {width: 20px;height: 20px;font-size: 14px;line-height: 20px }}.hotSale-chip.chip-1 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-hotSale/index-hotSale-chip-1.svg) top left no-repeat;background-size: 100% }.hotSale-chip.chip-2 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-hotSale/index-hotSale-chip-2.svg) top left no-repeat;background-size: 100% }.hotSale-chip.chip-3 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-hotSale/index-hotSale-chip-3.svg) top left no-repeat;background-size: 100% }.prodBox, .storeColumn-link, .hotTicketLink, .brandName, .quickLink-inner, .promoTicketItem, .indexCatalog-link, .brandList-item, .limitedBrandItem, .limitedItem, .hotSale-item, .themeTicket-item, .themePromo-item-text {-webkit-transition: opacity .2s;transition: opacity .2s }.prodBox .imgbox, .storeColumn-link .imgbox, .hotTicketLink .imgbox, .brandName .imgbox, .quickLink-inner .imgbox, .promoTicketItem .imgbox, .indexCatalog-link .imgbox, .brandList-item .imgbox, .limitedBrandItem .imgbox, .limitedItem .imgbox, .hotSale-item .imgbox, .themeTicket-item .imgbox, .themePromo-item-text .imgbox {overflow: hidden }.prodBox-name, .brandName-name, .themePromo-name {font-weight: 500 }.prodBox .name, .storeColumn-link .name, .hotTicketLink .name, .brandName .name, .quickLink-inner .name, .promoTicketItem .name, .indexCatalog-link .name, .brandList-item .name, .limitedBrandItem .name, .limitedItem .name, .hotSale-item .name, .themeTicket-item .name, .themePromo-item-text .name {-webkit-box-sizing: border-box;box-sizing: border-box;text-decoration: underline;-webkit-text-underline-position: under;-ms-text-underline-position: below;text-underline-position: under;-webkit-text-decoration-color: rgba(0, 0, 0, 0);text-decoration-color: rgba(0, 0, 0, 0);-webkit-transition: all .2s;transition: all .2s }.prodBox:hover .name, .storeColumn-link:hover .name, .hotTicketLink:hover .name, .brandName:hover .name, .quickLink-inner:hover .name, .promoTicketItem:hover .name, .indexCatalog-link:hover .name, .brandList-item:hover .name, .limitedBrandItem:hover .name, .limitedItem:hover .name, .hotSale-item:hover .name, .themeTicket-item:hover .name, .themePromo-item-text:hover .name {-webkit-text-decoration-color: currentcolor;text-decoration-color: currentcolor }.prodBox:active, .storeColumn-link:active, .hotTicketLink:active, .brandName:active, .quickLink-inner:active, .promoTicketItem:active, .indexCatalog-link:active, .brandList-item:active, .limitedBrandItem:active, .limitedItem:active, .hotSale-item:active, .themeTicket-item:active, .themePromo-item-text:active {opacity: .6 }.prodBox .notice, .storeColumn-link .notice, .hotTicketLink .notice, .brandName .notice, .quickLink-inner .notice, .promoTicketItem .notice, .indexCatalog-link .notice, .brandList-item .notice, .limitedBrandItem .notice, .limitedItem .notice, .hotSale-item .notice, .themeTicket-item .notice, .themePromo-item-text .notice {color: #959595 }@media all and (max-width: 991px) {.prodBox .notice, .storeColumn-link .notice, .hotTicketLink .notice, .brandName .notice, .quickLink-inner .notice, .promoTicketItem .notice, .indexCatalog-link .notice, .brandList-item .notice, .limitedBrandItem .notice, .limitedItem .notice, .hotSale-item .notice, .themeTicket-item .notice, .themePromo-item-text .notice {font-size: 14px;line-height: 20px }}@media all and (max-width: 767px) {.prodBox .notice, .storeColumn-link .notice, .hotTicketLink .notice, .brandName .notice, .quickLink-inner .notice, .promoTicketItem .notice, .indexCatalog-link .notice, .brandList-item .notice, .limitedBrandItem .notice, .limitedItem .notice, .hotSale-item .notice, .themeTicket-item .notice, .themePromo-item-text .notice {font-size: 12px;line-height: 1.6em;-webkit-transform: scale(0.833);-ms-transform: scale(0.833);transform: scale(0.833);-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center }}.indexTitle {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height: 60px;padding-left: 4px }.indexTitle h2 {padding-left: 12px;font-weight: 500 }.indexTitle h2.title-icon {padding-left: 40px }.indexTitle--sub {padding-left: 0 }.indexTitle .title-icon.icon-hot {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-title-hot.svg) left 8px top 4px no-repeat;background-size: 28px }@media all and (max-width: 991px) {.indexTitle .title-icon.icon-hot {background-position: left 12px top;background-size: 24px }}.indexTitle .title-icon.icon-catalog {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-title-catalog.svg) left 8px top 4px no-repeat;background-size: 28px }@media all and (max-width: 991px) {.indexTitle .title-icon.icon-catalog {background-position: left 12px top;background-size: 24px }}@media all and (max-width: 991px) {.indexTitle {min-height: 44px;padding-left: 0 }}.menuFold {position: -webkit-sticky;position: sticky;top: 69px;z-index: 10;background-color: #fff }.menuFold-hidden {position: absolute;top: 0;left: 0;width: 100%;z-index: -1;background-color: #fff }.menuFold-title {height: 56px;padding: 12px 32px 12px 16px;color: #707070 }.menuFold-menu {min-height: 56px;padding: 8px 32px 8px 0;background-color: #fff }.menuFold-menu .swiper-slide {width: auto }.menuFold-menuAll {display: none }.menuFold-menuAll .menuAll-box {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 12px }.menuFold-menuAll .btn, .menuFold-menuAll .btn-dialog {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;margin: 0 12px 12px 0 }.menuFold-btn {display: block;width: 32px;height: 56px;position: absolute;top: 0;right: 0;z-index: 12;background: #fff url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-slide-down.svg) center center no-repeat;-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .12);box-shadow: 0px 0px 3px rgba(0, 0, 0, .12) }.menuFold--flex .menuFold-menu {padding: 0 }@media all and (max-width: 767px) {.menuFold--flex .swiper-slide {width: 50%;text-align: center }}@media all and (max-width: 991px) {.menuFold-menu {min-height: 44px }.menuFold-title, .menuFold-btn {height: 44px }.menuFold-menuAll .menuAll-box {padding: 8px 12px }.menuFold-menuAll .btn, .menuFold-menuAll .btn-dialog {margin: 0 8px 12px 0 }}.menuFold.open {position: absolute;top: 0;left: 0;width: 100% }.menuFold.open .menuFold-hidden {z-index: 51;-webkit-box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, .08);box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, .08) }.menuFold.open .menuFold-btn {-webkit-box-shadow: none;box-shadow: none;-webkit-transform: scale(-1);-ms-transform: scale(-1);transform: scale(-1) }.menuFold.open+.indexRecommend-inner {padding-top: 76px }@media all and (max-width: 991px) {.menuFold.open+.indexRecommend-inner {padding-top: 56px }}.menuAll-box .btn, .menuAll-box .btn-dialog, .indexRecommend .menuFold .btn, .indexRecommend .menuFold .btn-dialog {display: inline-block;position: relative;padding: 3px 16px;border: solid 1px;border-radius: 20px }.menuAll-box .btn:hover, .menuAll-box .btn-dialog:hover, .indexRecommend .menuFold .btn:hover, .indexRecommend .menuFold .btn-dialog:hover {background: rgba(51, 51, 51, .35) }.menuAll-box .btn:active, .menuAll-box .btn-dialog:active, .menuAll-box .on, .indexRecommend .menuFold .btn:active, .indexRecommend .menuFold .btn-dialog:active, .indexRecommend .menuFold .on {color: #fff;border-color: #333;opacity: 1 }.menuAll-box .on, .menuAll-box .on:hover, .menuAll-box .btn:active, .menuAll-box .btn-dialog:active, .indexRecommend .menuFold .on, .indexRecommend .menuFold .on:hover, .indexRecommend .menuFold .btn:active, .indexRecommend .menuFold .btn-dialog:active {background: #333 }.indexRecommend .menuFold .swiper {padding: 0 12px }.timer {display: -webkit-box;display: -ms-flexbox;display: flex }.timer.mr {margin-right: 16px }.timer span {display: block;width: 28px;height: 28px;line-height: 28px;text-align: center;font-size: 20px;color: #333;background: #fff;border-radius: 2.375px;-webkit-box-sizing: border-box;box-sizing: border-box }.timer .timer-hr, .timer .timer-min {position: relative;margin-right: 12px }.timer .timer-hr::before, .timer .timer-hr::after, .timer .timer-min::before, .timer .timer-min::after {content: "";display: block;width: 4px;height: 4px;position: absolute;right: -8px;background: #fff;border-radius: 2px }.timer .timer-hr::before, .timer .timer-min::before {top: 9px }.timer .timer-hr::after, .timer .timer-min::after {top: 17px }.timer--border span {background-color: #fff;border: solid 1px #d9d9d9;border-radius: 2px }.timer--border .timer-hr::before, .timer--border .timer-hr::after, .timer--border .timer-min::before, .timer--border .timer-min::after {background-color: #494949 }@media all and (max-width: 991px) {.timer.mr {margin-right: 8px }.timer span {width: 20px;height: 20px;line-height: 20px;font-size: 14px }.timer .timer-hr, .timer .timer-min {margin-right: 15px }.timer .timer-hr::before, .timer .timer-hr::after, .timer .timer-min::before, .timer .timer-min::after {width: 3px;height: 3px }.timer .timer-hr::before, .timer .timer-min::before {top: 6px }.timer .timer-hr::after, .timer .timer-min::after {top: 12px }.timer--border span {line-height: 18px;border-width: .4px }}.swiper {position: relative }.swiper-button-prev, .swiper-button-next {width: 42px;height: 90px;top: calc(50% - 45px);margin: 0;background: rgba(51, 51, 51, .6) url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-slideNext.svg) center center no-repeat;border-radius: 16px 0px 0px 16px;-webkit-transition: all .2s;transition: all .2s }.swiper-button-prev::after, .swiper-button-next::after {content: none }.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {display: none }@media all and (max-width: 991px) {.swiper-button-prev, .swiper-button-next {display: none }}.swiper-button-prev {left: -45px;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg) }.swiper-button-next {right: -45px }.swiper:hover .swiper-button-prev {left: 0 }.swiper:hover .swiper-button-next {right: 0 }.swiper-pagination.swiper-pagination-horizontal {top: auto;bottom: 0;line-height: 6px }.swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet {position: relative;width: 6px;height: 6px;border-radius: 3px;background: #eaeaea;opacity: 1;margin: 0 3px 0 0 }.swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet-active {background: #2db63e }.btn, .btn-dialog {display: inline-block;text-align: center;border-radius: 40px;cursor: pointer;-webkit-transition: all .2s;transition: all .2s }.btn:active, .btn-dialog:active {opacity: .6 }.btn:disabled, .btn-dialog:disabled {background-color: #d4d4d4;cursor: default }.btn:disabled:hover, .btn-dialog:disabled:hover, .btn:disabled:active, .btn-dialog:disabled:active {opacity: 1 }.btn-dialog {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;min-width: 240px;height: 52px;margin-right: 12px;padding: 8px 20px;text-align: center;font-size: 24px;line-height: 36px;font-weight: 500 }.btn-dialog:disabled {cursor: default;background-color: #aaa }.btn-dialog:disabled:hover, .btn-dialog:disabled:active {background: #aaa }@media all and (max-width: 991px) {.btn-dialog {height: 40px;font-size: 16px;line-height: 24px }}.btn-box {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center }.btn-box.tL {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start }.btn-box.tR {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end }@media all and (max-width: 991px) {.btn-box.md-block {display: block }.btn-box.md-block .btn, .btn-box.md-block .btn-dialog {display: block;margin: 0 0 12px }.btn-box.md-block .btn:nth-last-child(1), .btn-box.md-block .btn-dialog:nth-last-child(1) {margin: 0 }}@media all and (min-width: 768px) {.btn-box .web-order-1 {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;margin-right: 12px }.btn-box .web-order-2 {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;margin: 0 }}.btn-primary {color: #fff;background-color: #6ccf53 }.btn-primary.loading {opacity: .6 }.btn-primary.loading .loading-text {position: relative;padding-right: 26px;-webkit-transition: padding .2s;transition: padding .2s }.btn-primary.loading .loading-text::after {content: "";display: block;position: absolute;top: 0;right: 0;width: 24px;height: 24px;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/inner/searchFunc-load-1.png);-webkit-animation: loading_spin .8s linear 0s infinite;animation: loading_spin .8s linear 0s infinite }.btn-secondary {color: #fff;background-color: #ffbd35 }.btn-danger {color: #fff;background-color: #ef5a5a }.btn-cancel {color: #707070;background-color: #eaeaea }@media all and (max-width: 991px) {.btn-cancel, .btn-cancel:hover, .btn-cancel:active {background-color: #fff }}.btn-gray {color: #fff;background-color: #d4d4d4 }.btn-back {color: #2db63e;background-color: #eaeaea }.btn-line {color: #333;border: solid 1px #494949 }.btn-more, .btn-more--primary, .btn-more--white {padding: 8px 36px 8px 8px;font-size: 20px;line-height: 32px;color: #707070;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/icon-link-1.svg) right 8px center no-repeat;background-size: 28px;-webkit-transition: all .2s;transition: all .2s }.btn-more:hover, .btn-more--primary:hover, .btn-more--white:hover {color: #2db63e;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/icon-link-3.svg) right 8px center no-repeat;background-size: 28px;opacity: .8 }.btn-more:active, .btn-more--primary:active, .btn-more--white:active {opacity: .6 }@media all and (max-width: 991px) {.btn-more, .btn-more--primary, .btn-more--white {padding: 10px 32px 10px 8px;font-size: 14px;line-height: 20px }}@media all and (max-width: 767px) {.btn-more, .btn-more--primary, .btn-more--white {padding: 2px 24px 2px 0 }}.btn-more--white {color: #fff;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/icon-link-2.svg) right 8px center no-repeat;background-size: 28px }.btn-more--white:hover {color: #fff;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/icon-link-2.svg) right 8px center no-repeat;background-size: 28px }.btn-more--primary {color: #2db63e;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/icon-link-3.svg) right 8px center no-repeat;background-size: 28px }.btn-more--primary:hover {color: #2db63e;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/icon-link-3.svg) right 8px center no-repeat;background-size: 28px }@media all and (max-width: 991px) {.btn-more, .btn-more--white, .btn-more--primary, .btn-more:hover, .btn-more--white:hover {background-position: right 8px center;background-size: 24px }}@media all and (max-width: 767px) {.btn-more, .btn-more--white, .btn-more--primary, .btn-more:hover, .btn-more--white:hover {background-position: right center;background-size: 24px }}.btn-store {height: 40px;padding: 8px 20px 8px 52px;font-weight: 500;border-radius: 20px }.btn-store-love {color: #2db63e;background: #eaeaea url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/inner/btn-shop-love.svg) left 20px center no-repeat }.btn-store-love.on {color: #ef5a5a;background-image: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/btn-love-on.svg);background-size: 28px }.btn-store-buy {color: #fff;background: #6ccf53 url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/inner/btn-shop-buy.svg) left 20px center no-repeat }.btn-store-notice {color: #fff;background: #ffbd35 url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/inner/btn-shop-notice.svg) left 20px center no-repeat }.btn-store.disabled {cursor: default;background-color: #d4d4d4 }.btn-store.disabled:hover, .btn-store.disabled:active {opacity: 1 }.chip {font-size: 16px;line-height: 24px;font-weight: 500;border-radius: 20px }.chip-log, .chip-hot, .chip-fold {background: #eaeaea;-webkit-transition: all .2s;transition: all .2s }.chip-log:hover, .chip-hot:hover, .chip-fold:hover {background: #b7b7b7 }.chip-log:active, .chip-hot:active, .chip-fold:active {opacity: .6 }@media all and (max-width: 991px) {.chip-log, .chip-hot, .chip-fold {font-size: 14px;line-height: 20px }}.chip-log {position: relative;padding: 8px 36px 8px 12px }.chip-log .close {position: absolute;z-index: 2;top: 8px;right: 8px;width: 24px;height: 24px;cursor: pointer;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/inner/inner-chip-close-1.svg) center center;background-size: 100%;-webkit-transition: all .2s;transition: all .2s }.chip-log .close:hover {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/inner/inner-chip-close-2.svg) center center;background-size: 100% }@media all and (max-width: 991px) {.chip-log {padding: 4px 26px 4px 16px }.chip-log .close {width: 16px;height: 16px;top: 6px;right: 6px }}.chip-clear {padding: 7px 12px;border: 1px solid #eaeaea }.chip-hot {padding: 8px 12px }.chip-hot .text::before {content: "＃" }@media all and (max-width: 991px) {.chip-hot {padding: 4px 16px }}.chip-fold {display: none }@media all and (max-width: 767px) {.chip-box--fold {position: relative;height: 80px;overflow: hidden;padding-right: 32px;-webkit-transition: all .2s;transition: all .2s }.chip-fold {display: block;width: 32px;height: 28px;position: absolute;right: 0;bottom: 0;background: #eaeaea url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/inner/inner-chip-fold.svg) center center no-repeat;background-size: 16px }.chip-fold:hover {background: #b7b7b7 url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/inner/inner-chip-fold.svg) center center no-repeat;background-size: 16px }.chip-box--fold.open {height: auto;padding-right: 0 }.chip-box--fold.open .chip-fold {display: none }}.filter-box {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;height: 56px;padding: 8px 16px 0 }.filter-box .chip {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;margin: 0 12px 8px 0 }@media all and (max-width: 991px) {.filter-box.md-none {display: none }}.wrapper {background: #f6f6f6;max-width: 100%;overflow-x: hidden }@media all and (max-width: 991px) {.wrapper {padding-top: 52px }}@media all and (max-width: 991px) {.headerM .header-logo {position: static }}.loadingBox {padding: 8px 0 }.loadingBox-inner {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 33px;background-color: #fff }.loadingBox-icon {width: 44px;height: 44px }.loadingBox-text {padding-left: 8px;line-height: 1.5em }@media all and (max-width: 991px) {.loadingBox-inner {padding: 39px 12px }.loadingBox-icon {width: 32px;height: 32px }.loadingBox-text {font-size: 14px;line-height: 20px }}.loadingBox--error .loadingBox-icon {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/load-error-1.svg) center center no-repeat;background-size: 100% }.loadingBox--error .loadingBox-text {color: #707070 }.loadingBox--loading .loadingBox-icon {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-loading-1.png) center center no-repeat;background-size: 100%;-webkit-animation: loading_spin .8s linear 0s infinite;animation: loading_spin .8s linear 0s infinite }.loadingBox--loading .loadingBox-text {color: #2db63e }.contentNav {position: relative;z-index: 3;padding-bottom: 2px;overflow: hidden }.contentNav::after {content: "";display: block;position: absolute;z-index: 1;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 100%;max-width: 1132px;height: 1px;opacity: 0;border-radius: 16px 16px 0 0;background-color: #fff;-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);box-shadow: 0px 0px 6px rgba(0, 0, 0, .4) }@media all and (max-width: 1350px) {.contentNav::after {max-width: calc(100% - 222px) }}@media all and (max-width: 991px) {.contentNav::after {content: none }}.contentNav-inner {position: relative;max-width: 640px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end }.contentNav-item {position: relative;z-index: 3;-webkit-box-flex: 1;-ms-flex: 1 1 50%;flex: 1 1 50%;text-align: center;height: 67px;padding-top: 30px;font-size: 20px;line-height: 32px;color: #707070;-webkit-transition: color .2s;transition: color .2s }@media all and (max-width: 767px) {.contentNav-item {height: 47px;font-size: 16px;line-height: 24px;padding-top: 14px }}.contentNav-item:hover {color: #3e9532 }.contentNav-item:active, .contentNav-item.open {font-weight: 500;color: #3e9532 }.contentNav-bg {position: absolute;left: 0;bottom: -2px;width: 100%;height: 100% }.contentNav-menuBg {position: absolute;z-index: 2;left: 0;bottom: 0;height: 100%;-webkit-transform: matrix3d(0, 0, 0);transform: matrix3d(0, 0, 0);-webkit-transition: .7s transform;transition: .7s transform;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentNav/index-contentNav-bg.png) center bottom no-repeat;background-size: 100% 100% }@media all and (max-width: 767px) {.contentNav-menuBg {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentNav/index-contentNav-bg-m.png) center bottom no-repeat;background-size: 100% 110% }}.contentNav.scrollfix-top {background: #f6f6f6;top: 44px !important }.contentNav.scrollfix-top::after {opacity: 1 }@media all and (max-width: 991px) {.contentNav.scrollfix-top {top: 52px !important;background-color: #2db63e }.contentNav.scrollfix-top.HamiPay {top: -1px !important;background-color: #2db63e }.contentNav.scrollfix-top .contentNav-item {color: #fff }.contentNav.scrollfix-top .contentNav-item:hover {color: #3e9532 }.contentNav.scrollfix-top .contentNav-item:active, .contentNav.scrollfix-top .contentNav-item.open {font-weight: 500;color: #3e9532 }}.columnBox {padding: 12px 8px }.columnArea {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch }@media all and (max-width: 991px) {.columnArea {display: block }}.columnArea--even .columnBox {-webkit-box-flex: 1;-ms-flex: 1 1 50%;flex: 1 1 50%;max-width: 50% }@media all and (max-width: 991px) {.columnArea .columnBox {width: 100%;max-width: 100% }}.btn-slideMore {width: 72px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center }.btn-slideMore-text {padding-top: 48px;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-slideMore.svg) center top no-repeat;background-size: 40px }@media all and (max-width: 991px) {.btn-slideMore {border-radius: 8px }.btn-slideMore-text {font-size: 14px;line-height: 20px;background-size: 28px }}@media all and (max-width: 767px) {.btn-slideMore {background: #fff }}.ui-tooltip {padding: 4px 7px;font-family: "PingFang TC", "Noto Sans TC", Helvetica, "微軟正黑體", sans-serif;font-size: 14px;line-height: 20px;font-weight: 500;color: #707070;background: #eaeaea }.headBanner {position: relative;z-index: 2;margin-bottom: 8px }.bannerSwiper .pagesize, .bannerSwiper .contentNav-inner {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center }.bannerSwiper .imgbox img {margin: 0 auto }.bannerSwiper-switch {position: absolute;z-index: 10;top: 50%;right: calc(50% + 444px);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);min-width: 216px;background: #fff;border-radius: 16px;-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, .25);box-shadow: 0px 0px 8px rgba(0, 0, 0, .25) }@media all and (max-width: 1350px) {.bannerSwiper-switch {right: auto;left: 16px }}@media all and (max-width: 1199px) {.bannerSwiper-switch {display: none }}.bannerSwiper-switch .swiper-slide {position: relative;cursor: pointer;padding: 14px 8px;color: #494949;font-size: 16px;line-height: 24px;border: 2px solid rgba(0, 0, 0, 0);-webkit-transition: all .2s;transition: all .2s }.bannerSwiper-switch .swiper-slide:nth-child(1) {border-top-left-radius: 16px;border-top-right-radius: 16px }.bannerSwiper-switch .swiper-slide:nth-last-child(1) {border-bottom-left-radius: 16px;border-bottom-right-radius: 16px }.bannerSwiper-switch .swiper-slide:hover {background: #d6ecd3 }.bannerSwiper-switch .swiper-slide:active {background: #fff;border-color: #2db63e }.bannerSwiper-switch .swiper-slide::after {content: "";display: block;position: absolute;bottom: -3px;left: -2px;right: -2px;height: 1px;background-color: #d4d4d4 }.bannerSwiper-switch .swiper-slide-thumb-active {background: #fff;border-color: #2db63e }.bannerSwiper-main .swiper-pagination {display: none }.hamiPointNav {position: absolute;z-index: 10;top: 50%;left: calc(50% + 384px);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 276px;height: 320px;background: linear-gradient(100.48deg, rgb(249, 249, 249) 7.71%, rgba(255, 255, 255, 0.67) 95.77%);border-radius: 16px }@media all and (max-width: 1350px) {.hamiPointNav {left: auto;right: 16px }}@media all and (max-width: 1199px) {.hamiPointNav {top: 0;right: 0;z-index: 10;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);border-radius: 0 }}@media all and (max-width: 991px) {.hamiPointNav {position: static;width: 100%;height: auto;display: -webkit-box;display: -ms-flexbox;display: flex;border-radius: 16px }}@media all and (max-width: 767px) {.hamiPointNav {display: block }}.hamiPointNav-links {display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 12px;grid-row-gap: 10px;padding: 14px 12px 12px }@media all and (max-width: 991px) {.hamiPointNav-links {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;grid-column-gap: 0px;padding: 16px }}@media all and (max-width: 767px) {.hamiPointNav-links {padding: 5px 16px 12px }}.hamiPointNav-title {padding: 20px 10px 0 55px;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-bannerArea/index-hamiPointNav-bg.png) left top no-repeat }@media all and (max-width: 991px) {.hamiPointNav-title {padding: 16px 10px 0 48px }}.hamiPointNav-title .num {font-size: 36px;line-height: 40px;color: #2db63e }@media all and (max-width: 991px) {.hamiPointNav-title .num {font-size: 32px }}.hamiPointNav-title .icon-hami {width: 20px;height: 20px;margin-right: 4px }@media all and (max-width: 767px) {.hamiPointNav-title .icon-hami {width: 16px;height: 16px }}@media all and (max-width: 991px) {.hamiPointNav-title {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto }}.hamiPointNav-btn {height: 96px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;font-size: 16px;line-height: 24px;background-color: #fff;border: 1px solid #ededed;border-radius: 8px }@media all and (max-width: 991px) {.hamiPointNav-btn {width: 72px;height: 72px;margin-right: 8px;font-size: 12px;line-height: 20px }}@media all and (max-width: 767px) {.hamiPointNav-btn {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;width: 100%;margin-right: 10px }}@media all and (max-width: 540px) {.hamiPointNav-btn {margin-right: 8px }}.hamiPointNav-btn:hover {color: #2db63e;border-color: #2db63e }.hamiPointNav-btn .icon {display: block;width: 40px;height: 40px;margin: 0 auto 4px;-webkit-transition: all .2s;transition: all .2s }@media all and (max-width: 991px) {.hamiPointNav-btn .icon {width: 28px;height: 28px }}.hamiPointNav-btn .icon-1 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-1.svg) center center no-repeat;background-size: 100% }.hamiPointNav-btn:hover .icon-1, .hamiPointNav-btn:active .icon-1 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-1-on.svg) center center no-repeat;background-size: 100% }.hamiPointNav-btn .icon-2 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-2.svg) center center no-repeat;background-size: 100% }.hamiPointNav-btn:hover .icon-2, .hamiPointNav-btn:active .icon-2 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-2-on.svg) center center no-repeat;background-size: 100% }.hamiPointNav-btn .icon-3 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-3.svg) center center no-repeat;background-size: 100% }.hamiPointNav-btn:hover .icon-3, .hamiPointNav-btn:active .icon-3 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-3-on.svg) center center no-repeat;background-size: 100% }.hamiPointNav-btn .icon-4 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-4.svg) center center no-repeat;background-size: 100% }.hamiPointNav-btn:hover .icon-4, .hamiPointNav-btn:active .icon-4 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-4-on.svg) center center no-repeat;background-size: 100% }.hamiPointNav-btn .icon-5 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-5.svg) center center no-repeat;background-size: 100% }.hamiPointNav-btn:hover .icon-5, .hamiPointNav-btn:active .icon-5 {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-contentSide/index-contentSide-icon-5-on.svg) center center no-repeat;background-size: 100% }.hamiPointNav--login .hamiPointNav-inner {height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-bannerArea/index-hamiPointNav-login-bg.png) left top no-repeat;background-size: auto;padding: 0 12px }@media all and (max-width: 991px) {.hamiPointNav--login .hamiPointNav-inner {display: block;width: 100% }}.hamiPointNav--login .hamiPointNav-text {-webkit-box-flex: 1;-ms-flex: 1 1 100%;flex: 1 1 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center }.hamiPointNav--login .hamiPointNav-text .text span {display: block }@media all and (max-width: 991px) {.hamiPointNav--login .hamiPointNav-text {padding: 16px 36px 8px }.hamiPointNav--login .hamiPointNav-text .text {font-size: 16px;line-height: 24px }.hamiPointNav--login .hamiPointNav-text .text span {display: inline }}.hamiPointNav--login .hamiPointNav-loginbtn {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;padding: 8px 0;text-align: right;border-top: solid 1px #d4d4d4 }.hamiPointNav--login .hamiPointNav-loginbtn .btn, .hamiPointNav--login .hamiPointNav-loginbtn .btn-dialog {display: inline-block;padding: 8px 36px 8px 8px;font-size: 20px;line-height: 32px;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/icon-link-1.svg) right 6px center no-repeat }@media all and (max-width: 991px) {.hamiPointNav--login .hamiPointNav-loginbtn .btn, .hamiPointNav--login .hamiPointNav-loginbtn .btn-dialog {padding: 0 24px 0 0;font-size: 14px;line-height: 24px;background-position: right center;background-size: 24px }}@media all and (max-width: 1199px) {.bannerSwiper-main .swiper-slide {padding-right: 276px }.bannerSwiper-main .imgbox img {width: auto;max-width: unset;height: 320px }}@media all and (max-width: 991px) {.bannerSwiper-main.swiper {padding: 16px 0 15px }.bannerSwiper-main .swiper-slide, .bannerSwiper-main .pagesize, .bannerSwiper-main .contentNav-inner {padding: 0 }.bannerSwiper-main .swiper-slide {border-radius: 16px;overflow: hidden }.bannerSwiper-main .imgbox img {width: 100%;height: auto }.bannerSwiper-main .swiper-pagination {display: block;bottom: 4px }.bannerSwiper-main .swiper-pagination .swiper-pagination-bullet {-webkit-transition: all .2s;transition: all .2s }.bannerSwiper-main .swiper-pagination .swiper-pagination-bullet::after {content: "";display: block;width: 8px;height: 6px;background: rgba(0, 0, 0, 0);border-radius: 3px;-webkit-transition: background-color .2s;transition: background-color .2s }.bannerSwiper-main .swiper-pagination .swiper-pagination-bullet-active {width: 15px }.hamiPointNav {max-width: calc(100% - 32px);margin: 0 16px }}.adBanner {display: block }.adBanner img {display: block;width: 93.2%;padding: 16px 3.4%;}@media all and (max-width: 991px) {.adBanner {margin-bottom: 8px }.adBanner img {width: 91%;padding: 16px 4.5%;}}@media all and (max-width: 767px) {.adBanner {margin-bottom: 0 }.adBanner img {width: 88%;padding: 16px 6%;}}.adSlide {position: relative;padding: 32px 0 }@media all and (max-width: 991px) {.adSlide {padding: 16px 0 15px }}.adSlide .swiper {max-width: 100%;overflow-x: hidden }.adSlide .swiper-slide {width: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center }.adSlide .imgbox {border-radius: 16px }.adSlide .swiper-pagination {bottom: 4px }.adSlide .swiper-pagination .swiper-pagination-bullet {-webkit-transition: all .2s;transition: all .2s }.adSlide .swiper-pagination .swiper-pagination-bullet::after {content: "";display: block;width: 8px;height: 6px;background: rgba(0, 0, 0, 0);border-radius: 3px;-webkit-transition: background-color .2s;transition: background-color .2s }.adSlide .swiper-pagination .swiper-pagination-bullet-active {width: 18px }@media all and (max-width: 991px) {.adSlide .swiper-pagination .swiper-pagination-bullet-active {width: 15px }}.theme-none .themePromo-title .title {background-color: #fff }.theme-none .themePromo-title .subtitle, .theme-none .themePromo-item-text .text-notice, .theme-none .themePromo-item-text .recommendCard-img-text .textbox, .recommendCard-img-text .theme-none .themePromo-item-text .textbox {color: #333 }.theme-none .themePromo-title, .theme-none .themePromo-inner {background-color: #fff }.theme-none .themePromo-title .title::before {border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333 rgba(0, 0, 0, 0) }.theme-none .themePromo-title .title::after {border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) }.theme-none.themeAdCard {background-color: #fff }.theme-none.themeAdCard .themePromo-item-text::after {background-color: #fff }.theme-none .themePromo-sub {color: #333 }.themeArticle.theme-none {background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), color-stop(83.84%, rgba(255, 255, 255, 0)));background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 83.84%) }.themeArticle.theme-none::before, .themeArticle.theme-none::after {background: radial-gradient(46.96% 46.96% at 50% 50%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%) }.theme-1 .themePromo-title .title {background-color: #FF9F2D }.theme-1 .themePromo-title .subtitle, .theme-1 .themePromo-item-text .text-notice, .theme-1 .themePromo-item-text .recommendCard-img-text .textbox, .recommendCard-img-text .theme-1 .themePromo-item-text .textbox {color: #B57120 }.theme-1 .themePromo-title, .theme-1 .themePromo-inner {background-color: #FFE1BE }.theme-1 .themePromo-title .title::before {border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #B57120 rgba(0, 0, 0, 0) }.theme-1 .themePromo-title .title::after {border-color: #FF9F2D rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) }.theme-1.themeAdCard {background-color: #FFE1BE }.theme-1.themeAdCard .themePromo-item-text::after {background-color: #FF9F2D }.theme-1 .themePromo-sub {color: #B57120 }.themeArticle.theme-1 {background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 225, 190, 0.5)), color-stop(83.84%, rgba(255, 225, 190, 0)));background: linear-gradient(180deg, rgba(255, 225, 190, 0.5) 0%, rgba(255, 225, 190, 0) 83.84%) }.themeArticle.theme-1::before, .themeArticle.theme-1::after {background: radial-gradient(46.96% 46.96% at 50% 50%, rgba(255, 225, 190, 0.5) 0%, rgba(255, 225, 190, 0) 100%) }.theme-2 .themePromo-title .title {background-color: #FFBD35 }.theme-2 .themePromo-title .subtitle, .theme-2 .themePromo-item-text .text-notice, .theme-2 .themePromo-item-text .recommendCard-img-text .textbox, .recommendCard-img-text .theme-2 .themePromo-item-text .textbox {color: #B9863A }.theme-2 .themePromo-title, .theme-2 .themePromo-inner {background-color: #FFEFAF }.theme-2 .themePromo-title .title::before {border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #B9863A rgba(0, 0, 0, 0) }.theme-2 .themePromo-title .title::after {border-color: #FFBD35 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) }.theme-2.themeAdCard {background-color: #FFEFAF }.theme-2.themeAdCard .themePromo-item-text::after {background-color: #FFBD35 }.theme-2 .themePromo-sub {color: #B9863A }.themeArticle.theme-2 {background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 239, 175, 0.5)), color-stop(83.84%, rgba(255, 239, 175, 0)));background: linear-gradient(180deg, rgba(255, 239, 175, 0.5) 0%, rgba(255, 239, 175, 0) 83.84%) }.themeArticle.theme-2::before, .themeArticle.theme-2::after {background: radial-gradient(46.96% 46.96% at 50% 50%, rgba(255, 239, 175, 0.5) 0%, rgba(255, 239, 175, 0) 100%) }.theme-3 .themePromo-title .title {background-color: #168FFF }.theme-3 .themePromo-title .subtitle, .theme-3 .themePromo-item-text .text-notice, .theme-3 .themePromo-item-text .recommendCard-img-text .textbox, .recommendCard-img-text .theme-3 .themePromo-item-text .textbox {color: #1066B5 }.theme-3 .themePromo-title, .theme-3 .themePromo-inner {background-color: #B7DCFF }.theme-3 .themePromo-title .title::before {border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #1066B5 rgba(0, 0, 0, 0) }.theme-3 .themePromo-title .title::after {border-color: #168FFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) }.theme-3.themeAdCard {background-color: #B7DCFF }.theme-3.themeAdCard .themePromo-item-text::after {background-color: #168FFF }.theme-3 .themePromo-sub {color: #1066B5 }.themeArticle.theme-3 {background: -webkit-gradient(linear, left top, left bottom, from(rgba(183, 220, 255, 0.5)), color-stop(83.84%, rgba(183, 220, 255, 0)));background: linear-gradient(180deg, rgba(183, 220, 255, 0.5) 0%, rgba(183, 220, 255, 0) 83.84%) }.themeArticle.theme-3::before, .themeArticle.theme-3::after {background: radial-gradient(46.96% 46.96% at 50% 50%, rgba(183, 220, 255, 0.5) 0%, rgba(183, 220, 255, 0) 100%) }.theme-4 .themePromo-title .title {background-color: #127C2F }.theme-4 .themePromo-title .subtitle, .theme-4 .themePromo-item-text .text-notice, .theme-4 .themePromo-item-text .recommendCard-img-text .textbox, .recommendCard-img-text .theme-4 .themePromo-item-text .textbox {color: #0D5821 }.theme-4 .themePromo-title, .theme-4 .themePromo-inner {background-color: #B6D6BF }.theme-4 .themePromo-title .title::before {border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #0D5821 rgba(0, 0, 0, 0) }.theme-4 .themePromo-title .title::after {border-color: #127C2F rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) }.theme-4.themeAdCard {background-color: #B6D6BF }.theme-4.themeAdCard .themePromo-item-text::after {background-color: #127C2F }.theme-4 .themePromo-sub {color: #0D5821 }.themeArticle.theme-4 {background: -webkit-gradient(linear, left top, left bottom, from(rgba(182, 214, 191, 0.5)), color-stop(83.84%, rgba(182, 214, 191, 0)));background: linear-gradient(180deg, rgba(182, 214, 191, 0.5) 0%, rgba(182, 214, 191, 0) 83.84%) }.themeArticle.theme-4::before, .themeArticle.theme-4::after {background: radial-gradient(46.96% 46.96% at 50% 50%, rgba(182, 214, 191, 0.5) 0%, rgba(182, 214, 191, 0) 100%) }.theme-5 .themePromo-title .title {background-color: #D13A3A }.theme-5 .themePromo-title .subtitle, .theme-5 .themePromo-item-text .text-notice, .theme-5 .themePromo-item-text .recommendCard-img-text .textbox, .recommendCard-img-text .theme-5 .themePromo-item-text .textbox {color: #942929 }.theme-5 .themePromo-title, .theme-5 .themePromo-inner {background-color: #F1C2C2 }.theme-5 .themePromo-title .title::before {border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #942929 rgba(0, 0, 0, 0) }.theme-5 .themePromo-title .title::after {border-color: #D13A3A rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) }.theme-5.themeAdCard {background-color: #F1C2C2 }.theme-5.themeAdCard .themePromo-item-text::after {background-color: #D13A3A }.theme-5 .themePromo-sub {color: #942929 }.themeArticle.theme-5 {background: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 194, 194, 0.5)), color-stop(83.84%, rgba(241, 194, 194, 0)));background: linear-gradient(180deg, rgba(241, 194, 194, 0.5) 0%, rgba(241, 194, 194, 0) 83.84%) }.themeArticle.theme-5::before, .themeArticle.theme-5::after {background: radial-gradient(46.96% 46.96% at 50% 50%, rgba(241, 194, 194, 0.5) 0%, rgba(241, 194, 194, 0) 100%) }.theme-6 .themePromo-title .title {background-color: #9754F0 }.theme-6 .themePromo-title .subtitle, .theme-6 .themePromo-item-text .text-notice, .theme-6 .themePromo-item-text .recommendCard-img-text .textbox, .recommendCard-img-text .theme-6 .themePromo-item-text .textbox {color: #663CAA }.theme-6 .themePromo-title, .theme-6 .themePromo-inner {background-color: #E5DAF6 }.theme-6 .themePromo-title .title::before {border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #663CAA rgba(0, 0, 0, 0) }.theme-6 .themePromo-title .title::after {border-color: #9754F0 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) }.theme-6.themeAdCard {background-color: #E5DAF6 }.theme-6.themeAdCard .themePromo-item-text::after {background-color: #9754F0 }.theme-6 .themePromo-sub {color: #663CAA }.themeArticle.theme-6 {background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 218, 246, 0.5)), color-stop(83.84%, rgba(229, 218, 246, 0)));background: linear-gradient(180deg, rgba(229, 218, 246, 0.5) 0%, rgba(229, 218, 246, 0) 83.84%) }.themeArticle.theme-6::before, .themeArticle.theme-6::after {background: radial-gradient(46.96% 46.96% at 50% 50%, rgba(229, 218, 246, 0.5) 0%, rgba(229, 218, 246, 0) 100%) }.theme-7 .themePromo-title .title {background-color: #7789BC }.theme-7 .themePromo-title .subtitle, .theme-7 .themePromo-item-text .text-notice, .theme-7 .themePromo-item-text .recommendCard-img-text .textbox, .recommendCard-img-text .theme-7 .themePromo-item-text .textbox {color: #303F68 }.theme-7 .themePromo-title, .theme-7 .themePromo-inner {background-color: #D6DAE7 }.theme-7 .themePromo-title .title::before {border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #303F68 rgba(0, 0, 0, 0) }.theme-7 .themePromo-title .title::after {border-color: #7789BC rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) }.theme-7.themeAdCard {background-color: #D6DAE7 }.theme-7.themeAdCard .themePromo-item-text::after {background-color: #7789BC }.theme-7 .themePromo-sub {color: #303F68 }.themeArticle.theme-7 {background: -webkit-gradient(linear, left top, left bottom, from(rgba(214, 218, 231, 0.5)), color-stop(83.84%, rgba(214, 218, 231, 0)));background: linear-gradient(180deg, rgba(214, 218, 231, 0.5) 0%, rgba(214, 218, 231, 0) 83.84%) }.themeArticle.theme-7::before, .themeArticle.theme-7::after {background: radial-gradient(46.96% 46.96% at 50% 50%, rgba(214, 218, 231, 0.5) 0%, rgba(214, 218, 231, 0) 100%) }.theme-8 .themePromo-title .title {background-color: #158D8A }.theme-8 .themePromo-title .subtitle, .theme-8 .themePromo-item-text .text-notice, .theme-8 .themePromo-item-text .recommendCard-img-text .textbox, .recommendCard-img-text .theme-8 .themePromo-item-text .textbox {color: #19546F }.theme-8 .themePromo-title, .theme-8 .themePromo-inner {background-color: #B7E8E1 }.theme-8 .themePromo-title .title::before {border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #19546F rgba(0, 0, 0, 0) }.theme-8 .themePromo-title .title::after {border-color: #158D8A rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) }.theme-8.themeAdCard {background-color: #B7E8E1 }.theme-8.themeAdCard .themePromo-item-text::after {background-color: #158D8A }.theme-8 .themePromo-sub {color: #19546F }.themeArticle.theme-8 {background: -webkit-gradient(linear, left top, left bottom, from(rgba(183, 232, 225, 0.5)), color-stop(83.84%, rgba(183, 232, 225, 0)));background: linear-gradient(180deg, rgba(183, 232, 225, 0.5) 0%, rgba(183, 232, 225, 0) 83.84%) }.themeArticle.theme-8::before, .themeArticle.theme-8::after {background: radial-gradient(46.96% 46.96% at 50% 50%, rgba(183, 232, 225, 0.5) 0%, rgba(183, 232, 225, 0) 100%) }.theme-9 .themePromo-title .title {background-color: #CD6A60 }.theme-9 .themePromo-title .subtitle, .theme-9 .themePromo-item-text .text-notice, .theme-9 .themePromo-item-text .recommendCard-img-text .textbox, .recommendCard-img-text .theme-9 .themePromo-item-text .textbox {color: #9D5353 }.theme-9 .themePromo-title, .theme-9 .themePromo-inner {background-color: #FFD9C6 }.theme-9 .themePromo-title .title::before {border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #9D5353 rgba(0, 0, 0, 0) }.theme-9 .themePromo-title .title::after {border-color: #CD6A60 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) }.theme-9.themeAdCard {background-color: #FFD9C6 }.theme-9.themeAdCard .themePromo-item-text::after {background-color: #CD6A60 }.theme-9 .themePromo-sub {color: #9D5353 }.themeArticle.theme-9 {background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 217, 198, 0.5)), color-stop(83.84%, rgba(255, 217, 198, 0)));background: linear-gradient(180deg, rgba(255, 217, 198, 0.5) 0%, rgba(255, 217, 198, 0) 83.84%) }.themeArticle.theme-9::before, .themeArticle.theme-9::after {background: radial-gradient(46.96% 46.96% at 50% 50%, rgba(255, 217, 198, 0.5) 0%, rgba(255, 217, 198, 0) 100%) }.theme-10 .themePromo-title .title {background-color: #323F5C }.theme-10 .themePromo-title .subtitle, .theme-10 .themePromo-item-text .text-notice, .theme-10 .themePromo-item-text .recommendCard-img-text .textbox, .recommendCard-img-text .theme-10 .themePromo-item-text .textbox {color: #1E2536 }.theme-10 .themePromo-title, .theme-10 .themePromo-inner {background-color: #EFF5F8 }.theme-10 .themePromo-title .title::before {border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #1E2536 rgba(0, 0, 0, 0) }.theme-10 .themePromo-title .title::after {border-color: #323F5C rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) }.theme-10.themeAdCard {background-color: #EFF5F8 }.theme-10.themeAdCard .themePromo-item-text::after {background-color: #323F5C }.theme-10 .themePromo-sub {color: #1E2536 }.themeArticle.theme-10 {background: -webkit-gradient(linear, left top, left bottom, from(rgba(239, 245, 248, 0.5)), color-stop(83.84%, rgba(239, 245, 248, 0)));background: linear-gradient(180deg, rgba(239, 245, 248, 0.5) 0%, rgba(239, 245, 248, 0) 83.84%) }.themeArticle.theme-10::before, .themeArticle.theme-10::after {background: radial-gradient(46.96% 46.96% at 50% 50%, rgba(239, 245, 248, 0.5) 0%, rgba(239, 245, 248, 0) 100%) }.themePromo {padding: 28px 0 16px }@media all and (max-width: 991px) {.themePromo {padding: 16px 0 4px }}.themePromo-title {display: -webkit-box;display: -ms-flexbox;display: flex }.themePromo-title .title {position: relative;top: -12px;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 242px;padding: 8px 24px;font-weight: 500;color: #fff;border-bottom-right-radius: 16px }@media all and (max-width: 991px) {.themePromo-title .title {width: 150px;top: -8px;padding: 4px 12px }}.themePromo-title .title::before, .themePromo-title .title::after {content: "";display: block;position: absolute;top: 0 }.themePromo-title .title::before {z-index: -1;right: -0.9em;width: 0;height: 0;border-style: solid;border-width: 0 .4em .6em .4em }.themePromo-title .title::after {right: -0.6em;width: 0;height: 0;border-style: solid;border-width: 1.9em .67em 0 0 }@media all and (max-width: 991px) {.themePromo-title .title::after {right: -0.5em;border-width: 1.5em .67em 0 0 }}.themePromo-title .subtitle {position: relative;top: 8px;-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;padding-left: 16px }@media all and (max-width: 991px) {.themePromo-title .subtitle {top: 4px;padding-left: 12px }}.themePromo-inner {padding: 4px 0 8px }.themePromo-item, .themeAdCard {width: 504px }@media all and (max-width: 991px) {.themePromo-item, .themeAdCard {width: 280px }}.themePromo-item a, .themeAdCard a {-webkit-transition: opacity .2s;transition: opacity .2s }.themePromo-item a:active, .themeAdCard a:active {opacity: .6 }.themePromo-item-img {display: grid;grid-template-columns: 330px 166px;grid-template-rows: 135px 135px;grid-column-gap: 8px;grid-row-gap: 8px;margin-bottom: 8px }@media all and (max-width: 991px) {.themePromo-item-img {grid-template-columns: 184px 92px;grid-template-rows: 75px 75px;grid-column-gap: 4px;grid-row-gap: 4px }}.themePromo-item-img .main {grid-row-start: 1;grid-row-end: 3;border-radius: 8px 0px 0px 8px }.themePromo-item-img .sub-1 {border-top-right-radius: 8px }.themePromo-item-img .sub-2 {border-bottom-right-radius: 8px }.themePromo-name {display: block;font-size: 20px;line-height: 32px }@media all and (max-width: 991px) {.themePromo-name {font-size: 14px;line-height: 20px }}.themePromo .swiper-wrapper {padding-left: 24px }@media all and (max-width: 991px) {.themePromo .swiper-wrapper {padding-left: 12px }}.themePromo .swiper-slide {width: auto }.themePromo .last {width: 110px }@media all and (max-width: 991px) {.themePromo .last {width: 158px }}@media all and (max-width: 540px) {.themePromo .last {width: 70px }}.themePromo .swiper-button-prev, .themePromo .swiper-button-next {top: 94px }@media all and (max-width: 991px) {.themePromo .swiper-button-prev, .themePromo .swiper-button-next {top: 32px }}.themeAdCard {width: 100%;height: 443px;padding: 8px;border-radius: 16px }.themeAdCard .themePromo-item-img {margin-bottom: 16px;height: auto;grid-template-columns: 1fr 1fr;grid-template-rows: auto }.themeAdCard .themePromo-item-img .main {height: 176px;grid-column-start: 1;grid-column-end: 3;grid-row-start: 1;grid-row-end: 2;border-radius: 8px 8px 0px 0px }.themeAdCard .themePromo-item-img .sub-1, .themeAdCard .themePromo-item-img .sub-2 {height: 95px }.themeAdCard .themePromo-item-img .sub-1 {border-radius: 0px 0px 0px 8px }.themeAdCard .themePromo-item-text {position: relative;display: block;height: 64px;margin-bottom: 11px;padding: 0 32px 0 4px;overflow: visible }.themeAdCard .themePromo-item-text::after {content: "";display: block;width: 37px;height: 32px;position: absolute;right: -8px;top: 4px;background-image: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/icon-link-2.svg);background-size: 32px 32px;background-position: left center;background-repeat: no-repeat;border-radius: 16px 0 0 16px }.themeAdCard .themePromo-name {margin-bottom: 4px;font-size: 24px;line-height: 36px }.themeAdCard .btn-box {display: block;width: 154px;margin: 0 auto }.themeAdCard .btn, .themeAdCard .btn-dialog {display: block;padding: 8px 18px;font-weight: 500;color: #707070;border: 1px solid #707070;-webkit-transition: all .2s;transition: all .2s }.themeAdCard .btn:hover, .themeAdCard .btn-dialog:hover {background-color: rgba(112, 112, 112, .1) }.themeAdCard .btn-text {border: none }.themeAdCard .btn-text:hover {background-color: rgba(0, 0, 0, 0) }@media all and (max-width: 991px) {.themeAdCard {height: auto }.themeAdCard .themePromo-item-img {margin: 0;grid-template-columns: 2fr 1fr;grid-template-rows: 72px 72px }.themeAdCard .themePromo-item-img .main {height: auto;grid-column-start: 1;grid-column-end: 2;grid-row-start: 1;grid-row-end: 3;border-radius: 8px 0px 0px 8px }.themeAdCard .themePromo-item-img .sub-1, .themeAdCard .themePromo-item-img .sub-2 {height: 72px }.themeAdCard .themePromo-item-img .sub-1 {border-radius: 0 8px 0 0 }.themeAdCard .themePromo-item-img .sub-2 {border-radius: 0 0 8px 0 }.themeAdCard .themePromo-item-text {height: 48px;margin-bottom: 6px }.themeAdCard .themePromo-name {font-size: 16px;line-height: 24px }.themeAdCard .themePromo-sub {font-size: 14px;line-height: 20px }.themeAdCard .btn-box {display: none }}@media all and (max-width: 767px) {.themeAdCard .themePromo-item-text {height: auto;margin-bottom: 4px }.themeAdCard .themePromo-name {font-size: 14px;line-height: 20px }.themeAdCard .themePromo-sub {font-size: 12px;line-height: 16px }.themeAdCard .themePromo-item-img {grid-template-rows: 48px 48px }.themeAdCard .themePromo-item-img .sub-1, .themeAdCard .themePromo-item-img .sub-2 {height: 48px }}.themeAdCard--limit {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-bottom: 17px }@media all and (max-width: 991px) {.themeAdCard--limit {padding: 12px 8px }}.themeAdCard--limit .themePromo-item-text {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;height: auto;margin-bottom: 8px;padding-right: 4px }.themeAdCard--limit .themePromo-item-text:active {opacity: 1 }.themeAdCard--limit .themePromo-item-text::after {content: none }@media all and (max-width: 991px) {.themeAdCard--limit .themePromo-item-text {margin-bottom: 4px }}@media all and (max-width: 767px) {.themeAdCard--limit .themePromo-item-text {padding: 0 }}.themeAdCard--limit .timer {padding-top: 4px }@media all and (max-width: 991px) {.themeAdCard--limit .timer {padding-top: 2px }}@media all and (max-width: 767px) {.themeAdCard--limit .timer {padding-top: 0 }}@media all and (max-width: 374px) {.themeAdCard--limit .timer .timer-hr, .themeAdCard--limit .timer .timer-min {margin-right: 9px }.themeAdCard--limit .timer .timer-hr::before, .themeAdCard--limit .timer .timer-hr::after, .themeAdCard--limit .timer .timer-min::before, .themeAdCard--limit .timer .timer-min::after {right: -6px }}.themeAdCard--limit .themePromo-name {margin: 0 }.themeAdCard--limit .themePromo-item-img {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;grid-template-columns: 1fr;margin-bottom: 8px }.themeAdCard--limit .themePromo-item-img .main {border-radius: 8px }@media all and (max-width: 991px) {.themeAdCard--limit .themePromo-item-img {margin-bottom: 4px }}.themeAdCard--limit .themePromo-item-sub {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto }.themeAdCard--limit .nameSub {font-weight: 500;text-decoration: underline;-webkit-text-underline-position: under;-ms-text-underline-position: below;text-underline-position: under;-webkit-text-decoration-color: rgba(0, 0, 0, 0);text-decoration-color: rgba(0, 0, 0, 0);-webkit-transition: all .2s;transition: all .2s }.themeAdCard--limit .nameSub:hover {-webkit-text-decoration-color: currentcolor;text-decoration-color: currentcolor }.themeAdCard--limit .nameSub:active {opacity: .6 }@media all and (max-width: 767px) {.themeAdCard--limit .nameSub {font-size: 12px }}@media all and (max-width: 991px) {.themeAdCard--limit .text-price .num {color: #333 }.themeAdCard--limit .text-price .origin {font-size: 12px;line-height: 16px;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1) }}.themeAdCard--limit .btn, .themeAdCard--limit .btn-dialog {margin-bottom: 12px }.themeAdCard--limit .btn:nth-last-child(1), .themeAdCard--limit .btn-dialog:nth-last-child(1) {margin: 0 }.themeArticle {position: relative;padding: 16px 16px 32px }.themeArticle::before, .themeArticle::after {content: "";display: block;position: absolute;width: 228px;height: 228px;bottom: -6px }.themeArticle::before {left: -110px }.themeArticle::after {right: 0 }.themeArticle-inner {position: relative;z-index: 2;padding: 12px 16px 24px;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0)));background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);-webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.12));filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.12));border: 1px solid #fff;border-radius: 16px;-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .12);box-shadow: 0 0 3px 0 rgba(0, 0, 0, .12) }.themeArticle .title {margin-bottom: 8px;font-weight: 500 }@media all and (max-width: 991px) {.themeArticle .title {margin-bottom: 4px }}@media all and (max-width: 991px) {.themeArticle {padding: 0 0 40px;background: none }.themeArticle::before {display: none }.themeArticle::after {width: 100%;height: 133px;border-radius: 0;right: 0;bottom: -20px }.themeArticle-inner {padding: 16px 12px 24px;background: #fff;border-radius: 0 0 16px 16px;-webkit-filter: none;filter: none;-webkit-box-shadow: none;box-shadow: none }}@media all and (max-width: 767px) {.themeArticle::after {height: 113px }}.themeArticle.theme-none {background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 242, 121, 0.5)), color-stop(83.84%, rgba(212, 212, 212, 0)), color-stop(83.84%, rgba(255, 242, 121, 0)));background: linear-gradient(180deg, rgba(255, 242, 121, 0.5) 0%, rgba(212, 212, 212, 0) 83.84%, rgba(255, 242, 121, 0) 83.84%) }.themeArticle.theme-none::before, .themeArticle.theme-none::after {background: radial-gradient(46.96% 46.96% at 50% 50%, rgba(255, 242, 121, 0.5) 0%, rgba(166, 255, 165, 0) 100%) }@media all and (max-width: 991px) {.themeArticle.theme-none::before, .themeArticle.theme-none::after {width: 78vw;height: 123px;bottom: 12px }.themeArticle.theme-none::before {display: block;left: -15%;background: radial-gradient(50% 50% at 50% 50%, rgba(255, 242, 121, 0.5) 0%, rgba(255, 242, 121, 0) 100%) }.themeArticle.theme-none::after {right: -15%;background: radial-gradient(50% 50% at 50% 50%, rgba(166, 255, 165, 0.5) 0%, rgba(201, 255, 199, 0) 100%) }}@media all and (max-width: 767px) {.themeArticle.theme-none::before, .themeArticle.theme-none::after {width: 95vw;bottom: 8px }.themeArticle.theme-none::before {left: -27% }.themeArticle.theme-none::after {right: -27% }}.themeArticle-banner {margin-bottom: 12px;padding: 0 28px }.themeArticle-banner img {display: block;width: 100%;border-radius: 16px }@media all and (max-width: 991px) {.themeArticle-banner {margin-bottom: 16px;padding: 0 }}.themeArticle-brandRow {display: -webkit-box;display: -ms-flexbox;display: flex }.themeArticle-brandRow .imgbox {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 88px;height: 88px;margin-right: 12px;background-color: #fff;border: .4px solid #eaeaea;border-radius: 8px;overflow: hidden }.themeArticle-brandRow .imgbox img {-o-object-fit: contain;object-fit: contain }.themeArticle-brandRow .title {margin-bottom: 4px }.themeArticle--Bn {padding-top: 8px;padding-bottom: 16px }.themeArticle--Bn .themeArticle-banner {margin-bottom: 0 }@media all and (max-width: 991px) {.themeArticle--Bn {padding: 16px 32px }}@media all and (max-width: 767px) {.themeArticle--Bn {padding: 12px }}.hotSale.py {padding-top: 16px;padding-bottom: 16px }.hotSale-inner {padding: 0 0 12px }.hotSale .swiper {padding: 0 16px }.hotSale .swiper-slide {width: auto }.hotSale .btn-slideMore {height: 318px }@media all and (max-width: 991px) {.hotSale .btn-slideMore {height: 206px }}@media all and (max-width: 767px) {.hotSale .btn-slideMore {height: 180px }}.hotSale-item, .themeTicket-item {position: relative;display: block;width: 224px;padding-left: 6px;font-size: 20px;line-height: 32px;color: #707070 }@media all and (max-width: 991px) {.hotSale-item, .themeTicket-item {width: 148px;padding-left: 4px;font-size: 14px;line-height: 20px }}@media all and (max-width: 767px) {.hotSale-item, .themeTicket-item {width: 124px }}.hotSale-item .imgbox, .themeTicket-item .imgbox {width: 216px;height: 164px;overflow: hidden;border-radius: 8px;margin-bottom: 8px }@media all and (max-width: 991px) {.hotSale-item .imgbox, .themeTicket-item .imgbox {width: 144px;height: 110px;margin-bottom: 6px }}@media all and (max-width: 767px) {.hotSale-item .imgbox, .themeTicket-item .imgbox {width: 120px;height: 92px }}@media all and (max-width: 767px) {.hotSale-item .prodBox-name, .hotSale-item .brandName-name, .hotSale-item .themePromo-name, .themeTicket-item .prodBox-name, .themeTicket-item .brandName-name, .themeTicket-item .themePromo-name {font-size: 12px;line-height: 20px }}.hotSale-item .text-price, .themeTicket-item .text-price {margin-bottom: 16px }@media all and (max-width: 991px) {.hotSale-item .text-price, .themeTicket-item .text-price {margin-bottom: 8px }}@media all and (max-width: 991px) {.hotSale-item .text-point, .themeTicket-item .text-point {background-size: 15px }}@media all and (max-width: 767px) {.hotSale-item .text-point, .themeTicket-item .text-point {font-size: 12px;line-height: 1.6em;background-size: 1.2em;-webkit-transform: scale(0.833);-ms-transform: scale(0.833);transform: scale(0.833);-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center }}.hotSale-item.type--border .name {color: #333;font-weight: 500 }.hotSale-item.type--border .hotSale-chip+.imgbox {border: solid 2px #818181 }.hotSale-item.type--border .chip-1+.imgbox {border: solid 2px #f8d774 }.hotSale-item.type--border .chip-2+.imgbox {border: solid 2px #c7c4cd }.hotSale-item.type--border .chip-3+.imgbox {border: solid 2px #be937a }.columnArea--limited .columnBox-main {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;max-width: calc(100% - 432px) }.columnArea--limited .columnBox-sub {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 432px }@media all and (max-width: 991px) {.columnArea--limited .columnBox {width: 100%;max-width: 100% }}.title-limitedSale {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 52px;color: #fff }.title-limitedSale h2 {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;font-weight: 500 }.title-limitedSale .btn-more, .title-limitedSale .btn-more--white, .title-limitedSale .btn-more--primary {margin-left: 12px }@media all and (max-width: 991px) {.title-limitedSale {height: 44px }.title-limitedSale .btn-more, .title-limitedSale .btn-more--white, .title-limitedSale .btn-more--primary {margin-left: 12px }}@media all and (max-width: 767px) {.title-limitedSale .btn-more, .title-limitedSale .btn-more--white, .title-limitedSale .btn-more--primary {margin-left: 30px }}@media all and (max-width: 374px) {.title-limitedSale .btn-more, .title-limitedSale .btn-more--white, .title-limitedSale .btn-more--primary {margin-left: 2px }}.limitedHot, .limitedBrand {height: 338px }@media all and (max-width: 991px) {.limitedHot, .limitedBrand {height: auto }}.limitedHot {position: relative;padding: 0 4px 4px;background: #84c67c;border-radius: 16px }.limitedHot::after {content: "";display: block;width: 90px;height: 64px;position: absolute;top: 0;left: 0;z-index: 10;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-limitedHot/index-limitedHot-deco.png) left top no-repeat;background-size: 100% }.limitedHot-inner {padding: 12px 0;background: #f9f9f9;border-radius: 12px }.limitedHot .title-limitedSale {padding-left: 93px }@media all and (max-width: 991px) {.limitedHot .title-limitedSale {padding-left: 68px }}@media all and (max-width: 767px) {.limitedHot .title-limitedSale {padding-right: 4px }}@media all and (max-width: 374px) {.limitedHot .title-limitedSale {padding-right: 0 }}.limitedHot .swiper {padding: 0 12px }.limitedHot .swiper-slide {width: auto }.limitedHot .swiper-button-prev, .limitedHot .swiper-button-next {top: 60px }.limitedHot .btn-slideMore {height: 194px }@media all and (max-width: 991px) {.limitedHot .btn-slideMore {height: 192px }}@media all and (max-width: 767px) {.limitedHot .btn-slideMore {height: 168px }}.limitedItem {display: block;max-width: 237px;color: #707070 }@media all and (max-width: 991px) {.limitedItem {width: 172px }}@media all and (max-width: 767px) {.limitedItem {width: 144px }}.limitedItem .limitedTag {text-align: center;font-size: 20px;line-height: 32px;font-weight: 500 }@media all and (max-width: 991px) {.limitedItem .limitedTag {font-size: 14px;line-height: 20px }}@media all and (max-width: 767px) {.limitedItem .limitedTag {line-height: 16px }.limitedItem .limitedTag span {display: inline-block;font-size: 12px;line-height: 1.6em;-webkit-transform: scale(0.833);-ms-transform: scale(0.833);transform: scale(0.833);-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center }}.limitedItem .limitedTag-limit {color: #ef5a5a;background: #ffc7c7 }.limitedItem .limitedTag-hot {color: #494949;background: #add9a7 }.limitedItem .prodBox-name, .limitedItem .brandName-name, .limitedItem .themePromo-name {font-weight: 500 }@media all and (max-width: 991px) {.limitedItem .prodBox-name, .limitedItem .brandName-name, .limitedItem .themePromo-name {font-size: 14px;line-height: 20px }}@media all and (max-width: 767px) {.limitedItem .prodBox-name, .limitedItem .brandName-name, .limitedItem .themePromo-name {font-size: 12px;line-height: 20px }}.limitedItem-img {margin-bottom: 8px;border-radius: 8px;overflow: hidden }.limitedItem-img .imgbox {width: 237px;height: 162px;overflow: hidden }@media all and (max-width: 991px) {.limitedItem-img .imgbox {width: 172px;height: 120px }}@media all and (max-width: 767px) {.limitedItem-img .imgbox {width: 144px;height: 100px }}.limitedBrand {border-radius: 16px }.limitedBrand-inner {position: relative;overflow: hidden;padding: 8px;background: rgba(0, 0, 0, .2);border-radius: 12px }@media all and (max-width: 991px) {.limitedBrand-inner {padding: 20px }}@media all and (max-width: 767px) {.limitedBrand-inner {padding: 8px }}.limitedBrand-foot {padding: 15px 8px;text-align: center;color: #fff;font-weight: 500 }@media all and (max-width: 991px) {.limitedBrand-foot {padding: 4px 4px 12px 4px }}.limitedBrand .title-limitedSale {padding: 0 16px }@media all and (max-width: 991px) {.limitedBrand .title-limitedSale {padding-left: 20px }}.limitedBrand .swiper-slide {width: auto }.limitedBrand .swiper-button-prev, .limitedBrand .swiper-button-next {top: 64px }@media all and (max-width: 991px) {.limitedBrand .swiper-button-prev, .limitedBrand .swiper-button-next {display: none }}.limitedBrand-inner:hover .swiper-button-prev {left: 0 }.limitedBrand-inner:hover .swiper-button-next {right: 0 }.limitedBrandItem {display: block;width: 131px;height: 208px;background-color: #fff;border-radius: 8px;overflow: hidden }@media all and (max-width: 991px) {.limitedBrandItem {width: 100%;height: auto }}.limitedBrandItem-inner {padding: 8px 4px }@media all and (max-width: 991px) {.limitedBrandItem-inner {padding-bottom: 4px }}.limitedBrandItem .imgbox {width: 131px;height: 100px;overflow: hidden }@media all and (max-width: 991px) {.limitedBrandItem .imgbox {width: 100%;height: 0;position: relative;padding-top: 65% }.limitedBrandItem .imgbox img {position: absolute;top: 50%;left: 50%;width: 100%;-webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%) }}.limitedBrandItem .name {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 48px;margin-bottom: 12px;color: #707070 }@media all and (max-width: 991px) {.limitedBrandItem .name {margin-bottom: 8px;font-size: 14px;line-height: 20px;height: 40px }}@media all and (max-width: 767px) {.limitedBrandItem .name {font-size: 12px;line-height: 16px;height: 32px }}.limitedBrandItem .point {font-size: 20px;line-height: 32px;color: #2db63e }.limitedBrandItem .point .icon-hami {width: 24px;height: 24px;background-size: 18px;vertical-align: text-bottom }@media all and (max-width: 991px) {.limitedBrandItem .point {font-size: 14px;line-height: 20px }.limitedBrandItem .point .icon-hami {width: 20px;height: 20px;background-size: 15px }}@media all and (max-width: 991px) {.limitedBrandItem:hover .imgbox img {-webkit-transform: translateX(-50%) translateY(-50%) scale(1.1);-ms-transform: translateX(-50%) translateY(-50%) scale(1.1);transform: translateX(-50%) translateY(-50%) scale(1.1) }}.brandList {padding-bottom: 12px }.brandList-inner {-ms-touch-action:pan-x;touch-action:pan-x;overflow: hidden;padding: 16px 0 12px;background-color: #fff;-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, .15);box-shadow: 0px 0px 4px rgba(0, 0, 0, .15) }.brandList .swiper-wrapper {-webkit-transition-timing-function: linear;transition-timing-function: linear }.brandList .swiper-slide {width: auto }@media all and (max-width: 991px) {.brandList-inner {padding: 8px 0 4px }}@media all and (max-width: 767px) {.brandList {padding-bottom: 8px }}.brandList-marquee .brandList-box {display: -webkit-box;display: -ms-flexbox;display: flex }.brandList-marquee .box-1 {margin-bottom: 7px }.brandList-marquee .box-2 {display: none }.brandList-marquee .brandList-item {margin-right: 12px }@media all and (max-width: 991px) {.brandList-marquee .box-2 {display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;right: 78px }}.brandList-item {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 152px }.brandList-item .imgbox {width: 100%;height: 64px;margin-bottom: 4px;border-radius: 8px;overflow: hidden;-webkit-transition: initial;transition: initial }.brandList-item .imgbox img {-webkit-transform: none;-ms-transform: none;transform: none }.brandList-item .brandList-name {text-align: center }@media all and (max-width: 991px) {.brandList-item .imgbox {margin-bottom: 0 }.brandList-item .brandList-name {font-size: 14px;line-height: 20px }}@media all and (max-width: 767px) {.brandList-item {width: 130px }.brandList-item .imgbox {height: 54px }.brandList-item .brandList-name {font-size: 12px;line-height: 20px }}.indexCatalog {padding-bottom: 12px }.indexCatalog-inner {padding: 16px 0;background-color: #fff }@media all and (max-width: 991px) {.indexCatalog-inner {padding: 8px 0 }}.indexCatalog .swiper-wrapper {padding: 0 8px }.indexCatalog .swiper-slide {width: auto }.indexCatalog .swiper-slide:nth-last-child(1) .indexCatalog-link {border: none }.indexCatalog-link {display: block;width: 114px;height: 92px;padding-top: 60px;text-align: center;font-size: 20px;line-height: 32px;border-right: solid 1px #d4d4d4 }@media all and (max-width: 991px) {.indexCatalog-link {width: 84px;height: 80px;font-size: 14px;line-height: 20px }}.indexCatalog-link:hover .name {font-weight: 500 }.indexCatalog-link.icon-all {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-indexCatalog/index-catalog-all.svg) top center no-repeat;background-size: 56px }@media all and (max-width: 991px) {.indexCatalog-link.icon-all {background-size: 36px;background-position: top 10px center }}.indexCatalog-link.icon-3c {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-indexCatalog/index-catalog-3c.svg) top center no-repeat;background-size: 56px }@media all and (max-width: 991px) {.indexCatalog-link.icon-3c {background-size: 36px;background-position: top 10px center }}.indexCatalog-link.icon-appliance {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-indexCatalog/index-catalog-appliance.svg) top center no-repeat;background-size: 56px }@media all and (max-width: 991px) {.indexCatalog-link.icon-appliance {background-size: 36px;background-position: top 10px center }}.indexCatalog-link.icon-baby {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-indexCatalog/index-catalog-baby.svg) top center no-repeat;background-size: 56px }@media all and (max-width: 991px) {.indexCatalog-link.icon-baby {background-size: 36px;background-position: top 10px center }}.indexCatalog-link.icon-computer {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-indexCatalog/index-catalog-computer.svg) top center no-repeat;background-size: 56px }@media all and (max-width: 991px) {.indexCatalog-link.icon-computer {background-size: 36px;background-position: top 10px center }}.indexCatalog-link.icon-daily {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-indexCatalog/index-catalog-daily.svg) top center no-repeat;background-size: 56px }@media all and (max-width: 991px) {.indexCatalog-link.icon-daily {background-size: 36px;background-position: top 10px center }}.indexCatalog-link.icon-food {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-indexCatalog/index-catalog-food.svg) top center no-repeat;background-size: 56px }@media all and (max-width: 991px) {.indexCatalog-link.icon-food {background-size: 36px;background-position: top 10px center }}.indexCatalog-link.icon-makeup {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-indexCatalog/index-catalog-makeup.svg) top center no-repeat;background-size: 56px }@media all and (max-width: 991px) {.indexCatalog-link.icon-makeup {background-size: 36px;background-position: top 10px center }}.indexCatalog-link.icon-phone {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-indexCatalog/index-catalog-phone.svg) top center no-repeat;background-size: 56px }@media all and (max-width: 991px) {.indexCatalog-link.icon-phone {background-size: 36px;background-position: top 10px center }}.indexCatalog-link.icon-ticket {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-indexCatalog/index-catalog-ticket.svg) top center no-repeat;background-size: 56px }@media all and (max-width: 991px) {.indexCatalog-link.icon-ticket {background-size: 36px;background-position: top 10px center }}.indexCatalog-link.icon-health {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-indexCatalog/index-catalog-health.svg) top center no-repeat;background-size: 56px }@media all and (max-width: 991px) {.indexCatalog-link.icon-health {background-size: 36px;background-position: top 10px center }}.columnArea--promo .columnBox-main {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 440px }.columnArea--promo .columnBox-main h2 {padding-left: 4px }.columnArea--promo .columnBox-sub {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;max-width: calc(100% - 440px) }.columnArea--promo .columnBox-sub h2 {padding-left: 0 }@media all and (max-width: 991px) {.columnArea--promo .columnBox {width: 100%;max-width: 100% }.columnArea--promo .columnBox-sub h2 {padding-left: 4px }}@media all and (max-width: 991px) {.promoTicket .indexTitle {display: none }}.promoTicketItem {display: -webkit-box;display: -ms-flexbox;display: flex;height: 110px }.promoTicketItem-main {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;position: relative;padding: 19px 0 0 60px;text-align: center;font-weight: 500;background: #ffbd35;border-radius: 16px 0 0 16px }.promoTicketItem-main::before, .promoTicketItem-main::after {content: "";display: block;position: absolute;width: 90px;height: 48px;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-promoTicket/index-promoTicket-deco.svg);background-size: 100% 100%;-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center }.promoTicketItem-main::before {top: 0px;left: 11px;-webkit-transform: rotate(34.37deg);-ms-transform: rotate(34.37deg);transform: rotate(34.37deg) }.promoTicketItem-main::after {bottom: 15px;left: -13px;-webkit-transform: rotate(70.44deg);-ms-transform: rotate(70.44deg);transform: rotate(70.44deg) }@media all and (max-width: 991px) {.promoTicketItem {height: 86px }.promoTicketItem-main {padding: 16px 0 0 160px;text-align: left }.promoTicketItem-main::before, .promoTicketItem-main::after {width: 77px;height: 42px }.promoTicketItem-main::before {left: 45px }.promoTicketItem-main::after {bottom: 11px;left: 22px }}@media all and (max-width: 767px) {.promoTicketItem {height: 72px }.promoTicketItem-main {padding: 12px 0 0 100px;text-align: left }.promoTicketItem-main::before, .promoTicketItem-main::after {width: 64px;height: 35px }.promoTicketItem-main::before {top: -1px;left: 25px }.promoTicketItem-main::after {bottom: 7px;left: 5px }}@media all and (max-width: 374px) {.promoTicketItem-main {padding-left: 70px }.promoTicketItem-main::before {left: -5px }.promoTicketItem-main::after {bottom: 0;left: -10px }}.promoTicketItem .name {margin-bottom: 8px;font-size: 24px;line-height: 36px;color: #000 }@media all and (max-width: 991px) {.promoTicketItem .name {margin-bottom: 0;font-size: 20px;line-height: 28px }}@media all and (max-width: 767px) {.promoTicketItem .name {font-size: 16px;line-height: 24px }}.promoTicketItem .sub {font-size: 20px;line-height: 32px;color: #fff }@media all and (max-width: 991px) {.promoTicketItem .sub {font-size: 16px;line-height: 24px }}@media all and (max-width: 767px) {.promoTicketItem .sub {font-size: 14px;line-height: 20px }}.promoTicketItem-goto {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 126px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-promoTicket/index-promoTicket-bg.png);background-size: 100% 100% }.promoTicketItem-goto .icon {width: 28px;height: 28px;margin-left: 13px;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-slideMore.svg) center center no-repeat }@media all and (max-width: 991px) {.promoTicketItem-goto {width: 94px }}@media all and (max-width: 767px) {.promoTicketItem-goto {width: 88px }}.quickLink{padding:8px 6px;display:grid;grid-template-columns:repeat(4, 1fr) }.quickLink-inner{padding:8px 16px 8px 12px;overflow:hidden;color:#fff }@media all and (max-width: 991px){.quickLink{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:8px 4px }.quickLink-inner{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:108px;padding:8px 6px 8px 8px }}@media all and (max-width: 767px){.quickLink{padding:8px 3px }.quickLink-inner{width:92px;padding:8px 6px }}.quickLink-link{position:relative;display:block }.quickLink-link-text{position:relative;height:90px;padding-top:26px;border-radius:12px 32px 12px 12px;overflow:hidden;text-align:center }.quickLink-link-text::before{content:"";display:block;width:99px;height:99px;position:absolute;top:-36px;left:-45px;border-radius:50%;background:rgba(255,255,255,.1) }.quickLink-link .name{position:relative;z-index:3;font-size:20px;line-height:32px }.quickLink-link .tag{position:absolute;top:8px;right:-16px;z-index:3;padding:3px 11px;font-size:14px;line-height:20px;color:#fff;background:#ef5a5a;border:solid 1px #fff;border-radius:14px }.quickLink-link .icon{display:block;position:absolute }@media all and (max-width: 991px){.quickLink-link-text{height:98px;padding-top:30px }.quickLink-link-text::before{width:77px;height:77px;left:-25px;top:-13px }.quickLink-link .name{font-size:16px;line-height:24px }.quickLink-link .tag{top:4px;right:-6px;padding:0px 8px }}@media all and (max-width: 767px){.quickLink-link-text{height:82px;padding-top:26px }.quickLink-link .name{font-size:14px;line-height:20px }.quickLink-link .tag{font-size:12px;line-height:1.6em;-webkit-transform:scale(0.833);-ms-transform:scale(0.833);transform:scale(0.833);-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right }}@media all and (max-width: 374px){.quickLink-link .name{font-size:12px }}.quickLink-link.type-gift .quickLink-link-text{background:-webkit-gradient(linear, left top, left bottom, from(#FFB7AF), to(#E46E61));background:linear-gradient(180deg, #FFB7AF 0%, #E46E61 100%);-webkit-box-shadow:0px 4px 4px rgba(231,115,102,.25);box-shadow:0px 4px 4px rgba(231,115,102,.25) }.quickLink-link.type-gift .icon{width:52px;height:48px;left:8px;bottom:-14px;background:url(../images/index-quickLink/index-quickLink-gift.svg);background-size:100% }@media all and (max-width: 991px){.quickLink-link.type-gift .icon{width:46px;height:44px;left:4px;bottom:-5px }}@media all and (max-width: 767px){.quickLink-link.type-gift .icon{width:38px;height:37px;left:3px;bottom:-6px }}.quickLink-link.type-buy .quickLink-link-text{background:-webkit-gradient(linear, left top, left bottom, from(#FFE1BE), to(#FFA437));background:linear-gradient(180deg, #FFE1BE 0%, #FFA437 100%);-webkit-box-shadow:0px 4px 4px rgba(255,169,64,.25);box-shadow:0px 4px 4px rgba(255,169,64,.25) }.quickLink-link.type-buy .icon{width:41px;height:50px;left:14px;bottom:-19px;background:url(../images/index-quickLink/index-quickLink-buy.svg);background-size:100% }@media all and (max-width: 991px){.quickLink-link.type-buy .icon{width:36px;height:44px;left:7px;bottom:-4px }}@media all and (max-width: 767px){.quickLink-link.type-buy .icon{width:30px;height:36px;left:7px;bottom:-7px }}.quickLink-link.type-vip .quickLink-link-text{background:linear-gradient(157.84deg, #E6BC8E 14.47%, #B38A57 100%);-webkit-box-shadow:0px 4px 4px rgba(186,145,95,.25);box-shadow:0px 4px 4px rgba(186,145,95,.25) }.quickLink-link.type-vip .icon{width:58px;height:43px;left:4px;bottom:-8px;background:url(../images/index-quickLink/index-quickLink-vip.svg);background-size:100% }@media all and (max-width: 991px){.quickLink-link.type-vip .icon{width:51px;height:38px;left:1px;bottom:-3px }}@media all and (max-width: 767px){.quickLink-link.type-vip .icon{width:38px;height:22px;bottom:0 }}.quickLink-link.type-valentine .quickLink-link-text{background:#f1f3f4;-webkit-box-shadow:0px 4px 4px rgba(201,203,204,.25);box-shadow:0px 4px 4px rgba(201,203,204,.25);color:#333 }.quickLink-link.type-valentine .icon{width:100%;height:32px;bottom:0;background:#f1f3f4 url(../images/index-quickLink/index-quickLink-valentine.jpg) center bottom no-repeat;background-size:110% auto }@media all and (max-width: 991px){.quickLink-link.type-valentine .icon{height:100%;background:#f1f3f4 url(../images/index-quickLink/index-quickLink-valentine-m.jpg) center bottom no-repeat;background-size:contain }}@media all and (max-width: 767px){.quickLink-link.type-valentine .icon{height:44px;background-position:right bottom }}.quickLink-link.type-mother .quickLink-link-text{background:#e7a1a9;-webkit-box-shadow:0px 4px 4px rgba(231,161,169,.25);box-shadow:0px 4px 4px rgba(231,161,169,.25) }.quickLink-link.type-mother .quickLink-link-text::before{z-index:2 }.quickLink-link.type-mother .icon{width:100%;height:36px;bottom:0;background:url(../images/index-quickLink/index-quickLink-mother.jpg) left bottom no-repeat;background-size:contain }.quickLink-link.type-brand .quickLink-link-text{overflow:hidden }.quickLink-link.type-brand .imgbox{display:block;height:32px }.quickLink-link.type-brand .imgbox img{display:inline;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center }@media all and (max-width: 991px){.quickLink-link.type-brand .imgbox{height:44px }}@media all and (max-width: 767px){.quickLink-link.type-brand .imgbox{height:32px }}.indexRecommend .JS_grid {width: 100% !important }.indexRecommend .JS_grid-sizer, .indexRecommend .JS_grid-item {width: 25% }.indexRecommend .JS_grid-item {padding: 0 6px 12px }.indexRecommend .JS_gutter-sizer {width: 12px }@media all and (max-width: 991px) {.indexRecommend .JS_grid-sizer, .indexRecommend .JS_grid-item {width: 33.33% }.indexRecommend .JS_grid-item {padding: 0 4px 8px }}@media all and (max-width: 767px) {.indexRecommend .JS_grid-sizer, .indexRecommend .JS_grid-item {width: 50% }}.indexRecommend-bg {position: relative;background-color: #f9f9f9 }.indexRecommend-bg::before {content: "";display: block;width: 100%;height: 400px;position: absolute;top: 0;left: 0;background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F9F9F9));background: linear-gradient(to bottom, #FFFFFF 0%, #F9F9F9 100%) }.indexRecommend-inner {position: relative;z-index: 2;padding: 20px 8px }@media all and (max-width: 991px) {.indexRecommend-inner {padding: 12px 8px 20px }}.btn-love {display: block;width: 36px;height: 36px;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/btn-love.svg) center center no-repeat;background-size: 100% }.btn-love:hover {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/btn-love-hover.svg) center center no-repeat;background-size: 100% }.btn-love.on {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/btn-love-on.svg) center center no-repeat;background-size: 100% }.recommendCard {background-color: #fff;width: 100%;-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, .08);box-shadow: 0px 0px 2px rgba(0, 0, 0, .08);border-radius: 16px;-webkit-transition: -webkit-box-shadow .2s;transition: -webkit-box-shadow .2s;transition: box-shadow .2s;transition: box-shadow .2s, -webkit-box-shadow .2s }.recommendCard:hover {-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, .16);box-shadow: 0px 0px 8px rgba(0, 0, 0, .16) }.recommendCard:hover .swiper-slide-next img {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1) }.recommendCard:active {opacity: 1 }.recommendCard-inner {height: 186px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column }@media all and (max-width: 991px) {.recommendCard-inner {height: auto }}.recommendCard-img {position: relative;padding: 4px }.recommendCard-img .imgbox {display: block;position: relative;padding-top: 69.5% }.recommendCard-img .imgbox img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;-o-object-position: center;object-position: center }.recommendCard-img .btn-love {position: absolute;bottom: 4px;left: 4px;z-index: 20;opacity: 0;-webkit-transition: opacity .2s;transition: opacity .2s }.recommendCard-img:hover .btn-love {opacity: 1 }.recommendCard-img.btn--show .btn-love {opacity: 1 }.recommendCard-img-inner {border-radius: 12px;overflow: hidden }.recommendCard-img-text {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .35);border-radius: 12px }.recommendCard-img-text .textbox {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 64px;height: 64px;background: #fff;border-radius: 32px;padding: 12px 0;text-align: center;font-weight: 500 }.recommendCard-img-text .textbox span {display: block }.recommendCard-img .swiper-button-prev, .recommendCard-img .swiper-button-next {width: 28px;height: 60px;top: calc(50% - 30px);background-size: 28px }.recommendCard-img .swiper-pagination {line-height: 6px;top: auto;bottom: -6px;left: 0;opacity: 0 }.recommendCard-img .swiper-pagination .swiper-pagination-bullet {margin: 0 2px 0 0 }.recommendCard-img:hover .swiper-pagination {opacity: 1 }@media all and (max-width: 991px) {.recommendCard-img .recommendCard-img-inner {border-radius: 8px }.recommendCard-img-text {border-radius: 8px }.recommendCard-img-text .textbox {width: 48px;height: 48px;padding: 8px 0;font-size: 12px;line-height: 16px }.recommendCard-img .btn-love {display: none }.recommendCard-img:hover .swiper-pagination {opacity: 0 }}@media all and (max-width: 767px) {.recommendCard-img {padding-bottom: 2px }.recommendCard-img .imgbox {padding-top: 68.9% }}.recommendCard-link {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 10px 8px 20px }.recommendCard-link .name {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-box-sizing: border-box;box-sizing: border-box;text-decoration: underline;-webkit-text-underline-position: under;-ms-text-underline-position: below;text-underline-position: under;-webkit-text-decoration-color: rgba(0, 0, 0, 0);text-decoration-color: rgba(0, 0, 0, 0);-webkit-transition: all .2s;transition: all .2s;font-weight: 500 }.recommendCard-link:hover .name {-webkit-text-decoration-color: currentcolor;text-decoration-color: currentcolor }.recommendCard-link .notice-store {color: #b7b7b7 }.recommendCard-link .text-notice, .recommendCard-link .recommendCard-img-text .textbox, .recommendCard-img-text .recommendCard-link .textbox {color: #959595 }@media all and (max-width: 991px) {.recommendCard-link {padding: 0 8px 16px }.recommendCard-link .name {font-size: 14px;line-height: 20px }.recommendCard-link .notice-store, .recommendCard-link .text-notice, .recommendCard-link .recommendCard-img-text .textbox, .recommendCard-img-text .recommendCard-link .textbox {font-size: 14px;line-height: 20px }}@media all and (max-width: 767px) {.recommendCard-link {padding-bottom: 16px }.recommendCard-link .name {font-size: 12px }.recommendCard-link .notice-store {height: 13px;font-size: 12px;line-height: 14px;-webkit-transform: scale(0.833);-ms-transform: scale(0.833);transform: scale(0.833);-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center }.recommendCard-link .text-notice, .recommendCard-link .recommendCard-img-text .textbox, .recommendCard-img-text .recommendCard-link .textbox {height: 15px;font-size: 12px;line-height: 1.6em;-webkit-transform: scale(0.833);-ms-transform: scale(0.833);transform: scale(0.833);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top }}.recommendCard-sub {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;position: relative;padding: 0 8px 8px }.recommendCard-sub .text-point {padding-left: 20px;font-size: 14px;line-height: 20px;background-size: 15px }.recommendCard-sub .btn-love {display: none;position: absolute;right: 8px;bottom: 4px;width: 28px;height: 28px }.recommendCard-sub .btn-box {display: none;position: absolute;right: 0;bottom: 12px }.recommendCard-sub .btn-box a {margin-left: 12px }.recommendCard-sub .text--off {padding: 10px 12px;color: #707070 }@media all and (max-width: 991px) {.recommendCard-sub {padding: 4px 8px 4px }.recommendCard-sub .btn-love {display: block }}@media all and (max-width: 767px) {.recommendCard-sub {padding-top: 0 }.recommendCard-sub .text-price {height: 20px }.recommendCard-sub .text-point {padding-left: 16px;font-size: 12px;line-height: 20px;background-size: 12px;background-position: left 2px center }}.recommendCard-tag {display: -webkit-box;display: -ms-flexbox;display: flex }.recommendCard-tag .tag {margin-right: 2px;padding: 0 4px;font-size: 14px;line-height: 24px;font-weight: 500;color: #fff;border-radius: 2px }@media all and (max-width: 991px) {.recommendCard-tag .tag {font-size: 12px }}@media all and (max-width: 767px) {.recommendCard-tag {height: 24px;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;margin-bottom: -8px }.recommendCard-tag .tag {margin-right: 3px;white-space: nowrap;font-size: 12px;line-height: 24px;font-weight: 400 }}.recommendCard-tag .tag-1 {background-color: #cb88ff }.recommendCard-tag .tag-2 {background-color: #ff7b7b }.recommendCard-tag .tag-3 {background-color: #84c67c }.recommendCard-promo {position: relative;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;height: 44px;font-size: 14px;line-height: 20px;color: #959595 }.recommendCard-promo-list::after {content: "";display: block;height: 1px;position: absolute;top: 0;left: 8px;right: 8px;background: #d9d9d9 }.recommendCard-promo-list li::after {content: "" }@media all and (min-width: 992px) {.recommendCard-promo {white-space: nowrap;padding: 12px 0 12px 8px;overflow: hidden }.recommendCard-promo li {display: inline }.recommendCard-promo li::after {content: "、" }.recommendCard-promo li:nth-last-child(1)::after {content: none }}@media all and (max-width: 991px) {.recommendCard-promo {height: auto;white-space: normal;padding: 4px 8px 16px }.recommendCard-promo li {position: relative;display: block;margin-bottom: 2px;padding-left: 30px }.recommendCard-promo li:nth-last-child(1) {position: relative;margin-bottom: 0 }.recommendCard-promo li::after, .recommendCard-promo li:nth-last-child(1)::after {content: "";display: block;width: 6px;height: 6px;position: absolute;top: 8px;left: 15px;background-color: #959595;border-radius: 3px }}@media all and (max-width: 767px) {.recommendCard-promo {font-size: 12px }.recommendCard-promo li {margin-bottom: 2px;padding-left: 20px }.recommendCard-promo li::after, .recommendCard-promo li:nth-last-child(1)::after {left: 6px }}.recommendCard-below {display: none }.resultCardList .recommendCard-sub .btn-love {display: none }@media all and (max-width: 991px) {.resultCardList .recommendCard-sub .btn-love {display: block }}.recommendCard.type-list, .recommendCard.type-hot {background-color: #fff;border-radius: 0;border-bottom: solid 1px #d9d9d9 }.recommendCard.type-list:nth-last-child(1), .recommendCard.type-hot:nth-last-child(1) {border-bottom: 0 }.recommendCard.type-list:hover, .recommendCard.type-hot:hover {position: relative;z-index: 2 }.recommendCard.type-list .recommendCard-area, .recommendCard.type-hot .recommendCard-area {padding: 12px 24px }.recommendCard.type-list .recommendCard-main, .recommendCard.type-hot .recommendCard-main {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;position: relative }.recommendCard.type-list .recommendCard-main .hotSale-chip, .recommendCard.type-hot .recommendCard-main .hotSale-chip {left: -4px }.recommendCard.type-list .recommendCard-img, .recommendCard.type-hot .recommendCard-img {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;padding: 0;border-radius: 16px }.recommendCard.type-list .recommendCard-img .imgbox, .recommendCard.type-hot .recommendCard-img .imgbox {width: 216px;height: 216px;padding: 0 }.recommendCard.type-list .recommendCard-img .btn-love, .recommendCard.type-hot .recommendCard-img .btn-love {display: none }.recommendCard.type-list .recommendCard-inner, .recommendCard.type-hot .recommendCard-inner {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;height: 216px;padding: 0 0 0 16px }.recommendCard.type-list .recommendCard-inner .recommendCard-link, .recommendCard.type-list .recommendCard-inner .recommendCard-sub, .recommendCard.type-hot .recommendCard-inner .recommendCard-link, .recommendCard.type-hot .recommendCard-inner .recommendCard-sub {padding-left: 0;padding-right: 0 }.recommendCard.type-list .recommendCard-inner .recommendCard-link, .recommendCard.type-hot .recommendCard-inner .recommendCard-link {padding-top: 0 }.recommendCard.type-list .recommendCard-inner .name, .recommendCard.type-hot .recommendCard-inner .name {font-size: 20px;line-height: 32px }.recommendCard.type-list .recommendCard-inner .notice-store, .recommendCard.type-list .recommendCard-inner .text-notice, .recommendCard.type-list .recommendCard-inner .recommendCard-img-text .textbox, .recommendCard-img-text .recommendCard.type-list .recommendCard-inner .textbox, .recommendCard.type-hot .recommendCard-inner .notice-store, .recommendCard.type-hot .recommendCard-inner .text-notice, .recommendCard.type-hot .recommendCard-inner .recommendCard-img-text .textbox, .recommendCard-img-text .recommendCard.type-hot .recommendCard-inner .textbox {display: none }.recommendCard.type-list .recommendCard-inner .recommendCard-tag, .recommendCard.type-hot .recommendCard-inner .recommendCard-tag {margin-bottom: 8px }.recommendCard.type-list .recommendCard-inner .text-price, .recommendCard.type-hot .recommendCard-inner .text-price {margin-bottom: 4px }.recommendCard.type-list .recommendCard-sub, .recommendCard.type-hot .recommendCard-sub {padding: 0 }.recommendCard.type-list .recommendCard-sub .btn-box, .recommendCard.type-hot .recommendCard-sub .btn-box {display: -webkit-box;display: -ms-flexbox;display: flex }.recommendCard.type-list .recommendCard-promo, .recommendCard.type-hot .recommendCard-promo {height: auto;padding: 0;margin-top: 8px }.recommendCard.type-list .recommendCard-promo-list, .recommendCard.type-hot .recommendCard-promo-list {white-space: nowrap;overflow: hidden;padding: 4px 0 4px 8px;border-radius: 8px;color: #707070 }.recommendCard.type-list .recommendCard-promo-list::after, .recommendCard.type-hot .recommendCard-promo-list::after {content: none }.recommendCard.type-list .recommendCard-promo-list li, .recommendCard.type-hot .recommendCard-promo-list li {display: inline;padding-left: 0 }.recommendCard.type-list .recommendCard-promo-list li::after, .recommendCard.type-hot .recommendCard-promo-list li::after {content: "、";position: static;display: inline;width: auto;height: auto;background-color: rgba(0, 0, 0, 0) }.recommendCard.type-list .recommendCard-promo-list li:nth-last-child(1)::after, .recommendCard.type-hot .recommendCard-promo-list li:nth-last-child(1)::after {content: none }.recommendCard.type-list .recommendCard-below, .recommendCard.type-hot .recommendCard-below {display: none }@media all and (max-width: 991px) {.recommendCard.type-list .recommendCard-area, .recommendCard.type-hot .recommendCard-area {padding: 12px 12px 12px 8px }.recommendCard.type-list .recommendCard-below, .recommendCard.type-hot .recommendCard-below {display: block }.recommendCard.type-list .recommendCard-below .recommendCard-promo-list, .recommendCard.type-hot .recommendCard-below .recommendCard-promo-list {font-size: 14px;line-height: 20px }.recommendCard.type-list .recommendCard-inner, .recommendCard.type-hot .recommendCard-inner {height: 120px;padding: 0 0 0 12px }.recommendCard.type-list .recommendCard-inner .name, .recommendCard.type-hot .recommendCard-inner .name {height: 40px;font-size: 14px;line-height: 20px }.recommendCard.type-list .recommendCard-inner .text-price, .recommendCard.type-hot .recommendCard-inner .text-price {margin-bottom: 0 }.recommendCard.type-list .recommendCard-inner .recommendCard-tag, .recommendCard.type-hot .recommendCard-inner .recommendCard-tag {margin-bottom: 4px }.recommendCard.type-list .recommendCard-sub, .recommendCard.type-hot .recommendCard-sub {padding: 0 }.recommendCard.type-list .recommendCard-sub .btn-box, .recommendCard.type-hot .recommendCard-sub .btn-box {bottom: 0 }.recommendCard.type-list .recommendCard-sub .btn-love, .recommendCard.type-hot .recommendCard-sub .btn-love {display: none }.recommendCard.type-list .recommendCard-link, .recommendCard.type-hot .recommendCard-link {padding-bottom: 8px }.recommendCard.type-list .recommendCard-inner .recommendCard-promo, .recommendCard.type-hot .recommendCard-inner .recommendCard-promo {display: none }.recommendCard.type-list .recommendCard-img .imgbox, .recommendCard.type-hot .recommendCard-img .imgbox {width: 120px;height: 120px }.recommendCard.type-list .recommendCard-promo-list, .recommendCard.type-hot .recommendCard-promo-list {overflow: hidden;text-overflow: ellipsis;white-space: nowrap }.recommendCard.type-list .recommendCard-promo-list li::after, .recommendCard.type-hot .recommendCard-promo-list li::after {content: "|" }.recommendCard.type-list .recommendCard-below, .recommendCard.type-hot .recommendCard-below {padding-top: 12px }}@media all and (max-width: 767px) {.recommendCard.type-list .recommendCard-img .imgbox, .recommendCard.type-hot .recommendCard-img .imgbox {width: 100px;height: 100px }.recommendCard.type-list .recommendCard-inner, .recommendCard.type-hot .recommendCard-inner {display: block;height: 100px }.recommendCard.type-list .recommendCard-inner .recommendCard-tag, .recommendCard.type-hot .recommendCard-inner .recommendCard-tag {margin-bottom: -8px }.recommendCard.type-list .recommendCard-sub .btn-box, .recommendCard.type-hot .recommendCard-sub .btn-box {display: none }.recommendCard.type-list .recommendCard-sub .btn-box.m-block, .recommendCard.type-hot .recommendCard-sub .btn-box.m-block {display: -webkit-box;display: -ms-flexbox;display: flex }.recommendCard.type-list .recommendCard-sub .btn-love, .recommendCard.type-hot .recommendCard-sub .btn-love {display: block;right: 0;bottom: 0 }.recommendCard.type-list .recommendCard-sub .btn-store, .recommendCard.type-list .recommendCard-sub .text--off, .recommendCard.type-hot .recommendCard-sub .btn-store, .recommendCard.type-hot .recommendCard-sub .text--off {font-size: 14px;line-height: 20px;background-image: none }.recommendCard.type-list .recommendCard-sub .btn-store, .recommendCard.type-hot .recommendCard-sub .btn-store {min-width: 90px;height: 32px;padding: 6px;text-align: center }.recommendCard.type-list .recommendCard-sub .text--off, .recommendCard.type-hot .recommendCard-sub .text--off {padding: 6px 0 }.recommendCard.type-list .recommendCard-link, .recommendCard.type-hot .recommendCard-link {padding-bottom: 4px }.recommendCard.type-list .recommendCard-below, .recommendCard.type-hot .recommendCard-below {padding-top: 4px }.recommendCard.type-list .recommendCard-below .recommendCard-promo-list, .recommendCard.type-hot .recommendCard-below .recommendCard-promo-list {font-size: 12px }.recommendCard.type-list .text-point, .recommendCard.type-hot .text-point {font-size: 14px }}@media all and (max-width: 374px) {.recommendCard.type-list .recommendCard-area, .recommendCard.type-hot .recommendCard-area {padding-right: 8px }.recommendCard.type-list .recommendCard-inner, .recommendCard.type-hot .recommendCard-inner {padding-left: 8px }.recommendCard.type-list .recommendCard-sub .btn-store, .recommendCard.type-list .recommendCard-sub .text--off, .recommendCard.type-hot .recommendCard-sub .btn-store, .recommendCard.type-hot .recommendCard-sub .text--off {font-size: 12px }.recommendCard.type-list .recommendCard-sub .btn-store, .recommendCard.type-hot .recommendCard-sub .btn-store {min-width: 0;padding: 6px 8px }}.recommendCard.type-hot .recommendCard-main {-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch }.recommendCard.type-hot .recommendCard-img .imgbox {width: 180px;height: 180px }@media all and (max-width: 991px) {.recommendCard.type-hot .recommendCard-img .imgbox {width: 120px;height: 120px }}@media all and (max-width: 767px) {.recommendCard.type-hot .recommendCard-img .imgbox {width: 100px;height: 100px }}.recommendCard.type-hot .recommendCard-inner {height: auto }@media all and (max-width: 767px) {.recommendCard.type-hot .recommendCard-inner {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column }}.recommendCard.type-hot .recommendCard-inner .text-notice, .recommendCard.type-hot .recommendCard-inner .recommendCard-img-text .textbox, .recommendCard-img-text .recommendCard.type-hot .recommendCard-inner .textbox {display: block;margin-bottom: 4px;color: #959595 }@media all and (max-width: 767px) {.recommendCard.type-hot .recommendCard-inner .text-notice, .recommendCard.type-hot .recommendCard-inner .recommendCard-img-text .textbox, .recommendCard-img-text .recommendCard.type-hot .recommendCard-inner .textbox {margin-bottom: 0;-webkit-transform: scale(0.833);-ms-transform: scale(0.833);transform: scale(0.833);-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center }}.recommendCard.type-hot .recommendCard-inner .name {height: auto }.recommendCard.type-hot .recommendCard-link {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;margin-bottom: 8px;padding: 0 }@media all and (max-width: 991px) {.recommendCard.type-hot .recommendCard-link {margin-bottom: 4px }}@media all and (max-width: 767px) {.recommendCard.type-hot .recommendCard-sub {height: 36px }}.recommendCard.type-hot .text-price {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto }@media all and (max-width: 767px) {.recommendCard.type-hot .text-price {height: 20px }}.recommendCard.type-hot .text-price .num {font-size: 24px;line-height: 1.5em }@media all and (max-width: 991px) {.recommendCard.type-hot .text-price .num {font-size: 16px }}@media all and (max-width: 767px) {.recommendCard.type-hot .text-price .num {font-size: 14px;line-height: 20px }}@media all and (max-width: 767px) {.recommendCard.type-hot .text-price .origin {line-height: 16px;-webkit-transform: none;-ms-transform: none;transform: none }}.recommendCard.type-hot .text-point {margin-bottom: 4px }@media all and (max-width: 767px) {.recommendCard.type-hot .text-point {margin-bottom: 0;font-size: 14px }}.recommendCard.type-hot .btn-box {bottom: 4px }.indexRecommend-foot {padding: 12px 0 }.indexRecommend-foot.pd-l {padding: 24px 0 32px }@media all and (max-width: 767px) {.indexRecommend-foot {padding-bottom: 20px }.indexRecommend-foot.pd-l {padding: 12px 0 40px }}.footText {text-align: center;font-size: 20px;line-height: 32px;color: #707070 }@media all and (max-width: 991px) {.footText {font-size: 14px;line-height: 20px }}.footText-load .footText-load-icon {display: inline-block;margin-left: 26px }.footText-icon {display: inline-block;width: 32px;height: 32px;margin-right: 4px }@media all and (max-width: 991px) {.footText-icon {width: 24px;height: 24px }}.footText-error {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center }.footText-error .footText-icon {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/footText-error.svg);background-size: 100% }.footText-end {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center }.footText-end span {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;padding: 0 20px }@media all and (max-width: 767px) {.footText-end span {padding: 0 6px }}.footText-end::before, .footText-end::after {content: "";display: block;width: 100px;height: 1px;background: #959595 }.footText-end.short::before, .footText-end.short::after {width: 80px }@media only screen and (max-width: 991px)and (min-width: 768px) {.footText-end.short::before, .footText-end.short::after {width: 85px }}.footText-load-icon {width: 6px;height: 6px;border-radius: 50%;display: block;margin: 4px auto;position: relative;color: #84c67c;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-animation: loading 1.5s linear infinite alternate;animation: loading 1.5s linear infinite alternate }@-webkit-keyframes loading {0% {-webkit-box-shadow: -24px -2px, -15px 2px, -6px -2px;box-shadow: -24px -2px, -15px 2px, -6px -2px }33% {-webkit-box-shadow: -24px 2px, -15px -2px, -6px 2px;box-shadow: -24px 2px, -15px -2px, -6px 2px }66% {-webkit-box-shadow: -24px -2px, -15px 2px, -6px -2px;box-shadow: -24px -2px, -15px 2px, -6px -2px }100% {-webkit-box-shadow: -24px 2px, -15px -2px, -6px 2px;box-shadow: -24px 2px, -15px -2px, -6px 2px }}@keyframes loading {0% {-webkit-box-shadow: -24px -2px, -15px 2px, -6px -2px;box-shadow: -24px -2px, -15px 2px, -6px -2px }33% {-webkit-box-shadow: -24px 2px, -15px -2px, -6px 2px;box-shadow: -24px 2px, -15px -2px, -6px 2px }66% {-webkit-box-shadow: -24px -2px, -15px 2px, -6px -2px;box-shadow: -24px -2px, -15px 2px, -6px -2px }100% {-webkit-box-shadow: -24px 2px, -15px -2px, -6px 2px;box-shadow: -24px 2px, -15px -2px, -6px 2px }}.hotTicketLink.loading .imgbox, .hotTicketLink.loading .prodBox-name, .hotTicketLink.loading .themePromo-name, .hotTicketLink.loading .brandName-name, .hotTicketLink.loading .text-price, .hotTicketLink.loading .notice, .hotTicketLink.loading--error .imgbox, .hotTicketLink.loading--error .prodBox-name, .hotTicketLink.loading--error .themePromo-name, .hotTicketLink.loading--error .brandName-name, .hotTicketLink.loading--error .text-price, .hotTicketLink.loading--error .notice, .recommendCard.type-list.loading .recommendCard-promo-list, .loadBg {background: linear-gradient(120deg, #eaeaea 0%, #f9f9f9 50%, #eaeaea 100%);background-size: 200% 200%;border-radius: 8px;-webkit-animation: loadBg 5s ease infinite;animation: loadBg 5s ease infinite }.type-list .loadBg {background: -webkit-gradient(linear, left top, right top, from(#eaeaea), color-stop(50%, #f9f9f9), to(#eaeaea));background: linear-gradient(to right, #eaeaea 0%, #f9f9f9 50%, #eaeaea 100%);background-size: 200% 200% }@-webkit-keyframes loadBg {0% {background-position: 10% 0% }50% {background-position: 91% 100% }100% {background-position: 10% 0% }}@keyframes loadBg {0% {background-position: 10% 0% }50% {background-position: 91% 100% }100% {background-position: 10% 0% }}.recommendCard.loading .loadBg-1, .recommendCard.loading--error .loadBg-1 {height: 24px;margin-bottom: 8px }.recommendCard.loading .loadBg-2, .recommendCard.loading--error .loadBg-2 {height: 60px;margin-bottom: 20px }.recommendCard.loading .loadBg-3, .recommendCard.loading--error .loadBg-3 {height: 24px }@media all and (max-width: 991px) {.recommendCard.loading .loadBg-4, .recommendCard.loading--error .loadBg-4 {height: 16px;margin-bottom: 4px }.recommendCard.loading .loadBg-4.w-mid, .recommendCard.loading--error .loadBg-4.w-mid {max-width: 153px }.recommendCard.loading .loadBg-4.w-short, .recommendCard.loading--error .loadBg-4.w-short {max-width: 85px }.recommendCard.loading .loadBg-4.mb, .recommendCard.loading--error .loadBg-4.mb {margin-bottom: 56px }.recommendCard.loading .recommendCard-inner, .recommendCard.loading--error .recommendCard-inner {padding-top: 4px }.recommendCard.loading .recommendCard-promo, .recommendCard.loading--error .recommendCard-promo {display: none }.recommendCard.loading .recommendCard-link, .recommendCard.loading--error .recommendCard-link {padding-bottom: 13px }}@media all and (max-width: 767px) {.recommendCard.loading .loadBg-4.w-mid, .recommendCard.loading--error .loadBg-4.w-mid {max-width: 98px }.recommendCard.loading .loadBg-4.w-short, .recommendCard.loading--error .loadBg-4.w-short {max-width: 51px;height: 12px }.recommendCard.loading .loadBg-4.mb, .recommendCard.loading--error .loadBg-4.mb {margin-bottom: 20px }.recommendCard.loading .recommendCard-link, .recommendCard.loading--error .recommendCard-link {padding-bottom: 12px }}.recommendCard.type-list.loading .loadBg-1 {height: 64px;margin-bottom: 28px }.recommendCard.type-list.loading .loadBg-2 {height: 24px;margin-bottom: 8px }.recommendCard.type-list.loading .recommendCard-promo-list {height: 24px }@media all and (max-width: 991px) {.recommendCard.type-list.loading .loadBg-1 {height: 40px }}.hotTicketLink.loading--error .errorText, .recommendCard.loading--error .errorText {position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center }.hotTicketLink.loading--error .errorText p, .recommendCard.loading--error .errorText p {padding-top: 60px;color: #707070;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/load-error-1.svg) top center no-repeat;background-size: 52px }@media all and (max-width: 991px) {.hotTicketLink.loading--error .errorText p, .recommendCard.loading--error .errorText p {font-size: 14px;line-height: 20px }}@media all and (max-width: 991px) {.hotTicketLink.loading--error .errorText p, .recommendCard.loading--error .errorText p {font-size: 12px }}.recommendCard.loading--error .loadBg {background: #eaeaea }.promoCredit {padding: 16px }.promoCredit-area {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;border-radius: 16px;overflow: hidden }.promoCredit-title {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 164px }.promoCredit-inner {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;width: calc(100% - 164px) }@media all and (max-width: 991px) {.promoCredit {padding: 12px 8px }.promoCredit-area {display: block;border-radius: 8px }.promoCredit-title, .promoCredit-inner {width: 100% }}.promoCredit-title {padding: 16px;background-color: #959595 }.promoCredit-title .title {margin-bottom: 12px;text-align: center;font-size: 20px;line-height: 32px;color: #fff }@media all and (min-width: 992px) {.promoCredit-title .btn, .promoCredit-title .btn-dialog {display: block;background-color: #eaeaea }.promoCredit-title .btn .btn-more, .promoCredit-title .btn-dialog .btn-more, .promoCredit-title .btn .btn-more--white, .promoCredit-title .btn-dialog .btn-more--white, .promoCredit-title .btn .btn-more--primary, .promoCredit-title .btn-dialog .btn-more--primary, .promoCredit-title .btn .btn-more:hover {display: inline-block;color: #2db63e;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/icon-link-3.svg) right 8px center no-repeat;background-size: 28px }}@media all and (max-width: 991px) {.promoCredit-title {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 0 }.promoCredit-title .title {margin: 0 0 0 0;padding: 8px;font-size: 16px;line-height: 24px }.promoCredit-title .btn-more, .promoCredit-title .btn-more--white, .promoCredit-title .btn-more--primary {display: inline-block }.promoCredit-title .btn-more, .promoCredit-title .btn-more--white, .promoCredit-title .btn-more--primary, .promoCredit-title .btn-more:hover {color: #fff;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/icon-link-2.svg) right 8px center no-repeat;background-size: 24px }}@media all and (max-width: 767px) {.promoCredit-title .title {padding: 4px 8px;font-size: 14px;line-height: 20px }.promoCredit-title .btn-more, .promoCredit-title .btn-more--white, .promoCredit-title .btn-more--primary {padding: 4px 32px 4px 0 }}.promoCredit-inner {background-color: #fff }.promoCredit-inner .swiper {padding: 16px }@media all and (max-width: 991px) {.promoCredit-inner .swiper {padding: 8px }}.promoCredit-inner .swiper-slide {width: auto }.promoCreditItem {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;width: 345px;border-radius: 8px;border: solid 1px #eaeaea;-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .08);box-shadow: 0 0 2px 0 rgba(0, 0, 0, .08);-webkit-transition: -webkit-box-shadow .2s;transition: -webkit-box-shadow .2s;transition: box-shadow .2s;transition: box-shadow .2s, -webkit-box-shadow .2s }.promoCreditItem:hover {-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .16);box-shadow: 0 0 8px 0 rgba(0, 0, 0, .16) }.promoCreditItem .imgbox {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 112px;height: 120px;border-right: solid 1px #eaeaea }.promoCreditItem .imgbox img {-o-object-fit: contain;object-fit: contain }.promoCreditItem .textbox {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 16px }.promoCreditItem .desc {margin-bottom: 4px;color: #707070 }.promoCreditItem .sub {font-weight: 500 }@media all and (max-width: 991px) {.promoCreditItem {width: 291px }.promoCreditItem .imgbox {width: 96px;height: 96px }.promoCreditItem .textbox {padding: 10px 10px 10px 8px }.promoCreditItem .desc {font-size: 14px;line-height: 20px }.promoCreditItem .sub {font-size: 16px;line-height: 24px }}@media all and (max-width: 767px) {.promoCreditItem {width: 248px }.promoCreditItem .imgbox {width: 80px;height: 80px }.promoCreditItem .textbox {padding: 8px }}.brandName {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center }.brandName-name {display: inline-block }.brandName .imgbox {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;display: block }.brandName .imgbox img {-o-object-fit: contain;object-fit: contain }.brandName-list {display:grid;grid-template-columns:repeat(5, 1fr);gap:16px 8px;margin-bottom:20px }@media all and (max-width: 991px) {.brandName-list {grid-template-columns:repeat(4, 1fr);gap:12px 8px;margin-bottom:12px }}@media all and (max-width: 767px) {.brandName-list {grid-template-columns:repeat(3,1fr) }}@media all and (max-width: 540px) {.brandName-list {grid-template-columns:repeat(2, 1fr) }}.brandCatalog {padding: 12px 8px }.brandCatalog-area {border-radius: 16px }@media all and (max-width: 991px) {.brandCatalog {padding-bottom: 8px }}.brandCatalog-title {height: 60px;padding-top: 8px }.brandCatalog-title .name {display: block;font-size: 20px;line-height: 52px;padding: 0 24px;text-align: center;color: #707070;-webkit-transition: color .2s;transition: color .2s }.brandCatalog-title .name:hover, .brandCatalog-title .name:active {color: #333 }.brandCatalog-title .swiper-slide-thumb-active .name {font-size: 24px;font-weight: 500;color: #333 }@media all and (max-width: 991px) {.brandCatalog-title .swiper-slide-thumb-active .name {padding:0 8px;font-size:16px }}@media all and (max-width: 767px) {.brandCatalog-title .swiper-slide-thumb-active .name {font-size:14px }}.brandCatalog-title .swiper {padding-left: 8px }.brandCatalog-title .swiper-slide {width: auto }.brandCatalog-title .swiper-slide:nth-last-child(1) {padding-right: 12px }@media all and (max-width: 991px) {.brandCatalog-title {height: 44px;padding-top: 4px }.brandCatalog-title .name {padding: 0 12px;line-height: 40px;font-size: 14px }.brandCatalog-title .name.active {padding: 0 8px;font-size: 16px }}@media all and (max-width: 767px) {.brandCatalog-title {height: 40px }.brandCatalog-title .name {line-height: 36px;font-size: 12px }.brandCatalog-title .name.active {font-size: 14px }}.brandCatalog-inner {padding: 16px 0 12px;border-radius: 16px;background: #fff;-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .12);box-shadow: 0px 0px 3px rgba(0, 0, 0, .12) }.brandCatalog-inner .brandName {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center }.brandCatalog-inner .imgbox {width: 72px;height: 72px;margin-right: 8px }.brandCatalog-inner .btn-box {padding: 0 12px }.brandCatalog-inner .btn, .brandCatalog-inner .btn-dialog {-webkit-box-flex: 1;-ms-flex: 1 1 100%;flex: 1 1 100%;display: block;padding: 8px;font-size: 20px;line-height: 34px;text-align: center;font-weight: 500;color: #2db63e;background: #eaeaea;border: 1px solid #eaeaea;border-radius: 26px }.brandCatalog-inner .btn:hover, .brandCatalog-inner .btn-dialog:hover {border-color: #2db63e }.brandCatalog-inner .btn span, .brandCatalog-inner .btn-dialog span {padding-right: 28px;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/icon-link-3.svg) right center no-repeat;border: none }.brandCatalog-inner .btn:hover span, .brandCatalog-inner .btn-dialog:hover span {border: none }.brandCatalog-inner .swiper {margin-bottom: 16px }.brandCatalog-inner .swiper-slide {padding: 0 12px }@media all and (max-width: 991px) {.brandCatalog-inner .imgbox {width: 62px;height: 62px }.brandCatalog-inner .btn, .brandCatalog-inner .btn-dialog {padding: 0px;font-size: 14px;background-size: 24px }}@media all and (max-width: 767px) {.brandCatalog-inner .imgbox {width: 52px;height: 52px }.brandCatalog-inner .brandName {font-size: 14px;line-height: 20px }}.theme-none .themeTicket-title::after, .theme-none .themeTicket-title .titleText, .theme-none .themeTicket-title .titleText::after, .theme-none .themeTicket-inner {background-color: #fff }.theme-none .themeTicket-title .btn-box {background-color: #fff }.theme-none .themeTicket-title h2 {color: #333 }.theme-1 .themeTicket-title::after, .theme-1 .themeTicket-title .titleText, .theme-1 .themeTicket-title .titleText::after, .theme-1 .themeTicket-inner {background-color: #ffe1be }.theme-1 .themeTicket-title .btn-box {background-color: #ff9f2d }.theme-1 .themeTicket-title h2 {color: #b57120 }.theme-2 .themeTicket-title::after, .theme-2 .themeTicket-title .titleText, .theme-2 .themeTicket-title .titleText::after, .theme-2 .themeTicket-inner {background-color: #ffefaf }.theme-2 .themeTicket-title .btn-box {background-color: #ffbd35 }.theme-2 .themeTicket-title h2 {color: #b9863a }.theme-3 .themeTicket-title::after, .theme-3 .themeTicket-title .titleText, .theme-3 .themeTicket-title .titleText::after, .theme-3 .themeTicket-inner {background-color: #b7dcff }.theme-3 .themeTicket-title .btn-box {background-color: #168fff }.theme-3 .themeTicket-title h2 {color: #1066b5 }.theme-4 .themeTicket-title::after, .theme-4 .themeTicket-title .titleText, .theme-4 .themeTicket-title .titleText::after, .theme-4 .themeTicket-inner {background-color: #b6d6bf }.theme-4 .themeTicket-title .btn-box {background-color: #127c2f }.theme-4 .themeTicket-title h2 {color: #0d5821 }.theme-5 .themeTicket-title::after, .theme-5 .themeTicket-title .titleText, .theme-5 .themeTicket-title .titleText::after, .theme-5 .themeTicket-inner {background-color: #f1c2c2 }.theme-5 .themeTicket-title .btn-box {background-color: #d13a3a }.theme-5 .themeTicket-title h2 {color: #942929 }.theme-6 .themeTicket-title::after, .theme-6 .themeTicket-title .titleText, .theme-6 .themeTicket-title .titleText::after, .theme-6 .themeTicket-inner {background-color: #e5daf6 }.theme-6 .themeTicket-title .btn-box {background-color: #9754f0 }.theme-6 .themeTicket-title h2 {color: #663caa }.theme-7 .themeTicket-title::after, .theme-7 .themeTicket-title .titleText, .theme-7 .themeTicket-title .titleText::after, .theme-7 .themeTicket-inner {background-color: #d6dae7 }.theme-7 .themeTicket-title .btn-box {background-color: #7789bc }.theme-7 .themeTicket-title h2 {color: #303f68 }.theme-8 .themeTicket-title::after, .theme-8 .themeTicket-title .titleText, .theme-8 .themeTicket-title .titleText::after, .theme-8 .themeTicket-inner {background-color: #b7e8e1 }.theme-8 .themeTicket-title .btn-box {background-color: #158d8a }.theme-8 .themeTicket-title h2 {color: #19546f }.theme-9 .themeTicket-title::after, .theme-9 .themeTicket-title .titleText, .theme-9 .themeTicket-title .titleText::after, .theme-9 .themeTicket-inner {background-color: #ffd9c6 }.theme-9 .themeTicket-title .btn-box {background-color: #cd6a60 }.theme-9 .themeTicket-title h2 {color: #9d5353 }.theme-10 .themeTicket-title::after, .theme-10 .themeTicket-title .titleText, .theme-10 .themeTicket-title .titleText::after, .theme-10 .themeTicket-inner {background-color: #eff5f8 }.theme-10 .themeTicket-title .btn-box {background-color: #323f5c }.theme-10 .themeTicket-title h2 {color: #1e2536 }.themeTicket.theme-none .themeTicket-title {background-color: #fff }.themeTicket.theme-none .titleText {color: #333 }.themeTicket.theme-none .btn-more--white {color: #707070;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/icon-link-1.svg) right 8px center no-repeat }.themeTicket {padding: 8px 0 }.themeTicket-title {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;position: relative;overflow: hidden }.themeTicket-title::after {content: "";display: block;width: 120px;height: 40px;position: absolute;bottom: 0;right: 0 }.themeTicket-title .titleText {position: relative;-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;height: 48px;margin-right: 12px;padding: 8px 24px 0 24px }.themeTicket-title .titleText::after {content: "";display: block;width: 32px;height: 100%;position: absolute;top: 0;right: -22px;border-top-right-radius: 16px;-webkit-transform: skewX(20deg);-ms-transform: skewX(20deg);transform: skewX(20deg) }.themeTicket-title h2 {max-width: calc(100% - 12px);font-weight: 500 }.themeTicket-title .btn-box {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;position: relative;z-index: 2;padding: 0 12px;right: -8px;-webkit-transform: skewX(20deg);-ms-transform: skewX(20deg);transform: skewX(20deg);border-bottom-left-radius: 16px }.themeTicket-title .btn-more, .themeTicket-title .btn-more--white, .themeTicket-title .btn-more--primary {padding-top: 4px;padding-bottom: 4px;color: #fff;-webkit-transform: skewX(-20deg);-ms-transform: skewX(-20deg);transform: skewX(-20deg) }@media all and (max-width: 991px) {.themeTicket-title::after {height: 28px }.themeTicket-title .titleText {height: 36px;padding: 8px 0 0 12px }}.themeTicket-inner {padding: 16px 0 }.themeTicket-inner .swiper {padding: 0 16px }.themeTicket-inner .swiper-slide {width: auto }@media all and (max-width: 991px) {.themeTicket-inner {padding: 8px 0 }.themeTicket-inner .swiper {padding: 0 12px }}.themeTicket-item {width: 278px;padding: 0;background-color: #fff;border-radius: 8px }.themeTicket-item .themeTicket-img {padding: 4px }.themeTicket-item .imgbox {width: 100%;height: 205px;margin: 0 }.themeTicket-item .themeTicket-text {padding: 0 5px 8px }.themeTicket-item .text-price {margin-bottom: 8px }@media all and (max-width: 991px) {.themeTicket-item {width: 160px }.themeTicket-item .imgbox {height: 116px }.themeTicket-item .themeTicket-text {padding: 4px 8px }}@media all and (max-width: 767px) {.themeTicket-item {width: 138px }.themeTicket-item .imgbox {height: 100px }.themeTicket-item .themeTicket-text {padding: 4px }}.hotTicket {position: relative;padding-bottom: 38px }.hotTicket .swiper-pagination {bottom: 16px }@media all and (max-width: 991px) {.hotTicket {padding-bottom: 21px }.hotTicket .swiper-pagination {bottom: 8px }}.hotTicket-inner .swiper {padding: 2px 20px }.hotTicket-inner .swiper-slide {-webkit-transform: scale(0.9) !important;-ms-transform: scale(0.9) !important;transform: scale(0.9) !important;-webkit-transform-origin: right center;-ms-transform-origin: right center;transform-origin: right center }.hotTicket-inner .swiper-slide-visible+.swiper-slide {-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center }.hotTicket-inner .swiper-slide-visible {-webkit-transform: scale(1) !important;-ms-transform: scale(1) !important;transform: scale(1) !important }@media all and (max-width: 767px) {.hotTicket-inner .swiper {padding: 2px 16px }}.hotTicketGroup {background-color: #fff;border-radius: 16px;-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .12);box-shadow: 0px 0px 3px rgba(0, 0, 0, .12) }.hotTicketGroup-title {padding: 12px;background: #f9f9f9;border-radius: 16px 16px 0 0 }.hotTicketGroup-title h3 {color: #707070 }.hotTicketGroup-inner {padding: 8px 4px }@media all and (max-width: 991px) {.hotTicketGroup-title {padding: 8px 12px }}.hotTicketLink {display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;padding: 8px 12px 8px 8px }.hotTicketLink-img {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;margin-right: 8px }.hotTicketLink-img .imgbox {width: 180px;height: 180px;overflow: hidden }.hotTicketLink-text {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;height: 180px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column }.hotTicketLink-text .prodBox-name, .hotTicketLink-text .themePromo-name, .hotTicketLink-text .brandName-name {overflow: auto;white-space: unset;text-overflow: initial;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #707070 }.hotTicketLink-text .text-price {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto }.hotTicketLink .hotSale-chip {top: 8px }@media all and (max-width: 991px) {.hotTicketLink-img {margin-right: 12px }.hotTicketLink .imgbox {width: 100px;height: 100px }.hotTicketLink-text {max-width: calc(100% - 110px);height: 100px;padding: 4px 0 }.hotTicketLink-text .prodBox-name, .hotTicketLink-text .themePromo-name, .hotTicketLink-text .brandName-name {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap }.hotTicketLink .hotSale-chip {left: 4px }}@media all and (max-width: 767px) {.hotTicketLink .imgbox {width: 84px;height: 84px }.hotTicketLink-text {display: block;max-width: calc(100% - 96px);height: 84px;padding: 4px 0 }.hotTicketLink-text .prodBox-name, .hotTicketLink-text .themePromo-name, .hotTicketLink-text .brandName-name {font-size: 12px }.hotTicketLink-text .text-price {margin-bottom: 4px }.hotTicketLink-text .text-point {font-size: 12px;line-height: 1.6em;-webkit-transform: scale(0.833);-ms-transform: scale(0.833);transform: scale(0.833);-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center }}.hotTicketLink.loading:active, .hotTicketLink.loading--error:active {opacity: 1 }.hotTicketLink.loading .imgbox, .hotTicketLink.loading .prodBox-name, .hotTicketLink.loading .themePromo-name, .hotTicketLink.loading .brandName-name, .hotTicketLink.loading .text-price, .hotTicketLink.loading .notice, .hotTicketLink.loading--error .imgbox, .hotTicketLink.loading--error .prodBox-name, .hotTicketLink.loading--error .themePromo-name, .hotTicketLink.loading--error .brandName-name, .hotTicketLink.loading--error .text-price, .hotTicketLink.loading--error .notice {background: -webkit-gradient(linear, left top, right top, from(#eaeaea), color-stop(50%, #f9f9f9), to(#eaeaea));background: linear-gradient(90deg, #eaeaea 0%, #f9f9f9 50%, #eaeaea 100%);background-size: 200% 200% }.hotTicketLink.loading .prodBox-name, .hotTicketLink.loading .themePromo-name, .hotTicketLink.loading .brandName-name, .hotTicketLink.loading--error .prodBox-name, .hotTicketLink.loading--error .themePromo-name, .hotTicketLink.loading--error .brandName-name {height: 32px;margin-bottom: 8px }.hotTicketLink.loading .text-price, .hotTicketLink.loading--error .text-price {max-width: 170px;height: 32px;margin-bottom: 79px }.hotTicketLink.loading .notice, .hotTicketLink.loading--error .notice {max-width: 137px;height: 24px }.hotTicketLink.loading .text-price, .hotTicketLink.loading--error .text-price {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto }@media all and (max-width: 991px) {.hotTicketLink.loading .prodBox-name, .hotTicketLink.loading .themePromo-name, .hotTicketLink.loading .brandName-name, .hotTicketLink.loading .text-price, .hotTicketLink.loading--error .prodBox-name, .hotTicketLink.loading--error .themePromo-name, .hotTicketLink.loading--error .brandName-name, .hotTicketLink.loading--error .text-price {height: 16px }.hotTicketLink.loading .prodBox-name, .hotTicketLink.loading .themePromo-name, .hotTicketLink.loading .brandName-name, .hotTicketLink.loading--error .prodBox-name, .hotTicketLink.loading--error .themePromo-name, .hotTicketLink.loading--error .brandName-name {margin-bottom: 4px }.hotTicketLink.loading .text-price, .hotTicketLink.loading--error .text-price {max-width: 98px;margin-bottom: 44px }.hotTicketLink.loading .notice, .hotTicketLink.loading--error .notice {max-width: 51px;height: 12px }}@media all and (max-width: 767px) {.hotTicketLink.loading .text-price, .hotTicketLink.loading--error .text-price {margin-bottom: 26px }}@media all and (max-width: 767px) {.hotTicketLink.loading .imgbox, .hotTicketLink.loading .prodBox-name, .hotTicketLink.loading .themePromo-name, .hotTicketLink.loading .brandName-name, .hotTicketLink.loading .text-price, .hotTicketLink.loading .notice {background: linear-gradient(120deg, #eaeaea 0%, #f9f9f9 50%, #eaeaea 100%);background-size: 200% 200% }}.hotTicketLink.loading--error .imgbox, .hotTicketLink.loading--error .prodBox-name, .hotTicketLink.loading--error .themePromo-name, .hotTicketLink.loading--error .brandName-name, .hotTicketLink.loading--error .text-price, .hotTicketLink.loading--error .notice {background: #eaeaea }.hotTicketLink.loading--error .imgbox {position: relative }@media all and (max-width: 991px) {.hotTicketLink.loading--error .errorText p {padding-top: 28px;background-size: 24px }}.storeTicket {padding: 16px 0 }.storeTicket-area {padding: 0 0 32px }.storeTicket-inner {position: relative;z-index: 2;margin: 0 20px;background: #fff;border-radius: 16px;overflow: hidden }.storeTicket .swiper {padding: 8px 0 8px 8px }.storeTicket .swiper-slide {width: auto }.storeTicket-banner {margin-bottom: -15px }.storeTicket-desc {position: relative }.storeTicket-desc .textbox {position: relative;z-index: 3;height: 145px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 10px 0 7px 32px }.storeTicket-desc .title {margin-bottom: 8px;font-weight: 500 }.storeTicket-desc .desc {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto }.storeTicket-desc .decoIcon {width: 22px;height: 22px }.storeTicket-desc .goto {position: relative }.storeTicket-desc .goto .link {position: relative;display: inline-block;font-size: 20px;line-height: 32px;padding-right: 19px;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-storePromo/storePromo-link.svg) right bottom no-repeat }.storeTicket-desc .goto .link::after {content: "";display: block;position: absolute;bottom: 0;left: 0;right: 20px;height: 100%;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-storePromo/storePromo-link-2.svg) left bottom repeat-x }.storeTicket-desc .goto .decoIcon {position: absolute;top: -7px;left: -12px }.storeTicket-desc .decoImg {position: absolute;top: 0;right: 0 }.storeTicket-desc .decoImg-bg {position: absolute;top: 0;right: 0;z-index: 1;width: 357px;height: 144px;margin-top: 16px;border-top-left-radius: 60px }.storeTicket-desc .decoImg-img {width: 360px;height: 160px;position: relative;z-index: 2 }.storeTicket-desc .decoImg-img img {-o-object-position: left top;object-position: left top }.storeTicket-desc .decoImg .decoIcon {position: absolute;top: 16px;left: 0 }.storeTicket.vip-0 .storeTicket-area {background-color: #eccaa4 }.storeTicket.vip-0 .decoIcon {color: #b58653 }.storeTicket.vip-0 .decoImg-bg {background-color: #b58653 }.storeTicket.vip-0 .decoImg-img {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-storePromo/storePromo-vip-0.svg) left top no-repeat;background-size: auto 100% }@media all and (max-width: 991px) {.storeTicket.vip-0 .decoImg-img {background-position: left -24px top -4px;height: 124px }}@media all and (max-width: 374px) {.storeTicket.vip-0 .decoImg-img {top: 11px;height: 90px;background-position: left -7px top }}.storeTicket.vip-1 .storeTicket-area {background-color: #efd7a6 }.storeTicket.vip-1 .decoIcon {color: #ebbf50 }.storeTicket.vip-1 .decoImg-bg {background-color: #ebbf50 }.storeTicket.vip-1 .decoImg-img {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-storePromo/storePromo-vip-1.svg) left top no-repeat;background-size: auto 100% }@media all and (max-width: 991px) {.storeTicket.vip-1 .decoImg-img {background-position: left -24px top -4px;height: 124px }}@media all and (max-width: 374px) {.storeTicket.vip-1 .decoImg-img {top: 11px;height: 90px;background-position: left -7px top }}.storeTicket.vip-2 .storeTicket-area {background-color: #d9d8db }.storeTicket.vip-2 .decoIcon {color: #8f8896 }.storeTicket.vip-2 .decoImg-bg {background-color: #8f8896 }.storeTicket.vip-2 .decoImg-img {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-storePromo/storePromo-vip-2.svg) left top no-repeat;background-size: auto 100% }@media all and (max-width: 991px) {.storeTicket.vip-2 .decoImg-img {background-position: left -24px top -4px;height: 124px }}@media all and (max-width: 374px) {.storeTicket.vip-2 .decoImg-img {top: 11px;height: 90px;background-position: left -7px top }}.storeTicket.vip-3 .storeTicket-area {background-color: #bcd7ef }.storeTicket.vip-3 .decoIcon {color: #1860a2 }.storeTicket.vip-3 .decoImg-bg {background-color: #1860a2 }.storeTicket.vip-3 .decoImg-img {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-storePromo/storePromo-vip-3.svg) left top no-repeat;background-size: auto 100% }@media all and (max-width: 991px) {.storeTicket.vip-3 .decoImg-img {background-position: left -24px top -4px;height: 124px }}@media all and (max-width: 374px) {.storeTicket.vip-3 .decoImg-img {top: 11px;height: 90px;background-position: left -7px top }}.storeTicket.vip-4 .storeTicket-area {background-color: #eccaa4 }.storeTicket.vip-4 .decoIcon {color: #724418 }.storeTicket.vip-4 .decoImg-bg {background-color: #724418 }.storeTicket.vip-4 .decoImg-img {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-storePromo/storePromo-vip-4.svg) left top no-repeat;background-size: auto 100% }@media all and (max-width: 991px) {.storeTicket.vip-4 .decoImg-img {background-position: left -24px top -4px;height: 124px }}@media all and (max-width: 374px) {.storeTicket.vip-4 .decoImg-img {top: 11px;height: 90px;background-position: left -7px top }}@media all and (max-width: 991px) {.storeTicket-area {padding: 0 0 16px }.storeTicket-inner {margin: 0 8px }.storeTicket-desc .textbox {height: 106px;padding: 16px 0 6px 12px }.storeTicket-desc .title {margin-bottom: 4px }.storeTicket-desc .desc {line-height: 20px }.storeTicket-desc .decoIcon {-webkit-transform: scale(0.727);-ms-transform: scale(0.727);transform: scale(0.727);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top }.storeTicket-desc .goto .link {padding-right: 11px;font-size: 14px;line-height: 20px }.storeTicket-desc .goto .decoIcon {top: -1px;left: -8px }.storeTicket-desc .decoImg .decoIcon {top: 9px;left: auto;right: 195px }.storeTicket-desc .decoImg-bg {width: 216px;height: 111px;margin-top: 9px }.storeTicket-desc .decoImg-img {width: 200px;height: auto }}@media all and (max-width: 767px) {.storeTicket-inner {margin: 0 6px }.storeTicket-desc .textbox {padding-bottom: 10px }.storeTicket-desc .goto .link {padding-right: 19px;font-size: 12px }.storeTicket-desc .decoImg .decoIcon {right: 138px }.storeTicket-desc .decoImg-bg {width: 159px }.storeTicket-desc .decoImg-img {width: 168px;height: 120px }}@media all and (max-width: 374px) {.storeTicket-desc .decoImg .decoIcon {top: 20px;right: 99px }.storeTicket-desc .decoImg-bg {margin-top: 20px;width: 120px }.storeTicket-desc .decoImg-img {width: 120px }}.storePromo-area.theme-none {background: -webkit-gradient(linear, left top, left bottom, from(#333), color-stop(50%, #fff), to(#333));background: linear-gradient(to bottom, #333 0%, #fff 50%, #333 100%) }.storePromo-area.theme-1 {background: -webkit-gradient(linear, left top, left bottom, from(#B57120), color-stop(50%, #FFE1BE), to(#B57120));background: linear-gradient(to bottom, #B57120 0%, #FFE1BE 50%, #B57120 100%) }.storePromo-area.theme-2 {background: -webkit-gradient(linear, left top, left bottom, from(#B9863A), color-stop(50%, #FFEFAF), to(#B9863A));background: linear-gradient(to bottom, #B9863A 0%, #FFEFAF 50%, #B9863A 100%) }.storePromo-area.theme-3 {background: -webkit-gradient(linear, left top, left bottom, from(#1066B5), color-stop(50%, #B7DCFF), to(#1066B5));background: linear-gradient(to bottom, #1066B5 0%, #B7DCFF 50%, #1066B5 100%) }.storePromo-area.theme-4 {background: -webkit-gradient(linear, left top, left bottom, from(#0D5821), color-stop(50%, #B6D6BF), to(#0D5821));background: linear-gradient(to bottom, #0D5821 0%, #B6D6BF 50%, #0D5821 100%) }.storePromo-area.theme-5 {background: -webkit-gradient(linear, left top, left bottom, from(#942929), color-stop(50%, #F1C2C2), to(#942929));background: linear-gradient(to bottom, #942929 0%, #F1C2C2 50%, #942929 100%) }.storePromo-area.theme-6 {background: -webkit-gradient(linear, left top, left bottom, from(#663CAA), color-stop(50%, #E5DAF6), to(#663CAA));background: linear-gradient(to bottom, #663CAA 0%, #E5DAF6 50%, #663CAA 100%) }.storePromo-area.theme-7 {background: -webkit-gradient(linear, left top, left bottom, from(#303F68), color-stop(50%, #D6DAE7), to(#303F68));background: linear-gradient(to bottom, #303F68 0%, #D6DAE7 50%, #303F68 100%) }.storePromo-area.theme-8 {background: -webkit-gradient(linear, left top, left bottom, from(#19546F), color-stop(50%, #B7E8E1), to(#19546F));background: linear-gradient(to bottom, #19546F 0%, #B7E8E1 50%, #19546F 100%) }.storePromo-area.theme-9 {background: -webkit-gradient(linear, left top, left bottom, from(#9D5353), color-stop(50%, #FFD9C6), to(#9D5353));background: linear-gradient(to bottom, #9D5353 0%, #FFD9C6 50%, #9D5353 100%) }.storePromo-area.theme-10 {background: -webkit-gradient(linear, left top, left bottom, from(#1E2536), color-stop(50%, #EFF5F8), to(#1E2536));background: linear-gradient(to bottom, #1E2536 0%, #EFF5F8 50%, #1E2536 100%) }.storePromo {padding: 12px 0 }.storePromo-title {color: #fff }.storePromo-title .textbox {display: block;height: auto;padding: 24px 32px 16px }.storePromo-title .desc {margin-bottom: 12px }.storePromo-title .goto .link {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-storePromo/storePromo-link-3.svg) right bottom no-repeat }.storePromo-title .goto .link::after {background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/index-storePromo/storePromo-link-4.svg) left bottom repeat-x }.storePromo-inner .storeTicket {padding: 16px }.storePromo-inner .storeTicket-area {padding: 0;border-radius: 16px;overflow: hidden }.storePromo-inner .storeTicket-desc {margin-bottom: -15px;padding-bottom: 15px }.storePromo-inner .storeTicket-desc .textbox {padding: 10px 24px 7px }.storePromo-inner .storeTicket-inner {margin: 0;border-radius: 8px }.storePromo-btn {padding: 20px 12px 24px }.storePromo-btn .btn, .storePromo-btn .btn-dialog {display: block;padding: 8px 0px;font-weight: 500;background: #fff }@media all and (max-width: 991px) {.storePromo-title .textbox {padding: 16px 16px 24px }.storePromo-inner .storeTicket {padding: 8px }.storePromo-inner .storeTicket-desc .textbox {padding: 16px 12px 10px }.storePromo-inner .decoImg-img img {-o-object-fit: contain;object-fit: contain;-o-object-position: left bottom;object-position: left bottom }.storePromo-btn {padding: 8px 8px 20px }.storePromo-btn .btn, .storePromo-btn .btn-dialog {padding: 10px 0px;font-size: 16px;line-height: 24px }}.storeColumn {padding: 16px 12px }@media all and (max-width: 767px) {.storeColumn {padding: 8px }}.storeColumn-area {background-color: #fff;border-radius: 16px }.storeColumn-main {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch }.storeColumn-title {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 454px;margin: 8px;border-radius: 8px }.storeColumn-banner, .storeColumn-desc, .storeColumn-bannerText {position: relative }.storeColumn-banner img, .storeColumn-desc img, .storeColumn-bannerText img {border-radius: 8px;overflow: hidden }.storeColumn-banner .textbox, .storeColumn-desc .textbox, .storeColumn-bannerText .textbox {position: absolute;top: 40px;left: 0px;right: 0px;padding: 8px;text-align: center }.storeColumn-banner .title, .storeColumn-desc .title, .storeColumn-bannerText .title {margin-bottom: 4px;font-size: 20px;font-weight: 500;line-height: 32px }.storeColumn-banner .desc, .storeColumn-desc .desc, .storeColumn-bannerText .desc {font-size: 16px;line-height: 24px }.storeColumn-bannerText .textbox {color: #fff;background: rgba(0, 0, 0, .8) }.storeColumn-bannerText .title {margin-bottom: 4px;font-size: 20px;font-weight: 500;line-height: 32px }.storeColumn-bannerText .desc {font-size: 16px;line-height: 24px }.storeColumn-desc {position: relative;border-radius: 8px;overflow: hidden }.storeColumn-desc .decoImg {position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px }.storeColumn-desc img {position: relative;z-index: 3;-o-object-fit: contain;object-fit: contain;-o-object-position: center bottom;object-position: center bottom }.storeColumn-desc .decoImg-bg {position: absolute;bottom: -50%;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 120%;height: 110%;border-radius: 250px }.storeColumn-inner {max-width: calc(100% - 470px);padding: 24px 18px 24px 8px }.storeColumn-inner .swiper {margin-bottom: 5px }.storeColumn .storePromo-btn {padding: 0 14px }.storeColumn .storePromo-btn .btn, .storeColumn .storePromo-btn .btn-dialog {display: block;background-color: #eaeaea }.storeColumn .storePromo-btn .btn .btn-more, .storeColumn .storePromo-btn .btn-dialog .btn-more, .storeColumn .storePromo-btn .btn .btn-more--white, .storeColumn .storePromo-btn .btn-dialog .btn-more--white, .storeColumn .storePromo-btn .btn .btn-more--primary, .storeColumn .storePromo-btn .btn-dialog .btn-more--primary {color: #333 }.storeColumn .storePromo-btn .btn .btn-more:hover, .storeColumn .storePromo-btn .btn-dialog .btn-more:hover, .storeColumn .storePromo-btn .btn .btn-more--white:hover, .storeColumn .storePromo-btn .btn-dialog .btn-more--white:hover, .storeColumn .storePromo-btn .btn .btn-more--primary:hover, .storeColumn .storePromo-btn .btn-dialog .btn-more--primary:hover {color: #333;background: url(https://portal-hamipoint.cdn.hinet.net/images/hamigo30/icon-link-1.svg) right center no-repeat;background-size: 24px }.storeColumn-link {display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 16px }.storeColumn-link .storeColumn-link-img {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 108px;height: 108px;overflow: hidden;margin-right: 8px }.storeColumn-link .storeColumn-link-text {width: calc(100% - 108px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between }.storeColumn-link .prodBox-name, .storeColumn-link .themePromo-name, .storeColumn-link .brandName-name {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;white-space: normal;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical }.storeColumn-foot {display: none;position: relative;padding: 8px }.storeColumn-foot .storePromo-btn {padding: 0 }.storeColumn-foot .swiper-pagination {bottom: auto;top: -10px }.storeColumn-foot .swiper-pagination .swiper-pagination-bullet {width: 4px;height: 4px;-webkit-transition: .2s;transition: .2s }.storeColumn-foot .swiper-pagination .swiper-pagination-bullet-active {width: 8px }@media all and (max-width: 991px) {.storeColumn-title {width: 158px }.storeColumn-title .textbox .title {font-size: 16px;line-height: 24px }.storeColumn-title .textbox .desc {font-size: 14px;line-height: 20px }.storeColumn-desc .decoImg-bg {width: 208px;height: 184px;bottom: -51px }.storeColumn-desc img {bottom: 24px }.storeColumn-bannerText img {-o-object-fit: contain;object-fit: contain;-o-object-position: center bottom;object-position: center bottom }.storeColumn-bannerText .textbox {background: none }.storeColumn-inner {max-width: calc(100% - 174px);padding: 8px 12px 8px 4px }.storeColumn-inner .swiper {margin-bottom: 0 }.storePromo-btn {font-size: 14px;line-height: 20px }.storePromo-btn .btn, .storePromo-btn .btn-dialog {padding: 6px 0 }.storePromo-btn .btn .btn-more, .storePromo-btn .btn-dialog .btn-more, .storePromo-btn .btn .btn-more--white, .storePromo-btn .btn-dialog .btn-more--white, .storePromo-btn .btn .btn-more--primary, .storePromo-btn .btn-dialog .btn-more--primary, .storePromo-btn .btn .btn-more:hover {background-size: 24px;background-position: right center }.storeColumn-link {margin-bottom: 8px }.storeColumn-link:nth-last-child(1) {margin-bottom: 4px }.storeColumn-link .storeColumn-link-img {width: 80px;height: 80px }.storeColumn-link .storeColumn-link-text {width: calc(100% - 80px) }.storeColumn-link .prodBox-name, .storeColumn-link .themePromo-name, .storeColumn-link .brandName-name {font-size: 14px;line-height: 20px }.storeColumn-link .text-price .num {font-size: 16px;line-height: 1.5em }}@media all and (max-width: 767px) {.storeColumn-title {width: 132px;margin-right: 4px }.storeColumn-desc .decoImg-bg {bottom: -100px }.storeColumn-desc img {bottom: 0 }.storeColumn-desc .textbox {top: 0;padding-top: 24px }.storeColumn-inner {max-width: calc(100% - 144px);padding-right: 8px;padding-left: 0 }.storeColumn-inner .storePromo-btn {display: none }.storeColumn-foot {display: block }.storeColumn-link .prodBox-name, .storeColumn-link .themePromo-name, .storeColumn-link .brandName-name {font-size: 14px }.storeColumn-link .text-price .num {font-size: 14px;line-height: 20px }}.contentPuzzle ::-webkit-scrollbar {width: 1px;}.contentPuzzle ::-webkit-scrollbar-button {background: transparent;border-radius: 4px;}.contentPuzzle ::-webkit-scrollbar-track-piece {background: transparent;}.contentPuzzle ::-webkit-scrollbar-thumb {border-radius: 4px;background-color: transparent;}.contentPuzzle ::-webkit-scrollbar-track {box-shadow: transparent;}.contentPuzzle .contentPuzzle-wrapper {width: 100%;border-top: 1px solid #F2F3F5;border-left: 1px solid #F2F3F5;}@media all and (max-width: 1320px) {.contentPuzzle .contentPuzzle-wrapper {overflow: auto;padding: 0 0 16px 0;}}.contentPuzzle .puzzle-wrapper {width: 100%;display: flex;justify-content: space-between;align-items: stretch;background-color: #fff;}@media all and (max-width: 1320px) {.contentPuzzle .puzzle-wrapper {background: transparent;gap: 12px;margin: 0 16px;width: fit-content;}}.contentPuzzle .one-wrapper {display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;flex: 0 0 150px;min-width: 0;}@media all and (max-width: 1320px) {.contentPuzzle .one-wrapper {flex: 0 0 auto;width: 85px;align-items: center;}}.contentPuzzle .two-wrapper {display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;flex: 1 1 0;min-width: 0;}@media all and (max-width: 1320px) {.contentPuzzle .two-wrapper {flex-direction: row;align-items: center;gap: 12px;flex: 0 0 auto;}}.contentPuzzle .info-and-img-box {display: flex;justify-content: space-between;align-items: stretch;border-right: 1px solid #F2F3F5;border-bottom: 1px solid #F2F3F5;}@media all and (max-width: 1320px) {.contentPuzzle .info-and-img-box {flex-direction: column-reverse;align-items: center;border: 0;flex-direction: 0 0 auto;}}.contentPuzzle .info-box {display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;}@media all and (max-width: 1320px) {.contentPuzzle .info-box {align-items: center;justify-content: center;position: relative;}.contentPuzzle .info-box:after {content: "";display: inline-block;box-sizing: border-box;width: 85px;height: 74px;border: 1px solid #000000;box-shadow: 0 4px 0 black;background-color: #ffffff;position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);z-index: -1;}}.contentPuzzle .info-box h2 {font-size: 16px;line-height: 24px;color: #000000;min-width: 0;white-space: normal;word-break: break-word;}@media all and (max-width: 1320px) {.contentPuzzle .info-box h2 {font-size: 14px;line-height: 20px;margin-bottom: 4px;min-width: 0;white-space: none;word-break: keep-all;}}.contentPuzzle .info-box .description {font-size: 14px;line-height: 22px;color: #628EE2;min-width: 0;white-space: normal;word-break: break-word;}@media all and (max-width: 1320px) {.contentPuzzle .info-box .description {font-size: 13px;line-height: 18px;margin-bottom: 2px;min-width: 0;white-space: none;word-break: keep-all;}}.contentPuzzle .info-and-img-box:hover {box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);}.contentPuzzle .info-and-img-box:hover .info-box h2 {font-weight: 600;}@media all and (max-width: 1320px) {.contentPuzzle .info-and-img-box:hover {box-shadow: none;}}.contentPuzzle .info-and-img-box-s {width: 100%;height: 50%;padding: 12px 0 16px 7px;flex: 1 1 auto;}@media all and (max-width: 1320px) {.contentPuzzle .info-and-img-box-s {flex: 0 0 auto;padding: 8px 0 0 0;width: 85px;height: 100%;}}.contentPuzzle .info-and-img-box-s .img-box {width: 72px;height: 72px;display: flex;justify-content: center;align-items: center;}@media all and (max-width: 1320px) {.contentPuzzle .info-and-img-box-s .img-box {width: 56px;height: 56px;margin-bottom: 4px;}}.contentPuzzle .info-and-img-box-s .img-box img {width: 72px;height: auto;margin-right: 5px;}@media all and (max-width: 1320px) {.contentPuzzle .info-and-img-box-s .img-box img {width: 56px;height: auto;}}.contentPuzzle .info-and-img-box-l {width: 100%;padding: 8px 12px 16px 12px;flex: 1 1 auto;flex-direction: column-reverse;}@media all and (max-width: 1320px) {.contentPuzzle .info-and-img-box-l {width: 85px;padding: 8px 0 0 0;flex: 0 0 auto;}}.contentPuzzle .info-and-img-box-l .img-box {max-width: 120px;height: 120px;margin-left: auto;margin-right: auto;overflow: hidden;display: flex;justify-content: center;align-items: center;}@media all and (max-width: 1320px) {.contentPuzzle .info-and-img-box-l .img-box {width: 56px;height: 56px;max-width: unset;margin-bottom: 4px;}}.contentPuzzle .info-and-img-box-l .img-box img {width: 100%;height: auto;}.contentPuzzle .info-and-img-box-l .info-box {gap: 7px;text-align: center;align-items: center;}@media all and (max-width: 1320px) {.contentPuzzle .info-and-img-box-l .info-box {gap: 0;}}