text:
{ border: 1px solid #ccc; padding: 14px; }

.order-list-wrap .order-list .item .prod-item.individual .prod-link .info-wrap .order-info { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; }

.order-list-wrap .order-list .item .prod-item.individual .prod-link .info-wrap .order-info .order-date, .order-list-wrap .order-list .item .prod-item.individual .prod-link .info-wrap .order-info .order-status { display: block; font-size: 1.1rem; letter-spacing: -0.028rem; line-height: 1.7rem; }

.order-list-wrap .order-list .item .prod-item.individual .prod-link .info-wrap .prod-name { margin-top: 5px; overflow: hidden; height: 3.6rem; max-height: 3.6rem; line-height: 1.8rem; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; text-overflow: -o-ellipsis-lastline; white-space: normal; word-break: break-word; }

.order-list-wrap .order-list .item .prod-item.individual .prod-link .info-wrap .btn-even-wrap { margin: 7px 0 0; }

.order-list-wrap .order-list .item .my-coupon-item { padding: 14px 14px 14px 105px; border: 1px solid #ccc; display: block; background-image: url("../images/mypage/mypage_bg_coupon.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 83px 100px; background-position: 11px center; }

.order-list-wrap .order-list .item .my-coupon-item .coupon-info { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; }

.order-list-wrap .order-list .item .my-coupon-item .coupon-info .coupon-date, .order-list-wrap .order-list .item .my-coupon-item .coupon-info .coupon-title { display: block; font-size: 1.1rem; letter-spacing: -0.028rem; line-height: 1.7rem; }

.order-list-wrap .order-list .item .my-coupon-item .coupon-desc { margin-top: 5px; font-size: 1.3rem; overflow: hidden; height: 3.6rem; max-height: 3.6rem; line-height: 1.8rem; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; text-overflow: -o-ellipsis-lastline; white-space: normal; word-break: break-word; }

.order-list-wrap .order-list .item .my-coupon-item .btn-even-wrap { margin-top: 7px; }

.lnb-wrap { margin-bottom: 40px; }

.lnb-wrap .lnb { border-top: 1px solid #000; }

.lnb-wrap .lnb .item { border-bottom: 1px solid #f2f2f2; }

.lnb-wrap .lnb .item .btn-lnb { display: block; font-size: 1.3rem; font-weight: 300; line-height: 39px; }

.progress-bar progress[value] { width: 100%; height: 3px; /* Reset the default appearance */ -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; color: #000; }

.progress-bar progress[value]::-webkit-progress-bar { background-color: #f2f2f2; }

.progress-bar progress[value]::-moz-progress-bar { background-color: #f2f2f2; }

.progress-bar progress[value]::-webkit-progress-value { background-color: #000; }

.inquiry-history-list-wrap .inquiry-history-list { margin-top: 40px; border-top: 1px solid #000; }

.inquiry-history-list-wrap .inquiry-history-list .list-item { position: relative; padding: 15px 0; border-bottom: solid 1px #f2f2f2; }

.inquiry-history-list-wrap .inquiry-history-list .list-item.is-answer .btn-edit { display: none; }

.inquiry-history-list-wrap .inquiry-history-list .list-item.is-answer .inquiry-box .inquiry-cont .answer-state { color: #000; }

.inquiry-history-list-wrap .inquiry-history-list .inquiry-box { min-height: 41px; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; }

.inquiry-history-list-wrap .inquiry-history-list .inquiry-box .inquiry-type { width: 55px; font-size: 1rem; line-height: 1.5rem; letter-spacing: -0.25px; color: #333; }

.inquiry-history-list-wrap .inquiry-history-list .inquiry-box .inquiry-cont { width: calc(100% - 55px); padding-left: 5px; align-self: flex-start; }

.inquiry-history-list-wrap .inquiry-history-list .inquiry-box .inquiry-cont .answer-date { display: inline-block; font-size: 1.1rem; font-weight: 300; line-height: 1.7rem; vertical-align: top; }

.inquiry-history-list-wrap .inquiry-history-list .inquiry-box .inquiry-cont .answer-state { display: inline-block; margin-left: 5px; font-size: 1.1rem; line-height: 1.7rem; color: #999; vertical-align: top; }

.inquiry-history-list-wrap .inquiry-history-list .inquiry-box .inquiry-cont .inquiry-desc { display: inherit; height: auto; max-height: none; -webkit-box-orient: inherit; -webkit-line-clamp: inherit; display: inline-block; width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: normal; display: block; margin-top: 6px; font-size: 1.2rem; line-height: 1.8rem; color: #333; }

.inquiry-history-list-wrap .inquiry-history-list .control-btn-wrap { position: absolute; top: 15px; right: 0; }

.inquiry-history-list-wrap .inquiry-history-list .control-btn-wrap [class*=btn] { line-height: 1.4rem; }

.inquiry-history-list-wrap .inquiry-history-list .control-btn-wrap [class*=btn] ~ [class*=btn] { margin-left: 8px; }

.inquiry-history-list-wrap .no-data { margin-top: 20px; }

.event-history-list-wrap .event-history-list { margin-top: 5px; }

.event-history-list-wrap .event-history-list .item { padding-top: 15px; }

.event-history-list-wrap .event-history-list .item .event-item-box { padding-bottom: 0; }

.event-history-list-wrap .event-history-list .item .event-item-box .detail-cont-box { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; }

.event-history-list-wrap .event-history-list .item .event-item-box .detail-cont-box .ratio-img-wrap { width: 160px; }

@media screen and (max-width: 320px) { .event-history-list-wrap .event-history-list .item .event-item-box .detail-cont-box .ratio-img-wrap { width: 145px; } }

.event-history-list-wrap .event-history-list .item .event-item-box .detail-cont-box .event-cont { width: calc(100% - 160px); padding-left: 10px; }

@media screen and (max-width: 320px) { .event-history-list-wrap .event-history-list .item .event-item-box .detail-cont-box .event-cont { width: calc(100% - 145px); } }

.event-history-list-wrap .event-history-list .item .event-item-box .detail-cont-box .event-cont .event-title { overflow: hidden; height: 8rem; max-height: 8rem; line-height: 2rem; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; text-overflow: -o-ellipsis-lastline; white-space: normal; word-break: break-word; height: 85px; margin-top: 0; font-size: 1.3rem; line-height: 2rem; letter-spacing: -0.33px; color: #333; font-weight: 400; }

.event-history-list-wrap .event-history-list .item .event-item-box .detail-cont-box .event-cont .event-period { margin-top: 15px; }

@media screen and (max-width: 320px) { .event-history-list-wrap .event-history-list .item .event-item-box .detail-cont-box .event-cont .event-period { margin-top: 8px; } }

.event-history-list-wrap .event-history-list .item ~ .item { margin-top: 15px; border-top: 1px solid #f2f2f2; }

.event-history-list-wrap .no-data { margin-top: 20px; }

.prod-history-list-wrap .search-period-wrap { margin-bottom: 5px; }

.prod-history-list-wrap .fold-box-list { padding-top: 15px; border-bottom: 1px solid #f2f2f2; }

.prod-history-list-wrap .fold-box-list .fold-box { border-top: 1px solid #000; }

.prod-history-list-wrap .fold-box-list .fold-box .prod-item { padding: 20px 0; }

.prod-history-list-wrap .fold-box-list .fold-box .prod-item .info-wrap .prod-brand-name { overflow: hidden; height: 3.4rem; max-height: 3.4rem; line-height: 1.7rem; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; text-overflow: -o-ellipsis-lastline; white-space: normal; word-break: break-word; height: auto; }

.prod-history-list-wrap .fold-box-list .fold-box .prod-item .info-wrap .prod-name { overflow: hidden; height: 6.4rem; max-height: 6.4rem; line-height: 1.6rem; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; text-overflow: -o-ellipsis-lastline; white-space: normal; word-break: break-word; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-header { border-top: 1px solid #f2f2f2; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-header .toggle-title-box { border-bottom: 0; padding: 15px 0; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-header .toggle-title-box .toggle-title { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; justify-items: flex-start; flex-wrap: wrap; width: calc(100% - 38px); }

@media screen and (max-width: 320px) { .prod-history-list-wrap .fold-box-list .fold-box .fold-box-header .toggle-title-box .toggle-title { width: calc(100% - 30px); } }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-header .toggle-title-box .toggle-title .rating-list { width: calc(100% - 62px); font-size: 0; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-header .toggle-title-box .toggle-title .rating-list li { display: inline-block; font-size: 0; vertical-align: top; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-header .toggle-title-box .toggle-title .rating-list li .rating-container { padding: 3px 0 2px; margin-right: 2px; vertical-align: top; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-header .toggle-title-box .toggle-title .rating-list li .type { display: inline-block; font-size: 1.1rem; line-height: 1.7rem; color: #999; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-header .toggle-title-box .toggle-title .rating-list li .val { display: inline-block; margin-left: 4px; font-size: 1.1rem; line-height: 1.7rem; color: #000; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-header .toggle-title-box .toggle-title .rating-list li ~ li { margin-left: 8px; }

@media screen and (max-width: 320px) { .prod-history-list-wrap .fold-box-list .fold-box .fold-box-header .toggle-title-box .toggle-title .rating-list li ~ li { margin-left: 5px; } }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-header .toggle-title-box .toggle-title .info-date { width: 62px; font-size: 1.1rem; line-height: 1.7rem; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-header .toggle-title-box .toggle-title .info-title { display: inherit; height: auto; max-height: none; -webkit-box-orient: inherit; -webkit-line-clamp: inherit; display: inline-block; width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: normal; display: block; width: 100%; margin-top: 10px; font-size: 1.2rem; line-height: 1.8rem; color: #333; word-break: keep-all; word-wrap: break-word; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-header .toggle-title-box .right-box { width: 38px; padding-right: 15px; }

@media screen and (max-width: 320px) { .prod-history-list-wrap .fold-box-list .fold-box .fold-box-header .toggle-title-box .right-box { width: 30px; padding-right: 7px; } }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-header .toggle-title-box .right-box .ico-toggle { display: block; background-image: url("../images/ui/button/ui_btn_prod_control.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 18px 9px; width: 9px; height: 9px; background-position: -9px 0; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-header .toggle-title-box .right-box .ico-toggle.is-reverse { background-position: 0 0; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-header .review-img-thumb-wrap { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; position: relative; margin-bottom: 15px; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-header .review-img-thumb-wrap .review-img-thumb { width: calc( 50% - 5px); height: auto; padding-top: 32.1212%; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-header .review-img-thumb-wrap .review-img-thumb ~ .review-img-thumb { margin-left: 10px; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-header .review-img-thumb-wrap .review-img-count { position: absolute; bottom: 0; right: 0; width: 40px; height: 30px; background-color: rgba(255, 255, 255, 0.7); color: #000; font-size: 1.3rem; line-height: 3rem; text-align: center; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-contents { padding-left: 0; padding-right: 0; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-contents .editor-wrap { font-size: 1.2rem; line-height: 1.8rem; letter-spacing: -0.3px; color: #333; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-contents .control-btn-wrap { margin-top: 15px; text-align: right; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-contents .control-btn-wrap [class*=btn] ~ [class*=btn] { margin-left: 8px; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-contents .review-desc-img { margin-top: 5px; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-contents .review-desc-img .item-img { margin-top: 5px; }

.prod-history-list-wrap .fold-box-list .fold-box .fold-box-contents .review-desc-img .item-img img { max-width: 100%; }

.prod-history-list-wrap .fold-box-list .fold-box.expanded .fold-box-header .toggle-title-box { border-bottom: 1px solid #f2f2f2 !important; }

.prod-history-list-wrap .fold-box-list .fold-box.expanded .fold-box-header .review-img-thumb-wrap { display: none; }

.prod-history-list-wrap .fold-box-list .fold-box.expanded .fold-box-contents { border-bottom: 0; padding-bottom: 15px; }

.prod-history-list-wrap .no-data { margin-top: 20px; }

.prod-history-list-wrap.qna-type .fold-box .fold-box-header .toggle-title-box .toggle-title .answer-state { width: calc(100% - 62px); flex: 1; margin-left: 10px; font-size: 1.1rem; line-height: 1.7rem; color: #999; }

.prod-history-list-wrap.qna-type .fold-box .answer-text, .prod-history-list-wrap.qna-type .fold-box .question-text { position: relative; padding-left: 15px; font-size: 1.2rem; line-height: 1.8rem; letter-spacing: -0.3px; color: #333; word-break: keep-all; word-wrap: break-word; }

.prod-history-list-wrap.qna-type .fold-box .answer-text:before, .prod-history-list-wrap.qna-type .fold-box .question-text:before { overflow: hidden; position: absolute; top: 0; left: 0; display: block; width: 15px; font-size: 1.2rem; font-weight: 500; line-height: 1.8rem; letter-spacing: -0.6px; color: #333; }

.prod-history-list-wrap.qna-type .fold-box .question-text:before { content: 'Q'; }

.prod-history-list-wrap.qna-type .fold-box .answer-text { display: none; margin-top: 15px; }

.prod-history-list-wrap.qna-type .fold-box .answer-text:before { content: 'A'; }

.prod-history-list-wrap.qna-type .fold-box.is-answer .fold-box-header .toggle-title-box .toggle-title .answer-state { color: #000; }

.prod-history-list-wrap.qna-type .fold-box.is-answer .answer-text { display: block; }

.prod-history-list-wrap.qna-type .fold-box.is-answer .btn-edit { display: none; }

.tbl-form.inquiry-form .form-box .prod-item .prod-desc { display: none; }

.tbl-form.inquiry-form .form-box .prod-item .info-wrap { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; flex-direction: column; justify-items: flex-start; }

.tbl-form.inquiry-form .form-box .prod-item .info-wrap .prod-name { overflow: hidden; height: 3.6rem; max-height: 3.6rem; line-height: 1.8rem; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; text-overflow: -o-ellipsis-lastline; white-space: normal; word-break: break-word; }

.tbl-form.inquiry-form .form-box .prod-item .info-wrap .btn-control-wrap { margin-top: auto; }

.tbl-form.inquiry-form .form-box.attach-file { margin-bottom: 15px; }

.tbl-form.inquiry-form .form-box.inquiry-prod { display: none; }

.tbl-form.inquiry-form .form-box.inquiry-prod.is-active { display: block; }

.tbl-form .prod-item.inquiry-prod-item .prod-action-info { text-align: left; margin-bottom: 6px; display: block; }

.tbl-form .prod-item.inquiry-prod-item .prod-action-info .order-num { font-size: 1.2rem; line-height: 1.9rem; }

.tbl-form .prod-item.inquiry-prod-item .prod-action-info .order-date { font-size: 1.2rem; line-height: 1.9rem; }

.tbl-form .prod-item.inquiry-prod-item .info-wrap .prod-brand-name { margin-top: 0; font-size: 1.2rem; }

.tbl-form .prod-item.inquiry-prod-item .info-wrap .prod-name { overflow: hidden; height: 4rem; max-height: 4rem; line-height: 2rem; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; text-overflow: -o-ellipsis-lastline; white-space: normal; word-break: break-word; margin-top: 4px; font-size: 1.2rem; }

.tbl-form .prod-item.inquiry-prod-item .ratio-img-wrap { margin-top: 6px; width: 75px; }

.ui-dialog-container.full .ui-dialog-contents .dialog-contents-flex .search-period-wrap .btn-even-wrap { margin-top: 10px; padding-bottom: 0; }

.ui-dialog-container.full .ui-dialog-contents .prod-sel-list-wrap { margin-top: 10px; }

.ui-dialog-container.full .ui-dialog-contents .prod-sel-list-wrap .no-select { margin-top: 20px; padding: 15px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; }

.ui-dialog-container.full .ui-dialog-contents .prod-sel-list-wrap .ui-rdo input + label { padding-left: 24px; }

.ui-dialog-container.full .ui-dialog-contents .prod-sel-list-wrap .prod-sel-list .item { padding: 15px 0; border-bottom: 1px solid #f2f2f2; }

.ui-dialog-container.full .ui-dialog-contents .prod-sel-list-wrap .prod-sel-list .item .ui-rdo { width: 100%; }

.ui-dialog-container.full .ui-dialog-contents .prod-sel-list-wrap .prod-sel-list .item .ui-rdo input + label { width: 100%; }

.ui-dialog-container.full .ui-dialog-contents .prod-sel-list-wrap .prod-sel-list .item .prod-action-info { display: block; margin-bottom: 15px; }

.ui-dialog-container.full .ui-dialog-contents .prod-sel-list-wrap .prod-sel-list .item .prod-action-info .order-num, .ui-dialog-container.full .ui-dialog-contents .prod-sel-list-wrap .prod-sel-list .item .prod-action-info .order-date { display: inline-block; font-size: 1.3rem; line-height: 1.9rem; }

.ui-dialog-container.full .ui-dialog-contents .prod-sel-list-wrap .prod-sel-list .item .prod-item { display: block; }

.ui-dialog-container.full .ui-dialog-contents .prod-sel-list-wrap .prod-sel-list .item .prod-item .prod-link { color: #000; align-items: flex-start; -webkit-align-items: flex-start; }

.ui-dialog-container.full .ui-dialog-contents .prod-sel-list-wrap .prod-sel-list .item .prod-item .prod-link .prod-desc { display: none; }

.ui-dialog-container.full .ui-dialog-contents .prod-sel-list-wrap .prod-sel-list .item .prod-item .prod-link .info-wrap .prod-name { overflow: hidden; height: 3.6rem; max-height: 3.6rem; line-height: 1.8rem; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; text-overflow: -o-ellipsis-lastline; white-space: normal; word-break: break-word; margin-top: 4px; }

.answer-complete-wrap { border-top: 1px solid #000; }

.answer-complete-wrap .answer-item-box { padding: 15px 0 20px; border-bottom: 1px solid #f2f2f2; }

.answer-complete-wrap .answer-item-box .answer-header { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; }

.answer-complete-wrap .answer-item-box .answer-header .answer-tit { flex: 1; font-size: 1.2rem; line-height: 1.8rem; }

.answer-complete-wrap .answer-item-box .answer-header .answer-date { font-size: 1.1rem; font-weight: 300; line-height: 1.8rem; }

.answer-complete-wrap .answer-item-box .answer-content { margin-top: 8px; }

.answer-complete-wrap .answer-item-box .answer-content .editor-wrap { font-size: 1.2rem; line-height: 1.8rem; }

.answer-complete-wrap .satisfaction-box { margin-top: 40px; padding: 20px 0 0; border: 1px solid #ccc; }

.answer-complete-wrap .satisfaction-box .satisfaction-title { font-size: 1.4rem; line-height: 2rem; text-align: center; }

.answer-complete-wrap .satisfaction-box .satisfaction-quest { margin-top: 13px; padding: 0 0 0 10px; }

.answer-complete-wrap .satisfaction-box .btn-even-wrap { border-top: 1px solid #f2f2f2; }

.tbl-form.member-info-type { padding-top: 10px; }

.tbl-form.member-info-type .form-box { align-items: center; }

.tbl-form.member-info-type .form-box.horizontal ~ .form-box.horizontal { margin-top: 14px; }

.tbl-form.member-info-type .form-box.horizontal ~ .form-box.horizontal.has-btn { margin-top: 5px; margin-bottom: -8px; }

.tbl-form.member-info-type .form-box.horizontal ~ .form-box:not(.horizontal) .form-title { margin-top: 14px; }

.tbl-form.member-info-type .form-box .form-title, .tbl-form.member-info-type .form-box .form-cont { line-height: 1.8rem; }

.equal-wrap { margin-bottom: -30px; }

.equal-wrap .equal-header { position: relative; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #000; text-align: center; }

.equal-wrap .equal-header .util-wrap { position: absolute; top: 15px; left: 15px; right: 15px; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.equal-wrap .equal-header .util-wrap [class*=btn-link-] { position: relative; width: 30px; height: 30px; }

.equal-wrap .equal-header .util-wrap [class*=btn-link-] span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; font-size: 1.1rem; }

.equal-wrap .equal-header .util-wrap [class*=btn-link-] ~ [class*=btn-link-] { margin-left: 5px; }

.equal-wrap .equal-header .util-wrap .btn-link-instagram { display: block; background-image: url("../images/equal/equal_btn_sns_instagram.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 30px 30px; display: inline-block; }

.equal-wrap .equal-header .util-wrap .btn-link-youtube { display: block; background-image: url("../images/equal/equal_btn_sns_youtube.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 30px 30px; display: inline-block; }

.equal-wrap .equal-header .util-wrap .btn-more-view { position: relative; display: inline-block; width: 28px; height: 28px; margin-left: auto; display: block; background-image: url("../images/equal/equal_btn_more_view.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 28px 28px; }

.equal-wrap .equal-header .util-wrap .btn-more-view span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; font-size: 1.1rem; }

.equal-wrap .equal-header .btn-deit { display: inline-block; width: 44px; height: 44px; margin-left: auto; display: block; background-image: url("../images/equal/comm_lnb_profile_edit.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 44px 44px; }

.equal-wrap .equal-header .btn-deit span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; font-size: 1.1rem; }

.equal-wrap .equal-header .info-profile-wrap { position: relative; width: 80px; height: 80px; margin: 0 auto; }

.equal-wrap .equal-header .info-profile-wrap .info-profile { overflow: hidden; width: 80px; height: 80px; /*margin: -15px auto 0;*/ margin: 0 auto; border: solid 1px #ccc; border-radius: 80px; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.equal-wrap .equal-header .info-profile-wrap .info-profile .text { margin: 0 auto; font-size: 5rem; font-weight: 300; }

.equal-wrap .equal-header .info-profile-wrap .btn-deit { position: absolute; bottom: -12px; right: -9px; }

.equal-wrap .equal-header .info-name { margin-top: 15px; }

.equal-wrap .equal-header .info-name .text { font-size: 1.6rem; font-weight: 700; line-height: 2.1rem; vertical-align: top; }

.equal-wrap .equal-header .info-name .label-insider { display: block; background-image: url("../images/equal/equal_bg_insider.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 52px 21px; overflow: hidden; display: inline-block; width: 52px; height: 21px; margin-left: 5px; text-align: center; font-size: 0.9rem; font-weight: 500; font-style: italic; line-height: 2.1rem; color: #fff; vertical-align: top; }

.equal-wrap .equal-header .more-text-wrap { margin-top: 15px; }

.equal-wrap .equal-header .more-text-wrap .text { font-size: 1.1rem; line-height: 1.8rem; letter-spacing: -0.06px; }

.equal-wrap .equal-header .more-text-wrap .delete-text { vertical-align: 0; line-height: 0; }

.equal-wrap .equal-header .more-text-wrap .tt-more { margin-left: 5px; font-size: 0; }

.equal-wrap .equal-header .more-text-wrap .tt-more:before { content: 'more'; font-size: 1.2rem; font-weight: 500; line-height: 18px; color: #f00; }

.equal-wrap .equal-header .more-text-wrap.is-more .delete-text { display: inline-block; }

.equal-wrap .equal-header .more-text-wrap.is-more .delete-text .tt-more:before { content: 'close'; }

.equal-wrap .equal-header .equal-follower { margin-top: 5px; }

.equal-wrap .equal-header .equal-follower .count { display: inline-block; margin-left: 10px; padding: 3px 0; vertical-align: top; }

.equal-wrap .equal-header .equal-follower .count .count-number { display: inline-block; font-size: 1.2rem; font-weight: 300; line-height: 1.4rem; letter-spacing: normal; text-align: right; color: var(--black); }

.equal-wrap .equal-header .equal-follower .count .count-title { display: inline-block; margin-left: 5px; font-size: 1.1rem; font-weight: 300; line-height: 1.4rem; color: #999; }

.equal-wrap .equal-header .equal-follower .toggle-equal { display: inline-block; vertical-align: top; }

.equal-wrap .equal-header .equal-follower .toggle-equal input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; font-size: 1.1rem; }

.equal-wrap .equal-header .equal-follower .toggle-equal input ~ label { display: inline-block; overflow: hidden; position: relative; width: 20px; height: 20px; }

.equal-wrap .equal-header .equal-follower .toggle-equal input ~ label:after, .equal-wrap .equal-header .equal-follower .toggle-equal input ~ label:before { display: block; background-image: url("../images/equal/equal_btn_follower.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 40px 20px; content: ''; overflow: hidden; display: inline-block; width: 20px; height: 20px; }

.equal-wrap .equal-header .equal-follower .toggle-equal input ~ label:after { position: absolute; top: 0; left: 0; background-position: right 0; opacity: 0; -webkit-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; }

.equal-wrap .equal-header .equal-follower .toggle-equal input:checked ~ label:after { opacity: 1; }

.equal-wrap .tab-content .prod-grid-list { padding-bottom: 30px; }

.equal-wrap .tab-content .box-list-wrap.brand-type { padding-bottom: 30px; }

.equal-wrap .tab-content .btn-more { margin-bottom: 0; }

.equal-more-list { height: 180px; padding: 15px 0; }

.equal-more-list .item { height: 51px; border-bottom: 1px solid #f3f3f3; }

.equal-more-list .item .btn-sns, .equal-more-list .item .toggle-equal label { display: block; width: 100%; padding: 15px; font-size: 1.6rem; line-height: 2.1rem; text-align: center; text-transform: uppercase; }

.equal-more-list .item .toggle-equal input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; font-size: 1.1rem; }

.equal-more-list .item .toggle-equal input:checked ~ label:after { content: ' 취소'; }

.flex-box-list-wrap.equal-type { overflow: hidden; margin-right: -1px; margin-bottom: -1px; }

.flex-box-list-wrap.equal-type .flex-box-item { position: relative; border-bottom: 1px solid #000; }

.flex-box-list-wrap.equal-type .flex-box-item:before { z-index: 2; content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background: #000; }

.flex-box-list-wrap.equal-type .flex-box-item .detail-cont-box { height: 100%; }

.flex-box-list-wrap.equal-type .flex-box-item .detail-cont-box .ratio-img-wrap { height: 100%; text-align: center; }

.flex-box-list-wrap.equal-type .flex-box-item .detail-cont-box .ratio-img-wrap .img-name { overflow: hidden; position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: block; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; }

.flex-box-list-wrap.equal-type .flex-box-item .detail-cont-box .ratio-img-wrap .img-name .text { flex: 1; display: block; font-size: 1.5rem; font-weight: 500; line-height: 2rem; word-break: break-all; text-align: center; }

.flex-box-list-wrap.equal-type .flex-box-item .detail-cont-box .ratio-img-wrap .img-viewer { padding-top: 100%; }

.flex-box-list-wrap.equal-type .flex-box-item .btn-item-equal { z-index: 3; position: absolute; bottom: 0; right: 1px; }

.main-text-wrap, .exclusive-text-wrap { overflow: hidden; padding: 20px 15px; }

.main-text-wrap .editor-wrap, .exclusive-text-wrap .editor-wrap { font-size: 3.2rem; line-height: 4rem; }

.main-text-wrap .brand-list li, .exclusive-text-wrap .brand-list li { overflow: hidden; display: inline-block; padding: 0 6px; }

.main-text-wrap .brand-list li a, .exclusive-text-wrap .brand-list li a { display: block; font-size: 3.2rem; line-height: 4rem; transform: translate3d(0, 40px, 0); -webkit-transform: translate3d(0, 40px, 0); -moz-transform: translate3d(0, 40px, 0); -ms-transform: translate3d(0, 40px, 0); transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }

.main-text-wrap .brand-list li a:hover, .main-text-wrap .brand-list li a:active, .exclusive-text-wrap .brand-list li a:hover, .exclusive-text-wrap .brand-list li a:active { text-decoration: underline; }

.main-text-wrap .brand-list li:nth-child(1) a, .exclusive-text-wrap .brand-list li:nth-child(1) a { transition: transform 0.07s ease; }

.main-text-wrap .brand-list li:nth-child(2) a, .exclusive-text-wrap .brand-list li:nth-child(2) a { transition: transform 0.14s ease; }

.main-text-wrap .brand-list li:nth-child(3) a, .exclusive-text-wrap .brand-list li:nth-child(3) a { transition: transform 0.21s ease; }

.main-text-wrap .brand-list li:nth-child(4) a, .exclusive-text-wrap .brand-list li:nth-child(4) a { transition: transform 0.28s ease; }

.main-text-wrap .brand-list li:nth-child(5) a, .exclusive-text-wrap .brand-list li:nth-child(5) a { transition: transform 0.35s ease; }

.main-text-wrap .brand-list li:nth-child(6) a, .exclusive-text-wrap .brand-list li:nth-child(6) a { transition: transform 0.42s ease; }

.main-text-wrap .brand-list li:nth-child(7) a, .exclusive-text-wrap .brand-list li:nth-child(7) a { transition: transform 0.49s ease; }

.main-text-wrap .brand-list li:nth-child(8) a, .exclusive-text-wrap .brand-list li:nth-child(8) a { transition: transform 0.56s ease; }

.main-text-wrap .brand-list li:nth-child(9) a, .exclusive-text-wrap .brand-list li:nth-child(9) a { transition: transform 0.63s ease; }

.main-text-wrap .brand-list li:nth-child(10) a, .exclusive-text-wrap .brand-list li:nth-child(10) a { transition: transform 0.7s ease; }

.main-text-wrap .brand-list li:nth-child(11) a, .exclusive-text-wrap .brand-list li:nth-child(11) a { transition: transform 0.77s ease; }

.main-text-wrap .brand-list li:nth-child(12) a, .exclusive-text-wrap .brand-list li:nth-child(12) a { transition: transform 0.84s ease; }

.main-text-wrap .brand-list li:nth-child(13) a, .exclusive-text-wrap .brand-list li:nth-child(13) a { transition: transform 0.91s ease; }

.main-text-wrap .brand-list li:nth-child(14) a, .exclusive-text-wrap .brand-list li:nth-child(14) a { transition: transform 0.98s ease; }

.main-text-wrap .brand-list li:nth-child(15) a, .exclusive-text-wrap .brand-list li:nth-child(15) a { transition: transform 1.05s ease; }

.main-text-wrap .brand-list li:nth-child(16) a, .exclusive-text-wrap .brand-list li:nth-child(16) a { transition: transform 1.12s ease; }

.main-text-wrap .brand-list li:nth-child(17) a, .exclusive-text-wrap .brand-list li:nth-child(17) a { transition: transform 1.19s ease; }

.main-text-wrap .brand-list li:nth-child(18) a, .exclusive-text-wrap .brand-list li:nth-child(18) a { transition: transform 1.26s ease; }

.main-text-wrap .brand-list li:nth-child(19) a, .exclusive-text-wrap .brand-list li:nth-child(19) a { transition: transform 1.33s ease; }

.main-text-wrap .brand-list li:nth-child(20) a, .exclusive-text-wrap .brand-list li:nth-child(20) a { transition: transform 1.4s ease; }

.main-text-wrap .brand-list li:nth-child(21) a, .exclusive-text-wrap .brand-list li:nth-child(21) a { transition: transform 1.47s ease; }

.main-text-wrap .brand-list li:nth-child(22) a, .exclusive-text-wrap .brand-list li:nth-child(22) a { transition: transform 1.54s ease; }

.main-text-wrap .brand-list li:nth-child(23) a, .exclusive-text-wrap .brand-list li:nth-child(23) a { transition: transform 1.61s ease; }

.main-text-wrap .brand-list li:nth-child(24) a, .exclusive-text-wrap .brand-list li:nth-child(24) a { transition: transform 1.68s ease; }

.main-text-wrap .brand-list li:nth-child(25) a, .exclusive-text-wrap .brand-list li:nth-child(25) a { transition: transform 1.75s ease; }

.main-text-wrap .brand-list li:nth-child(26) a, .exclusive-text-wrap .brand-list li:nth-child(26) a { transition: transform 1.82s ease; }

.main-text-wrap .brand-list li:nth-child(27) a, .exclusive-text-wrap .brand-list li:nth-child(27) a { transition: transform 1.89s ease; }

.main-text-wrap .brand-list li:nth-child(28) a, .exclusive-text-wrap .brand-list li:nth-child(28) a { transition: transform 1.96s ease; }

.main-text-wrap .brand-list li:nth-child(29) a, .exclusive-text-wrap .brand-list li:nth-child(29) a { transition: transform 2.03s ease; }

.main-text-wrap .brand-list li:nth-child(30) a, .exclusive-text-wrap .brand-list li:nth-child(30) a { transition: transform 2.1s ease; }

.main-text-wrap .brand-list li:nth-child(31) a, .exclusive-text-wrap .brand-list li:nth-child(31) a { transition: transform 2.17s ease; }

.main-text-wrap .brand-list li:nth-child(32) a, .exclusive-text-wrap .brand-list li:nth-child(32) a { transition: transform 2.24s ease; }

.main-text-wrap .brand-list li:nth-child(33) a, .exclusive-text-wrap .brand-list li:nth-child(33) a { transition: transform 2.31s ease; }

.main-text-wrap .brand-list li:nth-child(34) a, .exclusive-text-wrap .brand-list li:nth-child(34) a { transition: transform 2.38s ease; }

.main-text-wrap .brand-list li:nth-child(35) a, .exclusive-text-wrap .brand-list li:nth-child(35) a { transition: transform 2.45s ease; }

.main-text-wrap .brand-list li:nth-child(36) a, .exclusive-text-wrap .brand-list li:nth-child(36) a { transition: transform 2.52s ease; }

.main-text-wrap .brand-list li:nth-child(37) a, .exclusive-text-wrap .brand-list li:nth-child(37) a { transition: transform 2.59s ease; }

.main-text-wrap .brand-list li:nth-child(38) a, .exclusive-text-wrap .brand-list li:nth-child(38) a { transition: transform 2.66s ease; }

.main-text-wrap .brand-list li:nth-child(39) a, .exclusive-text-wrap .brand-list li:nth-child(39) a { transition: transform 2.73s ease; }

.main-text-wrap .brand-list li:nth-child(40) a, .exclusive-text-wrap .brand-list li:nth-child(40) a { transition: transform 2.8s ease; }

.main-text-wrap .brand-list li:nth-child(41) a, .exclusive-text-wrap .brand-list li:nth-child(41) a { transition: transform 2.87s ease; }

.main-text-wrap .brand-list li:nth-child(42) a, .exclusive-text-wrap .brand-list li:nth-child(42) a { transition: transform 2.94s ease; }

.main-text-wrap .brand-list li:nth-child(43) a, .exclusive-text-wrap .brand-list li:nth-child(43) a { transition: transform 3.01s ease; }

.main-text-wrap .brand-list li:nth-child(44) a, .exclusive-text-wrap .brand-list li:nth-child(44) a { transition: transform 3.08s ease; }

.main-text-wrap .brand-list li:nth-child(45) a, .exclusive-text-wrap .brand-list li:nth-child(45) a { transition: transform 3.15s ease; }

.main-text-wrap .brand-list li:nth-child(46) a, .exclusive-text-wrap .brand-list li:nth-child(46) a { transition: transform 3.22s ease; }

.main-text-wrap .brand-list li:nth-child(47) a, .exclusive-text-wrap .brand-list li:nth-child(47) a { transition: transform 3.29s ease; }

.main-text-wrap .brand-list li:nth-child(48) a, .exclusive-text-wrap .brand-list li:nth-child(48) a { transition: transform 3.36s ease; }

.main-text-wrap .brand-list li:nth-child(49) a, .exclusive-text-wrap .brand-list li:nth-child(49) a { transition: transform 3.43s ease; }

.main-text-wrap .brand-list li:nth-child(50) a, .exclusive-text-wrap .brand-list li:nth-child(50) a { transition: transform 3.5s ease; }

.main-text-wrap .brand-list li:nth-child(51) a, .exclusive-text-wrap .brand-list li:nth-child(51) a { transition: transform 3.57s ease; }

.main-text-wrap .brand-list li:nth-child(52) a, .exclusive-text-wrap .brand-list li:nth-child(52) a { transition: transform 3.64s ease; }

.main-text-wrap .brand-list li:nth-child(53) a, .exclusive-text-wrap .brand-list li:nth-child(53) a { transition: transform 3.71s ease; }

.main-text-wrap .brand-list li:nth-child(54) a, .exclusive-text-wrap .brand-list li:nth-child(54) a { transition: transform 3.78s ease; }

.main-text-wrap .brand-list li:nth-child(55) a, .exclusive-text-wrap .brand-list li:nth-child(55) a { transition: transform 3.85s ease; }

.main-text-wrap .brand-list li:nth-child(56) a, .exclusive-text-wrap .brand-list li:nth-child(56) a { transition: transform 3.92s ease; }

.main-text-wrap .brand-list li:nth-child(57) a, .exclusive-text-wrap .brand-list li:nth-child(57) a { transition: transform 3.99s ease; }

.main-text-wrap .brand-list li:nth-child(58) a, .exclusive-text-wrap .brand-list li:nth-child(58) a { transition: transform 4.06s ease; }

.main-text-wrap .brand-list li:nth-child(59) a, .exclusive-text-wrap .brand-list li:nth-child(59) a { transition: transform 4.13s ease; }

.main-text-wrap .brand-list li:nth-child(60) a, .exclusive-text-wrap .brand-list li:nth-child(60) a { transition: transform 4.2s ease; }

.main-text-wrap .brand-list li:nth-child(61) a, .exclusive-text-wrap .brand-list li:nth-child(61) a { transition: transform 4.27s ease; }

.main-text-wrap .brand-list li:nth-child(62) a, .exclusive-text-wrap .brand-list li:nth-child(62) a { transition: transform 4.34s ease; }

.main-text-wrap .brand-list li:nth-child(63) a, .exclusive-text-wrap .brand-list li:nth-child(63) a { transition: transform 4.41s ease; }

.main-text-wrap .brand-list li:nth-child(64) a, .exclusive-text-wrap .brand-list li:nth-child(64) a { transition: transform 4.48s ease; }

.main-text-wrap .brand-list li:nth-child(65) a, .exclusive-text-wrap .brand-list li:nth-child(65) a { transition: transform 4.55s ease; }

.main-text-wrap .brand-list li:nth-child(66) a, .exclusive-text-wrap .brand-list li:nth-child(66) a { transition: transform 4.62s ease; }

.main-text-wrap .brand-list li:nth-child(67) a, .exclusive-text-wrap .brand-list li:nth-child(67) a { transition: transform 4.69s ease; }

.main-text-wrap .brand-list li:nth-child(68) a, .exclusive-text-wrap .brand-list li:nth-child(68) a { transition: transform 4.76s ease; }

.main-text-wrap .brand-list li:nth-child(69) a, .exclusive-text-wrap .brand-list li:nth-child(69) a { transition: transform 4.83s ease; }

.main-text-wrap .brand-list li:nth-child(70) a, .exclusive-text-wrap .brand-list li:nth-child(70) a { transition: transform 4.9s ease; }

.main-text-wrap .brand-list li:nth-child(71) a, .exclusive-text-wrap .brand-list li:nth-child(71) a { transition: transform 4.97s ease; }

.main-text-wrap .brand-list li:nth-child(72) a, .exclusive-text-wrap .brand-list li:nth-child(72) a { transition: transform 5.04s ease; }

.main-text-wrap .brand-list li:nth-child(73) a, .exclusive-text-wrap .brand-list li:nth-child(73) a { transition: transform 5.11s ease; }

.main-text-wrap .brand-list li:nth-child(74) a, .exclusive-text-wrap .brand-list li:nth-child(74) a { transition: transform 5.18s ease; }

.main-text-wrap .brand-list li:nth-child(75) a, .exclusive-text-wrap .brand-list li:nth-child(75) a { transition: transform 5.25s ease; }

.main-text-wrap .brand-list li:nth-child(76) a, .exclusive-text-wrap .brand-list li:nth-child(76) a { transition: transform 5.32s ease; }

.main-text-wrap .brand-list li:nth-child(77) a, .exclusive-text-wrap .brand-list li:nth-child(77) a { transition: transform 5.39s ease; }

.main-text-wrap .brand-list li:nth-child(78) a, .exclusive-text-wrap .brand-list li:nth-child(78) a { transition: transform 5.46s ease; }

.main-text-wrap .brand-list li:nth-child(79) a, .exclusive-text-wrap .brand-list li:nth-child(79) a { transition: transform 5.53s ease; }

.main-text-wrap .brand-list li:nth-child(80) a, .exclusive-text-wrap .brand-list li:nth-child(80) a { transition: transform 5.6s ease; }

.main-text-wrap .brand-list li:nth-child(81) a, .exclusive-text-wrap .brand-list li:nth-child(81) a { transition: transform 5.67s ease; }

.main-text-wrap .brand-list li:nth-child(82) a, .exclusive-text-wrap .brand-list li:nth-child(82) a { transition: transform 5.74s ease; }

.main-text-wrap .brand-list li:nth-child(83) a, .exclusive-text-wrap .brand-list li:nth-child(83) a { transition: transform 5.81s ease; }

.main-text-wrap .brand-list li:nth-child(84) a, .exclusive-text-wrap .brand-list li:nth-child(84) a { transition: transform 5.88s ease; }

.main-text-wrap .brand-list li:nth-child(85) a, .exclusive-text-wrap .brand-list li:nth-child(85) a { transition: transform 5.95s ease; }

.main-text-wrap .brand-list li:nth-child(86) a, .exclusive-text-wrap .brand-list li:nth-child(86) a { transition: transform 6.02s ease; }

.main-text-wrap .brand-list li:nth-child(87) a, .exclusive-text-wrap .brand-list li:nth-child(87) a { transition: transform 6.09s ease; }

.main-text-wrap .brand-list li:nth-child(88) a, .exclusive-text-wrap .brand-list li:nth-child(88) a { transition: transform 6.16s ease; }

.main-text-wrap .brand-list li:nth-child(89) a, .exclusive-text-wrap .brand-list li:nth-child(89) a { transition: transform 6.23s ease; }

.main-text-wrap .brand-list li:nth-child(90) a, .exclusive-text-wrap .brand-list li:nth-child(90) a { transition: transform 6.3s ease; }

.main-text-wrap .brand-list li:nth-child(91) a, .exclusive-text-wrap .brand-list li:nth-child(91) a { transition: transform 6.37s ease; }

.main-text-wrap .brand-list li:nth-child(92) a, .exclusive-text-wrap .brand-list li:nth-child(92) a { transition: transform 6.44s ease; }

.main-text-wrap .brand-list li:nth-child(93) a, .exclusive-text-wrap .brand-list li:nth-child(93) a { transition: transform 6.51s ease; }

.main-text-wrap .brand-list li:nth-child(94) a, .exclusive-text-wrap .brand-list li:nth-child(94) a { transition: transform 6.58s ease; }

.main-text-wrap .brand-list li:nth-child(95) a, .exclusive-text-wrap .brand-list li:nth-child(95) a { transition: transform 6.65s ease; }

.main-text-wrap .brand-list li:nth-child(96) a, .exclusive-text-wrap .brand-list li:nth-child(96) a { transition: transform 6.72s ease; }

.main-text-wrap .brand-list li:nth-child(97) a, .exclusive-text-wrap .brand-list li:nth-child(97) a { transition: transform 6.79s ease; }

.main-text-wrap .brand-list li:nth-child(98) a, .exclusive-text-wrap .brand-list li:nth-child(98) a { transition: transform 6.86s ease; }

.main-text-wrap .brand-list li:nth-child(99) a, .exclusive-text-wrap .brand-list li:nth-child(99) a { transition: transform 6.93s ease; }

.main-text-wrap .brand-list li:nth-child(100) a, .exclusive-text-wrap .brand-list li:nth-child(100) a { transition: transform 7s ease; }

.main-text-wrap.is-animate .brand-list li a, .exclusive-text-wrap.is-animate .brand-list li a { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.exclusive-text-wrap { padding-left: 9px; padding-right: 9px; border-bottom: 1px solid #000; }

.main-wrap > .swiper-wrapper > .swiper-slide { border-top: 1px solid transparent; }

.main-wrap > .swiper-wrapper > .swiper-slide:first-child { border-top-color: #000; }

.main-wrap:not(.swiper-container-horizontal) > .swiper-wrapper > .swiper-slide { display: none; }

.main-wrap .btn-main-more { display: inline-block; width: 190px; height: 50px; padding: 9px 0 9px 50px; box-shadow: -10px 10px 10px 0 rgba(0, 0, 0, 0.05); background-image: url(../images/ui/button/ui_btn_detail_arrow.png); background-repeat: no-repeat; background-position: 10px 10px; background-size: 30px; background-color: #fff; text-align: left; }

.main-wrap .btn-main-more span { display: block; color: #666; font-size: 1rem; line-height: 1.5rem; }

.main-wrap .btn-main-more span.eng { color: #000; font-size: 1.2rem; font-weight: 500; letter-spacing: -.3px; }

.main-wrap .btn-main-more span + span { margin-top: 2px; }

.main-wrap .main-personalize-banner { position: relative; border-bottom: 1px solid #000; }

.main-wrap .main-personalize-banner img { width: 100%; max-width: 100%; }

.main-wrap .main-personalize-banner .btn-main-more { position: absolute; right: 0; bottom: 20px; }

.main-wrap .main-visual-banner-wrap .ratio-img-wrap .img-viewer { padding-top: 59.1666%; }

.main-wrap .main-visual-banner-wrap .swiper-page-number { padding: 4px 8px; left: 10px; bottom: 50px; top: inherit; right: inherit; }

.main-wrap .main-visual-banner-wrap .swiper-page-number > span { font-size: 1.2rem; position: relative; z-index: 1; }

.main-wrap .main-visual-banner-wrap .swiper-page-number:before { display: block; width: 100%; height: 100%; content: ""; background: #000; opacity: 0.5; position: absolute; left: 0; top: 0; z-index: 0; border-radius: 18px; }

.main-wrap .main-visual-banner-wrap .banner-info-wrap { display: block; padding: 0 10px; background: #fff; text-align: center; font-size: 1.2rem; height: 40px; line-height: 40px; border: 1px solid #000; border-width: 1px 0; }

.main-wrap .main-visual-banner-wrap .banner-info-wrap .banner-text { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.main-wrap .main-prod-list-wrap .prod-grid-list { padding: 0; }

.main-wrap .main-prod-list-wrap .prod-grid-list .prod-item { position: relative; width: 33.3333%; padding: 0; margin-top: 0; border-bottom: 1px solid #000; }

.main-wrap .main-prod-list-wrap .prod-grid-list .prod-item.col-2 { width: 66.6666%; }

.main-wrap .main-prod-list-wrap .prod-grid-list .prod-item.col-2 .prod-link { height: 100%; }

.main-wrap .main-prod-list-wrap .prod-grid-list .prod-item.col-2 .prod-link .video-box, .main-wrap .main-prod-list-wrap .prod-grid-list .prod-item.col-2 .prod-link .ratio-img-wrap { height: 100%; }

.main-wrap .main-prod-list-wrap .prod-grid-list .prod-item.col-2 .prod-link .video-box .img-viewer, .main-wrap .main-prod-list-wrap .prod-grid-list .prod-item.col-2 .prod-link .ratio-img-wrap .img-viewer { width: 100%; height: 100%; padding: 0; }

.main-wrap .main-prod-list-wrap .prod-grid-list .prod-item.col-2 .banner-text-wrap { padding: 0 10px; height: 37px; background: #fff; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 12px; color: #000; }

.main-wrap .main-prod-list-wrap .prod-grid-list .prod-item.col-2 .banner-text-wrap .banner-text { display: inline; margin: 0; padding: 0; line-height: 37px; background: none; }

.main-wrap .main-prod-list-wrap .prod-grid-list .prod-item.col-2 .banner-text-wrap .banner-text + .banner-text:before { margin: 2px; content: '/'; }

.main-wrap .main-prod-list-wrap .prod-grid-list .prod-item:after { content: ''; position: absolute; display: block; width: 1px; top: 0; right: 0; bottom: 0; background: #000; z-index: 1; }

.main-wrap .main-prod-list-wrap .prod-grid-list .prod-item .info-wrap { display: flex; flex-flow: column; }

.main-wrap .main-prod-list-wrap .prod-grid-list .prod-item .info-wrap .prod-name { color: #333; margin-top: 11px; padding: 0 10px; font-weight: 300; line-height: 1.8rem; display: inherit; height: auto; max-height: none; -webkit-box-orient: inherit; -webkit-line-clamp: inherit; display: inline-block; width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: normal; }

.main-wrap .main-prod-list-wrap .prod-grid-list .prod-item .info-wrap .prod-price-wrap { margin-top: 5px; padding-left: 10px; padding-right: 10px; }

.main-wrap .main-prod-list-wrap .prod-grid-list .prod-item .info-wrap .prod-price-wrap .prod-price-value .prod-price { margin-right: 5px; font-size: 1.2rem; line-height: 15px; }

.main-wrap .main-prod-list-wrap .prod-grid-list .prod-item .info-wrap .prod-price-wrap .prod-price-value .prod-price-normal { display: none; text-decoration: none; }

.main-wrap .main-prod-list-wrap .prod-grid-list .prod-item .info-wrap .prod-brand-name { display: inherit; height: auto; max-height: none; -webkit-box-orient: inherit; -webkit-line-clamp: inherit; display: inline-block; width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: normal; display: block; padding: 0 10px; border-top: 1px solid #f2f2f2; line-height: 3.6rem; order: 3; }

.main-wrap .main-prod-list-wrap .prod-grid-list .prod-item .info-wrap .auto-badge-wrap { display: none; padding-left: 10px; }

.main-wrap .main-insider-wrap { margin: 15px 0; padding: 0 35px 0 15px; }

.main-wrap .main-today-box { border-top: 1px solid #000; border-bottom: 1px solid #000; }

.main-wrap .main-today-box .today-box-title { padding: 15px; font-size: 1.8rem; font-weight: 500; line-height: 2rem; }

.main-wrap .main-today-box .main-recommend-wrap { padding: 0 30px 30px 15px; }

.main-wrap .main-today-box .thumb-list-swiper-wrap { padding: 0 7.43% 15px 15px; }

.main-wrap .main-today-box .main-today-img-video-box { background: #ccc; }

.main-wrap .main-today-box .main-today-img-video-box img { max-width: 100%; width: 100%; }

.main-wrap .main-today-box .main-today-img-video-box .swiper-slide { align-self: center; }

.main-wrap .main-today-box .main-today-bottom-box { position: relative; }

.main-wrap .main-today-box .main-today-bottom-box .profile-flex-wrap { padding: 15px 10px; }

.main-wrap .main-today-box .main-today-bottom-box .profile-flex-wrap .profile-name .profile-detail .profile-text { font-weight: 300; }

.main-wrap .main-today-box .main-today-bottom-box .today-info-wrap { padding: 16px 15px 30px; border-top: 1px solid #f2f2f2; }

.main-wrap .main-today-box .main-today-bottom-box .today-info-wrap .today-info-title { font-size: 1.5rem; line-height: 2.2rem; display: inherit; height: auto; max-height: none; -webkit-box-orient: inherit; -webkit-line-clamp: inherit; display: inline-block; width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: normal; }

.main-wrap .main-today-box .main-today-bottom-box .today-info-wrap .more-text-wrap { margin-top: 6px; }

.main-wrap .main-today-box .main-today-bottom-box .btn-today-product, .main-wrap .main-today-box .main-today-bottom-box .btn-main-more { z-index: 5; }

.main-wrap .main-today-box .main-today-bottom-box .btn-today-product { position: absolute; color: #fff; background-color: rgba(0, 0, 0, 0.5); background-image: url(../images/ui/button/ui_btn_detail_plus.png); background-repeat: no-repeat; background-position: 11px 11px; background-size: 12px; border-radius: 18px; padding: 11px 12px 11px 33px; text-transform: uppercase; font-size: 1rem; line-height: 1.3rem; letter-spacing: 0.5px; left: 15px; top: -50px; }

.main-wrap .main-today-box .main-today-bottom-box .btn-today-product:before { content: ''; }

.main-wrap .main-today-box .main-today-bottom-box .btn-main-more { position: absolute; right: 0; top: -40px; }

.main-wrap .main-today-box ~ .main-today-box { margin-top: 15px; }

.main-wrap .main-today-box:last-of-type { border-bottom: none; }

.main-wrap .main-today-box .js-today-img-swiper ~ .main-today-bottom-box .btn-today-product { top: -65px; }

.main-wrap .main-today-box .js-today-img-swiper ~ .main-today-bottom-box .btn-main-more { top: -80px; }

.brand-select-wrap { height: calc(100% - 55px); overflow-y: auto; }

.brand-select-wrap .brand-select-title-wrap { margin: 30px 15px; }

.brand-select-wrap .brand-select-title-wrap .brand-select-title, .brand-select-wrap .brand-select-title-wrap .brand-select-desc { text-align: center; }

.brand-select-wrap .brand-select-title-wrap .brand-select-title { font-size: 1.6rem; line-height: 2.4rem; }

.brand-select-wrap .brand-select-title-wrap .brand-select-desc { margin-top: 5px; font-size: 1.2rem; line-height: 1.8rem; }

.brand-select-wrap .brand-select-list, .brand-select-wrap .gender-select-list { padding: 0 7.5px; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; flex-wrap: wrap; }

.brand-select-wrap .brand-select-list .brand-select-item, .brand-select-wrap .brand-select-list .gender-select-item, .brand-select-wrap .gender-select-list .brand-select-item, .brand-select-wrap .gender-select-list .gender-select-item { position: relative; flex: 0 0 33.3333%; padding: 0 7.5px; margin-bottom: 15px; }

.brand-select-wrap .brand-select-list .brand-select-item input[type=checkbox], .brand-select-wrap .brand-select-list .brand-select-item input[type=radio], .brand-select-wrap .brand-select-list .gender-select-item input[type=checkbox], .brand-select-wrap .brand-select-list .gender-select-item input[type=radio], .brand-select-wrap .gender-select-list .brand-select-item input[type=checkbox], .brand-select-wrap .gender-select-list .brand-select-item input[type=radio], .brand-select-wrap .gender-select-list .gender-select-item input[type=checkbox], .brand-select-wrap .gender-select-list .gender-select-item input[type=radio] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.brand-select-wrap .brand-select-list .brand-select-item input[type=checkbox] + label, .brand-select-wrap .brand-select-list .brand-select-item input[type=radio] + label, .brand-select-wrap .brand-select-list .gender-select-item input[type=checkbox] + label, .brand-select-wrap .brand-select-list .gender-select-item input[type=radio] + label, .brand-select-wrap .gender-select-list .brand-select-item input[type=checkbox] + label, .brand-select-wrap .gender-select-list .brand-select-item input[type=radio] + label, .brand-select-wrap .gender-select-list .gender-select-item input[type=checkbox] + label, .brand-select-wrap .gender-select-list .gender-select-item input[type=radio] + label { display: block; }

.brand-select-wrap .brand-select-list .brand-select-item input[type=checkbox]:checked + label .brand-img:before, .brand-select-wrap .brand-select-list .brand-select-item input[type=checkbox]:checked + label .brand-img:after, .brand-select-wrap .brand-select-list .brand-select-item input[type=checkbox]:checked + label .gender-img:before, .brand-select-wrap .brand-select-list .brand-select-item input[type=checkbox]:checked + label .gender-img:after, .brand-select-wrap .brand-select-list .brand-select-item input[type=radio]:checked + label .brand-img:before, .brand-select-wrap .brand-select-list .brand-select-item input[type=radio]:checked + label .brand-img:after, .brand-select-wrap .brand-select-list .brand-select-item input[type=radio]:checked + label .gender-img:before, .brand-select-wrap .brand-select-list .brand-select-item input[type=radio]:checked + label .gender-img:after, .brand-select-wrap .brand-select-list .gender-select-item input[type=checkbox]:checked + label .brand-img:before, .brand-select-wrap .brand-select-list .gender-select-item input[type=checkbox]:checked + label .brand-img:after, .brand-select-wrap .brand-select-list .gender-select-item input[type=checkbox]:checked + label .gender-img:before, .brand-select-wrap .brand-select-list .gender-select-item input[type=checkbox]:checked + label .gender-img:after, .brand-select-wrap .brand-select-list .gender-select-item input[type=radio]:checked + label .brand-img:before, .brand-select-wrap .brand-select-list .gender-select-item input[type=radio]:checked + label .brand-img:after, .brand-select-wrap .brand-select-list .gender-select-item input[type=radio]:checked + label .gender-img:before, .brand-select-wrap .brand-select-list .gender-select-item input[type=radio]:checked + label .gender-img:after, .brand-select-wrap .gender-select-list .brand-select-item input[type=checkbox]:checked + label .brand-img:before, .brand-select-wrap .gender-select-list .brand-select-item input[type=checkbox]:checked + label .brand-img:after, .brand-select-wrap .gender-select-list .brand-select-item input[type=checkbox]:checked + label .gender-img:before, .brand-select-wrap .gender-select-list .brand-select-item input[type=checkbox]:checked + label .gender-img:after, .brand-select-wrap .gender-select-list .brand-select-item input[type=radio]:checked + label .brand-img:before, .brand-select-wrap .gender-select-list .brand-select-item input[type=radio]:checked + label .brand-img:after, .brand-select-wrap .gender-select-list .brand-select-item input[type=radio]:checked + label .gender-img:before, .brand-select-wrap .gender-select-list .brand-select-item input[type=radio]:checked + label .gender-img:after, .brand-select-wrap .gender-select-list .gender-select-item input[type=checkbox]:checked + label .brand-img:before, .brand-select-wrap .gender-select-list .gender-select-item input[type=checkbox]:checked + label .brand-img:after, .brand-select-wrap .gender-select-list .gender-select-item input[type=checkbox]:checked + label .gender-img:before, .brand-select-wrap .gender-select-list .gender-select-item input[type=checkbox]:checked + label .gender-img:after, .brand-select-wrap .gender-select-list .gender-select-item input[type=radio]:checked + label .brand-img:before, .brand-select-wrap .gender-select-list .gender-select-item input[type=radio]:checked + label .brand-img:after, .brand-select-wrap .gender-select-list .gender-select-item input[type=radio]:checked + label .gender-img:before, .brand-select-wrap .gender-select-list .gender-select-item input[type=radio]:checked + label .gender-img:after { opacity: 1; }

.brand-select-wrap .brand-select-list .brand-select-item label .brand-img, .brand-select-wrap .brand-select-list .brand-select-item label .gender-img, .brand-select-wrap .brand-select-list .gender-select-item label .brand-img, .brand-select-wrap .brand-select-list .gender-select-item label .gender-img, .brand-select-wrap .gender-select-list .brand-select-item label .brand-img, .brand-select-wrap .gender-select-list .brand-select-item label .gender-img, .brand-select-wrap .gender-select-list .gender-select-item label .brand-img, .brand-select-wrap .gender-select-list .gender-select-item label .gender-img { position: relative; display: block; }

.brand-select-wrap .brand-select-list .brand-select-item label .brand-img:before, .brand-select-wrap .brand-select-list .brand-select-item label .brand-img:after, .brand-select-wrap .brand-select-list .brand-select-item label .gender-img:before, .brand-select-wrap .brand-select-list .brand-select-item label .gender-img:after, .brand-select-wrap .brand-select-list .gender-select-item label .brand-img:before, .brand-select-wrap .brand-select-list .gender-select-item label .brand-img:after, .brand-select-wrap .brand-select-list .gender-select-item label .gender-img:before, .brand-select-wrap .brand-select-list .gender-select-item label .gender-img:after, .brand-select-wrap .gender-select-list .brand-select-item label .brand-img:before, .brand-select-wrap .gender-select-list .brand-select-item label .brand-img:after, .brand-select-wrap .gender-select-list .brand-select-item label .gender-img:before, .brand-select-wrap .gender-select-list .brand-select-item label .gender-img:after, .brand-select-wrap .gender-select-list .gender-select-item label .brand-img:before, .brand-select-wrap .gender-select-list .gender-select-item label .brand-img:after, .brand-select-wrap .gender-select-list .gender-select-item label .gender-img:before, .brand-select-wrap .gender-select-list .gender-select-item label .gender-img:after { content: ''; position: absolute; display: inline-block; left: 0; top: 0; opacity: 0; -webkit-transition: opacity 0.23s ease-out; transition: opacity 0.23s ease-out; }

.brand-select-wrap .brand-select-list .brand-select-item label .brand-img:before, .brand-select-wrap .brand-select-list .brand-select-item label .gender-img:before, .brand-select-wrap .brand-select-list .gender-select-item label .brand-img:before, .brand-select-wrap .brand-select-list .gender-select-item label .gender-img:before, .brand-select-wrap .gender-select-list .brand-select-item label .brand-img:before, .brand-select-wrap .gender-select-list .brand-select-item label .gender-img:before, .brand-select-wrap .gender-select-list .gender-select-item label .brand-img:before, .brand-select-wrap .gender-select-list .gender-select-item label .gender-img:before { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); border-radius: 50%; }

.brand-select-wrap .brand-select-list .brand-select-item label .brand-img:after, .brand-select-wrap .brand-select-list .brand-select-item label .gender-img:after, .brand-select-wrap .brand-select-list .gender-select-item label .brand-img:after, .brand-select-wrap .brand-select-list .gender-select-item label .gender-img:after, .brand-select-wrap .gender-select-list .brand-select-item label .brand-img:after, .brand-select-wrap .gender-select-list .brand-select-item label .gender-img:after, .brand-select-wrap .gender-select-list .gender-select-item label .brand-img:after, .brand-select-wrap .gender-select-list .gender-select-item label .gender-img:after { width: 100%; height: 100%; background: url(../images/ui/button/ui_btn_check.png) no-repeat center; background-size: 30px; }

.brand-select-wrap .brand-select-list .brand-select-item label .brand-img img, .brand-select-wrap .brand-select-list .brand-select-item label .gender-img img, .brand-select-wrap .brand-select-list .gender-select-item label .brand-img img, .brand-select-wrap .brand-select-list .gender-select-item label .gender-img img, .brand-select-wrap .gender-select-list .brand-select-item label .brand-img img, .brand-select-wrap .gender-select-list .brand-select-item label .gender-img img, .brand-select-wrap .gender-select-list .gender-select-item label .brand-img img, .brand-select-wrap .gender-select-list .gender-select-item label .gender-img img { width: 100%; max-width: 100%; border-radius: 50%; }

.brand-select-wrap .brand-select-list .brand-select-item label .brand-name, .brand-select-wrap .brand-select-list .gender-select-item label .brand-name, .brand-select-wrap .gender-select-list .brand-select-item label .brand-name, .brand-select-wrap .gender-select-list .gender-select-item label .brand-name { margin-top: 5px; padding: 0 10px; text-align: center; font-weight: 700; overflow: hidden; height: 24px; max-height: 24px; line-height: 12px; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; text-overflow: -o-ellipsis-lastline; white-space: normal; word-break: break-word; }

.brand-select-wrap .brand-select-list { /* 가로모드 */ }

@media all and (orientation: landscape) { .brand-select-wrap .brand-select-list { padding: 0; margin: 0 auto; width: 345px; } }

.brand-select-wrap .gender-select-list { margin-bottom: 30px; position: relative; /* 가로모드 */ }

.brand-select-wrap .gender-select-list:after { content: ''; display: block; bottom: 0; left: 15px; right: 15px; height: 1px; position: absolute; background: #f2f2f2; }

@media all and (orientation: landscape) { .brand-select-wrap .gender-select-list { justify-content: center; -webkit-justify-content: center; }
	.brand-select-wrap .gender-select-list .gender-select-item { width: 115px; flex: 0 0 115px; } }

.spot { font-weight: 700; }

/* s: bottom-fix-nav */
.bottom-fix-nav { /* top */ /* back */ /* s: 카테고리 */ }

.wrap.has-bottom .bottom-fix-nav { -webkit-transition: transform 0.23s ease-out; transition: transform 0.23s ease-out; -webkit-backface-visibility: hidden; transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }

.wrap.has-bottom .bottom-fix-nav.scroll-down { transform: translate(0, 60px); -webkit-transform: translate(0, 60px); -moz-transform: translate(0, 60px); }

.wrap.has-bottom .bottom-fix-nav.scroll-down .docker-box [class*=btn-] { opacity: 0; transform: translateY(10px); -webkit-transition: none; transition: none; }

.wrap.has-bottom .bottom-fix-nav .prod-control-fix-wrap { -webkit-transition: opacity 0.23s ease-out; transition: opacity 0.23s ease-out; }

.bottom-fix-nav .docker-box { border-top: 1px solid #000; padding: 10px 7px; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; text-transform: uppercase; }

.bottom-fix-nav .docker-box [class*=btn-] { display: block; text-align: center; margin: 0 auto; opacity: 1; transform: translateY(0); -webkit-transition: transform 0.23s ease-out 0.115s, opacity 0.23s ease-out 0.115s; transition: transform 0.23s ease-out 0.115s, opacity 0.23s ease-out 0.115s; -webkit-backface-visibility: hidden; }

.bottom-fix-nav .docker-box [class*=btn-] i { margin: 0 auto; }

.bottom-fix-nav .docker-box [class*=btn-]:not(.btn-home) { width: 36px; }

.bottom-fix-nav .docker-box [class*=btn-]:not(.btn-home) i { width: 30px; height: 30px; display: block; background-image: url("../images/common/comm_footer_docker_btn.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 123px 60px; }

.bottom-fix-nav .docker-box [class*=btn-]:not(.btn-home) span { display: block; font-size: 0.8rem; color: #000; text-align: center; }

.bottom-fix-nav .docker-box [class*=btn-]:not(.btn-home).btn-search i { background-position: -31px 0; }

.bottom-fix-nav .docker-box [class*=btn-]:not(.btn-home).btn-equal i { background-position: -62px 0; }

.bottom-fix-nav .docker-box [class*=btn-]:not(.btn-home).btn-mypage i { background-position: -93px 0; }

.bottom-fix-nav .docker-box [class*=btn-]:not(.btn-home):hover.btn-menu i, .bottom-fix-nav .docker-box [class*=btn-]:not(.btn-home):focus.btn-menu i, .bottom-fix-nav .docker-box [class*=btn-]:not(.btn-home).active.btn-menu i { background-position: 0 -30px; }

.bottom-fix-nav .docker-box [class*=btn-]:not(.btn-home):hover.btn-search i, .bottom-fix-nav .docker-box [class*=btn-]:not(.btn-home):focus.btn-search i, .bottom-fix-nav .docker-box [class*=btn-]:not(.btn-home).active.btn-search i { background-position: -31px -30px; }

.bottom-fix-nav .docker-box [class*=btn-]:not(.btn-home):hover.btn-equal i, .bottom-fix-nav .docker-box [class*=btn-]:not(.btn-home):focus.btn-equal i, .bottom-fix-nav .docker-box [class*=btn-]:not(.btn-home).active.btn-equal i { background-position: -62px -30px; }

.bottom-fix-nav .docker-box [class*=btn-]:not(.btn-home):hover.btn-mypage i, .bottom-fix-nav .docker-box [class*=btn-]:not(.btn-home):focus.btn-mypage i, .bottom-fix-nav .docker-box [class*=btn-]:not(.btn-home).active.btn-mypage i { background-position: -93px -30px; }

.bottom-fix-nav .docker-box .btn-home { flex: 0 1 80px; }

@media screen and (max-width: 320px) { .bottom-fix-nav .docker-box .btn-home { margin: 0 15px; } }

.bottom-fix-nav .docker-box .btn-home i { width: 80px; height: 30px; display: block; background-image: url("../images/common/comm_footer_docker_btn_home.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 80px 30px; }

.bottom-fix-nav .docker-box .btn-home span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; font-size: 1.1rem; }

.bottom-fix-nav .btn-arrow-top { position: absolute; top: -36px; right: 0; }

.bottom-fix-nav .btn-arrow-back { position: absolute; top: -36px; left: 0; }

.bottom-fix-nav .prod-control-fix-wrap { position: absolute; top: -55px; left: 50%; width: 280px; margin-left: -140px; opacity: 0; }

@media screen and (max-width: 320px) { .bottom-fix-nav .prod-control-fix-wrap { left: 45px; right: 45px; width: initial; margin-left: 0; } }

.bottom-fix-nav .prod-control-fix-wrap .category-btn-wrap { height: 40px; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; justify-content: center; }

.bottom-fix-nav .prod-control-fix-wrap.is-active { opacity: 1; }

.bottom-fix-nav .prd-option-wrap .prd-buy { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 10px 15px; border-top: 1px solid #000; }

.bottom-fix-nav .prd-option-wrap .prd-buy .btn-left { width: 50%; padding: 0 1px; }

.bottom-fix-nav .prd-option-wrap .prd-buy .btn-left [class*=btn-item-] ~ [class*=btn-item-] { margin-left: 9px; }

.bottom-fix-nav .prd-option-wrap .prd-buy .btn-left ~ .btn { width: 50%; min-width: 50%; }

.bottom-fix-nav .prd-option-wrap .prd-buy .btn { min-width: 100%; color: #fff; font-size: 1.4rem; }

.bottom-fix-nav .order-wrap { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; align-items: center; padding: 10px 15px; border-top: 1px solid #000; }

.bottom-fix-nav .order-wrap .btn-left { width: 50%; padding: 0 1px; }

.bottom-fix-nav .order-wrap .btn-left ~ .btn { width: 50%; min-width: 50%; }

.bottom-fix-nav .order-wrap .btn-left .order-total-info { font-size: 1.2rem; line-height: 1.8rem; }

.bottom-fix-nav .order-wrap .btn-left .order-total-info .price, .bottom-fix-nav .order-wrap .btn-left .order-total-info .count { display: inline-block; }

.bottom-fix-nav .order-wrap .btn { min-width: 100%; color: #fff; font-size: 1.4rem; }

/* e: bottom-fix-nav */
.video-box { position: relative; }

.video-box .btn-video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; z-index: 4; }

.video-box .ratio-img-wrap { display: block; }

.video-box .ratio-img-wrap .img-viewer { display: block; padding-top: 56.1764%; }

.video-box .video-wrap { position: absolute; background: #000; left: 0; top: 0; right: 0; bottom: 0; z-index: 4; /* width: 1px; height: 1px; clip: rect(0, 0, 0, 0);*/ }

.video-box .video-wrap .youtube-iframe { /*pointer-events: none;*/ }

.video-box .video-wrap.vimeo-wrap > div { width: 100%; }

.count-down-wrap { text-align: center; font-size: 0; font-family: "GT America", "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans TC", "Noto Sans JP", sans-serif; }

.count-down-wrap .detail-stitle { text-transform: uppercase; font-size: 1.3rem; }

.count-down-wrap .clock-wrap { padding-top: 12px; }

.count-down-wrap .clock-wrap .count-wrap { position: relative; display: inline-block; width: 43px; text-align: center; color: #000; vertical-align: top; }

.count-down-wrap .clock-wrap .count-wrap .count { font-size: 2.4rem; line-height: 3rem; padding-bottom: 2px; }

.count-down-wrap .clock-wrap .count-wrap .sstitle { font-size: 1rem; line-height: 1.3rem; }

.count-down-wrap .clock-wrap .gap { display: inline-block; width: 13px; height: 32px; font-size: 2.4rem; text-align: center; vertical-align: top; }

.offscreen { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; font-size: 1.1rem; }

.gate-menu-list { border-top: solid 1px #000; }

.gate-menu-list .menu-item { border-bottom: solid 1px #000; }

.gate-menu-list .menu-item .btn-menu { display: block; padding: 15px; font-size: 1.6rem; line-height: 2rem; text-align: center; }

.gate-menu-list .menu-item .btn-menu .spot { font-weight: 400; color: #f00; }

.gate-menu-list .menu-item .btn-menu .spot2 { color: #016709; }

.category-menu-wrap { padding-top: 20px; border-top: 1px solid #000; }

.category-menu-wrap .category-title { margin-bottom: 10px; font-size: 1.6rem; line-height: 2rem; }

.category-menu-wrap .category-title a { display: block; }

.category-menu-wrap .fold-box-list { border-top: 1px solid #f2f2f2; }

.category-menu-wrap .fold-box-list .toggle-title-box { padding-left: 0; padding-right: 0; border-bottom-color: #f2f2f2; text-transform: uppercase; }

.category-menu-wrap .fold-box-list .toggle-title-box .toggle-title { font-size: 1.6rem; line-height: 2rem; }

.category-menu-wrap .fold-box-list .toggle-title-box .right-box .ico-toggle { margin-right: 10px; width: 9px; height: 9px; display: block; background-image: url("../images/ui/button/ui_btn_category_toggle.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 18px 9px; }

.category-menu-wrap .fold-box-list .fold-box.expanded .fold-box-contents { border-bottom-color: #f2f2f2; }

.category-menu-wrap .fold-box-list .fold-box.expanded .toggle-title-box .right-box .ico-toggle { background-position: right 0; }

.category-menu-wrap .fold-box-list .fold-box .fold-box-contents { padding: 0; }

.category-menu-wrap .fold-box-list .fold-box .fold-box-contents .menu-list .menu-item .btn-menu { display: block; padding: 10px 20px; font-size: 1.6rem; font-weight: 300; line-height: 2rem; text-transform: uppercase; }

.category-menu-wrap .fold-box-list .fold-box .fold-box-contents .menu-list .menu-item ~ .menu-item { border-top: 1px solid #f2f2f2; }

.terms-wrap .privacy-guide { margin: 0 -15px; padding: 30px 35px; background-color: #f2f2f2; text-align: center; word-break: keep-all; word-wrap: break-word; }

.terms-wrap .privacy-guide p { font-size: 1.2rem; line-height: 1.8rem; }

.terms-wrap .privacy-guide p ~ p { margin-top: 4px; }

.terms-wrap .privacy-guide + .terms-list { margin-top: 30px; }

.terms-wrap .term-date { display: block; margin-top: 30px; font-size: 1.2rem; line-height: 1.8rem; color: #666; }

.terms-wrap .terms-list { margin-top: 15px; }

.terms-wrap .terms-list > li .term-title, .terms-wrap .terms-list > li .term-stitle { display: block; margin-bottom: 10px; font-family: "GT America", "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans TC", "Noto Sans JP", sans-serif; font-size: 1.3rem; line-height: 1.9rem; }

.terms-wrap .terms-list > li .term-title + .tbl-col, .terms-wrap .terms-list > li .term-stitle + .tbl-col { margin-top: 0; }

.terms-wrap .terms-list > li .term-tbl-title { display: block; font-size: 1.1rem; line-height: 1.8rem; margin-bottom: 10px; }

.terms-wrap .terms-list > li .term-tbl-title + .tbl-col { margin-top: 0; }

.terms-wrap .terms-list > li .text-list-title { margin: 20px 0 8px; line-height: 1.8rem; }

.terms-wrap .terms-list > li .desc-gray { display: block; margin-top: 10px; }

.terms-wrap .terms-list > li p { font-size: 1.2rem; line-height: 1.8rem; color: #666; word-break: keep-all; word-wrap: break-word; }

.terms-wrap .terms-list > li p + ol { margin-top: 10px; }

.terms-wrap .terms-list > li p > ul { margin-top: 4px; }

.terms-wrap .terms-list > li .tbl-col { margin-top: 20px; }

.terms-wrap .terms-list > li .tbl-col table thead th { word-break: keep-all; word-wrap: break-word; }

.terms-wrap .terms-list > li .tbl-col table td a { display: block; margin-top: 6px; color: #000; text-decoration: underline; }

.terms-wrap .terms-list > li .tbl-col table td span { word-break: break-word; }

.terms-wrap .terms-list > li .tbl-col table td ul li { display: inherit; }

.terms-wrap .terms-list > li .tbl-col table td ul li:before { content: none; }

.terms-wrap .terms-list > li .tbl-col table td ul li ~ li { margin-top: 6px; }

.terms-wrap .terms-list > li ul { width: 100%; }

.terms-wrap .terms-list > li ul li { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; flex-wrap: wrap; }

.terms-wrap .terms-list > li ul li:before { content: '•'; display: inline-block; margin-right: 5px; font-size: 1.1rem; line-height: 1.6rem; color: #666; vertical-align: top; }

.terms-wrap .terms-list > li ul li p:first-child { flex: 1; }

.terms-wrap .terms-list > li ul.text-list { margin-top: 8px; }

.terms-wrap .terms-list > li ul.text-list li:before { content: none; }

.terms-wrap .terms-list > li ul.text-list li ~ li { margin-top: 6px; }

.terms-wrap .terms-list > li ol { width: 100%; }

.terms-wrap .terms-list > li ol li { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; flex-wrap: wrap; }

.terms-wrap .terms-list > li ol li .num { display: inline-block; font-size: 1.2rem; vertical-align: top; color: #666; line-height: 1.8rem; }

.terms-wrap .terms-list > li ol li .num + p { width: auto; flex: 1; }

.terms-wrap .terms-list > li ol li .num + p + p { width: 100%; }

.terms-wrap .terms-list > li ol li li p { width: 100%; font-size: 1.1rem; }

.terms-wrap .terms-list > li > p ~ p { margin-top: 10px; }

.terms-wrap .terms-list > li > p + ul { margin-top: 6px; }

.terms-wrap .terms-list > li > p + ul li:before { content: none; }

.terms-wrap .terms-list > li > ol > li > .num { padding-right: 3px; }

.terms-wrap .terms-list > li > ol > li > .num.desc-black + p + p { margin-top: 6px; }

.terms-wrap .terms-list > li > ol > li > p ~ p { margin: 4px 0 0 11px; }

.terms-wrap .terms-list > li > ol > li > ol { width: 100%; margin: 8px 0 0 10px; }

.terms-wrap .terms-list > li > ol > li > ol li > .term-title { margin-bottom: 10px; }

.terms-wrap .terms-list > li > ol > li > ol > li > p ~ p { margin: 4px 0 0 15px; }

.terms-wrap .terms-list > li > ol > li > ol > li > .term-stitle, .terms-wrap .terms-list > li > ol > li > ol > li > .term-tbl-title { margin-top: 15px; }

.terms-wrap .terms-list > li > ol > li > ol > li.fix-left { margin-left: -10px; }

.terms-wrap .terms-list > li > ol > li > ol > li > ol, .terms-wrap .terms-list > li > ol > li > ol > li > ul { width: 100%; margin: 5px 0 0 10px; }

.terms-wrap .terms-list > li > ol > li > ol > li > ol > li > p ~ p, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > p ~ p { margin: 4px 0 0 13px; }

.terms-wrap .terms-list > li > ol > li > ol > li > ol > li > .term-stitle, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > .term-tbl-title, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > .term-stitle, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > .term-tbl-title { margin-top: 17px; }

.terms-wrap .terms-list > li > ol > li > ol > li > ol > li.fix-left, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li.fix-left { margin-left: -20px; }

.terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ol, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ul, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ol, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ul { width: 100%; margin: 3px 0 0 10px; }

.terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ol > li > p ~ p, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ul > li > p ~ p, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ol > li > p ~ p, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ul > li > p ~ p { margin: 2px 0 0 15px; }

.terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ol > li > .term-stitle, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ol > li > .term-tbl-title, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ul > li > .term-stitle, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ul > li > .term-tbl-title, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ol > li > .term-stitle, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ol > li > .term-tbl-title, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ul > li > .term-stitle, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ul > li > .term-tbl-title { margin-top: 17px; }

.terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ol > li.fix-left, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ul > li.fix-left, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ol > li.fix-left, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ul > li.fix-left { margin-left: -30px; }

.terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ol > li > ol, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ol > li > ul, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ul > li > ol, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ul > li > ul, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ol > li > ol, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ol > li > ul, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ul > li > ol, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ul > li > ul { width: 100%; margin: 3px 0 0 15px; }

.terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ol > li > ol > li > .term-stitle, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ol > li > ol > li > .term-tbl-title, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ol > li > ul > li > .term-stitle, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ol > li > ul > li > .term-tbl-title, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ul > li > ol > li > .term-stitle, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ul > li > ol > li > .term-tbl-title, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ul > li > ul > li > .term-stitle, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ul > li > ul > li > .term-tbl-title, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ol > li > ol > li > .term-stitle, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ol > li > ol > li > .term-tbl-title, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ol > li > ul > li > .term-stitle, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ol > li > ul > li > .term-tbl-title, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ul > li > ol > li > .term-stitle, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ul > li > ol > li > .term-tbl-title, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ul > li > ul > li > .term-stitle, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ul > li > ul > li > .term-tbl-title { margin-top: 19px; }

.terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ol > li > ol > li.fix-left, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ol > li > ul > li.fix-left, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ul > li > ol > li.fix-left, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ul > li > ul > li.fix-left, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ol > li > ol > li.fix-left, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ol > li > ul > li.fix-left, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ul > li > ol > li.fix-left, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ul > li > ul > li.fix-left { margin-left: -45px; }

.terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ol > li > ol > li ~ li, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ol > li > ul > li ~ li, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ul > li > ol > li ~ li, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ul > li > ul > li ~ li, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ol > li > ol > li ~ li, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ol > li > ul > li ~ li, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ul > li > ol > li ~ li, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ul > li > ul > li ~ li { margin-top: 1px; }

.terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ol > li ~ li, .terms-wrap .terms-list > li > ol > li > ol > li > ol > li > ul > li ~ li, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ol > li ~ li, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li > ul > li ~ li { margin-top: 3px; }

.terms-wrap .terms-list > li > ol > li > ol > li > ol > li ~ li, .terms-wrap .terms-list > li > ol > li > ol > li > ul > li ~ li { margin-top: 3px; }

.terms-wrap .terms-list > li > ol > li > ol > li:first-child .tbl-col { margin-top: 16px; }

.terms-wrap .terms-list > li > ol > li > ol > li ~ li { margin-top: 5px; }

.terms-wrap .terms-list > li > ol > li li > .num { padding-right: 5px; }

.terms-wrap .terms-list > li > ol > li ~ li { margin-top: 8px; }

.terms-wrap .terms-list > li ~ li { margin-top: 30px; }

.terms-wrap .terms-select-wrap { margin-top: 15px; padding-top: 15px; border-top: 1px solid #f2f2f2; }

.terms-wrap .terms-select-wrap .select-title { display: block; font-size: 1.2rem; line-height: 1.8rem; }

.terms-wrap .terms-select-wrap .ui-sel { margin-top: 8px; }

.about-info-wrap { margin-bottom: -30px; }

.about-info-wrap .about-visual { position: relative; border-bottom: 1px solid #000; }

.about-info-wrap .about-visual .ratio-img-wrap { position: relative; }

.about-info-wrap .about-visual .ratio-img-wrap img { max-width: 100%; }

.about-info-wrap .about-visual .ratio-img-wrap .img-viewer { padding-top: 168px; }

.about-info-wrap .about-visual .visual-title-wrap { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; z-index: 5; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; }

.about-info-wrap .about-visual .visual-title-wrap .visual-title { position: relative; font-weight: 500; font-size: 2.5rem; line-height: 3rem; color: #fff; }

.about-info-wrap .about-visual .visual-title-wrap .visual-title:after { z-index: 0; position: absolute; bottom: 0; left: -5px; top: 0; opacity: 1; height: 3rem; width: calc(100% + 5px); content: ''; display: block; background: #fff; border: 0; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

.about-info-wrap .about-visual .visual-title-wrap .visual-title .tit { display: block; opacity: 0; }

.about-info-wrap .about-visual.is-animate .tit { animation: visualTitleText 0.8s forwards; -webkit-animation: visualTitleText 0.8s forwards; }

.about-info-wrap .about-visual.is-animate .visual-title-wrap .visual-title:after { animation: visualTitleBg 0.8s forwards; -webkit-animation: visualTitleBg 0.8s forwards; }

@keyframes visualTitleText { 0% { opacity: 0; }
	61% { opacity: 0; }
	62% { opacity: 1; }
	100% { opacity: 1; } }

@keyframes visualTitleBg { 0% { transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		transform-origin: left;
		-webkit-transform-origin: left; }
	39% { transform: scale3d(0, 1, 1) translate3d(0, 0, 0);
		-webkit-transform: scale3d(0, 1, 1) translate3d(0, 0, 0);
		transform-origin: left;
		-webkit-transform-origin: left; }
	60% { transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		transform-origin: left;
		-webkit-transform-origin: left; }
	61% { transform-origin: right;
		-webkit-transform-origin: right; }
	62% { transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		transform-origin: right;
		-webkit-transform-origin: right; }
	100% { transform: scale3d(0, 1, 1) translate3d(0, 0, 0);
		-webkit-transform: scale3d(0, 1, 1) translate3d(0, 0, 0);
		transform-origin: right;
		-webkit-transform-origin: right; } }

.about-info-wrap .about-intro .intro-item { position: relative; padding: 15px 15px 50px; }

.about-info-wrap .about-intro .intro-item .text { font-size: 1.3rem; line-height: 2.2rem; text-align: left; word-break: keep-all; word-wrap: break-word; opacity: 0; transform: translate3d(0, 25px, 0); -webkit-transform: translate3d(0, 25px, 0); -moz-transform: translate3d(0, 25px, 0); -ms-transform: translate3d(0, 25px, 0); }

.about-info-wrap .about-intro .intro-item .comm-text { overflow: hidden; margin-top: 30px; font-size: 1.3rem; line-height: 1.7rem; text-align: left; word-break: keep-all; word-wrap: break-word; }

.about-info-wrap .about-intro .intro-item .comm-text .text-inner { display: block; opacity: 0; transform: translate3d(0, 25px, 0); -webkit-transform: translate3d(0, 25px, 0); -moz-transform: translate3d(0, 25px, 0); -ms-transform: translate3d(0, 25px, 0); }

.about-info-wrap .about-intro .intro-item:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: #000; transform: scale3d(0, 1, 1); -webkit-transform: scale3d(0, 1, 1); -moz-transform: scale3d(0, 1, 1); -ms-transform: scale3d(0, 1, 1); }

.about-info-wrap .about-intro .intro-item:last-child:after { display: none; }

.about-info-wrap .about-intro .intro-item.is-animate:first-child .text { transition-delay: 0.9s; }

.about-info-wrap .about-intro .intro-item.is-animate:first-child .comm-text .text-inner { transition-delay: 1s; }

.about-info-wrap .about-intro .intro-item.is-animate:first-child:after { transition-delay: 0.7s; }

.about-info-wrap .about-intro .intro-item.is-animate .text { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transition: transform 0.25s ease-in, opacity 0.2s ease; transition-delay: 0.4s; }

.about-info-wrap .about-intro .intro-item.is-animate .comm-text .text-inner { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transition: transform 0.2s ease-in, opacity 0.2s ease; transition-delay: 0.5s; }

.about-info-wrap .about-intro .intro-item.is-animate:after { transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transition: transform 0.5s ease-in; -webkit-transition: transform 0.5s ease-in; transition-delay: 0.2s; }

.error-container { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; padding-top: 15px; padding-bottom: 15px; height: 100vh; flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; }

.error-container .error-info { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; flex: 1; text-align: center; }

.error-container .error-info .error-type, .error-container .error-info .error-message { display: block; font-size: 2.8rem; line-height: 3.6rem; font-style: italic; }

.error-container .error-info .error-message span, .error-container .error-info .error-type { text-decoration: underline; }

.error-container .error-info .error-code { display: block; margin-top: 20px; font-size: 1.3rem; line-height: 1.6rem; }

.error-container .error-info .error-desc { margin-top: 15px; font-size: 1.1rem; line-height: 1.8rem; color: #333; word-break: keep-all; word-wrap: break-word; }

.upcoming { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: column; position: fixed; left: 0; right: 0; top: 0; bottom: 0; text-align: center; }

.upcoming img.eql { width: 96px; height: 132px; }

.upcoming .tit { margin-top: 35px; font-size: 27px; font-weight: 400; font-style: italic; line-height: 34px; text-align: center; text-decoration: underline; color: #000000; }

.upcoming .text { margin-top: 16px; font-size: 14px; line-height: 28px; color: #000; font-weight: 300; }

.editor-wrap { font-size: 1.6rem; line-height: normal; }

body.dialog-open.standalone, body.dialog-open.webview { overflow-x: hidden !important; overflow-y: scroll !important; height: auto !important; }

/*# sourceMappingURL=layout.css.map */

license: MIT

license_type: permissive


text:
@article{yao2019targetted,
 author = {Yao, Matthew and Fan, Duosi and Younes, Khaled and Mouallem, Joseph and Hickey, Jean-Pierre},
 journal = {APS},
 pages = {Q26--006},
 title = {Targetted modal turbulent flow control via localized heating},
 year = {2019}
}

repository: mpilab-uw/mpilab

repo_name: mpilab-uw/mpilab

branch_name: refs/heads/master

extension: bib


text:
@article{dfo,
author = {Ghanbari, Hiva and Scheinberg, Katya},
year = {2017},
month = {03},
pages = {},
title = {Black-Box Optimization in Machine Learning with Trust Region Based Derivative Free Algorithm}
}

@article{spearmint,
  author    = {Jasper Snoek, Hugo Larochelle, Ryan P. Adams},
  title     = {Practical Bayesian Optimization of Machine Learning Algorithms},
  journal   = {},
  volume    = {},
  year      = {2012},
  url       = {https://arxiv.org/abs/1206.2944},
  archivePrefix = {arXiv},
  eprint    = {1206.2944},
  timestamp = {Wed, 13 Jun 2012 21:23:15 GMT}
}

@article{coco,
  author    = {Nikolaus Hansen and
               Anne Auger and
               Dimo Brockhoff and
               Dejan Tusar and
               Tea Tusar},
  title     = {{COCO:} Performance Assessment},
  journal = {ArXiv e-prints},
  volume = {arXiv:1605.03560},
  year = 2016
}

@article{results,
  author    = {Rodrigo Benenson},
  title     = {Classification datasets results},
  year      = {2016},
  url       = {http://rodrigob.github.io/are_we_there_yet/build/classification_datasets_results.html#4d4e495354},
}

@article{kaggle,
author = {[Kaggle discussion]},
title = {Error in the MNIST datasets},
year = {2017},
url = {https://www.kaggle.com/c/digit-recognizer/discussion/23999#138390}
}

@article{LeCun,
author = {Yann LeCun et al.},
title = {THE MNIST DATABASE and the best results reported},
url = {http://yann.lecun.com/exdb/mnist/}
}

@article{leaderboard,
  author    = {Kaggle leaderborard},
  title     = {TensorFlow Speech recognition Challenge},
  year      = {2018},
  url       = {https://www.kaggle.com/c/tensorflow-speech-recognition-challenge/leaderboard},
}

repository: ncble/Speech-Recognition

repo_name: ncble/Speech-Recognition


text:
find_program(MKOCTFILE mkoctfile)

if (MKOCTFILE)
    set(OCTAVE_SUPPORT_FOUND TRUE)
    message(STATUS "Octave mex compiler found.  "
                   "Generating mex files for octave"
                   " with mkoctfile at ${MKOCTFILE}")
else()
    set(OCTAVE_SUPPORT_FOUND FALSE)
    BUILD_WARNING("Octave mex file compiler not found, did you forget to install liboctave-dev?")
endif()

repository: osrf/haptix-comm

repo_name: osrf/haptix-comm

extension: cmake


text:
@article{DBLP:journals/corr/abs-1804-02053,
 author = {George K. Thiruvathukal and
Shilpika and
Nicholas J. Hayward and
Konstantin Läufer},
 bibsource = {dblp computer science bibliography, https://dblp.org},
 biburl = {https://dblp.org/rec/journals/corr/abs-1804-02053.bib},
 eprint = {1804.02053},
 eprinttype = {arXiv},
 journal = {CoRR},
 timestamp = {Mon, 13 Aug 2018 16:47:28 +0200},
 title = {Metrics Dashboard: A Hosted Platform for Software Quality Metrics},
 url = {http://arxiv.org/abs/1804.02053},
 volume = {abs/1804.02053},
 year = {2018}
}

branch_name: refs/heads/main


text:
@article{KreienbuehlEtAl2015,
  author = {Kreienbuehl, Andreas and Naegel, Arne and Ruprecht, Daniel and Speck, Robert and Wittum, Gabriel and Krause, Rolf},
  issue = {2},
  journal = {Computing and Visualization in Science},
  pages = {99--108},
  title = {{Numerical simulation of skin transport using Parareal}},
  url = {http://dx.doi.org/10.1007/s00791-015-0246-y},
  doi = {10.1007/s00791-015-0246-y},
  volume = {17},
  year = {2015}
}

repository: comp-maths/website

repo_name: comp-maths/website