#contents .content.event.sub_event_page{padding:0}
/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
*/
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format("opentype"); }
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype"); }
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 400;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype"); }
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 500;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype"); }
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 700;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype"); }
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 900;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format("opentype"); }
@font-face {
font-family: 'DINNextLTProBold';
font-style: normal;
font-weight: bold;
src: url(//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/DINNextLTPro-Bold.ttf); }
@font-face {
font-family: 'DINNextLTProRegular';
font-style: normal;
src: url(//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/DINNextLTPro-Regular.ttf); }
@font-face {
font-family: 'DINCondensed-Regular';
font-style: normal;
src: url(//d319d1tzjwpwbb.cloudfront.net/app/images/2020-05-21/365c123163b805e0c7a26cd62ab169f9.woff) format("woff"), url(//d319d1tzjwpwbb.cloudfront.net/app/images/2020-05-21/e8b28b6d2b292c5581be1f05e5b3f79a.woff2) format("woff2"); }
*, *::before, *::after {
font-family: 'Noto Sans KR', sans-serif; }
html {
font-size: 10px; }
body {
margin: 0;
padding: 0; }
.pt5 {
margin-top: 5px; }
.pt10 {
margin-top: 10px; }
.pt20 {
margin-top: 20px; }
.pt28 {
margin-top: 28px; }
.pt30 {
margin-top: 30px; }
.pt50 {
margin-top: 50px; }
.pt70 {
margin-top: 70px; }
.ml10 {
margin-left: 10px; }
.ml15 {
margin-left: 15px; }
.bold {
font-weight: bold; }
.box {
background-color: #969696; }
.baseLink {
cursor: pointer;
text-decoration: none; }
.baseLinkColor {
color: #080808;
margin: 0 5px; }
a {
text-decoration: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
ul {
margin: 0;
padding: 0;
list-style-type: none; }
button {
border-width: 0;
padding: 0; }
.bold-font {
font-weight: bold; }
.red-font {
color: #ed1c24; }
.wide-container {
background-color: #ffffff;
height: auto;
min-width: 1200px;
position: relative;
width: 100%;
padding-top: 10px; }
.page-path {
font-size: 14px;
margin-top: 20px;
position: relative;
text-align: left; }
.page-path .path {
color: #777777; }
.page-path .title {
color: #080808; }
.close-icon {
border: 1px solid transparent;
background-color: transparent;
cursor: pointer;
outline: 0;
vertical-align: middle; }
.close-icon:after {
background-color: #fff;
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/x_grey.svg);
content-size: 17px 17px;
color: #969696;
cursor: pointer;
display: block;
font-weight: normal;
font-size: 20px;
line-height: 20px;
margin: auto;
right: 10px;
padding: 2px;
position: absolute;
top: 14px;
text-align: center;
width: 17px;
z-index: 1; }
.login-id-box:not(:valid) ~ .close-icon {
display: none; }
.pt40 {
margin-top: 40px; }
.box-wrapper {
height: 60px;
position: relative;
width: 100%; }
.overlay {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
transition: opacity 500ms;
visibility: hidden;
z-index: 100; }
.overlay:target, .overlay.open {
opacity: 1;
visibility: visible;
z-index: 999; }
.popup {
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 70px auto;
padding: 20px;
position: relative;
transition: all 5s ease-in-out;
width: 30%;
z-index: 101; }
.flip-button .first-button-valid {
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #ffffff; }
.flip-button .first-button-normal {
border-top: 1px solid #c6c6c6;
border-left: 1px solid #c6c6c6;
border-bottom: 1px solid #000000; }
.flip-button .right-border-normal {
border-right: 1px solid #c6c6c6; }
.flip-button .middle-button-valid {
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #ffffff; }
.flip-button .middle-button-normal {
border-top: 1px solid #c6c6c6;
border-left: 1px solid #c6c6c6;
border-bottom: 1px solid #000000; }
.flip-button .last-button-valid {
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #ffffff; }
.flip-button .last-button-normal {
border-top: 1px solid #c6c6c6;
border-right: 1px solid #c6c6c6;
border-bottom: 1px solid #000000; }
.unvisible {
display: none; }
.black-color {
color: #000 !important; }
.fontDinBold {
font-family: DINNextLTProBold, sans-serif; }
.loading-snipet {
position: absolute;
left: 45%;
top: 35%;
margin: auto;
z-index: 999; }
.loading-snipet-product {
position: absolute;
left: 40%;
top: 15%;
margin: auto;
z-index: 999; }
.wide-container-register {
background-color: #f7f7f7;
height: auto;
min-width: 1200px;
position: relative;
width: 100%; }
.base-comp-product {
position: relative;
width: 100%; }
.base-comp-product .event-shoes {
height: 40px;
color: #fff;
border: 0;
background: url("//d319d1tzjwpwbb.cloudfront.net/common/icons/shoespouch.svg") no-repeat;
position: absolute;
top: 25px;
left: 25px;
font-size: 12px;
text-align: center;
padding-top: 4px;
width: 100%; }
.base-comp-product .event-sac {
height: 40px;
color: #fff;
border: 0;
background: url("//d319d1tzjwpwbb.cloudfront.net/common/sac/badge.svg") no-repeat;
position: absolute;
top: 25px;
left: 25px;
font-size: 12px;
text-align: center;
padding-top: 4px;
width: 100%; }
.base-comp-product .base-comp-product-img {
background-color: #c6c6c6;
display: inline-block;
height: 170px;
margin: 15px;
width: 170px; }
.base-comp-product .base-comp-product-box-td {
padding-right: 20px;
width: 100%; }
.base-comp-product .base-comp-product-info-div {
display: inline-block;
vertical-align: top;
width: 100%;
position: absolute;
top: 23px; }
.base-comp-product .base-comp-product-info-div ul {
margin: 0;
padding: 0; }
.base-comp-product .base-comp-product-info-div li {
list-style-type: none; }
.base-comp-product .base-comp-product-info-div .price {
margin-top: 12px; }
.base-comp-product .base-comp-product-info-div .base-comp-product-name {
color: #000000;
display: inline-block;
height: 40px;
line-height: 40px;
width: 350px;
font-size: 15px;
font-weight: bold;
line-height: 1.47;
color: #080808; }
.base-comp-product .base-comp-product-info-div .base-comp-product-info {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
font-size: 12px;
height: 40px;
width: 100%; }
.base-comp-product .base-comp-product-info-div .base-comp-product-info ul {
display: inline-block;
margin: 0;
margin-top: 2px;
padding: 0;
width: 130px; }
.base-comp-product .base-comp-product-info-div .base-comp-product-info li {
font-size: 13px;
line-height: 1.69;
color: #6d6d6d;
list-style-type: none;
margin: 0;
height: 20px;
line-height: 20px; }
.base-comp-product .base-comp-product-info-div .base-comp-product-info .base-comp-info-value {
display: inline-block;
font-weight: bold; }
.base-comp-product .base-comp-product-info-div .base-comp-product-info .base-comp-price {
display: inline-block;
float: right;
height: 40px;
line-height: 40px;
text-align: right;
vertical-align: top;
width: 150px; }
.input-file-hidden {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%/auto padding-box border-box;
border: 0px none white;
color: white;
cursor: pointer;
display: block;
height: 100%;
width: 100%;
opacity: 0;
outline: white none 0px;
position: absolute;
right: 0px;
top: 0px;
white-space: nowrap; }
.where {
display: block;
margin: 25px 15px;
font-size: 11px;
color: #000;
text-decoration: none;
font-family: verdana;
font-style: italic; }
/* custom checkbox
*/
.checks {
position: relative; }
.checks input[type="checkbox"] {
/* 실제 체크박스는 화면에서 숨김 */
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.checks input[type="checkbox"] + label {
display: inline-block;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none; }
.checks input[type="checkbox"] + label:before {
/* 가짜 체크박스 */
display: inline-block;
width: 25px;
/* 체크박스의 너비를 지정 */
height: 25px;
/* 체크박스의 높이를 지정 */
line-height: 30px;
/* 세로정렬을 위해 높이값과 일치 */
margin: -5px 8px 0 0;
text-align: center;
vertical-align: middle;
border-radius: 0px;
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/checkbox_off.svg);
cursor: pointer; }
.input-margin-bottom {
margin-bottom: 15px; }
.checks input[type="checkbox"]:checked + label:before {
/* 체크박스를 체크했을때 */
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/checkbox_on.svg);
color: #ed1c24;
border-color: #ed1c24;
cursor: pointer; }
.checks-cart {
position: relative; }
.checks-cart input[type="checkbox"] {
/* 실제 체크박스는 화면에서 숨김 */
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.checks-cart input[type="checkbox"] + label {
display: inline-block;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none; }
.checks-cart input[type="checkbox"] + label:before {
/* 가짜 체크박스 */
display: inline-block;
width: 25px;
/* 체크박스의 너비를 지정 */
height: 25px;
/* 체크박스의 높이를 지정 */
line-height: 20px;
/* 세로정렬을 위해 높이값과 일치 */
margin: 0px 8px 0 0;
text-align: center;
vertical-align: middle;
border-radius: 0px;
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/off2.svg);
cursor: pointer; }
.input-margin-bottom {
margin-bottom: 15px; }
.checks-cart input[type="checkbox"]:checked + label:before {
/* 체크박스를 체크했을때 */
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/on.svg);
color: #ed1c24;
border-color: #ed1c24;
cursor: pointer; }
/*
*/
.radios {
position: relative;
flex: 1; }
.radios input[type="radio"] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.radios input[type="radio"] + label {
display: inline-block;
position: relative;
padding-left: 30px;
margin-top: 10px;
line-height: 19px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none; }
.radios input[type="radio"] + label:before {
content: '';
position: absolute;
left: 0;
top: -4px;
width: 21px;
height: 21px;
text-align: center;
border: 1px solid #aeaeae;
border-radius: 100%;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); }
.radios input[type="radio"] + label:active:before,
.radios input[type="radio"]:checked + label:active:before {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); }
.radios input[type="radio"]:checked + label:before {
border-color: #aeaeae; }
.radios input[type="radio"]:checked + label:after {
content: '';
position: absolute;
top: 1px;
left: 5px;
width: 13px;
height: 13px;
background: #ed1c24;
border-radius: 100%;
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3); }
input.search-input {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_search_grey.svg);
background-repeat: no-repeat;
background-size: 16px 16px;
background-position: right 10px center;
box-sizing: border-box;
border: 1px solid #e5e5e5;
height: 50px;
width: 100%;
padding-left: 22px;
padding-right: 68px;
font-size: 15px;
font-weight: 300; }
.register-checks {
position: relative;
float: right; }
.register-checks input[type="checkbox"] {
/* 실제 체크박스는 화면에서 숨김 */
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.register-checks input[type="checkbox"] + label {
display: inline-block;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none; }
.register-checks input[type="checkbox"] + label:before {
/* 가짜 체크박스 */
display: inline-block;
margin-top: 8px;
width: 25px;
/* 체크박스의 너비를 지정 */
height: 30px;
/* 체크박스의 높이를 지정 */
line-height: 50px;
/* 세로정렬을 위해 높이값과 일치 */
text-align: center;
vertical-align: center;
border-radius: 0px;
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/checkbox_off.svg);
cursor: pointer; }
.input-margin-bottom {
margin-bottom: 15px; }
.register-checks input[type="checkbox"]:checked + label:before {
/* 체크박스를 체크했을때 */
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/checkbox_on.svg);
color: #ed1c24;
border-color: #ed1c24;
cursor: pointer; }
.rec_checks {
position: relative; }
.rec_checks input[type="checkbox"] {
/* 실제 체크박스는 화면에서 숨김 */
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.rec_checks input[type="checkbox"] + label {
display: inline-block;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none; }
.rec_checks input[type="checkbox"] + label:before {
/* 가짜 체크박스 */
display: inline-block;
width: 25px;
/* 체크박스의 너비를 지정 */
height: 25px;
/* 체크박스의 높이를 지정 */
line-height: 30px;
/* 세로정렬을 위해 높이값과 일치 */
margin: -5px 8px 0 0;
text-align: center;
vertical-align: middle;
border-radius: 0px;
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/checkbox_rec_off.svg);
cursor: pointer; }
.input-margin-bottom {
margin-bottom: 15px; }
.rec_checks input[type="checkbox"]:checked + label:before {
/* 체크박스를 체크했을때 */
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/checkbox_rec_on.svg);
color: #ed1c24;
border-color: #ed1c24;
cursor: pointer; }
.test_select {
position: relative;
width: 463px !important;
height: 45px !important; }
.test_select .Dropdown-placeholder {
line-height: 45px;
text-indent: 10px;
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/open_gray.svg);
background-repeat: no-repeat;
background-size: 15px 13px;
background-position: right;
background-position-x: 430px; }
.test_select .Dropdown-option {
text-indent: 10px;
line-height: 45px;
height: 45px;
background: #fff;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
cursor: pointer; }
.test_select .Dropdown-option:first-child {
border-top: 1px solid #e5e5e5; }
.test_select .Dropdown-option:last-child {
border-bottom: 1px solid #e5e5e5; }
.category-item {
box-sizing: border-box;
display: inline-block;
padding-right: 20px;
margin-bottom: 80px;
position: relative;
width: 25%;
vertical-align: top; }
.category-item .img-box {
position: relative;
width: 100%;
font-size: 0;
overflow: hidden; }
.category-item .img-box img {
width: 100%; }
.category-item .img-box .event-tag {
top: 10px;
content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/set.svg);
height: auto;
position: absolute;
right: 10px;
width: 15%;
z-index: 10; }
.category-item .img-box .event-shoes {
height: 40px;
color: #fff;
border: 0;
background: url("//d319d1tzjwpwbb.cloudfront.net/common/icons/shoespouch.svg") no-repeat;
position: absolute;
top: 20px;
left: 20px;
font-size: 12px;
text-align: center;
padding-top: 4px;
width: 100%; }
.category-item .img-box .event-sac {
height: 40px;
color: #fff;
border: 0;
background: url("//d319d1tzjwpwbb.cloudfront.net/common/sac/badge.svg") no-repeat;
position: absolute;
top: 20px;
left: 20px;
font-size: 12px;
text-align: center;
padding-top: 4px;
width: 100%; }
.category-item .img-box .cart-box {
position: absolute;
box-sizing: border-box;
width: 100%;
min-height: 100px;
bottom: -150px;
background-color: rgba(237, 237, 237, 0.85);
text-align: center;
padding-top: 10px;
opacity: 0;
transition: opacity 0.7s, bottom 0.7s; }
.category-item .img-box .cart-box .size-table-wrap {
display: inline-block; }
.category-item .img-box .cart-box .size-list {
margin: 5px auto;
font-size: 13px;
font-weight: 500;
text-align: left; }
.category-item .img-box .cart-box .size-item {
margin: 0 9px;
display: inline;
position: relative;
cursor: pointer; }
.category-item .img-box .cart-box .size-item.soldOut, .category-item .img-box .cart-box .size-item.vdisabled {
cursor: default;
color: #959595; }
.category-item .img-box .cart-box .size-item.selected {
color: #de0009; }
.category-item .img-box .cart-box .cart-btn {
width: 130px;
height: 45px;
font-size: 13px;
font-weight: 500;
cursor: pointer;
background: #fff;
margin-top: 10px;
margin-bottom: 20px;
border: 1px solid #de0009;
color: #de0009; }
.category-item .img-box:hover .cart-box {
bottom: 0;
opacity: 1; }
.category-item .item-title {
color: #080808;
font-size: 15px;
font-weight: 500;
margin-top: 15px;
min-height: 36px; }
.category-item .item-title-mdpick {
color: #080808;
font-size: 13px;
font-weight: 500;
margin-top: 10px;
min-height: 35px; }
.category-item .item-desc {
color: #6d6d6d;
font-size: 14px;
line-height: 20px;
margin-top: 15px;
margin-bottom: 20px;
min-height: 40px; }
.category-item .item-desc-mdpick {
color: #6d6d6d;
font-size: 12px;
line-height: 16px;
margin-top: 5px;
margin-bottom: 10px;
min-height: 35px; }
.category-item .price-table {
height: 16px;
margin-top: 10px; }
.category-item .price-table-mdpick {
height: 16px;
margin-top: 5px; }
.category-item .item-price {
font-size: 13px;
font-weight: bold;
height: 16px;
line-height: 16px; }
.category-item .item-price-normal {
color: #6d6d6d;
font-size: 13px;
font-weight: 500;
height: 16px;
line-height: 16px;
margin-top: 10px; }
.category-item .item-price-normal-mdpick {
color: #6d6d6d;
font-size: 13px;
font-weight: 500;
height: 16px;
line-height: 16px;
margin-top: 5px; }
.category-item .item-price-color-red {
color: #ed1c24; }
.category-item .item-price-real {
color: #aeaeae;
font-size: 9px;
font-weight: bold;
height: 16px;
margin-right: 5px;
text-decoration: line-through;
vertical-align: bottom; }
.product-category-items {
height: 100%;
position: relative;
width: 100%;
margin-left: 5px; }
.search-result .event-shoes {
height: 40px;
color: #fff;
border: 0;
background: url("//d319d1tzjwpwbb.cloudfront.net/common/icons/shoespouch.svg") no-repeat;
position: absolute;
top: 30px !important;
left: 12px !important;
font-size: 12px;
text-align: center;
padding-top: 4px;
width: 100%;
z-index: 9; }
.search-result .event-sac {
height: 40px;
color: #fff;
border: 0;
background: url("//d319d1tzjwpwbb.cloudfront.net/common/sac/badge.svg") no-repeat;
position: absolute;
top: 30px !important;
left: 12px !important;
font-size: 12px;
text-align: center;
padding-top: 4px;
width: 100%;
z-index: 9; }
.search-result .event-tag {
top: 30px !important;
content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/set.svg);
height: auto;
position: absolute;
right: 10px;
width: 15%;
z-index: 10; }
.product-size-selector-base {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #bbb;
color: #969696;
display: inline-block;
font-size: 14px;
height: 43px;
line-height: 43px;
overflow: hidden;
position: relative;
text-align: center;
vertical-align: top;
width: 250px; }
.product-size-selector-base img {
position: absolute;
right: 8px;
top: 17px;
width: 20px; }
.product-size-selector-base:focus {
outline-width: 0; }
.product-size-selector-header {
color: #969696;
display: inline-block;
font-size: 14px;
height: 43px;
line-height: 43px;
position: relative;
text-align: center;
vertical-align: top;
width: 250px;
z-index: 10; }
.product-size-selector-header img {
position: absolute;
right: 8px;
top: 18px;
width: 17px; }
.product-size-selector-opened {
background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #bbb;
color: #969696;
display: inline-block;
font-size: 14px;
height: auto;
line-height: 43px;
position: relative;
vertical-align: top;
width: 250px;
z-index: 10; }
.product-size-selector-opened img {
position: absolute;
right: 8px;
top: 18px;
width: 20px; }
.product-size-selector-opened .enable-size {
color: #080808;
cursor: pointer;
height: 34px;
line-height: 34px;
position: relative;
text-align: center;
width: 75px; }
.product-size-selector-opened .enable-size-selected {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ed1c24;
cursor: pointer;
color: #080808;
height: 32px;
line-height: 34px;
position: relative;
text-align: center;
width: 73px; }
.product-size-selector-opened .disable-size {
background-color: #f5f5f5;
color: #ccc;
height: 34px;
line-height: 34px;
text-align: center;
position: relative;
width: 75px; }
.product-size-selector-opened .disable-size .sold-out {
color: #ed1c24;
font-size: 11px;
height: 34px;
line-height: 34px;
position: absolute;
top: 0;
text-align: center;
width: 100%; }
.product-size-selector-opened ul {
margin: 0;
margin-left: 2px;
padding: 0; }
.product-size-selector-opened li {
float: left;
margin: 0 3px 6px 3px; }
.product-size-selector-opened:focus {
outline-width: 0; }
/* component */
.product-size-selector-box {
box-sizing: border-box;
width: 100%;
text-align: left;
margin-left: 1px; }
.product-size-selector-box .item {
box-sizing: border-box;
display: inline-block;
width: 20%;
line-height: 38px;
text-align: center;
border: 1px solid #e5e5e5;
margin-left: -1px;
margin-top: -1px;
color: #6d6d6d;
font-size: 14px;
font-weight: 500;
cursor: pointer; }
.product-size-selector-box .item.sold-out, .product-size-selector-box .item.vdisabled {
color: #bdbdbd;
background-color: #f3f3f3;
cursor: default; }
.product-size-selector-box .item.selected {
color: #ca0000; }
.quantity-count {
display: inline-block;
height: 40px; }
.quantity-count .quantity-count-block {
display: inline-block;
border: 1px solid #e5e5e5;
width: 38px;
height: 38px;
line-height: 38px;
text-align: center;
font-size: 15px;
font-weight: 500;
color: #080808;
cursor: pointer;
vertical-align: center; }
.quantity-count .quantity-count-block .quantity-count-block-btn-img {
position: relative;
top: 2px;
width: 14px; }
.quantity-count .quantity-count-blank {
display: inline-block;
width: 5px; }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
margin-left: -8px;
position: absolute; }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
box-sizing: content-box;
position: absolute;
border: 8px solid transparent;
height: 0;
width: 1px; }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
content: "";
z-index: -1;
border-width: 8px;
left: -8px;
border-bottom-color: #aeaeae; }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
top: 0;
margin-top: -8px; }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
border-top: none;
border-bottom-color: #f0f0f0; }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
top: -1px;
border-bottom-color: #aeaeae; }
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
bottom: 0;
margin-bottom: -8px; }
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
border-bottom: none;
border-top-color: #fff; }
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
bottom: -1px;
border-top-color: #aeaeae; }
.react-datepicker-wrapper {
display: inline-block; }
.react-datepicker {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 0.8rem;
background-color: #fff;
color: #000;
border: 1px solid #aeaeae;
border-radius: 0.3rem;
display: inline-block;
position: relative; }
.react-datepicker--time-only .react-datepicker__triangle {
left: 35px; }
.react-datepicker--time-only .react-datepicker__time-container {
border-left: 0; }
.react-datepicker--time-only .react-datepicker__time {
border-radius: 0.3rem; }
.react-datepicker--time-only .react-datepicker__time-box {
border-radius: 0.3rem; }
.react-datepicker__triangle {
position: absolute;
left: 50px; }
.react-datepicker-popper {
z-index: 1; }
.react-datepicker-popper[data-placement^="bottom"] {
margin-top: 10px; }
.react-datepicker-popper[data-placement^="top"] {
margin-bottom: 10px; }
.react-datepicker-popper[data-placement^="right"] {
margin-left: 8px; }
.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
left: auto;
right: 42px; }
.react-datepicker-popper[data-placement^="left"] {
margin-right: 8px; }
.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
left: 42px;
right: auto; }
.react-datepicker__header {
text-align: center;
background-color: #f0f0f0;
border-bottom: 1px solid #aeaeae;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
padding-top: 8px;
position: relative; }
.react-datepicker__header--time {
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px; }
.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
display: inline-block;
margin: 0 2px; }
.react-datepicker__current-month,
.react-datepicker-time__header {
margin-top: 0;
color: #000;
font-weight: bold;
font-size: 0.944rem; }
.react-datepicker-time__header {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.react-datepicker__navigation {
background: none;
line-height: 1.7rem;
text-align: center;
cursor: pointer;
position: absolute;
top: 10px;
width: 0;
padding: 0;
border: 0.45rem solid transparent;
z-index: 1;
height: 10px;
width: 10px;
text-indent: -999em;
overflow: hidden; }
.react-datepicker__navigation--previous {
left: 10px;
border-right-color: #ccc; }
.react-datepicker__navigation--previous:hover {
border-right-color: #b3b3b3; }
.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
border-right-color: #e6e6e6;
cursor: default; }
.react-datepicker__navigation--next {
right: 10px;
border-left-color: #ccc; }
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
right: 80px; }
.react-datepicker__navigation--next:hover {
border-left-color: #b3b3b3; }
.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
border-left-color: #e6e6e6;
cursor: default; }
.react-datepicker__navigation--years {
position: relative;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.react-datepicker__navigation--years-previous {
top: 4px;
border-top-color: #ccc; }
.react-datepicker__navigation--years-previous:hover {
border-top-color: #b3b3b3; }
.react-datepicker__navigation--years-upcoming {
top: -4px;
border-bottom-color: #ccc; }
.react-datepicker__navigation--years-upcoming:hover {
border-bottom-color: #b3b3b3; }
.react-datepicker__month-container {
float: left; }
.react-datepicker__month {
margin: 0.4rem;
text-align: center; }
.react-datepicker__time-container {
float: right;
border-left: 1px solid #aeaeae;
width: 70px; }
.react-datepicker__time-container--with-today-button {
display: inline;
border: 1px solid #aeaeae;
border-radius: 0.3rem;
position: absolute;
right: -72px;
top: 0; }
.react-datepicker__time-container .react-datepicker__time {
position: relative;
background: white; }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
width: 70px;
overflow-x: hidden;
margin: 0 auto;
text-align: center; }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
list-style: none;
margin: 0;
height: calc(195px + (1.7rem / 2));
overflow-y: scroll;
padding-right: 30px;
width: 100%;
box-sizing: content-box; }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
padding: 5px 10px; }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
cursor: pointer;
background-color: #f0f0f0; }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
background-color: #216ba5;
color: white;
font-weight: bold; }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
background-color: #216ba5; }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
color: #ccc; }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
cursor: default;
background-color: transparent; }
.react-datepicker__week-number {
color: #ccc;
display: inline-block;
width: 1.7rem;
line-height: 1.7rem;
text-align: center;
margin: 0.166rem; }
.react-datepicker__week-number.react-datepicker__week-number--clickable {
cursor: pointer; }
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
border-radius: 0.3rem;
background-color: #f0f0f0; }
.react-datepicker__day-names,
.react-datepicker__week {
white-space: nowrap; }
.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
color: #000;
display: inline-block;
width: 1.7rem;
line-height: 1.7rem;
text-align: center;
margin: 0.166rem; }
.react-datepicker__day {
cursor: pointer; }
.react-datepicker__day:hover {
border-radius: 0.3rem;
background-color: #f0f0f0; }
.react-datepicker__day--today {
font-weight: bold; }
.react-datepicker__day--highlighted {
border-radius: 0.3rem;
background-color: #3dcc4a;
color: #fff; }
.react-datepicker__day--highlighted:hover {
background-color: #32be3f; }
.react-datepicker__day--highlighted-custom-1 {
color: magenta; }
.react-datepicker__day--highlighted-custom-2 {
color: green; }
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
border-radius: 0.3rem;
background-color: #216ba5;
color: #fff; }
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
background-color: #1d5d90; }
.react-datepicker__day--keyboard-selected {
border-radius: 0.3rem;
background-color: #2a87d0;
color: #fff; }
.react-datepicker__day--keyboard-selected:hover {
background-color: #1d5d90; }
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
background-color: rgba(33, 107, 165, 0.5); }
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
background-color: #f0f0f0;
color: #000; }
.react-datepicker__day--disabled {
cursor: default;
color: #ccc; }
.react-datepicker__day--disabled:hover {
background-color: transparent; }
.react-datepicker__input-container {
position: relative;
display: inline-block; }
.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
border: 1px solid transparent;
border-radius: 0.3rem; }
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
cursor: pointer; }
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
border-top-color: #b3b3b3; }
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
border-top-color: #ccc;
float: right;
margin-left: 20px;
top: 8px;
position: relative;
border-width: 0.45rem; }
.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
background-color: #f0f0f0;
position: absolute;
width: 50%;
left: 25%;
top: 30px;
z-index: 1;
text-align: center;
border-radius: 0.3rem;
border: 1px solid #aeaeae; }
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
cursor: pointer; }
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
height: 150px;
overflow-y: scroll; }
.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
line-height: 20px;
width: 100%;
display: block;
margin-left: auto;
margin-right: auto; }
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem; }
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-bottom-left-radius: 0.3rem;
border-bottom-right-radius: 0.3rem; }
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
background-color: #ccc; }
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
border-bottom-color: #b3b3b3; }
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
border-top-color: #b3b3b3; }
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
position: absolute;
left: 15px; }
.react-datepicker__close-icon {
background-color: transparent;
border: 0;
cursor: pointer;
outline: 0;
padding: 0;
vertical-align: middle;
position: absolute;
height: 16px;
width: 16px;
top: 25%;
right: 7px; }
.react-datepicker__close-icon::after {
background-color: #216ba5;
border-radius: 50%;
bottom: 0;
box-sizing: border-box;
color: #fff;
content: "\D7";
cursor: pointer;
font-size: 12px;
height: 16px;
width: 16px;
line-height: 1;
margin: -8px auto 0;
padding: 2px;
position: absolute;
right: 0px;
text-align: center; }
.react-datepicker__today-button {
background: #f0f0f0;
border-top: 1px solid #aeaeae;
cursor: pointer;
text-align: center;
font-weight: bold;
padding: 5px 0;
clear: left; }
.react-datepicker__portal {
position: fixed;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.8);
left: 0;
top: 0;
justify-content: center;
align-items: center;
display: flex;
z-index: 2147483647; }
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
width: 3rem;
line-height: 3rem; }
@media (max-width: 400px), (max-height: 550px) {
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
width: 2rem;
line-height: 2rem; } }
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
font-size: 1.44rem; }
.react-datepicker__portal .react-datepicker__navigation {
border: 0.81rem solid transparent; }
.react-datepicker__portal .react-datepicker__navigation--previous {
border-right-color: #ccc; }
.react-datepicker__portal .react-datepicker__navigation--previous:hover {
border-right-color: #b3b3b3; }
.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
border-right-color: #e6e6e6;
cursor: default; }
.react-datepicker__portal .react-datepicker__navigation--next {
border-left-color: #ccc; }
.react-datepicker__portal .react-datepicker__navigation--next:hover {
border-left-color: #b3b3b3; }
.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
border-left-color: #e6e6e6;
cursor: default; }
.header-menu-button-content {
height: auto;
padding: 0 14px 0 14px;
position: relative;
width: 108px;
cursor: pointer; }
.header-menu-button-content .header-menu-button {
border-bottom: 4px solid #ffffff;
color: #080808;
font-size: 16px;
font-weight: 900;
height: 48px;
line-height: 40px;
margin-top: 22px;
padding-bottom: 6px;
width: 108px; }
.header-menu-button-content .header-menu-mouseover {
border-bottom: 4px solid #ed1c24; }
.milan-fashion-show {
width: 100%;
box-sizing: border-box;
text-align: center;
font-size: 0;
color: #080808; }
.milan-fashion-show * {
font-family: 'DINNextLTPro', 'GillSansMTPro', 'Noto Sans KR', sans-serif !important}
.milan-fashion-show .video-sec{margin:120px 0 0}
.milan-fashion-show .title-box{}
.milan-fashion-show .title {
font-family: 'GillSansMTPro', sans-serif;
font-size: 52px;
line-height:60px;}
.milan-fashion-show .sub-title{margin-top:10px;font-size:36px;line-height:41px;}
.milan-fashion-show .desc {
font-size: 0.9375vw; }
.milan-fashion-show .price {
font-size: 0.72917vw; }
.milan-fashion-show p, .milan-fashion-show h1, .milan-fashion-show h2, .milan-fashion-show h3, .milan-fashion-show h4 {
margin: 0; }
.milan-fashion-show ul, .milan-fashion-show li {
margin: 0;
padding: 0; }
.milan-fashion-show img {
width: 100%; }
.milan-fashion-show a {
display:block;
color: white; }
.milan-fashion-show .main {
position: relative; }
.milan-fashion-show .main .title-box {
position: absolute;
color: #fff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.milan-fashion-show .main .title-box .title {
font-size: 2.70833vw; }
.milan-fashion-show .main .title-box .sub-title {
font-size: 1.875vw;
font-family: 'DINNextLTProBo0ld', sans-serif; }
.milan-fashion-show .main .tabs {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
text-align: center; }
.milan-fashion-show .main .tabs .tab {
display: inline-block;
color: #fff;
width: 18vw;
font-size: 1.0vw;
padding: 1.5vw 0; }
.milan-fashion-show .main .tabs .tab.active {
color: #000;
font-weight: bold;
background-color: #fff; }
.milan-fashion-show .content-runway-story {
margin-top: 10.41667vw;
transition: margin-top .7s; }
.milan-fashion-show .content-runway-story.top {
margin-top: 0; }
.milan-fashion-show .content-runway-story .video-sec .desc {
padding: 40px 0 0;
font-size: 16px;
line-height:24px;
font-weight: 300; }
.milan-fashion-show .content-runway-story .video-sec .video-cont {
position: relative;
margin-top:40px;
height: 56.25vw;
background-color: #000; }
.milan-fashion-show .content-runway-story .video-sec .video-cont .inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 66.66667vw;
height: 37.60417vw; }
.milan-fashion-show .content-runway-story .roll-sec-backstage {
margin-top: 200px; }
.milan-fashion-show .content-runway-story .roll-sec {
margin-top:40px;
background-color: #000; }
.milan-fashion-show .content-runway-story .roll-sec .text-box {
background-color: #fff; }
.milan-fashion-show .content-runway-story .roll-sec .text-box .desc {
font-size: .9375vw;
padding: 4.5vw 0;
font-weight: 300; }
.milan-fashion-show .content-runway-story .roll-sec .text-box .title {
font-size: 1.5625vw;
padding-bottom: 1.2vw; }
.milan-fashion-show .content-runway-story .roll-sec .inner {
width: 66.66667vw;
padding: 5.67708vw 0;
margin: 0 auto;
position: relative; }
.milan-fashion-show .content-runway-story .roll-sec .swiper-button-next, .milan-fashion-show .content-runway-story .roll-sec .swiper-button-prev {
width: 1.04167vw;
top: 40%;
padding: 0 10px;
background-image: unset; }
.milan-fashion-show .content-runway-story .roll-sec .swiper-button-next:after, .milan-fashion-show .content-runway-story .roll-sec .swiper-button-prev:after {
content: unset; }
.milan-fashion-show .content-runway-story .roll-sec .swiper-button-next {
right: -5%; }
.milan-fashion-show .content-runway-story .roll-sec .swiper-button-prev {
left: -5%; }
.milan-fashion-show .content-runway-story .video-sec2 {
background-color: #000; }
.milan-fashion-show .content-runway-story .video-sec2 .title {
padding-top: 6.25vw;
padding-bottom: 1.2vw;
font-size: 1.5625vw;
background-color: #fff; }
.milan-fashion-show .content-runway-story .video-sec2 .video-cont {
position: relative;
height: 56.25vw; }
.milan-fashion-show .content-runway-story .video-sec2 .video-cont .inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 66.66667vw;
height: 37.60417vw; }
.milan-fashion-show .content-runway-story .outlink-sec {
margin-bottom: 7.29167vw; }
.milan-fashion-show .content-runway-story .outlink-sec .title {
padding-top: 6.25vw;
padding-bottom: 2.60417vw;
font-size: 1.5625vw; }
.milan-fashion-show .content-runway-story .outlink-sec .inner {
width: 56.25vw;
margin: 0 auto; }
.milan-fashion-show .content-runway-story .outlink-sec .link {
position: relative;
padding: 1.5625vw 2.60417vw;
border: 1px solid;
margin-bottom: 1.04167vw;
color: #000;
text-align: left; }
.milan-fashion-show .content-runway-story .outlink-sec .link strong {
font-size: 1.04167vw; }
.milan-fashion-show .content-runway-story .outlink-sec .link span {
font-size: 1.04167vw;
margin-left: 1.04167vw; }
.milan-fashion-show .content-runway-story .outlink-sec .link .arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 2.08333vw;
width: 2.08333vw; }
.milan-fashion-show .content-collection {
padding: 10.41667vw 10.41667vw 0;
margin-top: 10.41667vw;
transition: margin-top .7s; }
.milan-fashion-show .content-collection.top {
margin-top: 0; }
.milan-fashion-show .content-collection .products {
text-align: left; }
.milan-fashion-show .content-collection .products .product {
display: inline-block;
width: 23.5%;
margin-right: 2%;
margin-bottom: 2%;
cursor: pointer; }
.milan-fashion-show .content-collection .products .product:nth-child(4n) {
margin-right: 0; }
.milan-fashion-show .content-collection .p-popup {
display:none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.9);
z-index: 999;
color: #fff;
overflow-y: scroll; }
.milan-fashion-show .content-collection .p-popup .inner {
display:none;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 5%;
width: 65.10417vw; }
.milan-fashion-show .content-collection .p-popup .close {
position: absolute;
top: -2%;
right: -23%;
width: 30px;
padding: 5px;
cursor: pointer; }
.milan-fashion-show .content-collection .p-popup .close img {
filter: invert(100%);
-webkit-filter: invert(100%); }
.milan-fashion-show .content-collection .p-popup .p-main-img {
width: 32.29167vw;
float: left; }
.milan-fashion-show .content-collection .p-popup .left-box {
width: 32.29167vw;
float: left;
text-align: right; }
.milan-fashion-show .content-collection .p-popup .left-box .p-main-img {
float: unset;
padding-bottom: 10px; }
.milan-fashion-show .content-collection .p-popup .left-box .desc {
padding-bottom: 1.04167vw;
font-size: 0.72917vw;
color: #959595; }
.milan-fashion-show .content-collection .p-popup .info {
margin-left: 34.375vw; }
.milan-fashion-show .content-collection .p-popup .info .page-idx {
margin-bottom: 2.08333vw;
font-size: 1.04167vw; }
.milan-fashion-show .content-collection .p-popup .info .page-idx .arrow {
position: relative;
top: 2px;
display: inline-block;
padding: 5px 10px;
width: 0.78125vw;
cursor: pointer; }
.milan-fashion-show .content-collection .p-popup .info .page-idx .index {
margin: 0 2.91667vw; }
.milan-fashion-show .content-collection .p-popup .info .info-cont {
text-align: left; }
.milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-list {
padding-bottom: 50px; }
.milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item {
margin-bottom: 1.30208vw; }
.milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .inner-wrap {
overflow: hidden; }
.milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .sub-p-img {
width: 11.5vw;
float: left; }
.milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .text-box {
margin-left: 12.5vw; }
.milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .text-box .name {
padding: 0.26042vw 0;
font-size: 0.9375vw;
font-weight: bold; }
.milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .text-box .desc {
padding-bottom: 1.04167vw;
font-size: 0.72917vw;
color: #959595; }
.milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .text-box .price {
padding-bottom: 2.08333vw;
font-size: 0.72917vw; }
.milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .text-box .shop-link {
padding-bottom: 2.08333vw;
font-size: 0.63vw; }
.milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .text-box .shop-link .shop-text {
border-bottom: 1px solid #FFFFFF; }
.milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .text-box .shop-btn {
width: 3.54167vw; }
.milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .sub-list {
margin-top: 0.52083vw; }
.milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .sub-list .item {
display: inline-block;
width: 2.60417vw;
margin-right: 0.26042vw;
cursor: pointer; }
.milan-fashion-show .content-collection .p-popup .info .info-cont .coming-soon {
font-size: 0.9375vw;
font-weight: bold; }
.milan-fashion-show .swiper-container {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto; }
.milan-fashion-show .swiper-slide {
background-size: cover;
background-position: center; }
.milan-fashion-show .gallery-top, .milan-fashion-show .gallery-top2 {
height: 80%;
width: 100%; }
.milan-fashion-show .gallery-thumbs, .milan-fashion-show .gallery-thumbs2 {
height: 20%;
box-sizing: border-box;
padding: 10px 0; }
.milan-fashion-show .gallery-thumbs .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.4; }
.milan-fashion-show .gallery-thumbs2 .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.4; }
.milan-fashion-show .gallery-thumbs .swiper-slide-thumb-active {
opacity: 1; }
.milan-fashion-show .gallery-thumbs2 .swiper-slide-thumb-active {
opacity: 1; }
.main-top-video {
position: relative; }
.main-top-video .title {
position: absolute;
left: 8%;
top: 13%;
z-index: 99; }
.main-top-video .title .movie-title {
color: #fff;
font-family: FFDINWebProBold;
font-size: 65px;
line-height: 65px; }
.main-top-video .title .banner-button-box {
font-size: 1.5em;
font-weight: 700;
height: auto;
margin-top: 35px;
width: 300px; }
.main-top-video .title .banner-button-box .banner-button-1 {
float: left;
height: auto;
z-index: 100;
margin-right: 25px; }
.main-top-video .title .banner-button-box .banner-button-2 {
float: left;
height: auto;
z-index: 100; }
.main-contents {
height: auto;
position: relative;
width: 100%;
margin: 0 auto; }
.main-contents .remove-box {
width: 100%;
margin-top: -5px;
background: #fff;
height: 30px;
z-index: 99;
position: absolute; }
.main-contents .section6 {
position: relative; }
.main-contents .section6 .textbox {
position: absolute;
top: 60px;
left: 60px;
z-index: 999; }
.main-contents .section6 .textbox h1 {
font-family: FFDINWebProBold;
font-size: 30px;
margin: 0;
font-weight: 500;
color: #fff; }
.main-contents .section6 .textbox span {
font-size: 16px;
display: block;
margin-bottom: 30px; }
.main-contents .section6 .textbox button {
border: 0;
background: #fff;
color: #000;
width: 90px;
height: 45px;
font-size: 16px;
margin-right: 20px;
cursor: pointer;
font-weight: 600;
margin-top: 20px; }
.main-contents .section5 {
padding: 0 50px;
margin-top: 80px; }
.main-contents .section5 .sec5-box {
position: relative;
margin-top: 30px; }
.main-contents .section5 img {
width: 100%;
cursor: pointer; }
.main-contents .section5 span {
font-family: FFDINWebProBold;
font-size: 22px;
font-weight: 500;
position: absolute;
bottom: 20px;
left: 20px; }
.main-contents .section5 .left {
width: 49%;
display: inline-block;
margin-right: 2%; }
.main-contents .section5 .right {
width: 49%;
display: inline-block; }
.main-contents .section4 {
position: relative;
margin-top: 100px; }
.main-contents .section4 img {
width: 100%; }
.main-contents .section4 .textbox {
position: absolute;
top: 100px;
left: 100px; }
.main-contents .section4 .textbox h1 {
font-family: FFDINWebProBold;
font-size: 60px;
margin: 0;
line-height: 65px;
font-weight: 500;
color: #fff;
margin-bottom: 40px; }
.main-contents .section4 .textbox span {
font-size: 16px;
display: block;
margin-bottom: 30px;
margin-top: 15px;
color: #000; }
.main-contents .section4 .textbox button, .main-contents .section4 .textbox .btn-white {
width: 100px;
height: 45px;
line-height: 48px;
background-color: #ffffff;
font-size: 16px;
font-weight: bold;
text-align: center;
vertical-align: middle;
display: inline-block;
color: #080808;
border: 1px solid #080808;
box-sizing: border-box;
transition: background-color 0.7s, border 0.7s;
margin-right: 25px; }
.main-contents .section4 .textbox button:hover, .main-contents .section4 .textbox .btn-white:hover {
content: url(//d319d1tzjwpwbb.cloudfront.net/common/arrow-r.svg);
background-color: #000;
padding: 0 20px;
border: 1px solid #6d6d6d; }
.main-contents .section3 {
width: 100%;
display: flex;
margin-top: 80px; }
.main-contents .section3 .left {
width: 30%;
height: calc(100%-10px);
background: #000;
position: relative; }
.main-contents .section3 .left .box-top {
position: absolute;
top: 80px;
left: 60px;
right: 60px; }
.main-contents .section3 .left .box-top h1 {
color: #fff;
font-family: FFDINWebProBold;
font-size: 50px;
font-weight: 500;
margin: 0;
line-height: 50px; }
.main-contents .section3 .left .box-top span {
color: #fff;
display: block;
font-size: 16px;
margin-bottom: 35px;
margin-top: 15px; }
.main-contents .section3 .left .box-top button {
border: 0;
background: #fff;
color: #000;
width: 90px;
height: 45px;
font-size: 16px;
margin-right: 20px;
cursor: pointer;
font-weight: 600; }
.main-contents .section3 .right {
width: 70%;
font-size: 0; }
.main-contents .section3 .right .swiper-button-next,
.main-contents .section3 .right .swiper-button-prev {
position: absolute;
top: 50%;
width: 35px;
height: 60px;
margin-top: -22px;
z-index: 10;
cursor: pointer; }
.main-contents .section3 .right .swiper-button-next,
.main-contents .section3 .right .swiper-container-rtl .swiper-button-prev {
background: url(//d319d1tzjwpwbb.cloudfront.net/app/images/2020-03-18/f4cfa3ff7c79fec931861551ca2e403b.png) no-repeat;
right: 30px;
background-size: 35px; }
.main-contents .section3 .right .swiper-button-prev,
.main-contents .section3 .right .swiper-container-rtl .swiper-button-next {
background: url(//d319d1tzjwpwbb.cloudfront.net/app/images/2020-03-18/34df7a6f4f81f3c1ca84e680757f99d7.png) no-repeat;
left: 30px;
background-size: 35px; }
.main-contents .section1 {
width: 100%;
display: flex; }
.main-contents .section1 .left {
width: 50%;
flex: 1; }
.main-contents .section1 .left img {
width: 100%;
height: 100%;
cursor: pointer; }
.main-contents .section1 .right {
width: 50%;
flex: 1;
overflow-y: hidden; }
.main-contents .section1 .right .top {
width: 100%;
height: 50%;
background: #0f151c;
position: relative; }
.main-contents .section1 .right .top .box-top {
position: absolute;
top: 100px;
left: 60px; }
.main-contents .section1 .right .top .box-top h1 {
color: #fff;
font-family: FFDINWebProBold;
font-size: 55px;
font-weight: 500;
margin: 0; }
.main-contents .section1 .right .top .box-top span {
color: #fff;
display: block;
font-size: 18px;
margin-bottom: 35px; }
.main-contents .section1 .right .top .box-top button {
border: 0;
background: #fff;
color: #000;
width: 90px;
height: 45px;
font-size: 16px;
margin-right: 20px;
cursor: pointer;
font-weight: 600; }
.main-contents .section1 .right .bottom img {
width: 50%;
cursor: pointer; }
.main-contents .main-top-banner-section {
height: auto;
margin: 0;
padding: 0;
position: relative;
width: 100%;
font-size: 0; }
.main-contents .main-top-banner-section .owl-pagination {
display: none; }
.main-contents .main-top-banner-section .owl-buttons .owl-next img {
padding-right: 30px; }
.main-contents .main-top-banner-section .owl-buttons .owl-prev img {
padding-left: 30px; }
.main-contents .main-top-banner-section .main-top-banner-bg {
height: auto;
position: relative;
width: 100%;
margin-top: 5px; }
.main-contents .main-top-banner-section .bg-color {
background-color: #000; }
.main-contents .main-top-banner-section .main-top-banner {
height: auto;
margin: 0 auto;
position: relative;
width: 100%; }
.main-contents .main-top-banner-section .main-top-banner .banner-content {
height: auto;
position: relative;
width: 100%; }
.main-contents .main-top-banner-section .main-top-banner .banner-content .movie {
margin: 0 auto; }
.main-contents .main-top-banner-section .main-top-banner .banner-content .movie-title {
font-weight: 700;
position: absolute;
left: 1.3%;
top: 5%;
color: #ffffff;
font-size: 3em;
width: 30%; }
.main-contents .main-top-banner-section .main-top-banner .banner-content .movie-button-1 {
font-weight: 700;
position: absolute;
left: 1.3%;
top: 20%;
color: #ffffff;
font-size: 1.6em; }
.main-contents .main-top-banner-section .main-top-banner .banner-content .movie-button-2 {
font-weight: 700;
position: absolute;
left: 9.5%;
top: 20%;
color: #ffffff;
font-size: 1.6em; }
.main-contents .main-top-banner-section .main-top-banner .banner-content .banner-number-indicator {
position: absolute;
width: 80px;
height: 34px;
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
right: 3.5%;
display: flex;
justify-content: center;
align-items: center; }
.main-contents .main-top-banner-section .main-top-banner .banner-content .banner-number-indicator span {
font-family: DINNextLTProBold;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #f7f7f7;
letter-spacing: 2px; }
.main-contents .main-top-banner-section .main-top-banner .banner-content .banner-desc {
height: auto;
left: 100px;
position: absolute;
top: 100px;
width: 284px;
z-index: 10; }
.main-contents .main-top-banner-section .main-top-banner .banner-content .banner-desc .banner-product-name {
color: #080808;
font-size: 60px;
min-height: 128px;
height: auto;
line-height: 55px;
width: 630px; }
.main-contents .main-top-banner-section .main-top-banner .banner-content .banner-desc .banner-product-name p {
margin: 0; }
.main-contents .main-top-banner-section .main-top-banner .banner-content .banner-desc .banner-product-name .desc {
font-family: NotoSansCJKkr;
font-size: 16px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 20px;
letter-spacing: normal;
color: #ffffff;
margin-top: 10px; }
.main-contents .main-top-banner-section .main-top-banner .banner-content .banner-desc .banner-product-desc {
color: #777;
font-size: 1.4em;
font-weight: 300;
height: 78px;
line-height: 1.6em;
margin-top: 34px;
width: 250px; }
.main-contents .main-top-banner-section .main-top-banner .banner-content .banner-desc .banner-button-box {
font-size: 1.5em;
font-weight: 700;
height: auto;
margin-top: 35px;
width: 300px; }
.main-contents .main-top-banner-section .main-top-banner .banner-content .banner-desc .banner-button-box .banner-button-1 {
float: left;
height: auto;
z-index: 100;
margin-right: 25px; }
.main-contents .main-top-banner-section .main-top-banner .banner-content .banner-desc .banner-button-box .banner-button-2 {
float: left;
height: auto;
z-index: 100; }
.main-contents .main-top-banner-section .main-top-banner .banner-content .banner-desc .banner-button-box .btn-black {
width: 75px;
height: 40px;
line-height: 40px;
background-color: #080808;
color: #ffffff;
font-size: 16px;
font-weight: 400;
text-align: center;
vertical-align: middle; }
.main-contents .main-top-banner-section .main-top-banner .banner-content img {
height: auto;
position: relative;
width: 100%; }
.main-contents .main-center-section {
height: auto;
margin: 0;
padding: 0;
position: relative;
width: 100%; }
.main-contents .main-center-section .main-center-mobile {
display: none; }
.main-contents .main-center-section .main-center-title {
display: none; }
.main-contents .main-center-section .main-section-1 {
height: auto;
position: relative;
width: 100%;
font-size: 0; }
.main-contents .main-center-section .main-section-1 .layout-ul {
box-sizing: border-box;
height: auto;
margin: 0;
padding: 10px 0;
position: relative;
width: 100%;
overflow: auto; }
.main-contents .main-center-section .main-section-1 .layout-li {
box-sizing: border-box;
float: left;
height: auto;
list-style-type: none;
width: 50%; }
.main-contents .main-center-section .main-section-1 .layout-li:first-child {
padding-right: 5px; }
.main-contents .main-center-section .main-section-1 .layout-li:last-child {
padding-left: 5px; }
.main-contents .main-center-section .main-section-1 .layout-box {
box-sizing: border-box;
height: auto;
position: relative;
width: 100%; }
.main-contents .main-center-section .main-section-1 .layout-box .img-box {
height: auto;
position: relative;
width: 100%; }
.main-contents .main-center-section .main-section-1 .layout-box .img-box img {
box-sizing: border-box;
height: auto;
position: relative;
width: 100%;
z-index: 0; }
.main-contents .main-center-section .main-section-1 .layout-box .img-box .center-button {
left: 50%;
top: 50%;
position: absolute;
transform: translate(-50%, -50%);
width: auto;
color: #fff;
font-weight: 600;
font-size: 50px;
margin: 0;
opacity: 1;
transition: opacity 0.7s; }
.main-contents .main-center-section .main-section-1 .layout-box .img-box .button-box {
background-image: url("//d319d1tzjwpwbb.cloudfront.net/desktop/images/mds-pick_black.png");
color: #fff;
font-size: 16px;
font-weight: 600;
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 100;
opacity: 0;
transition: opacity 0.7s; }
.main-contents .main-center-section .main-section-1 .layout-box .img-box .button-box .button-wrap {
width: 100%;
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-50%); }
.main-contents .main-center-section .main-section-1 .layout-box .img-box .button-box .button-wrap a {
color: #fff; }
.main-contents .main-center-section .main-section-1 .layout-box .img-box .button-box .button-wrap .title {
margin-top: 0;
margin-bottom: 7%;
width: auto;
font-size: 50px; }
@media (max-width: 1350px) {
.main-contents .main-center-section .main-section-1 .layout-box .img-box .button-box .button-wrap .title {
font-size: 45px; } }
.main-contents .main-center-section .main-section-1 .layout-box .img-box .button-box .button-wrap .left {
height: 12px;
display: inline-block;
text-align: left; }
.main-contents .main-center-section .main-section-1 .layout-box .img-box .button-box .button-wrap .right {
height: 12px;
display: inline-block;
vertical-align: top;
text-align: left;
margin-left: 10%; }
.main-contents .main-center-section .main-section-1 .layout-box .img-box .button-box .button-wrap li {
margin-bottom: 13px;
font-size: 20px;
font-weight: 400; }
@media (max-width: 1350px) {
.main-contents .main-center-section .main-section-1 .layout-box .img-box .button-box .button-wrap li {
font-size: 15px; } }
.main-contents .main-center-section .main-section-1 .layout-box:hover .img-box .button-box {
opacity: 1; }
.main-contents .main-center-section .main-section-1 .layout-box:hover .img-box .center-button {
opacity: 0; }
.main-contents .main-center-section .main-section-2 {
height: auto;
position: relative;
width: 100%;
margin-top: 10px; }
.main-contents .main-center-section .main-section-2 .sub-section {
height: auto;
position: relative;
width: 100%;
overflow: auto; }
.main-contents .main-center-section .main-section-2 .sub-section .left {
position: relative;
width: 50%;
height: auto;
float: left; }
.main-contents .main-center-section .main-section-2 .sub-section .right {
position: relative;
width: 50%;
height: auto;
float: right; }
.main-contents .main-center-section .main-section-2 .sub-section img {
width: 100%;
height: auto; }
.main-contents .main-center-section .main-section-2 .sub-section .btn {
position: absolute;
bottom: 13%;
left: 6%;
font-size: 30px;
font-weight: 600;
color: #fff;
margin: 0; }
.main-contents .main-center-section .main-section-3 {
height: auto;
position: relative;
width: 100%;
overflow: auto;
margin-top: 10px; }
.main-contents .main-center-section .main-section-3 img {
width: 100%;
height: auto; }
.main-contents .main-center-section .main-section-3 .btn {
position: absolute;
bottom: 7%;
left: 5%;
font-size: 60px;
font-weight: 600;
color: #fff;
margin: 0; }
.main-contents .main-center-section #main-sec-left,
.main-contents .main-center-section #main-sec-right {
width: 50%;
display: table-cell; }
.main-contents .main-center-section .zoom-wrap {
position: relative;
overflow: hidden; }
.main-contents .main-center-section .zoom-wrap .zoom-out {
visibility: hidden; }
.main-contents .main-center-section .zoom-wrap .zoom-in {
width: 101%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: opacity 0.7s, width 0.7s; }
.main-contents .main-center-section .zoom-wrap:hover .zoom-in {
width: 105%; }
.main-contents .main-center-section .main-section-both {
width: 100%;
text-align: center;
padding: 0px; }
.main-contents .main-center-section .main-section-both .category-left {
position: relative;
display: inline-block;
width: 50%;
height: auto;
margin-bottom: 10px;
float: left;
padding-right: 5px; }
.main-contents .main-center-section .main-section-both .category-left img {
width: 100%;
vertical-align: top; }
.main-contents .main-center-section .main-section-both .category-left p {
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
margin: 0;
color: #fff;
font-size: 26px;
font-weight: 700; }
.main-contents .main-center-section .main-section-both .category-right {
position: relative;
display: inline-block;
width: 50%;
height: auto;
margin-bottom: 10px;
float: right;
padding-left: 5px; }
.main-contents .main-center-section .main-section-both .category-right img {
width: 100%;
height: 100%;
vertical-align: top; }
.main-contents .main-center-section .main-section-both .category-right p {
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
margin: 0;
color: #fff;
font-size: 26px;
font-weight: 700; }
.main-contents .main-center-section .main-section-both .category-bottom {
display: inline-block;
width: 100%;
float: bottom;
margin-bottom: 10px;
position: relative; }
.main-contents .main-center-section .main-section-both .category-bottom img {
width: 100%;
vertical-align: bottom; }
.main-contents .main-center-section .main-section-both .category-bottom p {
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
margin: 0;
color: #fff;
font-size: 26px;
font-weight: 700; }
.main-contents .main-md-pick-section {
display: inline-block;
height: auto;
position: relative;
width: 100%; }
.main-contents .main-md-pick-section ul {
box-sizing: border-box;
height: auto;
margin: 0;
padding: 15px 0 0 15px;
position: relative;
width: 100%; }
.main-contents .main-md-pick-section li {
box-sizing: border-box;
float: left;
height: auto;
list-style-type: none;
padding-right: 15px;
width: 33.33%; }
.main-contents .main-md-pick-section .md-pick-title {
font-family: "FFDINWebProBoldBold";
font-size: 20px;
font-weight: bold;
color: #333;
height: 55px;
line-height: 55px; }
.main-contents .main-md-pick-section .md-pick-product {
box-sizing: border-box;
height: auto;
position: relative;
width: 100%; }
.main-contents .main-md-pick-section .md-pick-product .img-box {
height: auto;
position: relative;
width: 100%; }
.main-contents .main-md-pick-section .md-pick-product .img-box img {
box-sizing: border-box;
height: auto;
position: relative;
width: 100%;
z-index: 0; }
.main-contents .main-md-pick-section .md-pick-product .img-box .button-box {
background-image: url("//d319d1tzjwpwbb.cloudfront.net/desktop/images/mds-pick_black.png");
color: #fff;
display: none;
font-size: 16px;
font-weight: 600;
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 100; }
.main-contents .main-md-pick-section .md-pick-product .img-box .button-box .button-1 {
height: 12px;
left: 30%;
position: absolute;
top: 48%; }
.main-contents .main-md-pick-section .md-pick-product .img-box .button-box .button-2 {
height: 12px;
right: 30%;
position: absolute;
top: 48%; }
.main-contents .main-md-pick-section .md-pick-product .img-box .button-box .center-button {
left: 50%;
top: 50%;
position: absolute;
transform: translate(-50%, -50%);
width: auto; }
.main-contents .main-md-pick-section .md-pick-product .item-title {
box-sizing: border-box;
color: #000;
font-family: "FFDINWebProBoldBold";
font-size: 15px;
font-weight: 600;
height: 16px;
line-height: 16px;
margin: 16px 0 5px 0;
position: relative; }
.main-contents .main-md-pick-section .md-pick-product .item-desc {
box-sizing: border-box;
color: #333;
font-size: 12px;
height: 12px;
line-height: 12px;
margin: 0 0 30px 0;
position: relative; }
.main-contents .main-md-pick-section .md-pick-product:hover .img-box .button-box {
display: block; }
.main-contents .main-category-section {
display: inline-block;
height: auto;
margin: 20px auto;
position: relative;
width: 100%; }
.main-contents .main-category-section .title {
box-sizing: border-box;
font-size: 20px;
height: 50px;
line-height: 50px;
padding-left: 15px;
position: relative;
width: 100%; }
.main-contents .main-category-section .best-sellers-title,
.main-contents .main-category-section .new-arrivals-title {
color: #ed1c24;
font-weight: bold;
width: 90%;
margin: 0 auto; }
.main-contents .main-category-section .product-category-items {
width: 90%;
margin: 0 auto;
padding-left: 10px; }
.main-contents .main-category-section .product-category-items .category-item {
margin-bottom: 80px;
padding-right: 20px; }
.main-contents .main-category-section .product-category-items .category-item .img-box img {
width: 100%; }
.main-contents .main-instagram-section {
width: 1024px;
height: auto;
margin: 0 auto;
margin-top: 30px;
position: relative; }
.main-contents .main-instagram-section img {
width: 256px;
height: 256px;
display: inline-block; }
.main-contents .main-instagram-section .instagram-account {
margin: 0 auto;
position: relative;
text-align: center;
width: 1024px; }
.main-contents .main-instagram-section .instagram-account img {
display: inline-block;
height: 46px;
width: 121px; }
.main-contents .main-instagram-section .instagram-account .spider-txt {
color: #080808;
display: inline-block;
font-size: 18px;
font-weight: bold;
height: 31px;
line-height: 31px;
margin-left: 30px;
vertical-align: top; }
.main-contents .owl-item {
overflow: hidden; }
.main-contents .btn-white {
width: 100px;
height: 45px;
line-height: 48px;
background-color: #ffffff;
font-size: 16px;
font-weight: bold;
text-align: center;
vertical-align: middle;
display: inline-block;
color: #080808;
border: 1px solid #080808;
box-sizing: border-box;
transition: background-color 0.7s, border 0.7s; }
.main-contents .btn-white:hover {
content: url(//d319d1tzjwpwbb.cloudfront.net/common/arrow-r.svg);
background-color: #000;
padding: 0 20px;
border: 1px solid #6d6d6d; }
.myItem-pop-hidden {
display: none; }
@-webkit-keyframes myItemShow {
from {
right: -200px; }
to {
right: 0; } }
.myItem-pop {
position: fixed;
display: flex;
width: 200px;
height: 80px;
text-align: center;
border: 0;
z-index: 9999;
top: 72%;
right: 0;
color: #fff;
border-top-left-radius: 40px;
border-bottom-left-radius: 40px;
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.21);
background-color: rgba(0, 0, 0, 0.8);
-webkit-animation-name: myItemShow;
/* Safari 4.0 - 8.0 */
-webkit-animation-duration: 0.8s;
/* Safari 4.0 - 8.0 */
cursor: pointer; }
.myItem-pop img {
width: 33px;
height: 33px;
margin: auto;
cursor: pointer; }
.myItem-pop .title {
margin-top: 20px;
font-weight: normal;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
width: 112px;
margin-left: 28px;
text-align: left; }
.myItem-pop button {
background: #000;
color: #fff;
width: 76px;
height: 40px;
font-size: 14px;
margin-top: 20px; }
.menu-right-mypage-icon {
position: absolute;
right: 34px; }
.menu-right-mypage-icon img {
width: 20px;
height: 20px;
cursor: pointer; }
@keyframes searchshow {
from {
top: -100px; }
to {
top: 100px; } }
@keyframes searchhide {
from {
top: 100px; }
to {
top: -110px; } }
.search-menu-area-close-ani {
-webkit-animation-name: searchhide;
/* Safari 4.0 - 8.0 */
-webkit-animation-duration: 0.8s;
/* Safari 4.0 - 8.0 */ }
.search-menu-area-close {
width: 100%;
box-shadow: 0 6px 10px -6px;
background: #fff;
height: 182px;
top: -110px;
transition: all 0.7s;
position: absolute; }
.search-menu-area-close .main-box {
width: 625px;
margin: auto;
padding-top: 45px; }
.search-menu-area-close .main-box .keyword-line {
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #080808; }
.search-menu-area-close .main-box .keyword-line .title {
font-weight: bold;
margin-right: 10px; }
.search-menu-area-close .main-box .keyword-line a {
text-decoration: underline;
color: #080808;
margin: 0 10px; }
.search-menu-area-close .main-box .input-line {
margin-top: 15px; }
.search-menu-area-close .main-box .input-line input {
width: 538px;
padding: 0;
padding-top: 2px;
height: 46px;
border: solid 1px #080808;
margin-right: 10px;
text-indent: 15px;
font-size: 16px;
outline: none; }
.search-menu-area-close .main-box .input-line input::placeholder {
font-size: 16px;
padding: 16px 0; }
.search-menu-area-close .main-box .input-line button {
width: 75px;
height: 50px;
color: #fff;
border: 0;
background: #000;
font-size: 16px;
position: absolute; }
.search-menu-area-open {
width: 100%;
box-shadow: 0 6px 10px -6px;
background: #fff;
height: 200px;
transition: all 0.7s;
position: absolute;
-webkit-animation-name: searchshow;
/* Safari 4.0 - 8.0 */
-webkit-animation-duration: 0.8s;
/* Safari 4.0 - 8.0 */ }
.search-menu-area-open .main-box {
width: 625px;
margin: auto;
padding-top: 45px; }
.search-menu-area-open .main-box .keyword-line {
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #080808; }
.search-menu-area-open .main-box .keyword-line .title {
font-weight: bold;
margin-right: 10px; }
.search-menu-area-open .main-box .keyword-line a {
text-decoration: underline;
color: #080808;
margin: 0 10px; }
.search-menu-area-open .main-box .input-line {
margin-top: 15px; }
.search-menu-area-open .main-box .input-line input {
width: 538px;
padding: 0;
padding-top: 2px;
height: 46px;
border: solid 1px #080808;
margin-right: 10px;
text-indent: 15px;
font-size: 16px;
outline: none; }
.search-menu-area-open .main-box .input-line input::placeholder {
font-size: 16px;
line-height: 20px; }
.search-menu-area-open .main-box .input-line button {
width: 75px;
height: 50px;
color: #fff;
border: 0;
background: #000;
font-size: 16px;
position: absolute; }
.mypage-icon {
margin: 0 13px;
margin-left: 15px; }
.ad-box {
padding: 120px 0 40px; }
.ad-box .s1 .swiper-slide:first-child, .ad-box .s3 .swiper-slide:first-child {
margin-left: 50px; }
.ad-box .s4 .swiper-slide:first-child {
margin-left: 50px; }
.ad-box .ad-box-title {
margin: 0 50px 30px 50px;
display: flex;
justify-content: space-between; }
.ad-box .ad-box-title h1 {
font-family: DINNextLTProBold;
font-size: 30px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
color: #000000;
margin: 0; }
.ad-box .ad-box-title .btn-box {
display: flex; }
.ad-box .swiper-container.s4 .swiper-button-next, .ad-box .swiper-container.s3 .swiper-button-next {
margin: 0;
position: static;
width: 14px;
height: 25px; }
.ad-box .swiper-container.s4 .swiper-button-prev, .ad-box .swiper-container.s3 .swiper-button-prev {
margin: 0;
position: static;
margin-right: 42px;
width: 14px;
height: 25px; }
.ad-box .swiper-container.s1 .swiper-button-next,
.ad-box .swiper-container.s1 .swiper-container-rtl .swiper-button-prev {
background: url(//d319d1tzjwpwbb.cloudfront.net/app/images/2020-03-18/f4cfa3ff7c79fec931861551ca2e403b.png) no-repeat;
right: 80px;
background-size: 26px; }
.ad-box .swiper-container.s1 .swiper-button-prev,
.ad-box .swiper-container.s1 .swiper-container-rtl .swiper-button-next {
background: url(//d319d1tzjwpwbb.cloudfront.net/app/images/2020-03-18/34df7a6f4f81f3c1ca84e680757f99d7.png) no-repeat;
left: 70px;
background-size: 26px; }
.ad-box .swiper-container {
width: 100%;
height: 100%; }
.ad-box .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: auto; }
.ad-box .swiper-slide img {
cursor: pointer; }
.ad-box .swiper-button-next,
.ad-box .swiper-container-rtl .swiper-button-prev {
background: url(//d319d1tzjwpwbb.cloudfront.net/app/images/2020-03-23/4ffd0d7f09bdb76574d3a3fb8b754386.svg) no-repeat;
right: 40px; }
.ad-box .swiper-button-prev,
.ad-box .swiper-container-rtl .swiper-button-next {
background: url(//d319d1tzjwpwbb.cloudfront.net/app/images/2020-03-23/b646314e144648ac6958e6172c19ae50.svg) no-repeat;
left: 40px; }
.ad-box .swiper-slide:first-child {
margin-left: 40px; }
.ad-box .swiper-slide:last-child {
margin-right: 40px; }
.ad-box .swiper-scrollbar {
width: 595px !important;
margin: 40px auto 0;
height: 4px !important;
background-color: #ccc;
display: block;
position: relative !important;
left: inherit !important;
bottom: inherit !important;
cursor: grab;
border-radius: 0px; }
.ad-box .swiper-scrollbar .swiper-scrollbar-drag {
border-radius: 0;
background: #ca0000; }
.ad-box .card {
position: relative;
text-align: left; }
.ad-box .card img {
height: 100%; }
.ad-box .card .card-title {
font-family: NotoSansCJKkr;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
color: #000000;
margin-top: 10px; }
.ad-box .card .title1 {
font-size: 20px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #ffffff;
position: absolute;
bottom: 60px;
left: 40px;
font-family: sans-serif; }
.ad-box .card .title2 {
font-size: 20px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #ffffff;
position: absolute;
bottom: 38px;
font-family: sans-serif;
left: 40px; }
.ad-box .card .product-title1 {
font-size: 20px;
font-style: normal;
font-weight: bold;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #000;
position: absolute;
bottom: 60px;
font-family: sans-serif;
left: 40px; }
.ad-box .card .product-title2 {
font-size: 20px;
font-style: normal;
font-weight: bold;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #000;
position: absolute;
bottom: 38px;
font-family: sans-serif;
left: 40px; }
.ad-box .card .product2-title1 {
font-size: 25px;
font-style: normal;
font-weight: bold;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #000;
position: absolute;
top: 30px;
font-family: sans-serif;
left: 30px; }
.ad-box .card .product2-title2 {
font-style: normal;
font-weight: bold;
font-family: FFDINWebProBold;
font-size: 25px;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #000;
position: absolute;
top: 55px;
font-family: sans-serif;
left: 30px; }
.ad-box .card .more {
cursor: pointer;
width: 90px;
height: 45px;
line-height: 48px;
background: #fff;
border: 0;
position: absolute;
bottom: 40px;
right: 40px;
font-size: 16px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: #080808;
outline: none; }
.main-advertise {
width: 100%;
overflow-x: scroll;
display: flex;
cursor: grab;
cursor: -o-grab;
cursor: -moz-grab;
cursor: -webkit-grab; }
.main-advertise .card {
margin-right: 40px; }
.main-advertise .card img {
height: 670px; }
.main-advertise::-webkit-scrollbar {
display: none; }
.slider-box #slider {
width: 600px;
margin: 30px auto; }
.slider-box .ui-widget.ui-widget-content {
border: 0;
background: #e5e5e5;
border-radius: 0;
height: 3px; }
.slider-box .ui-slider-horizontal .ui-slider-handle {
top: auto;
height: 3px;
width: 480px;
outline: none;
background: #000;
border: 0;
border-radius: 0;
cursor: grab; }
button {
cursor: pointer; }
.ProAthlWrestling {
padding-top: 80px;
padding-left: 100px;
padding-right: 100px;
padding-bottom: 50px; }
.ProAthlWrestling .spyder-carousel.indicator-wide-bottom_75 .owl-pagination {
width: 300px; }
.ProAthlWrestling .spyder-carousel.indicator-wide-bottom_75 .owl-controls .owl-page span {
height: 4px; }
.ProAthlWrestling h1 {
margin-top: 0;
margin-bottom: 50px;
display: block;
text-align: center;
font-family: NotoSansCJKkr;
font-size: 40px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 0.5;
letter-spacing: normal;
text-align: center;
color: #080808; }
.ProAthlWrestling .album {
width: 100%; }
.ProAthlWrestling .album img {
width: 100%; }
.ProAthlWrestling .spyder-carousel.indicator-wide-bottom_75 .owl-pagination {
bottom: 44px; }
.ProAthl-con {
background: #f7f7f7; }
.ProAthl-con .call {
width: 280px;
height: 60px;
margin-bottom: 30px;
cursor: initial; }
.ProAthl-con .body {
width: 902px;
margin: auto;
padding: 150px 0;
padding-bottom: 250px; }
.ProAthl-con h1 {
text-align: center;
display: block; }
.ProAthl-con span {
font-size: 15px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.47;
letter-spacing: normal;
text-align: center;
display: block;
color: #080808;
margin: 20px 0;
margin-bottom: 30px; }
.ProAthl-con button {
border: 0;
background: #080808;
width: 200px;
height: 60px;
color: #fff;
font-size: 18px;
display: block;
text-align: center;
margin: auto;
cursor: pointer; }
.ProAthl-con table {
width: 100%; }
.ProAthl-con table td {
background: #fff;
border: 1px solid #e5e5e5;
height: 50px; }
.ProAthl-con table td input {
border: 0;
width: 90%;
height: 50px;
text-indent: 10px;
outline: none;
font-size: 15px; }
.ProAthl-con table td textarea, .ProAthl-con table td input::placeholder {
text-indent: 10px;
color: #888888; }
.ProAthl-con table td textarea {
width: 99%;
font-size: 15px;
height: 150px;
outline: none;
border: 0;
text-indent: 10px;
padding-top: 10px; }
.pro-athl {
width: 100%;
text-align: center;
padding-top: 150px; }
.pro-athl .more-left {
width: 100px;
height: 50px;
font-family: NotoSansCJKkr;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
background-color: #080808;
color: #ffffff;
top: 80px;
left: 30px;
position: absolute;
cursor: pointer;
border: 1px solid #AAA; }
.pro-athl .more-right {
width: 100px;
height: 50px;
font-family: NotoSansCJKkr;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
background-color: #080808;
color: #ffffff;
border: 1px solid #AAA;
top: 80px;
right: 30px;
cursor: pointer;
position: absolute; }
.pro-athl .wide-img {
width: 100%; }
.pro-athl .info {
width: 900px;
margin: auto;
text-align: center;
padding-bottom: 100px;
margin-bottom: 40px; }
.pro-athl .info table {
width: 100%;
display: inline; }
.pro-athl .info table td {
font-size: 14px;
border: 1px solid #e5e5e5;
padding: 25px; }
.pro-athl .info table th {
border: 1px solid #e5e5e5;
font-size: 16px;
background: #f7f7f7;
height: 50px; }
.pro-athl .info h1 {
font-family: NotoSansCJKkr;
font-size: 20px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #080808;
margin-bottom: 40px; }
.pro-athl .process {
margin-top: 100px; }
.pro-athl .process img {
margin-bottom: 30px; }
.pro-athl .process h1 {
font-family: NotoSansCJKkr;
font-size: 20px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #080808;
margin-bottom: 40px; }
.pro-athl h1 {
font-size: 80px;
font-weight: bold;
font-family: FFDINWebProBold;
color: #080808; }
.pro-athl h1 span {
color: #ab0000; }
.pro-athl p {
font-size: 20px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: center;
color: #202020;
margin-bottom: 90px; }
.pro-athl .btn-box {
margin-bottom: 150px; }
.pro-athl .btn-box .red {
font-family: NotoSansCJKkr;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ffffff;
border: 0;
width: 200px;
height: 50px;
display: inline-block;
background-color: #be0000;
margin-right: 17px; }
.pro-athl .btn-box .black {
font-family: NotoSansCJKkr;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ffffff;
border: 0;
width: 200px;
height: 50px;
background-color: #080808;
display: inline-block;
margin-left: 17px; }
.pro-athl .album {
position: relative;
margin-bottom: 35px; }
.pro-athl .album img {
width: 100%; }
.pro-athl .album .text {
font-family: NotoSansCJKkr;
font-size: 20px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
color: #ffffff;
left: 30px;
position: absolute;
top: 30px; }
.pro-athl .album img {
width: 100%;
border-top: 5px solid #d10101; }
.pro-athl .album .text {
font-family: NotoSansCJKkr;
font-size: 20px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
color: #ffffff;
top: 30px;
right: 30px;
position: absolute; }
.pro-athl .album .text-left {
text-align: left; }
.pro-athl .album .text-right {
text-align: right; }
.category-wide-container {
background-color: #ffffff;
height: auto;
margin: 0 auto;
position: relative;
text-align: center;
min-width: 1200px; }
.category-wide-container.search-container {
width: 90%; }
.category-wide-container .category-layout-table {
border: none;
height: auto;
padding: 0;
margin: 0;
width: 100%; }
.category-wide-container .category-layout-table .table-td {
height: auto;
text-align: left;
vertical-align: top;
width: auto; }
.category-left-menu {
display: inline-block;
height: 500px;
margin-right: 30px;
vertical-align: top;
width: 190px; }
.category-left-menu .category-title {
color: #030303;
font-size: 32px;
margin-top: 36px;
margin-bottom: 30px;
position: relative;
text-align: left; }
.category-left-menu ul {
margin: 0;
padding: 0; }
.category-left-menu li {
list-style-type: none; }
.category-left-menu li:first-child {
margin-top: 20px; }
.category-left-menu li:last-child {
border-bottom: 1px solid #e5e5e5; }
.category-left-menu .sub-category-item {
background-color: #f5f5f5;
border-top: 1px solid #e5e5e5;
height: 44px;
position: relative;
width: 100%; }
.category-left-menu .sub-category-item .title {
color: #080808;
font-size: 14px;
margin: 0;
position: absolute;
padding-left: 10px;
top: 50%;
transform: translate(0, -50%); }
.category-left-menu .sub-category-expended-item {
color: #080808;
font-size: 13px;
height: auto;
padding-bottom: 22px;
padding-left: 40px;
position: relative;
text-align: left;
width: 100%; }
.category-right-view {
height: auto;
text-align: left;
width: 980px;
position: relative;
margin: 0 auto; }
.category-right-view img {
position: relative;
margin-top: 20px;
width: 980px;
height: auto; }
.category-right-view .search-result-comment {
color: #080808;
display: inline-block;
padding: 40px 0 20px 0;
position: relative;
text-align: center;
width: 980px; }
.category-right-view .search-result-comment .big-comment {
font-size: 20px;
line-height: 20px;
margin: 0 0 20px 0;
text-align: center;
width: 100%; }
.category-right-view .search-result-comment .big-comment h1 {
font-size: 20px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #080808; }
.category-right-view .search-result-comment .keyword {
font-size: 15px;
line-height: 15px; }
.category-right-view .search-result-comment .link-font {
color: #555;
padding: 0 5px 0 5px; }
.category-right-view .product-list {
float: left;
height: auto;
margin-bottom: 12px;
width: 980px; }
.category-right-view .product-list .best-sellers-title {
color: #ed1c24;
font-size: 20px;
font-weight: bold;
height: 70px;
line-height: 70px;
position: relative;
width: 980px; }
.category-right-view .product-list .new-arrivals-title {
color: #ed1c24;
font-size: 20px;
font-weight: bold;
height: 70px;
line-height: 70px;
position: relative;
width: 980px; }
.product-contents {
height: auto;
text-align: left;
position: relative;
overflow: hidden;
margin: auto; }
.product-contents .banner {
background-size: cover;
background-position: center;
overflow: hidden;
position: relative;
min-height: 90px; }
.product-contents .banner .banner-img {
width: 100%; }
.product-contents .banner .gender-line {
width: 100%;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
text-align: center;
background: #fff;
margin-bottom: 30px;
margin-top: -3px; }
.product-contents .banner .gender-line .gender-body {
width: 90%;
position: relative;
margin: auto; }
.product-contents .banner .gender-line .cate {
position: absolute;
left: 0;
font-size: 15px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 3.33;
letter-spacing: normal;
text-align: center;
color: #080808; }
.product-contents .banner .gender-line .gender-btn {
display: block; }
.product-contents .banner .gender-line .gender-btn a {
display: inline-block;
font-size: 15px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 3.33;
letter-spacing: normal;
text-align: center;
color: #080808;
width: 110px; }
.product-contents .banner .banner-menu {
position: absolute;
top: 0;
left: 0; }
.product-contents .banner .banner-menu .page-path {
font-size: 15px;
margin-top: 20.8px;
margin-left: 87.5px;
position: relative;
text-align: left; }
.product-contents .banner .banner-menu .page-path .path,
.product-contents .banner .banner-menu .page-path .title {
color: #ffffff; }
.product-contents .banner .banner-menu .gender-btn {
display: inline-block;
border-radius: 5px/5px;
background-color: #fff;
border: 2px solid #ca0000;
margin-top: 80px;
margin-left: 87.5px;
font-size: 0; }
.product-contents .banner .banner-menu .gender-btn .btn {
width: 84px;
height: 40px;
line-height: 40px;
display: inline-block;
text-align: center;
vertical-align: middle;
color: #bebebe;
font-size: 14px;
font-weight: 500; }
.product-contents .banner .banner-menu .gender-btn .btn.selected {
background-color: #ca0000;
color: #fff; }
.product-contents .category-product-list-box .product-best-sellers-box .best-sellers-title {
margin: 0 auto;
margin-top: 4%;
margin-bottom: 2%;
text-align: center;
font-family: HelveticaNeue;
font-size: 25px;
font-weight: 700;
font-stretch: normal;
font-style: normal;
line-height: 2;
letter-spacing: normal;
text-align: center;
color: #080808; }
.product-contents .category-product-list-box .product-best-sellers-box .swiper-container.bs {
width: 90%;
height: 100%;
overflow: visible; }
.product-contents .category-product-list-box .product-best-sellers-box .swiper-slide {
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 28.5%; }
.product-contents .category-product-list-box .product-best-sellers-box .swiper-slide .product-category-items {
width: 100%;
margin: 0 auto; }
.product-contents .category-product-list-box .product-best-sellers-box .swiper-slide .product-category-items .category-item {
box-sizing: border-box;
display: inline-block;
padding-right: 0px;
margin-bottom: 20px;
position: relative;
width: 100%;
vertical-align: top; }
.product-contents .category-product-list-box .product-best-sellers-box .swiper-button-next,
.product-contents .category-product-list-box .product-best-sellers-box .swiper-container-rtl .swiper-button-prev {
background: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/bs_arrow_right.svg);
right: 2%;
top: 36%; }
.product-contents .category-product-list-box .product-best-sellers-box .swiper-button-prev,
.product-contents .category-product-list-box .product-best-sellers-box .swiper-container-rtl .swiper-button-next {
background: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/bs_arrow_left.svg);
left: 2%;
top: 36%; }
.product-contents .category-product-list-box .product-best-sellers-box .swiper-scrollbar {
width: 1190px !important;
margin: 3% auto 10%;
height: 4px !important;
background-color: #ccc;
display: block;
position: relative !important;
left: inherit !important;
bottom: inherit !important;
cursor: grab; }
.product-contents .category-product-list-box .product-best-sellers-box .swiper-scrollbar .swiper-scrollbar-drag {
border-radius: 0;
background: #ca0000; }
.product-contents .category-product-list-box .product-best-sellers-box .swiper-button-next.swiper-button-disabled,
.product-contents .category-product-list-box .product-best-sellers-box .swiper-button-prev.swiper-button-disabled {
opacity: 0; }
.product-contents .category-product-list-box .product-list {
height: auto;
margin: auto;
margin-bottom: 12px;
width: 90%; }
.product-contents .category-product-list-box .product-list .best-sellers-title,
.product-contents .category-product-list-box .product-list .new-arrivals-title {
color: #ed1c24;
font-size: 20px;
height: 70px;
line-height: 70px;
position: relative;
margin-left: 5px; }
.sticky {
position: fixed;
top: 81px;
width: 100%;
z-index: 88;
height: 48.75px; }
.sticky + .category-product-list-box {
padding-top: 102px; }
.login-contents {
width: 400px;
height: auto;
margin: 0 auto;
padding-bottom: 200px;
padding-top: 20px; }
.login-subject {
color: #080808;
font-size: 28px;
font-weight: 500;
text-align: center;
margin-top: 32px;
margin-bottom: 20px; }
.login-radio-group {
font-size: 16px;
color: #080808;
margin-bottom: 20px; }
.login-radio-group input[type='radio'] {
zoom: 2; }
.login-radio-group input[type='radio']:last-child {
margin-left: 50px; }
.login-id-box {
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #d8d8d8;
width: 392px;
height: 50px;
font-size: 16px;
color: #777;
padding-left: 5px;
margin-bottom: 10px; }
.login-button {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #ed1c24;
color: #ffffff;
cursor: pointer;
font-size: 20px;
font-weight: 300;
line-height: 28px;
padding: 12px 0;
position: relative;
text-align: center;
width: 100%; }
.login-checkbox-group {
color: #777;
font-size: 16px;
margin-top: 15px;
margin-bottom: 15px; }
.fb-login-button {
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #3b5998;
color: #ffffff;
font-size: 20px;
font-weight: 300;
line-height: 28px;
padding: 12px 0;
position: relative;
text-align: center;
text-decoration: none;
width: 100%; }
.fb-login-button .fb-logo {
vertical-align: top; }
.benefit_img {
height: auto;
margin-top: 15px;
width: 100%; }
.id-search-button {
color: #969696;
font-size: 14px;
margin-top: 30px;
margin-bottom: 50px;
text-decoration: underline;
text-align: center;
width: 100%; }
.login-line {
border-bottom: 1px solid #e0e0e0;
height: 0;
width: 100%; }
.login-simple {
color: #080808;
font-size: 22px;
font-weight: 400;
text-align: center;
margin-top: 20px;
margin-bottom: 20px; }
.login-email-register-button {
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ed1c24;
box-sizing: border-box;
background-color: #ffffff;
color: #ed1c24;
cursor: pointer;
font-size: 20px;
line-height: 28px;
padding: 12px 0;
text-align: center;
width: 100%;
margin-bottom: 6px; }
.login-register-button {
text-align: center;
cursor: pointer;
width: 500px;
height: 60px;
background-color: #ca0000;
font-family: NotoSansCJKkr;
font-size: 18px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #ffffff; }
.login-msg-box {
position: relative;
width: 100%;
height: 50px;
font-size: 13px;
color: #ed1c24; }
.order-refer-button {
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #000000;
color: #ffffff;
font-size: 20px;
text-align: center;
line-height: 45px;
cursor: pointer;
width: 100%;
height: 45px; }
.login-customer-center-box {
position: relative;
border: 1px solid #969696;
color: #969696;
background-color: #e5e5e5;
width: 100%;
height: 80px;
font-size: 18px;
margin-bottom: 20px;
text-align: center;
padding-top: 15px;
padding-bottom: 25px; }
.login-customer-center-box .phone-number {
font-size: 19px;
font-weight: bold;
color: #000000; }
.login-customer-center-box .customer-msg {
font-size: 13px; }
.login-select-title {
font-size: 18px;
color: #000000;
margin-top: 50px;
margin-bottom: 20px; }
.login-select-desc {
font-size: 14px;
color: #969696;
margin-bottom: 10px; }
.reactivate-content {
height: 500px;
margin: 0 auto;
position: relative;
width: 400px;
padding: 50px 0; }
.reactivate-content .title {
font-size: 28px;
font-weight: 500;
height: 30px;
line-height: 30px;
margin: 50px 0 30px 0;
text-align: center;
width: 100%; }
.reactivate-content .desc {
font-size: 16px;
height: auto;
line-height: 20px;
margin-bottom: 30px;
text-align: center;
width: 100%; }
.reactivate-content .reactivate-button {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #ed1c24;
color: #ffffff;
cursor: pointer;
font-size: 20px;
font-weight: 300;
line-height: 28px;
margin-bottom: 20px;
padding: 12px 0;
position: relative;
text-align: center;
width: 100%; }
.reactivate-content .cancel-button {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #000;
color: #ffffff;
cursor: pointer;
font-size: 20px;
font-weight: 300;
line-height: 28px;
margin-top: 30px;
padding: 12px 0;
position: relative;
text-align: center;
width: 100%; }
.register-contents {
width: 500px;
height: auto;
margin: 0 auto;
position: relative;
padding-bottom: 250px; }
.register-contents .offline-user-check {
height: auto;
margin-bottom: 10px;
position: relative;
width: 100%; }
.register-contents .register-subject {
width: 500px;
height: 30px;
padding-top: 49px;
padding-bottom: 49px;
font-family: NotoSansCJKkr-bold;
font-size: 25px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.2;
text-align: center;
color: #080808; }
.register-contents .register-subject-small {
text-align: left;
margin-top: 10px;
margin-bottom: 2px;
font-family: NotoSansCJKkr;
font-size: 12px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #333333; }
.register-contents .register-subject-small-require {
text-align: left;
margin-top: 20px;
margin-bottom: 10px;
font-family: NotoSansCJKkr-light;
font-size: 12px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #d6000a; }
.register-contents .title-id {
display: inline-block;
width: 500px;
height: 15px;
font-family: NotoSansCJKkr;
font-size: 15px;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
font-weight: 500;
color: #333333;
margin-bottom: 5px;
margin-top: 10px; }
.register-contents .title-id .title-id-desc {
display: inline-block;
margin-left: 4px;
font-size: 13px;
font-family: NotoSansCJKkr;
color: #ca0000; }
.register-contents .register-id-check {
position: relative;
width: 100%;
height: auto; }
.register-contents .register-box {
border: 1px solid #e5e5e5;
background-color: #ffffff;
font-size: 15px;
font-weight: 300;
height: 41px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px; }
.register-contents .register-id-box {
position: relative;
width: 378px; }
.register-contents .register-address-table {
margin-bottom: 20px;
width: 100%; }
.register-contents .register-address-box {
margin-top: 10px;
position: relative;
width: 493px; }
.register-contents .register-postal-box {
float: left;
margin-right: 10px;
width: 385px; }
.register-contents .register-postal-button {
float: right; }
.register-contents .register-button {
font-family: NotoSansCJKkr-light;
background-color: #444;
color: #ffffff;
font-size: 15px;
text-align: center;
line-height: 45px;
cursor: pointer;
width: 95px;
height: 45px; }
.register-contents .register-button-big {
margin-top: 10px;
width: 100%; }
.register-contents .option-button {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #aaa;
color: #ed1c24;
cursor: pointer;
font-size: 16px;
height: 70px;
line-height: 30px;
padding-top: 10px;
text-align: center;
width: 100%; }
.register-contents .select-text {
color: #fff;
font-size: 14px; }
.register-contents .register-button-id-check {
font-family: NotoSansCJKkr-light;
font-size: 15px;
position: absolute;
top: 0;
right: 0;
margin-left: 5px; }
.register-contents .register-password-box {
position: relative;
top: 0;
left: 0;
width: 478px; }
.register-contents .register-confirm-line {
height: 45px;
width: 500px;
margin-bottom: 10px; }
.register-contents .register-name-box {
display: inline-block;
position: relative;
width: 158px;
text-align: center;
margin-right: 5px;
margin-bottom: 10px; }
.register-contents .register-phone-table {
height: 45px;
margin-top: 10px;
width: 500px; }
.register-contents .register-phone-table .table-td {
float: left;
height: 45px;
width: 135px; }
.register-contents .register-phone-table .table-td-en {
height: 45px; }
.register-contents .register-phone-table .table-td-last {
height: 45px;
width: 150px; }
.register-contents .register-phone-table .table-td-last .check-button {
float: right;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #444;
color: #ffffff;
font-size: 14px;
text-align: center;
line-height: 45px;
cursor: pointer;
width: 95px;
height: 45px; }
.register-contents .register-phone-box {
display: inline-block;
box-sizing: border-box;
height: 45px;
position: relative;
text-align: center;
width: 160px;
margin-right: 5px; }
.register-contents .register-phone-box-en {
display: inline-block;
box-sizing: border-box;
height: 45px;
position: relative;
text-align: center;
width: 160px; }
.register-contents .register-button-red {
display: inline-block;
font-family: NotoSansCJKkr-light;
color: #ffffff;
background-color: #ca0000;
font-size: 14px;
text-align: center;
line-height: 44px;
cursor: pointer;
width: 150px;
height: 45px; }
.register-contents .register-email-table {
font-size: 16px;
position: relative;
width: 100%; }
.register-contents .register-email-table .left-td {
height: 45px;
width: 215px;
vertical-align: top; }
.register-contents .register-email-table .middle-space {
height: 45px;
width: 25px;
vertical-align: center;
text-align: center;
line-height: 45px; }
.register-contents .register-email-table .middle-td {
height: 45px;
width: 160px;
vertical-align: top; }
.register-contents .register-email-table .middle-td-2 {
height: 45px;
width: 160px;
vertical-align: top; }
.register-contents .register-email-table .last-td {
height: 45px;
width: auto;
vertical-align: top;
text-align: right; }
.register-contents .register-email-suffix-input-box {
display: inline-block;
top: 0;
width: 131px; }
.register-contents .register-email-id-box {
display: inline-block;
top: 0;
width: 193px;
margin-bottom: 5px; }
.register-contents .register-email-at {
display: inline-block;
font-size: 16px;
color: #777777;
width: 20px;
padding-left: 5px; }
.register-contents .register-email-addr-box {
display: inline-block;
top: 0;
width: 207px; }
.register-contents .register-group-normal {
position: relative;
width: 500px;
height: 50px;
border-bottom: 0px;
border-top: solid 1px #e5e5e5;
border-left: solid 1px #e5e5e5;
border-right: solid 1px #e5e5e5;
background-color: #ffffff;
vertical-align: center; }
.register-contents .register-group-normal .register-group-text {
display: inline-block;
padding-left: 20px;
margin-top: 20px;
height: 12px;
width: 400px;
font-family: NotoSansCJKkr;
font-size: 12px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #333333; }
.register-contents .register-group-normal .register-group-smalltext {
display: inline-block;
padding-left: 20px;
margin-top: 20px;
height: 12px;
width: 400px;
font-family: NotoSansCJKkr-light;
font-size: 12px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #333333; }
.register-contents .register-group-normal .register-checks {
display: inline-block;
height: 50px;
float: right;
margin-right: 20px; }
.register-contents .register-group-long {
position: relative;
width: 500px;
height: 190px;
border-bottom: 0px;
border-top: solid 1px #e5e5e5;
border-left: solid 1px #e5e5e5;
border-right: solid 1px #e5e5e5;
background-color: #ffffff;
vertical-align: center; }
.register-contents .register-group-long .register-group-smalltext {
display: inline-block;
padding-left: 20px;
margin-top: 20px;
height: 12px;
width: 400px;
font-family: NotoSansCJKkr-light;
font-size: 12px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #333333; }
.register-contents .register-group-long .register-checks {
display: inline-block;
height: 50px;
float: right;
margin-right: 20px; }
.register-contents .register-group-long .register-group-scroll {
margin-top: 10px;
margin-left: 20px;
width: 460px;
height: 120px;
border: solid 1px #e5e5e5;
background-color: #f2f2f2;
overflow-y: auto; }
.register-contents .register-group-long-last {
position: relative;
width: 500px;
height: 190px;
border-bottom: solid 1px #e5e5e5;
border-top: solid 1px #e5e5e5;
border-left: solid 1px #e5e5e5;
border-right: solid 1px #e5e5e5;
background-color: #ffffff;
vertical-align: center; }
.register-contents .register-group-long-last .register-group-smalltext {
display: inline-block;
padding-left: 20px;
margin-top: 20px;
height: 12px;
width: 400px;
font-family: NotoSansCJKkr-light;
font-size: 12px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #333333; }
.register-contents .register-group-long-last .register-checks {
display: inline-block;
height: 50px;
float: right;
margin-right: 20px; }
.register-contents .register-group-long-last .register-group-scroll {
margin-top: 10px;
margin-left: 20px;
width: 460px;
height: 120px;
border: solid 1px #e5e5e5;
background-color: #f2f2f2;
overflow-y: auto; }
.register-contents .register-checkbox-group {
color: #777;
font-size: 14px;
font-weight: 300;
height: auto;
margin-top: 5px; }
.register-contents .register-checkbox-group input[type='checkbox'] {
zoom: 2; }
.register-contents .register-checkbox-group .view-button {
font-size: 12px;
margin-left: 4px;
border: 1px solid #d8d8d8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: pointer;
font-size: 13px;
height: 24px;
line-height: 24px;
text-align: center;
width: 60px; }
.register-contents .register-line {
width: 100%;
height: 0;
border-bottom: 1px solid #e0e0e0; }
.register-contents .register-msg-box {
width: 500px;
height: 15px;
font-family: NotoSansCJKkr;
font-size: 15px;
font-weight: 400;
line-height: 1;
color: #333333;
padding-bottom: 5px; }
.register-contents .register-msg-small {
width: 500px;
font-family: NotoSansCJKkr-light;
font-size: 12px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
color: #333333; }
.register-contents .register-birth-check {
display: flex;
position: relative;
width: 100%; }
.register-contents .register-birth-text {
display: inline-block;
width: 17%;
color: #969696;
font-size: 14px; }
.register-contents .register-birth-box {
display: inline-block;
width: 25%;
color: #969696;
font-size: 16px;
margin-left: 5px; }
.register-contents .register-select-sex {
position: relative;
font-size: 14px;
color: #969696; }
.register-contents .register-select-sex .text {
display: inline-block;
float: left;
width: 17%; }
.register-contents .register-select-sex .radio {
display: inline-block;
float: left;
width: 100px; }
.register-contents .register-select-sports {
position: relative;
font-size: 14px;
color: #969696;
width: 100%;
z-index: 100; }
.register-contents .register-select-sports .text {
display: inline-block;
float: left;
width: 30%; }
.register-contents .register-select-sports table {
width: 100%; }
.register-contents .register-select-sports .td-1 {
width: 50%;
vertical-align: top; }
.register-contents .register-select-sports .register-checkbox-sports-group {
color: #777;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 300;
height: auto;
margin: 5px 0 20px 0;
width: 100%; }
.register-contents .register-select-sports .register-checkbox-sports-group input[type='checkbox'] {
zoom: 2; }
.register-contents .register-select-sports .register-checkbox-sports-group .view-button {
font-size: 12px;
margin-left: 4px;
border: 1px solid #d8d8d8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: pointer;
font-size: 13px;
height: 24px;
line-height: 24px;
text-align: center;
width: 60px; }
.register-contents .register-select-sports .register-checkbox-sports-group .etc-box {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #e5e5e5;
color: #777;
display: inline-block;
float: right;
font-size: 16px;
font-weight: 300;
height: 25px;
margin: 0px;
padding: 0px;
padding-left: 5px;
width: 170px; }
.register-contents .register-result-msg {
position: relative;
width: 500px;
font-size: 18px;
color: #969696;
text-align: center;
margin-top: 200px; }
.register-contents .register-result-msg .bold-text {
font-weight: bold;
color: #000000; }
.register-contents .register-success-button {
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ed1c24;
background-color: #ffffff;
color: #ed1c24;
font-size: 16px;
text-align: center;
line-height: 46px;
cursor: pointer;
width: 150px;
height: 46px;
margin-left: auto;
margin-right: auto; }
.register-contents .register-member-guide {
position: relative;
width: 100%;
height: 25px;
font-size: 14px;
color: #969696;
text-align: center;
padding-top: 15px; }
.register-contents .register-member-guide .text {
display: inline-block; }
.register-contents .register-member-guide .button {
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #969696;
background-color: #ffffff;
color: #969696;
font-size: 13px;
text-align: center;
line-height: 25px;
cursor: pointer;
width: 100px;
height: 25px;
margin-left: 10px; }
.idPassInquiry-contents {
width: 400px;
height: 700px;
margin: 0 auto; }
.idPassInquiry-subject {
font-size: 28px;
color: #080808;
text-align: left;
margin-top: 32px;
margin-bottom: 32px; }
.idPassInquiry-subject .uk-title {
font-size: 15px;
margin-left: 20px; }
.idPassInquiry-button-block {
position: relative;
width: 100%;
height: auto;
text-align: center;
font-size: 14px; }
.idPassInquiry-button-block .id-button-valid {
display: inline-block;
border: 2px solid #000000;
border-bottom: 2px solid #ffffff;
width: 48%;
height: 40px;
line-height: 36px;
cursor: pointer; }
.idPassInquiry-button-block .id-button {
display: inline-block;
border: 2px solid #c6c6c6;
border-bottom: 2px solid #000000;
border-right-style: none;
width: 48%;
height: 40px;
line-height: 36px;
cursor: pointer; }
.idPassInquiry-button-block .password-button-valid {
display: inline-block;
border: 2px solid #000000;
border-bottom-style: none;
width: 50%;
height: 40px;
line-height: 36px;
cursor: pointer; }
.idPassInquiry-button-block .password-button {
display: inline-block;
border: 2px solid #c6c6c6;
border-bottom: 2px solid #000000;
border-left-style: none;
width: 50%;
height: 40px;
line-height: 36px;
cursor: pointer; }
.idPassInquiry-id-box {
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #969696;
width: 393px;
height: 43px;
font-size: 16px;
color: #777777;
padding-left: 5px;
margin-bottom: 10px; }
.idPassInquiry-next-button {
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #000000;
color: #ffffff;
font-size: 20px;
text-align: center;
line-height: 50px;
cursor: pointer;
width: 150px;
height: 50px;
margin-left: auto;
margin-right: auto;
margin-top: 20px; }
.idPassInquiry-text {
position: relative;
color: #969696;
font-size: 13px;
text-align: left;
width: 100%;
height: 70px; }
.id-inquiry-result {
position: relative;
color: #969696;
font-size: 20px;
width: 100%;
height: 25px;
line-height: 25px;
margin-top: 50px;
margin-bottom: 15px; }
.idPassInquiry-text-bold {
color: #000000;
font-weight: bold; }
.id-inquiry-result-msg {
position: relative;
color: #969696;
font-size: 12px;
width: 100%;
height: 15px;
margin-bottom: 80px; }
.password-reset-text {
position: relative;
color: #969696;
font-size: 13px;
text-align: left;
width: 100%;
height: 25px; }
.cart-item-delete {
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.69;
letter-spacing: normal;
text-align: right;
color: #080808;
float: right;
text-decoration: underline;
cursor: pointer; }
.cart-contents {
height: auto;
margin: 0 auto;
position: relative;
width: 1000px;
padding-top: 30px;
padding-bottom: 20px; }
.cart-name-section {
height: 32px;
margin-top: 56px;
margin-bottom: 25px;
padding-bottom: 10px;
position: relative;
text-align: left;
width: 100%; }
.cart-name-section .name {
color: #080808;
display: inline-block;
font-size: 30px;
width: 120px; }
.cart-name-section .order-name {
display: inline-block;
font-size: 28px;
width: 115px; }
.cart-name-section .count {
color: #ed1c24;
display: inline-block;
font-size: 28px;
width: 420px; }
.cart-name-section .step-box {
float: right;
padding-top: 10px;
width: 368px;
text-align: right; }
.cart-name-section .step-box .step-current {
color: #ed1c24; }
.cart-name-section .step-box .step-normal {
color: #777777; }
.cart-name-section .step-box .step {
display: inline-block;
font-size: 14px;
text-align: right;
margin-left: 10px; }
.cart-name-section .step-box .step-last {
display: inline-block;
font-size: 14px;
margin-left: 10px;
text-align: right; }
.middle-name {
border-bottom: 1px solid #969696;
color: #444444;
font-size: 16px;
height: auto;
padding-bottom: 10px;
position: relative;
width: 100%; }
.alls {
font-size: 13px;
line-height: 1.69;
text-align: left;
color: #080808; }
.cart-list-section {
position: relative;
width: 100%; }
.cart-list-section .header {
width: 100%;
height: 20px;
background-color: #fff;
border: solid 1px #e5e5e5;
font-size: 14px;
color: #777777;
margin-top: 13px;
padding: 14px 0px; }
.cart-list-section .header .checkbox {
display: inline-block;
float: left;
margin: 2px 0 0 5px;
width: 20px; }
.cart-list-section .header .header-empty {
text-align: center;
width: 10px; }
.cart-list-section .header .header-title-1 {
text-align: center;
width: 570px;
border-right: solid 1px #e5e5e5;
font-size: 15px;
color: #080808; }
.cart-list-section .header .header-title-1-pay {
text-align: center;
width: 830px;
font-size: 15px;
color: #000; }
.cart-list-section .header .header-title-2 {
text-align: center;
width: 266px;
border-right: solid 1px #e5e5e5;
font-size: 15px;
color: #080808; }
.cart-list-section .header .header-title-2-leftBorder {
text-align: center;
width: 206px;
border-left: solid 1px #e5e5e5;
font-size: 15px;
color: #080808; }
.cart-list-section .header .header-title-3 {
text-align: center;
width: 160px;
font-size: 15px;
color: #080808; }
.cart-list-section .contents {
width: 100%;
min-height: 148px;
height: auto;
margin-bottom: 0px;
background-color: #ffffff; }
.cart-list-section .contents .contents-empty {
color: #969696;
font-size: 18px;
font-weight: 300;
height: 200px;
line-height: 200px;
text-align: center;
width: 100%; }
.cart-delete-selected-button {
position: relative;
left: 0px;
width: 64px;
height: 28px;
font-size: 13px;
color: #444444;
margin-top: 10px;
margin-bottom: 24px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #cccccc;
background-color: #f5f5f5;
text-align: center;
line-height: 28px;
cursor: pointer; }
.cart-order-info-up {
margin-top: 50px;
position: relative;
width: 100%;
height: 87px;
background-color: #f7f7f7;
text-align: center; }
.cart-order-info-up .title {
font-size: 20px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #080808; }
.cart-order-info-up .title b {
font-family: 'FFDINWebProBold', 'Noto Sans KR', sans-serif; }
.cart-order-info-up .price-info {
float: right;
width: 40%;
height: 67px;
padding: 10px 0 10px 0; }
.cart-order-info-up .price-info .cell-info {
display: inline-block;
width: 100%;
height: 33px;
line-height: 33px; }
.cart-order-info-up .price-info .cell-info .title {
float: left;
width: 40%;
font-size: 15px;
color: #080808;
height: 33px;
line-height: 33px; }
.cart-order-info-up .price-info .cell-info .price-view {
float: right;
text-align: right;
width: 40%;
padding-right: 20px; }
.cart-order-info-up .price-info .cell-info .price-view .price {
display: inline-block;
font-size: 16px;
font-weight: bold;
color: #000000;
padding-right: 5px; }
.cart-order-info-up .price-info .cell-info .price-view .won {
display: inline-block;
font-size: 14px;
color: #969696; }
.cart-order-info-up .bold {
font-weight: bold;
font-size: 18px; }
.cart-order-desc {
font-size: 13px;
line-height: 1.62;
letter-spacing: normal;
color: #6d6d6d;
margin-bottom: 25px; }
.cart-order-info-down {
position: relative;
width: 100%;
height: 70px;
border-bottom: 2px solid #999999;
background-color: #f5f5f5;
color: #ed1c24; }
.cart-order-info-down .title {
float: left;
width: 60%;
height: 70px;
padding-left: 20px;
line-height: 70px;
font-size: 16px; }
.cart-order-info-down .price-view {
float: right;
text-align: right;
width: 30%;
padding-right: 20px;
color: #ed1c24;
height: 70px;
line-height: 70px; }
.cart-order-info-down .price-view .price {
display: inline-block;
font-size: 24px;
font-weight: bold;
padding-right: 5px; }
.cart-order-info-down .price-view .won {
display: inline-block;
font-size: 24px; }
.cart-button-section {
height: auto;
margin-bottom: 50px;
padding-top: 40px;
position: relative;
text-align: center;
width: 100%; }
.cart-button {
cursor: pointer;
display: inline-block;
font-size: 15px;
line-height: 53px;
margin-right: 6px;
text-align: center;
width: 160px; }
.cart-shopping-button {
border: 1px solid #ca0000;
color: #ca0000;
width: 185px;
height: 50px;
background: #fff; }
.cart-member-order-button {
color: #ffffff;
width: 185px;
height: 50px;
background-color: #ca0000;
border: 1px solid #ca0000; }
.cart-guest-order-button {
background-color: #3b5998;
color: #ffffff;
height: 52px; }
.cart-member-benefit-section {
height: 55px;
line-height: 55px;
width: 100%;
text-align: center; }
.cart-member-benefit-section .msg {
display: inline-block;
font-size: 13px;
color: #969696;
margin-right: 10px; }
.cart-member-benefit-section .button {
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #e5e5e5;
color: #777777;
font-size: 13px;
text-align: center;
line-height: 26px;
cursor: pointer;
width: 86px;
height: 26px; }
.cart-product-item {
display: block;
width: 1000px;
height: 200px;
border: solid 1px #e5e5e5;
border-top: 0px; }
.cart-product-item .product-info {
display: inline-block;
width: 839px;
height: 100%;
position: relative; }
.cart-product-item .product-info .checkbox {
display: inline-block;
float: left;
margin: 14px;
width: 20px; }
.cart-product-item .product-info .product-img {
display: inline-block;
float: left;
border: solid 1px #e5e5e5;
width: 170px;
height: 170px;
margin-top: 14px;
margin-left: 5px;
position: relative; }
.cart-product-item .product-info .product-img.cannot img {
filter: blur(4px); }
.cart-product-item .product-info .product-img img {
height: auto;
position: relative;
width: 100%; }
.cart-product-item .product-info .product-img .event-tag {
bottom: 5px;
content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/set.svg);
height: auto;
position: absolute;
right: 5px;
width: 40px;
z-index: 100; }
.cart-product-item .product-info .product-img .event-shoes {
height: 40px;
color: #fff;
border: 0;
background: url("//d319d1tzjwpwbb.cloudfront.net/common/icons/shoespouch.svg") no-repeat;
position: absolute;
top: 5px;
left: 5px;
font-size: 12px;
text-align: center;
padding-top: 4px;
width: 100%; }
.cart-product-item .product-info .product-img .event-sac {
height: 40px;
color: #fff;
border: 0;
background: url("//d319d1tzjwpwbb.cloudfront.net/common/sac/badge.svg") no-repeat;
position: absolute;
top: 5px;
left: 5px;
font-size: 12px;
text-align: center;
padding-top: 4px;
width: 100%; }
.cart-product-item .product-info .product-img-pay {
display: inline-block;
float: left;
border: solid 1px #e5e5e5;
width: 170px;
height: 170px;
margin: 14px; }
.cart-product-item .product-info .product-img-pay .img-box {
position: relative;
width: 100%;
font-size: 0;
overflow: hidden; }
.cart-product-item .product-info .product-img-pay .img-box img {
height: auto;
position: relative;
width: 100%; }
.cart-product-item .product-info .product-img-pay .img-box .event-tag {
bottom: 5px;
content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/set.svg);
height: auto;
position: absolute;
right: 5px;
width: 40px;
z-index: 100; }
.cart-product-item .product-info .product-img-pay .img-box .event-shoes {
height: 40px;
color: #fff;
border: 0;
background: url("//d319d1tzjwpwbb.cloudfront.net/common/icons/shoespouch.svg") no-repeat;
position: absolute;
top: 10px;
left: 10px;
font-size: 12px;
text-align: center;
padding-top: 4px;
width: 100%; }
.cart-product-item .product-info .product-img-pay .img-box .event-sac {
height: 40px;
color: #fff;
border: 0;
background: url("//d319d1tzjwpwbb.cloudfront.net/common/sac/badge.svg") no-repeat;
position: absolute;
top: 10px;
left: 10px;
font-size: 12px;
text-align: center;
padding-top: 4px;
width: 100%; }
.cart-product-item .product-info .cart-info-box {
position: relative;
display: inline-block;
float: left;
width: 330px;
height: 154px;
margin: 24px 0px 24px 15px;
border-right: solid 1px #e5e5e5; }
.cart-product-item .product-info .cart-info-box .name {
color: #080808;
display: inline-block;
width: 85%;
font-size: 15px;
font-weight: bold; }
.cart-product-item .product-info .cart-info-box .name.cannot {
color: #aeaeae; }
.cart-product-item .product-info .cart-info-box .price {
font-size: 15px;
margin-top: 10px; }
.cart-product-item .product-info .cart-info-box .price.cannot {
color: #aeaeae; }
.cart-product-item .product-info .cart-info-box .spec {
position: absolute;
bottom: 5px;
display: inline-block;
width: 100%;
text-align: left;
margin-top: 5px;
font-size: 13px;
color: #6d6d6d; }
.cart-product-item .product-info .cart-info-box .spec ul {
width: 100%;
margin: 0;
padding: 0; }
.cart-product-item .product-info .cart-info-box .spec li {
list-style-type: none; }
.cart-product-item .product-info .cart-info-box .delete-button {
position: absolute;
top: 2px;
right: 15px;
font-size: 13px;
color: #080808;
border-bottom: 1px solid;
line-height: 1;
cursor: pointer; }
.cart-product-item .product-info .cart-info-box .delete-button.cannot {
color: #d83832; }
.cart-product-item .product-info .confirmed-box {
display: inline-block;
float: left;
width: 80%;
height: 118px;
margin-top: 20px;
margin-left: 10px; }
.cart-product-item .product-info .confirmed-box .confirmed-name {
display: inline-block;
width: 100%;
font-size: 16px;
font-weight: bold; }
.cart-product-item .product-info .confirmed-box .confirmed-detail {
display: inline-block;
height: 50px;
width: 674px;
font-size: 14px;
color: #969696;
text-align: left;
margin-top: 30px;
background-color: #f5f5f5; }
.cart-product-item .product-info .confirmed-box .confirmed-detail .value {
color: #080808; }
.cart-product-item .product-info .confirmed-box .confirmed-detail ul {
display: inline-block;
margin: 4px 220px 0px 6px;
padding: 0; }
.cart-product-item .product-info .confirmed-box .confirmed-detail li {
list-style-type: none;
margin-bottom: 3px; }
.cart-product-item .product-info .confirmed-box .confirmed-detail .confirmed-text {
display: inline-block;
height: 50px;
line-height: 50px;
vertical-align: top;
width: 100px;
text-align: right; }
.cart-product-item .product-info .confirmed-box .confirmed-detail .confirmed-price {
color: #000000;
display: inline-block;
font-weight: bold;
height: 50px;
line-height: 50px;
text-align: right;
vertical-align: top;
width: 120px; }
.cart-product-item .product-info .confirmed-box .confirmed-detail .confirmed-won {
display: inline-block;
height: 50px;
line-height: 50px;
vertical-align: top; }
.cart-product-item .product-info .confirmed-box-pay {
display: inline-block;
float: left;
width: 80%;
height: 160px;
margin-top: 20px;
margin-left: 10px;
position: absolute; }
.cart-product-item .product-info .confirmed-box-pay .confirmed-name {
display: inline-block;
width: 100%;
font-size: 16px;
font-weight: bold; }
.cart-product-item .product-info .confirmed-box-pay .confirmed-product-price {
font-size: 13px;
margin-top: 5px; }
.cart-product-item .product-info .confirmed-box-pay .confirmed-detail {
display: inline-block;
width: 474px;
font-size: 13px;
color: #969696;
text-align: left;
position: absolute;
bottom: 0;
left: 0; }
.cart-product-item .product-info .confirmed-box-pay .confirmed-detail .value {
color: #080808; }
.cart-product-item .product-info .confirmed-box-pay .confirmed-detail li {
list-style-type: none;
margin-bottom: 0; }
.cart-product-item .product-info .confirmed-box-pay .confirmed-detail .confirmed-text {
display: inline-block;
height: 50px;
line-height: 50px;
vertical-align: top;
width: 100px;
text-align: right; }
.cart-product-item .product-info .confirmed-box-pay .confirmed-detail .confirmed-price {
color: #000000;
display: inline-block;
font-weight: bold;
height: 50px;
line-height: 50px;
text-align: right;
vertical-align: top;
width: 120px; }
.cart-product-item .product-info .confirmed-box-pay .confirmed-detail .confirmed-won {
display: inline-block;
height: 50px;
line-height: 50px;
vertical-align: top; }
.cart-product-item .product-info .quantity-box {
height: 154px;
display: flex;
align-items: center;
padding-left: 65px;
margin: 24px 0px 24px 15px;
border-right: solid 1px #e5e5e5; }
.cart-product-item .product-info .quantity-box .price {
font-size: 15px;
margin-left: 20px; }
.cart-product-item .product-price {
display: inline-block;
height: 148px;
position: relative;
vertical-align: top;
width: 160px; }
.cart-product-item .product-price .price-box {
font-size: 18px;
margin: auto;
width: 100%;
text-align: center;
height: 154px;
line-height: 148px;
margin: 24px 0px; }
.cart-product-item .product-price .price-box .price {
display: inline-block;
font-weight: bold;
color: #080808;
font-size: 15px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.47;
letter-spacing: normal;
text-align: center; }
.cart-product-item .product-price .price-box .won {
display: inline-block;
font-size: 15px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.47;
letter-spacing: normal;
text-align: center;
color: #080808; }
.cart-product-item .product-price-pay {
display: inline-block;
position: relative;
vertical-align: top;
width: 200px; }
.cart-product-item .product-price-pay .price-box {
font-size: 18px;
margin: auto;
width: 100%;
text-align: center;
height: 154px;
line-height: 148px;
margin: 24px 0px;
border-left: 1px solid #e5e5e5; }
.cart-product-item .product-price-pay .price-box .price {
display: inline-block;
font-weight: bold;
color: #080808;
font-size: 15px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.47;
letter-spacing: normal;
text-align: center; }
.cart-product-item .product-price-pay .price-box .won {
display: inline-block;
font-size: 15px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.47;
letter-spacing: normal;
text-align: center;
color: #080808; }
.disabled {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: #c6c6c6;
opacity: 0.5;
z-index: 1000; }
.cart-carousel-back {
width: 1002px;
margin: 100px auto;
background: #fff;
padding: 1px 0px; }
.cart-carousel {
width: 850px;
margin: 44px auto;
margin-bottom: 68px; }
.cart-carousel h1 {
font-size: 18px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #080808;
margin-bottom: 35px; }
.cart-carousel .cart-c-img {
width: 100%; }
.cart-carousel .card {
width: 200px; }
.cart-carousel .item-title {
font-size: 13px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.15;
letter-spacing: normal;
color: #080808;
margin-top: 14px;
padding: 0 10px; }
.cart-carousel .item-desc {
color: #6d6d6d;
font-size: 12px;
line-height: 20px;
margin-top: 15px;
min-height: 50px;
padding: 0 10px; }
.cart-carousel .item-price {
color: #080808;
font-size: 12px;
font-weight: 500;
height: 16px;
line-height: 16px;
margin-top: 10px;
text-indent: 10px; }
.cart-carousel .owl-controls {
position: absolute;
top: 73px;
width: 100%; }
.cart-carousel .owl-prev img {
position: absolute;
left: -41px;
top: 50px; }
.cart-carousel .owl-next img {
position: absolute;
right: -33px;
top: 50px; }
.n-order-box {
border: solid 1px #e5e5e5;
width: 455px;
padding: 31px 33px;
font-size: 14px; }
.n-order-box .order-type {
display: flex;
margin: 20px 0; }
.n-order-box .order-type .radio-wrap input[type="radio"] {
position: absolute;
left: -9999px; }
.n-order-box .order-type .radio-wrap input[type="radio"] + label {
position: relative;
padding: 6px 76px 0 40px;
cursor: pointer;
font-family: NotoSansCJKkr;
font-size: 15px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 2;
letter-spacing: normal;
color: #080808; }
.n-order-box .order-type .radio-wrap input[type="radio"] + label:before {
content: '';
background: #fff;
border: 1px solid #bbbbbb;
height: 25px;
width: 25px;
border-radius: 50%;
position: absolute;
top: 0;
left: 0; }
.n-order-box .order-type .radio-wrap input[type="radio"] + label:after {
content: "";
background: #bbbbbb;
width: 9px;
height: 9px;
border-radius: 50%;
position: absolute;
top: 9px;
left: 9px;
opacity: 1; }
.n-order-box .order-type .radio-wrap input[type="radio"]:checked + label:after {
width: 13px;
height: 13px;
top: 7px;
left: 7px;
background: #333333; }
.n-order-box .btn-span.en {
display: inline-block;
margin-top: 4px; }
.n-order-box input {
padding-left: 10px; }
.n-order-box .message {
width: 450px;
padding-top: 10px;
padding-left: 10px;
height: 155px;
border: 1px solid #e5e5e5;
margin-top: 10px;
font-size: 15px;
line-height: 1; }
.n-order-box .message::placeholder {
color: #bbbbbb; }
.n-order-box .mt20 {
margin-top: 20px; }
.n-order-box .required-red {
color: #ff0000;
font-size: 20px;
display: inline-block;
height: 10px;
margin-left: 5px; }
.n-order-box .title {
color: #333333;
font-size: 15px;
display: flex;
align-items: center; }
.n-order-box .sub-sns-message {
font-size: 13px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.15;
letter-spacing: normal;
color: #727272; }
.n-order-box .sub-sns-message2 {
font-size: 12px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
color: #333333;
margin: 0;
position: absolute;
left: 15px;
top: 18px; }
.n-order-box .input-wide {
width: 450px;
height: 41px;
border: 1px solid #e5e5e5;
font-size: 14px;
margin-top: 10px; }
.n-order-box .input-wide.tel-code {
padding-left: 0;
text-align: center;
width: 107px; }
.n-order-box .input-wide.international {
width: 69%;
margin-left: 10px; }
.n-order-box .input-wide::placeholder {
color: #bbb; }
.n-order-box .input-addr {
width: 75%;
height: 41px;
border: 1px solid #e5e5e5;
font-size: 14px;
margin-top: 10px; }
.n-order-box .input-postal {
width: 95px;
margin-left: 10px;
margin-right: -6px;
height: 41px;
border: 1px solid #e5e5e5;
font-size: 14px;
margin-top: 10px; }
.n-order-box h1 {
display: block;
text-align: center;
font-size: 20px; }
.n-order-box .sub-title {
width: 60px; }
.n-order-box .sub-title span {
display: block; }
.n-order-box .sub-val {
width: 320px; }
.n-order-box .sub-val span {
display: block; }
.paregrahp-l {
width: 100%; }
.paregrahp-l .big, .paregrahp-l .small {
display: block;
line-height: 25px; }
.paregrahp-l .fl-r {
float: right; }
.paregrahp-l .fl-r.txt-left {
text-align: left; }
.paregrahp-l .pccc-input {
width: 100%;
height: 41px;
margin-bottom: 10px; }
.paregrahp-r {
width: 70%; }
.paregrahp-r span {
display: block; }
.n-order-box-r {
margin-left: 10px;
width: 465px;
font-size: 14px;
color: #333; }
.n-order-box-r .grey {
color: #6d6d6d;
text-align: right;
width: 100%; }
.n-order-box-r .grey.left {
text-align: left; }
.n-order-box-r input {
padding-left: 10px; }
.n-order-box-r .big {
font-size: 15px;
line-height: 32px; }
.n-order-box-r .small {
font-size: 13px; }
.n-order-box-r .red {
color: #dd0000;
font-weight: bold; }
.n-order-box-r .benefit-box {
width: 401px;
border: solid 1px #e5e5e5;
background-color: #ffffff;
padding: 28px 33px;
min-height: 155px; }
.n-order-box-r h1 {
text-align: center;
font-size: 20px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: center;
color: #080808; }
.n-order-box-r .input-short {
width: 190px;
height: 41px;
border: 1px solid #e5e5e5;
font-size: 15px;
margin-top: 10px; }
.n-order-box-r .coupon-title {
margin: 23px 0;
font-size: 15px;
width: 60px;
margin-right: 10px; }
.n-order-box-r .btn-span.en {
display: inline-block;
margin-top: 4px; }
.n-order-box-r .pay-method-tab {
display: table;
width: 100%;
box-sizing: border-box;
margin-bottom: 30px; }
.n-order-box-r .pay-method-tab .item {
display: table-cell;
font-size: 15px;
font-weight: 500;
line-height: 1;
text-align: center;
color: #333333;
padding: 15px 0;
background-color: #f7f7f7;
border: 1px solid #e5e5e5;
border-left: 0;
cursor: pointer; }
.n-order-box-r .pay-method-tab .item .text {
display: inline-block;
width: 100px;
font-size: 11px; }
.n-order-box-r .pay-method-tab .item.active {
background-color: white;
border-bottom: 0; }
.n-order-box-r .pay-method-tab .item:last-child {
border-right: 0; }
.ship-box {
padding: 20px 33px;
margin-top: 10px; }
.flex-box {
display: flex; }
.flex-box .ft13 {
font-size: 13px !important; }
.flex-box .lineH20 {
line-height: 20px !important; }
.flex-box h1 {
font-size: 20px; }
.flex-box .line {
display: block;
width: 100%;
font-size: 15px;
line-height: 30px;
color: #080808; }
.flex-box .line .right {
float: right;
max-width: 250px;
text-align: right; }
.flex-box .bg {
border: 1px solid #e5e5e5; }
.flex-box .ship {
width: 433px;
margin-right: 10px; }
.flex-box .vbank {
display: block;
text-align: center; }
.flex-box .input-box {
margin: auto;
margin-bottom: 30px; }
.flex-box .on {
width: 50%;
background: #fff;
text-align: center;
cursor: pointer;
font-size: 15px;
font-weight: 500;
color: #333;
border: 0;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 11px; }
.flex-box .off {
width: 50%;
text-align: center;
cursor: pointer;
font-size: 15px;
font-weight: 500;
color: #333;
border: 0;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 11px; }
.flex-box .top-menu-btn:first-child {
border-right: 1px solid #e5e5e5; }
.flex-box .bg-off {
background: #f7f7f7;
border-bottom: 1px solid #e5e5e5; }
.flex-box .bg-on {
background: #fff; }
.flex-box .button {
width: 110px;
background-color: #333333;
color: #fff;
text-align: center;
height: 25px;
padding: 10px;
margin-top: 10px;
font-size: 15px;
margin-left: 10px;
font-weight: 300;
cursor: pointer; }
.flex-box .red {
color: #ca0000;
font-weight: bold; }
.member-order {
position: relative;
width: 100%; }
.member-order .order-info-title {
font-size: 16px;
color: #444444;
padding-bottom: 10px; }
.member-order .order-customer-table {
border-top: 2px solid #969696;
border-bottom: 1px solid #c6c6c6;
background-color: #ffffff;
border-collapse: collapse;
color: #444444;
font-size: 14px;
height: auto;
position: relative;
text-align: left;
width: 100%; }
.member-order .order-customer-table .left-td {
background-color: #f5f5f5;
border: 0;
border-bottom: 1px solid #c6c6c6;
padding-left: 20px;
width: 150px; }
.member-order .order-customer-table .right-td {
border: 0;
border-bottom: 1px solid #c6c6c6;
color: #080808;
padding-left: 10px;
text-align: left; }
.member-order .order-customer-table ul {
margin: 0;
padding: 0; }
.member-order .order-customer-table li {
height: 15px;
padding: 10px 0 10px 0; }
.member-order .order-table {
border-top: 2px solid #969696;
border-bottom: 1px solid #c6c6c6;
background-color: #ffffff;
border-collapse: collapse;
color: #444444;
font-size: 14px;
height: auto;
position: relative;
text-align: left;
width: 100%; }
.member-order .order-table .button {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #969696;
background-color: #f0f0f0;
color: #969696;
cursor: pointer;
display: inline-block;
font-size: 14px;
height: 26px;
line-height: 26px;
margin: 6px 0px 6px 10px;
text-align: center;
width: 60px;
text-decoration: none; }
.member-order .order-table .left-td {
background-color: #f5f5f5;
border: 0;
border-bottom: 1px solid #c6c6c6;
height: 50px;
height: 59px;
padding-left: 20px;
width: 150px; }
.member-order .order-table .right-td {
border: 0;
border-bottom: 1px solid #c6c6c6;
color: #080808;
height: 41px;
padding: 0px 10px;
text-align: left; }
.member-order .order-table .right-td .input-box {
margin-right: 20px; }
.member-order .order-table .right-td .member-inputbox {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #bbb;
font-size: 13px;
height: 41px;
padding-left: 5px;
width: 213px; }
.member-order .order-table .right-td .member-phone-inputbox {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #bbb;
color: #080808;
display: inline-block;
font-size: 13px;
height: 41px;
margin: 6px 0px 6px 4px;
padding-left: 9px;
vertical-align: top;
width: 80px; }
.member-order .order-table .right-td .member-delivery-inputbox {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #bbb;
display: inline-block;
font-size: 13px;
height: 41px;
padding-left: 5px;
width: 560px; }
.member-order .order-table .right-td .member-delivery-text {
display: inline-block;
font-size: 14px;
color: #969696;
margin: 6px 0px 6px 10px; }
.member-order .order-table .left-td-2 {
background-color: #f5f5f5;
border: 0;
border-bottom: 1px solid #c6c6c6;
height: 110px;
padding-left: 20px;
width: 150px; }
.member-order .order-table .right-td-2 {
border: 0;
border-bottom: 1px solid #c6c6c6;
color: #080808;
height: 106px;
padding-left: 10px;
text-align: left;
vertical-align: middle; }
.member-order .order-table .right-td-2 table {
border-collapse: collapse; }
.member-order .order-table .right-td-2 .member-address-inputbox-1 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #bbb;
height: 41px;
margin-bottom: 4px;
padding-left: 5px;
width: 213px;
font-size: 13px; }
.member-order .order-table .right-td-2 .member-address-inputbox-2 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #bbb;
color: #080808;
font-size: 13px;
height: 41px;
margin-right: 5px;
padding-left: 5px;
width: 273px; }
.member-order .order-table .right-td-2 .member-address-text {
color: #969696;
font-size: 12px;
margin: 5px 0 0 0; }
.member-order .order-table ul {
margin: 0;
padding: 10px 0px 10px 0px; }
.member-order .order-table li {
list-style-type: none;
height: 15px;
height: auto;
line-height: 35px; }
.member-order .order-table .right-span-td {
border: 0;
padding-left: 15px;
padding-right: 15px;
text-align: left;
background-color: #f5f5f5;
width: 300px; }
.member-order .order-table .right-span-td table {
border-collapse: collapse; }
.member-order .order-table .right-span-td ul {
margin: 0;
padding: 8px 0px 8px 0px; }
.member-order .order-table .right-span-td li {
list-style-type: none;
line-height: 30px; }
.member-order .order-table .discount-price {
display: inline-block;
color: #ed1c24;
font-size: 14px; }
.member-order .order-table .mileage-inputbox {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #bbb;
display: inline-block;
font-size: 13px;
height: 30px;
margin-top: 10px;
width: 100px; }
.member-order .order-table .mileage-total {
display: inline-block;
font-size: 12px;
color: #969696;
width: 100%;
margin: 0px 0px 6px 5px; }
.member-order .order-table input[type=checkbox] {
margin-left: 10px;
display: inline-block;
vertical-align: middle;
zoom: 2; }
.member-order .radio-group {
font-size: 15px;
color: #969696;
margin: 10px 0px 10px 0; }
.member-order .radio-group input[type='radio'] {
width: 20px; }
.member-order .radio-group input[type='radio']:checked {
background-color: #ed1c24; }
.member-order .radio-group input[type='radio']:last-child {
margin-left: 40px; }
.member-order .radio-group input[type='radio']:first-child {
margin: 0px; }
.member-order .payment-announce {
color: #777777;
font-size: 14px;
height: 120px;
margin-top: 10px;
width: 100%; }
.member-order .card-event-box {
background: repeating-linear-gradient(-45deg, transparent, transparent 2px, #eee 2px, #eee 4px);
width: 98%;
height: 40px;
line-height: 40px;
color: #000000;
font-size: 14px;
text-align: center; }
.member-order .card-info {
position: relative;
font-size: 14px;
width: 100%;
padding-left: 65px; }
.member-order .card-info .text {
position: absolute;
left: 0px;
top: 10px;
display: inline-block;
height: 20px;
line-height: 20px;
width: 60px; }
.member-order .order-summary-column {
color: #080808;
font-size: 14px;
width: 100%; }
.member-order .order-summary-column .title {
float: left;
width: 40%; }
.member-order .order-summary-column .price-box {
float: right;
text-align: right;
width: 40%; }
.member-order .order-summary-column .price-box .price {
color: #000000;
font-weight: bold; }
.member-order .line-box {
border-bottom: 1px solid #e5e5e5;
float: left;
height: 15px;
margin-bottom: 20px;
width: 100%; }
.member-order .order-total-price {
width: 100%;
color: #ed1c24; }
.member-order .order-total-price .title {
font-size: 18px;
float: left;
width: 35%; }
.member-order .order-total-price .price-box {
float: right;
text-align: right;
width: 40%; }
.member-order .order-total-price .price-box .price {
font-size: 18px; }
.member-order .order-mileage-save {
width: 100%;
color: #969696; }
.member-order .order-mileage-save .title {
font-size: 12px;
float: left;
width: 35%; }
.member-order .order-mileage-save .price-box {
float: right;
text-align: right;
width: 40%;
font-size: 12px; }
.member-order .order-mileage-save .price-box .price {
font-weight: bold; }
.member-order .mileage-msg {
float: right;
font-size: 12px;
text-align: right;
width: 100%; }
.member-order .cash-receipt {
text-align: left; }
.member-order .cash-receipt .title {
display: inline-block;
width: 80px;
font-size: 16px; }
.member-order .cash-receipt .input[type=checkbox] {
display: inline-block; }
.member-order .publish-receipt {
-webkit-border-radius: 5x;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #969696;
background-color: #f5f5f5;
height: 100px;
position: relative;
width: 97%; }
.member-order .publish-receipt li {
padding-left: 5px; }
.member-order .publish-receipt .radio {
display: inline-block;
font-size: 15px;
color: #969696; }
.member-order .publish-receipt .radio input[type='radio']:last-child {
margin-left: 30px; }
.member-order .publish-receipt .text {
display: inline-block;
width: 70px;
height: 20px;
line-height: 20px;
margin-top: 10px;
vertical-align: top; }
.member-order .publish-receipt .phone-info-inputbox {
display: inline-block;
width: 120px;
height: 20px;
margin-left: 5px;
vertical-align: top; }
.member-order .realtime-banking {
position: relative;
width: 100%; }
.member-order .realtime-banking .text {
display: inline-block;
width: 70px;
height: 20px;
line-height: 20px;
margin-top: 10px;
vertical-align: top; }
.member-order .realtime-banking .date {
display: inline-block;
font-size: 14px;
color: #000000;
width: 150px;
height: 20px;
line-height: 20px;
vertical-align: middle; }
.member-order .coupon-select-popup .counpon-x-btn {
position: absolute;
width: 25px;
right: 20px;
top: 10px;
cursor: pointer;
z-index: 9999; }
.member-order .coupon-select-popup .popup-header {
padding-bottom: 0;
padding: 20px 0px; }
.member-order .coupon-select-popup .product-coupon-table .full-td {
padding-left: 0; }
.member-order .coupon-select-popup .product-coupon-table .full-td .element-text {
line-height: 40px; }
.member-order .coupon-select-popup .product-coupon-table .full-td .element-money {
line-height: 40px;
padding-right: 0; }
.member-order .coupon-select-popup .popup-button-section .coupon-popup-select-button {
background-color: #333333; }
.coupon-select-popup {
background-color: #ffffff;
height: auto;
margin: 200px auto;
position: relative;
width: 430px;
z-index: 1000; }
.coupon-select-popup .popup-header {
height: 45px;
left: 0px;
position: relative;
width: 430px;
padding: 10px 0px; }
.coupon-select-popup .popup-header .popup-header-title {
color: #000;
line-height: 50px;
font-size: 20px;
font-weight: bold;
text-align: center; }
.coupon-select-popup .popup-body {
height: auto;
position: relative;
width: 430px;
padding: 20px 0px; }
.coupon-select-popup .popup-close-button {
color: #ffffff;
cursor: pointer;
font-size: 20px;
right: 15px;
top: 12px;
position: absolute; }
.coupon-select-popup .title-line {
color: #444444;
display: inline-block;
font-size: 16px;
margin: 30px 0px 15px 20px;
width: 100%; }
.coupon-select-popup .price-font {
color: #ed1c24; }
.coupon-select-popup .product-coupon-table {
background-color: #ffffff;
border-collapse: collapse;
color: #080808;
font-size: 14px;
height: auto;
margin: 0 auto;
position: relative;
text-align: left;
width: 390px; }
.coupon-select-popup .product-coupon-table .left-td {
border: 0;
height: 30px;
width: 120px;
padding: 0 10px 0 10px;
color: #fff;
text-align: center; }
.coupon-select-popup .product-coupon-table .left-td .text {
margin-top: -5px;
height: 48px;
line-height: 45px;
background: #333;
width: 120px;
display: inline-block; }
.coupon-select-popup .product-coupon-table .vacc-td {
text-align: right;
padding-right: 33px; }
.coupon-select-popup .product-coupon-table .right-td {
border: 0;
padding: 0 10px;
text-align: left; }
.coupon-select-popup .product-coupon-table .full-td {
border: 0;
padding-left: 10px;
width: 100%; }
.coupon-select-popup .product-coupon-table .full-td .element-text {
color: #080808;
display: inline-block;
font-size: 15px;
line-height: 80px;
text-align: left;
vertical-align: middle;
width: 40%; }
.coupon-select-popup .product-coupon-table .full-td .element-money {
color: #d6000a;
display: inline-block;
float: right;
font-size: 18px;
font-weight: bold;
line-height: 80px;
padding-right: 20px;
text-align: right;
vertical-align: middle;
width: 40%; }
.coupon-select-popup .product-coupon-table .full-td .element-money .won {
color: #ed1c24;
display: inline-block;
font-size: 20px;
font-weight: normal;
padding-right: 20px;
vertical-align: middle; }
.coupon-select-popup .product-coupon-table .coupon-select-dropdown {
width: 248px;
padding-top: 0;
box-sizing: border-box; }
.coupon-select-popup .product-coupon-table .coupon-select-dropdown .Dropdown-root {
width: 248px;
height: 47px;
line-height: 45px; }
.coupon-select-popup .product-coupon-table .coupon-select-dropdown .Dropdown-root .Dropdown-control {
width: 248px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
height: 45px;
line-height: 45px; }
.coupon-select-popup .product-coupon-table .coupon-select-dropdown .Dropdown-root .Dropdown-control .Dropdown-placeholder {
text-align: left;
padding-left: 5px;
line-height: 49px; }
.coupon-select-popup .product-coupon-table .coupon-select-dropdown .Dropdown-root .Dropdown-control .Dropdown-arrow {
top: 15px; }
.coupon-select-popup .product-coupon-table .coupon-select-dropdown .Dropdown-root .Dropdown-menu {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.coupon-select-popup .product-coupon-table .coupon-select-dropdown .Dropdown-root .Dropdown-menu .Dropdown-noresults {
padding-left: 5px; }
.coupon-select-popup .popup-warnning-msg {
color: #ed1c24;
display: inline-block;
font-size: 12px;
height: 40px;
line-height: 40px;
padding-left: 20px;
width: 100%; }
.coupon-select-popup .popup-button {
display: inline-block;
border-radius: 0px;
font-size: 15px;
text-align: center;
line-height: 50px;
cursor: pointer;
width: 28%;
height: 50px;
margin-right: 10px; }
.coupon-select-popup .coupon-popup-cancel-button {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000; }
.coupon-select-popup .coupon-popup-select-button {
background-color: #000000;
color: #ffffff; }
.coupon-select-popup .popup-button-section {
display: inline-block;
width: 100%;
height: auto;
padding-top: 20px;
text-align: center;
margin-bottom: 20px; }
.rule-agreement-block {
border: 1px solid #e5e5e5;
height: auto;
position: relative;
margin-top: 20px;
width: 100%; }
.rule-agreement-block .agreement-table {
height: 30px;
position: relative;
width: 100%; }
.rule-agreement-block .agreement-table .left-td {
height: 30px;
padding-left: 10px;
width: 40px; }
.rule-agreement-block .agreement-table .left-td input[type='checkbox'] {
zoom: 2; }
.rule-agreement-block .agreement-table .middle-td {
color: #444444;
font-size: 14px;
height: 30px;
width: 800px; }
.rule-agreement-block .agreement-table .one-line {
whitet-space: nowrap; }
.rule-agreement-block .agreement-table .right-td {
cursor: pointer;
font-size: 12px;
height: 30px;
padding-right: 20px;
text-align: right;
width: auto; }
.agreement-content {
color: #080808;
font-size: 12px;
height: 150px;
overflow-y: auto;
padding: 0 28px 10px 28px;
position: relative;
width: 960px; }
.order-guide {
font-size: 12px;
position: relative; }
.disable-content {
display: none; }
@keyframes pyment-loading-slide {
0% {
width: 0%; }
100% {
width: 100%; } }
.payment-loading-page {
height: 100%;
left: 0;
position: absolute;
width: 100%;
z-index: 100;
background-color: #f7f7f7;
animation-name: pyment-loading-slide;
animation-duration: 0.5s;
text-align: center;
background: #fff; }
.payment-loading-page .notice {
position: fixed;
margin: auto;
width: 100%;
margin-left: 35px;
margin-top: 75px; }
.payment-loading-page .notice .title {
font-size: 20px;
font-weight: bold;
line-height: 1.5;
color: #ca0000; }
.payment-loading-page .notice .middle {
font-size: 16px;
font-weight: 500;
line-height: 1.38;
color: #080808;
display: block; }
.payment-loading-page .notice .under {
text-decoration: underline; }
.payment-loading-page .notice .bottom {
font-size: 14px;
line-height: 1.43;
color: #6d6d6d;
white-space: pre-line; }
.pay_radio {
width: 370px;
line-height: 30px;
padding: 10px 0px; }
.product-detail-contents {
height: auto;
margin: 0 auto;
position: relative;
width: 1200px; }
.product-detail-contents .product-detail-top-contents {
border-bottom: 1px solid #e5e5e5;
height: auto;
margin: 0 auto;
padding-bottom: 28px;
position: relative;
width: 100%; }
.product-detail-contents .product-detail-path {
background-color: #ffffff;
color: #777777;
font-size: 14px;
margin-top: 20px;
margin-bottom: 16px;
position: relative;
width: 100%; }
.product-detail-contents .product-detail-path .path {
color: #777777; }
.product-detail-contents .product-detail-path .title {
color: #080808; }
.product-detail-contents .product-detail-info {
position: relative;
margin: 4px 0 0 5px;
width: 100%;
height: 660px; }
.product-detail-contents .product-detail-info .thumbnail-image-box {
display: inline-block;
float: left;
height: 610px;
margin-right: 4px;
width: 50px; }
.product-detail-contents .product-detail-info .thumbnail-image-box .thumbnail-image {
background-color: #e5e5e5;
display: inline-block;
height: 50px;
margin-bottom: 4px;
vertical-align: top;
width: 50px; }
.product-detail-contents .product-detail-info .thumbnail-image-box .thumbnail-image-selected {
background-color: #aeaeae;
border: 1px solid #969696;
display: inline-block;
height: 48px;
margin-bottom: 4px;
vertical-align: top;
width: 48px; }
.product-detail-contents .product-detail-info .main-image {
background-color: #e5e5e5;
display: inline-block;
height: 610px;
vertical-align: top;
position: relative;
width: 610px; }
.product-detail-contents .product-detail-info .main-image .event-tag {
bottom: 18px;
content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/set.svg);
height: auto;
position: absolute;
right: 18px;
width: 65px;
z-index: 50; }
.product-detail-contents .product-detail-info .main-image img {
height: 610px;
left: 0;
position: absolute;
top: 0;
width: 610px; }
.product-detail-contents .product-detail-info .product-info {
display: inline-block;
height: 610px;
margin-left: 25px;
position: relative;
vertical-align: top;
width: 511px; }
.product-detail-contents .product-detail-info .product-info .name {
color: #080808;
font-size: 35px;
line-height: 35px;
margin: 22px 0px 19px 0px;
position: relative;
width: 100%; }
.product-detail-contents .product-detail-info .product-info .desc {
color: #777;
font-size: 14px;
font-weight: 300;
line-height: 21px;
margin-bottom: 26px;
position: relative;
width: 100%; }
.product-detail-contents .product-detail-info .product-info .price-and-stars {
border-bottom: 1px solid #e5e5e5;
height: 35px;
margin-bottom: 10px;
position: relative;
width: 100%; }
.product-detail-contents .product-detail-info .product-info .price-and-stars .price {
color: #ED1C24;
display: inline-block;
font-size: 25px;
line-height: 25px; }
.product-detail-contents .product-detail-info .product-info .price-and-stars .price-before {
color: #AEAEAE;
display: inline-block;
font-size: 18px;
line-height: 25px;
text-decoration: line-through;
margin-left: 15px; }
.product-detail-contents .product-detail-info .product-info .color-variation-box {
color: #777777;
font-size: 13px;
margin-top: 10px;
overflow-x: auto;
overflow-y: hidden;
position: relative;
width: 100%; }
.product-detail-contents .product-detail-info .product-info .color-variation-box .selected-color-type {
float: left;
height: 30px;
position: relative;
width: 40%; }
.product-detail-contents .product-detail-info .product-info .color-variation-box .product-no {
float: right;
height: 30px;
position: relative;
text-align: right;
width: 40%; }
.product-detail-contents .product-detail-info .product-info .color-variation-box .color-variation-image {
border: 1px solid #e5e5e5;
display: inline-block;
float: left;
height: 108px;
margin-right: 6px;
width: 108px; }
.product-detail-contents .product-detail-info .product-info .color-variation-box .color-variation-image-selected {
border: 1px solid #ed1c24;
display: inline-block;
float: left;
height: 108px;
margin-right: 6px;
width: 108px; }
.product-detail-contents .product-detail-info .product-info .size-and-quantity {
height: 65px;
margin-top: 20px;
position: relative;
width: 100%; }
.product-detail-contents .product-detail-info .product-info .size-and-quantity .title {
color: #333;
display: block;
float: left;
height: 13px;
font-size: 13px;
text-decoration-line: underline;
margin-bottom: 12px;
position: relative;
width: 100%; }
.product-detail-contents .product-detail-info .product-info .card-event {
color: #080808;
font-size: 13px;
height: 48px;
line-height: 48px;
position: relative;
width: 100%; }
.product-detail-contents .product-detail-info .product-info .button-box {
margin-top: 20px;
position: relative;
width: 100%; }
.product-detail-contents .product-detail-info .product-info .button-box .button {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 25px;
text-align: center;
line-height: 60px;
cursor: pointer; }
.product-detail-contents .product-detail-info .product-info .button-box .cart-button {
border: 1px solid #ed1c24;
background-color: #ffffff;
color: #ed1c24;
float: left;
height: 58px;
width: 250px;
z-index: 1; }
.product-detail-contents .product-detail-info .product-info .button-box .buy-button {
background-color: #ed1c24;
color: #ffffff;
float: right;
height: 60px;
width: 250px;
z-index: 1; }
.product-detail-contents .product-detail-md-items {
height: 420px;
position: relative;
margin: 0 auto;
width: 980px; }
.product-detail-contents .product-detail-md-items .title {
font-size: 18px;
height: 70px;
line-height: 70px;
position: relative;
text-align: center;
width: 100%; }
.product-detail-contents .product-detail-description-and-review {
height: auto;
margin: 0 auto;
margin-top: 54px;
position: relative;
width: 980px; }
.product-detail-contents .product-detail-description-and-review .product-detail-block {
border-bottom: 1px solid #ed1c24;
height: auto;
position: relative;
width: 980px; }
.product-detail-contents .product-detail-description-and-review .product-detail-info-button-box {
display: inline-block;
font-size: 18px;
height: auto;
text-align: center;
position: relative;
width: 100%; }
.product-detail-contents .product-detail-description-and-review .product-detail-info-button-box .product-info-button-valid {
color: #ed1c24;
display: inline-block;
float: left;
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #ed1c24;
border-bottom: 1px solid #ffffff;
width: 325px;
height: 56px;
line-height: 56px;
cursor: pointer; }
.product-detail-contents .product-detail-description-and-review .product-detail-info-button-box .product-info-button-1 {
display: inline-block;
float: left;
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #e5e5e5;
border-bottom: 1px solid #ed1c24;
border-right-style: none;
width: 326px;
height: 56px;
line-height: 56px;
cursor: pointer; }
.product-detail-contents .product-detail-description-and-review .product-detail-info-button-box .product-info-button-2 {
display: inline-block;
float: left;
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #e5e5e5;
border-bottom: 1px solid #ed1c24;
width: 325px;
height: 56px;
line-height: 56px;
cursor: pointer; }
.product-detail-contents .product-detail-description-and-review .product-detail-info-button-box .delivery-info-button-valid {
color: #ed1c24;
display: inline-block;
float: left;
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #ed1c24;
border-bottom: 1px solid #ffffff;
width: 325px;
height: 56px;
line-height: 56px;
cursor: pointer; }
.product-detail-contents .product-detail-description-and-review .product-detail-info-button-box .delivery-info-button-1 {
display: inline-block;
float: left;
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #e5e5e5;
border-bottom: 1px solid #ed1c24;
border-left: 1px solid #ffffff;
width: 325px;
height: 56px;
line-height: 56px;
cursor: pointer; }
.product-detail-contents .product-detail-description-and-review .product-detail-info-button-box .delivery-info-button-2 {
display: inline-block;
float: left;
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #e5e5e5;
border-bottom: 1px solid #ed1c24;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
width: 325px;
height: 56px;
line-height: 56px;
cursor: pointer; }
.product-detail-contents .product-detail-description-and-review .product-detail-info-button-box .caution-info-button-valid {
color: #ed1c24;
display: inline-block;
float: left;
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #ed1c24;
border-bottom: 1px solid #ffffff;
width: 323px;
height: 56px;
line-height: 56px;
cursor: pointer; }
.product-detail-contents .product-detail-description-and-review .product-detail-info-button-box .caution-info-button {
display: inline-block;
float: left;
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #e5e5e5;
border-bottom: 1px solid #ed1c24;
border-left-style: none;
width: 324px;
height: 56px;
line-height: 56px;
cursor: pointer; }
.product-detail-contents .product-detail-description-and-review .product-detailresult-box {
height: auto;
margin: 30px auto;
min-height: 200px;
padding-bottom: 20px;
position: relative;
text-align: left;
width: 800px; }
.product-detail-contents .product-info-star-box {
display: inline-block;
float: right;
vertical-align: top; }
.product-detail-contents .review-star-box {
height: 20px;
margin-bottom: 14px;
position: relative;
text-align: center;
width: 100%; }
.product-detail-contents .star-point-red {
display: inline-block;
margin-right: 3px;
vertical-align: top;
width: 15px; }
.product-detail-contents .star-point-grey {
display: inline-block;
margin-right: 3px;
vertical-align: top;
width: 15px; }
.product-detail-contents .star-point-number {
display: inline-block;
color: #ED1C24;
font-size: 15px; }
.product-detail-contents .product-review {
padding-top: 50px;
padding-bottom: 32px;
position: relative;
width: 100%; }
.product-detail-contents .product-review .title-box {
text-align: center;
position: relative;
width: 100%; }
.product-detail-contents .product-review .title-box .main-title {
color: #ed1c24;
font-size: 30px;
margin-bottom: 14px;
position: relative; }
.product-detail-contents .product-review .title-box .review-caution {
color: #080808;
font-size: 13px;
height: 30px;
margin-bottom: 14px;
position: relative;
width: 100%; }
.product-detail-contents .product-review .title-box .register-review-button {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #080808;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 14px;
height: 36px;
line-height: 36px;
margin-bottom: 32px;
text-align: center;
width: 126px; }
.product-detail-contents .review-sub-title {
color: #080808;
font-size: 20px;
height: 58px;
line-height: 58px;
position: relative;
width: 100%; }
.product-detail-contents .manager-review {
height: auto;
margin-bottom: 50px;
position: relative;
width: 100%; }
.product-detail-contents .manager-review .image-box {
display: inline-block;
height: 561px;
margin-right: 20px;
width: 481px; }
.product-detail-contents .manager-review .image-box .main-image {
background-color: #c6c6c6;
border: 1px solid #c6c6c6;
height: 480px;
margin-bottom: 5px;
position: relative;
width: 100%; }
.product-detail-contents .manager-review .image-box ul {
overflow-x: auto;
margin: 0;
padding: 0;
position: relative;
width: 100%; }
.product-detail-contents .manager-review .image-box li {
list-style-type: none;
float: left;
margin-right: 5px; }
.product-detail-contents .manager-review .image-box li:last-child {
margin-right: 0px; }
.product-detail-contents .manager-review .image-box .thumbnail-image {
background-color: #c6c6c6;
border: 1px solid #c6c6c6;
cursor: pointer;
height: 74px;
width: 74px; }
.product-detail-contents .manager-review .review-box {
display: inline-block;
height: auto;
vertical-align: top;
width: 477px; }
.product-detail-contents .manager-review .review-box .review-star-box {
height: 26px;
margin-top: 20px;
margin-bottom: 15px;
position: relative;
text-align: left;
width: 100%; }
.product-detail-contents .manager-review .review-box .review-star-box img {
height: 20px; }
.product-detail-contents .manager-review .review-box .star-point-red {
display: inline-block;
margin-right: 3px;
width: 25px;
height: 20px !important; }
.product-detail-contents .manager-review .review-box .star-point-grey {
display: inline-block;
margin-right: 3px;
width: 25px;
height: 20px !important; }
.product-detail-contents .manager-review .review-box .title-box {
height: 35px;
width: 100%; }
.product-detail-contents .manager-review .review-box .title {
color: #000000;
float: left;
font-size: 28px;
font-weight: bold;
height: 35px;
line-height: 35px; }
.product-detail-contents .manager-review .review-box .edit-button {
color: #ff0000;
float: right;
font-size: 14px;
height: 20px;
line-height: 20px; }
.product-detail-contents .manager-review .review-box .review-short-info {
color: #777777;
font-size: 14px;
line-height: 22px;
position: relative;
width: 100%; }
.product-detail-contents .manager-review .review-box .manager-review-text-normal {
color: #777777;
font-size: 12px;
height: 380px;
line-height: 20px;
margin-top: 10px;
overflow: hidden;
position: relative;
width: 100%; }
.product-detail-contents .manager-review .review-box .manager-review-text-full {
color: #777777;
font-size: 12px;
height: auto;
line-height: 20px;
margin-top: 10px;
position: relative;
width: 100%; }
.product-detail-contents .manager-review .review-box .manager-review-open-button {
float: right;
margin-top: 20px;
position: relative;
width: 22px; }
.product-detail-contents .customer-review {
color: #080808;
height: auto;
width: 100%; }
.product-detail-contents .customer-review-list {
overflow-y: hidden;
width: 100%; }
.product-detail-contents .customer-review-list-open {
height: auto; }
.product-detail-contents .customer-review-list-close {
min-height: 50px;
max-height: 950px; }
.product-detail-contents .customer-review-box {
border: 1px solid #e5e5e5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: auto;
padding: 20px;
margin-bottom: 24px;
position: relative;
width: 938px; }
.product-detail-contents .customer-review-box .customer-write-info {
display: inline-block;
font-size: 14px;
right: 20px;
top: 20px;
text-align: right;
position: absolute;
vertical-align: top; }
.product-detail-contents .customer-review-box .customer-review-star-box {
float: left;
height: 20px;
margin-bottom: 10px;
position: relative;
text-align: left;
vertical-align: top;
width: 100%; }
.product-detail-contents .customer-review-box .customer-review-short-info {
font-size: 12px;
line-height: 22px;
position: relative;
width: 100%; }
.product-detail-contents .customer-review-box .customer-review-title {
color: #080808;
font-size: 20px;
font-weight: 500;
margin-bottom: 20px;
position: relative;
width: 100%; }
.product-detail-contents .customer-review-box .customer-review-text {
font-size: 12px;
line-height: 22px;
width: 100%; }
.product-detail-contents .customer-review-box .customer-review-text-close {
height: 66px;
overflow-y: hidden; }
.product-detail-contents .customer-review-box .customer-review-text-open {
height: auto; }
.product-detail-contents .customer-review-box ul {
list-style-type: none;
overflow-x: auto;
margin: 0;
padding: 0;
margin-top: 20px;
position: relative;
width: 50%; }
.product-detail-contents .customer-review-box li {
float: left;
margin-right: 5px; }
.product-detail-contents .customer-review-box li:last-child {
margin-right: 0px; }
.product-detail-contents .customer-review-box .thumbnail-image {
background-color: #c6c6c6;
height: 60px;
width: 60px; }
.product-detail-contents .customer-review-box .review-open-button {
bottom: 20px;
cursor: pointer;
right: 20px;
position: absolute;
width: 22px; }
.product-detail-contents .review-box-list-open-button {
cursor: pointer;
font-size: 20px;
height: 22px;
margin: 0 auto;
width: 90px; }
.product-detail-contents .review-box-list-open-button img {
float: right;
margin-top: 5px;
width: 23px; }
.product-detail-contents .write-review-popup {
color: #080808;
font-size: 14px;
background-color: #ffffff;
height: auto;
margin: 200px auto;
position: relative;
width: 800px;
z-index: 1000; }
.product-detail-contents .write-review-popup .popup-header {
height: 45px;
left: 0px;
position: relative;
width: 800px;
padding: 10px 0px; }
.product-detail-contents .write-review-popup .popup-header .popup-header-title {
color: #000;
line-height: 50px;
font-size: 20px;
font-weight: bold;
text-align: center; }
.product-detail-contents .write-review-popup .popup-body {
height: auto;
position: relative;
width: 800px;
padding: 20px 0px; }
.product-detail-contents .write-review-popup .popup-close-button {
color: #ffffff;
cursor: pointer;
font-size: 20px;
right: 15px;
top: 12px;
position: absolute; }
.product-detail-contents .write-review-popup .review-popup-title {
color: #ED1C24;
font-size: 30px;
height: 74px;
line-height: 74px;
margin-top: 5px;
position: relative;
text-align: center;
width: 100%; }
.product-detail-contents .write-review-popup .review-popup-product-info {
height: 14px;
line-height: 14px;
margin-bottom: 30px;
position: relative;
text-align: center;
width: 100%; }
.product-detail-contents .write-review-popup .review-popup-table {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
margin: 0 auto;
position: relative;
width: 80%; }
.product-detail-contents .write-review-popup .review-popup-table input[type='text'] {
border: 0;
height: 16px;
width: 400px; }
.product-detail-contents .write-review-popup .review-popup-table .td-left-1 {
border-bottom: 1px solid #e5e5e5;
height: 44px;
text-align: left;
width: 100px; }
.product-detail-contents .write-review-popup .review-popup-table .td-left-2 {
border-bottom: 1px solid #e5e5e5;
height: 60px;
width: 100px; }
.product-detail-contents .write-review-popup .review-popup-table .td-left-3 {
height: 80px;
width: 100px; }
.product-detail-contents .write-review-popup .review-popup-table .td-right {
border-bottom: 1px solid #e5e5e5; }
.product-detail-contents .write-review-popup .review-popup-table .review-img-thumbnail {
border: 1px solid #bbbbbb;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
height: 66px;
margin-right: 10px;
position: relative;
width: 66px; }
.product-detail-contents .write-review-popup .review-popup-table .review-img-thumbnail .review-img-thumbnail-body {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%; }
.product-detail-contents .write-review-popup .review-agreement-text {
margin-top: 22px;
margin-bottom: 36px;
position: relative;
text-align: center;
width: 100%; }
.product-detail-contents .write-review-popup .review-agreement-text input[type='checkbox'] {
display: none; }
.product-detail-contents .write-review-popup input[type='checkbox'] {
margin-left: 20px;
position: relative; }
.product-detail-contents .write-review-popup textarea {
border: 0px; }
.product-detail-contents .write-review-popup .popup-button-section {
display: inline-block;
width: 100%;
height: auto;
padding-top: 20px;
text-align: center;
margin-bottom: 20px; }
.product-detail-contents .write-review-popup .popup-button-section .popup-cancel-button {
display: inline-block;
margin-right: 16px;
border: 1px solid #e5e5e5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000000;
cursor: pointer;
font-size: 13px;
height: 36px;
line-height: 36px;
text-align: center;
width: 126px; }
.product-detail-contents .write-review-popup .popup-button-section .popup-register-button {
background-color: #ed1c24;
display: inline-block;
border: 1px solid #ed1c24;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
font-size: 13px;
height: 36px;
line-height: 36px;
text-align: center;
width: 126px; }
.product-detail-contents .write-review-popup .review-popup-icon-plus {
left: 20px;
top: 20px;
position: absolute;
width: 26px; }
.product-detail-contents .write-review-popup .review-popup-star-box {
height: 20px;
position: relative;
text-align: left;
width: 100%; }
.product-detail-contents .enlarge-image-box {
display: none;
background-color: #fff;
height: 610px;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 515px;
z-index: 100; }
.product-detail-contents .enlarge-image-box img {
display: block;
height: 2000px;
margin: auto;
width: 2000px;
z-index: 100; }
.product-detail-contents .size-table-content {
position: relative;
height: 100%;
width: 100%;
z-index: 101; }
.product-detail-contents .size-table-content .size-table-view {
height: 100%;
margin: 0 auto;
margin-top: 170px;
position: relative;
width: 574px; }
.product-detail-contents .size-table-content .size-table-view .close-button {
cursor: pointer;
position: absolute;
right: 20px;
top: 20px;
width: 18px;
z-index: 110; }
.product-detail-contents .size-table-content .size-table-view .table-box {
height: 700px;
overflow-y: auto;
position: relative;
width: 100%; }
.product-detail-contents .size-table-content .size-table-view .table-box img {
height: auto;
position: relative;
width: 100%;
z-index: 105; }
.clearfix::after {
content: '';
display: table;
clear: both; }
.product-detail-contents-renewal {
height: auto;
margin: 0 auto;
position: relative;
min-width: 1000px;
width: 80%; }
.product-detail-contents-renewal .line-grey {
border: 0;
background: #e5e5e5;
height: 1px; }
.product-detail-contents-renewal .product-detail-path {
background-color: #ffffff;
color: #777777;
font-size: 14px;
font-weight: 500;
padding: 17px 0;
position: relative;
width: 100%; }
.product-detail-contents-renewal .product-detail-path .path {
color: #777777; }
.product-detail-contents-renewal .product-detail-path .title {
color: #ca0000; }
.product-detail-contents-renewal .product-image-grid {
float: left;
width: calc(100% - 420px); }
.product-detail-contents-renewal .product-image-grid .video-box {
width: 47%; }
.product-detail-contents-renewal .product-image-grid .thumbnail-image {
width: 47%;
margin-right: 15px;
margin-bottom: 15px; }
.product-detail-contents-renewal .product-image-grid.carouselMode {
width: 390px; }
.product-detail-contents-renewal .product-image-grid.carouselMode .thumbnail-image {
margin: 0; }
.product-detail-contents-renewal .product-detail-right-contents {
width: 390px;
float: right; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info {
position: relative;
width: 100%;
height: auto; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .thumbnail-image-box {
display: inline-block;
float: left;
height: 610px;
margin-right: 4px;
width: 50px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .thumbnail-image-box .thumbnail-image {
background-color: #e5e5e5;
display: inline-block;
height: 50px;
margin-bottom: 4px;
vertical-align: top;
width: 50px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .thumbnail-image-box .thumbnail-image-selected {
background-color: #aeaeae;
border: 1px solid #969696;
display: inline-block;
height: 48px;
margin-bottom: 4px;
vertical-align: top;
width: 48px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .main-image {
background-color: #e5e5e5;
display: inline-block;
height: 610px;
vertical-align: top;
position: relative;
width: 610px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .main-image .event-tag {
bottom: 18px;
content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/set.svg);
height: auto;
position: absolute;
right: 18px;
width: 65px;
z-index: 50; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .main-image img {
height: 610px;
left: 0;
position: absolute;
top: 0;
width: 610px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .free_return {
font-size: 13px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: right;
color: #080808;
position: absolute;
right: 0;
text-decoration: underline;
margin-top: 6px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info {
display: inline-block;
position: relative;
vertical-align: top;
width: 100%;
height: auto; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .name {
color: #080808;
font-size: 20px;
line-height: 30px;
position: relative;
width: 100%;
font-weight: 700;
margin-bottom: 5px;
font-family: 'Noto Sans KR', sans-serif;
text-transform: uppercase; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .name.en {
font-family: 'DINCondensed-Regular';
font-weight: unset; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .short-desc {
color: #080808;
font-size: 13px;
position: relative;
width: 100%;
font-weight: 500;
display: flex;
justify-content: space-between;
align-items: center;
height: 30px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .short-desc .exchange-rate-box {
position: relative;
height: 30px;
width: 100%;
text-align: right;
outline: none; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .short-desc .exchange-rate-box ul.hide {
display: none; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .short-desc .exchange-rate-box ul {
position: absolute;
bottom: 0;
right: 0;
z-index: 10; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .short-desc .exchange-rate-box ul li {
width: 120px;
height: 30px;
font-size: 10px;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
background: white; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .short-desc .exchange-rate-box ul li.last {
border-bottom: 1px solid #eee; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .short-desc .exchange-rate-box img {
width: 88px;
height: 30px;
cursor: pointer; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .short-desc .exchange-rate-box img.hide {
display: none; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .pno-and-price {
margin-top: 10px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .pno-and-price .product-no {
font-size: 13px;
font-weight: 300;
color: #6d6d6d; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .pno-and-price .price {
float: right;
font-size: 15px;
font-weight: 500;
color: #6d6d6d; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .color-variation-box {
color: #777777;
font-size: 13px;
margin-top: 27px;
overflow-x: auto;
overflow-y: hidden;
position: relative;
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid #e5e5e5; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .color-variation-box .selected-color-type {
float: left;
height: 30px;
position: relative;
width: 40%; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .color-variation-box .product-no {
float: right;
height: 30px;
position: relative;
text-align: right;
width: 40%; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .color-variation-box .color-variation-image {
border: 1px solid #e5e5e5;
display: inline-block;
float: left;
margin-right: 6px;
height: 70px;
width: 70px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .color-variation-box .color-variation-image-selected {
border: 1px solid #ed1c24;
display: inline-block;
float: left;
margin-right: 6px;
height: 70px;
width: 70px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .size {
margin-top: 20px;
position: relative;
width: 100%; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .size .text-wrap {
color: #6d6d6d;
display: block;
height: 13px;
font-size: 13px;
font-weight: 500;
margin-bottom: 15px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .size .text-wrap .size-table-text {
float: right;
color: inherit; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .bene-box {
display: block;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 15px 0px;
margin-top: 35px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .bene-box .title {
display: inline-block;
font-size: 15px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #080808; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .bene-box .text-td {
color: #ca0000 !important; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .bene-box .link-area {
display: inline-block;
float: right; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .bene-box .link-area span {
font-size: 15px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: right;
color: #080808;
margin: 0 10px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .bene-box .link-area a {
display: inline-block;
font-size: 15px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: right;
color: #080808; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .quantity {
height: 65px;
margin-top: 20px;
position: relative;
width: 100%; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .quantity .title {
color: #6d6d6d;
display: block;
height: 13px;
font-size: 13px;
font-weight: 500;
margin-bottom: 12px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .quantity .product-detail-quantity-dropdown {
float: left; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .quantity .stock-info {
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.92;
letter-spacing: normal;
color: #ca0000;
margin-top: 14px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .card-event {
color: #080808;
font-size: 13px;
height: 48px;
line-height: 48px;
position: relative;
width: 100%; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .button-box {
margin-top: 35px;
position: relative;
width: 100%; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .button-box .button {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-size: 15px;
font-weight: 500;
text-align: center;
cursor: pointer;
width: 48%; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .button-box .cart-button {
border: 1px solid #ca0000;
background-color: #ffffff;
color: #ca0000;
float: left;
height: 43px;
line-height: 43px;
z-index: 1; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .button-box .buy-button {
border: 1px solid #ca0000;
background-color: #ca0000;
color: #ffffff;
float: right;
height: 43px;
line-height: 43px;
z-index: 1; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .desc {
color: #080808;
font-size: 15px;
font-weight: 300;
line-height: 25px;
margin-top: 30px;
position: relative;
width: 100%;
padding-bottom: 30px;
border-bottom: 1px solid #e5e5e5; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .product-detail-description .desc-block {
border-bottom: 1px solid #e5e5e5; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .product-detail-description .desc-block .desc-title {
font-size: 15px;
font-weight: 500;
color: #080808;
line-height: 80px;
cursor: pointer; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .product-detail-description .desc-block .desc-title:after {
content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/btn_%2B.svg);
width: 15px;
float: right;
font-size: 25px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .product-detail-description .desc-block .desc-content {
font-size: 12px;
font-weight: 300;
color: #666666;
opacity: 0;
padding-bottom: 0;
overflow: hidden;
height: 0;
min-height: 0;
transition: all 1.2s; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .product-detail-description .desc-block .desc-content a {
color: #666; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .product-detail-description .desc-block .desc-content span {
text-decoration: none !important; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .product-detail-description .desc-block .desc-content .desc1-cl {
font-size: 14px;
line-height: 17px;
font-weight: 300;
color: #666; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .product-detail-description .desc-block .desc-content .desc1-cl p, .product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .product-detail-description .desc-block .desc-content .desc1-cl span, .product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .product-detail-description .desc-block .desc-content .desc1-cl b {
font-size: 14px !important;
line-height: 1.5em !important;
color: #666 !important;
font-family: HelveticaNeueLTPro-Roman, 'Noto Sans KR', sans-serif !important; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .product-detail-description .desc-block .desc-content div {
margin-left: 0 !important;
text-indent: 0 !important; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .product-detail-description .desc-block.active .desc-title:after {
content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/btn_-.svg); }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .product-detail-description .desc-block.active .desc-content {
min-height: 200px;
height: auto;
opacity: 1;
padding-bottom: 20px;
overflow: auto; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .product-detail-description .desc-block.active .desc-content p, .product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .product-detail-description .desc-block.active .desc-content span, .product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-info .product-detail-description .desc-block.active .desc-content b {
font-size: 14px !important;
line-height: 1.5em !important;
color: #666 !important;
font-family: HelveticaNeueLTPro-Roman, 'Noto Sans KR', sans-serif !important; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-detail-md-items {
width: 410px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-detail-md-items .title {
font-size: 16px;
font-weight: 600;
margin: 15px 0px;
text-align: center; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-detail-md-items .product-category-items {
margin-left: 0; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-detail-md-items .category-item {
width: 205px;
margin-bottom: 10px;
margin-top: 10px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-detail-md-items .category-item .img-box {
font-size: 0; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-detail-md-items .category-item .img-box .cart-box {
display: none; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-detail-md-items .category-item .item-title {
font-size: 12px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-info .product-detail-md-items .category-item .item-price-normal {
font-size: 12px;
color: #6d6d6d; }
.product-detail-contents-renewal .product-detail-right-contents .more-details {
position: fixed;
bottom: 36px;
left: 50%;
cursor: pointer;
animation: updown 1s infinite; }
.product-detail-contents-renewal .product-detail-right-contents .more-details.close {
display: none; }
.product-detail-contents-renewal .product-detail-right-contents .more-details img {
display: block;
margin: 0 auto;
width: 150px;
height: 110px; }
@keyframes updown {
0% {
bottom: 36px; }
50% {
bottom: 42px; }
100% {
bottom: 36px; } }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-sticky {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
height: 100px;
width: 100%;
background: #ffffff;
display: none;
justify-content: space-between;
border-bottom: 1px solid #e5e5e5; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-sticky.show {
display: flex; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-sticky .sticky-desc {
margin-left: 55px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-sticky .sticky-desc p {
margin: 0; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-sticky .sticky-desc .name {
font-family: NotoSansCJKkr;
font-size: 16px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
color: #080808;
margin-top: 24px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-sticky .sticky-desc .short-desc {
font-family: NotoSansCJKkr;
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
color: #444444;
margin-top: 5px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-sticky .sticky-desc .price {
font-family: NotoSansCJKkr;
font-size: 12px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
color: #6d6d6d;
margin-top: 10px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-sticky .sticky-func {
display: flex;
align-items: center;
margin-right: 55px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-sticky .sticky-func .title {
margin-right: 10px;
font-family: NotoSansCJKkr;
font-size: 12px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #6d6d6d; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-sticky .sticky-func .size {
display: flex;
align-items: center;
margin-right: 30px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-sticky .sticky-func .quantity {
display: flex;
align-items: center;
margin-right: 40px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-sticky .sticky-func .quantity .quantity-count .quantity-count-block {
font-size: 12px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-sticky .sticky-func .btn-box {
display: flex; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-sticky .sticky-func .btn-box .button {
cursor: pointer;
display: flex;
justify-content: center;
align-items: center; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-sticky .sticky-func .btn-box .cart-button {
width: 95px;
height: 40px;
border: solid 1px #ca0000;
font-family: NotoSansCJKkr;
font-size: 12px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ca0000;
margin-right: 10px; }
.product-detail-contents-renewal .product-detail-right-contents .product-detail-sticky .sticky-func .btn-box .buy-button {
width: 95px;
height: 40px;
background-color: #ca0000;
font-family: NotoSansCJKkr;
font-size: 12px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ffffff;
border: solid 1px #ca0000; }
.product-detail-contents-renewal .product-detail-popup .product-image-grid {
width: 440px; }
.product-detail-contents-renewal .product-detail-popup .product-image-grid .thumbnail-image {
width: 100%; }
.product-detail-contents-renewal .product-detail-popup .product-image-grid.carouselMode {
position: fixed; }
.product-detail-contents-renewal .product-detail-popup .product-detail-right-contents {
margin-right: 25px; }
.product-detail-contents-renewal .product-detail-popup .product-detail-right-contents .product-detail-info .product-info .name {
margin-top: -30px; }
.product-detail-contents-renewal .product-detail-popup .product-link {
display: inline-block;
margin-top: 50px;
margin-left: -25px;
font-size: 15px;
text-decoration: underline;
cursor: pointer;
color: #080808; }
.product-detail-contents-renewal .product-images-full-view {
position: fixed;
overflow: auto;
display: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 1000;
width: 100%; }
.product-detail-contents-renewal .product-images-full-view figure {
margin: 0; }
.product-detail-contents-renewal .product-images-full-view img {
width: 100%; }
.product-detail-contents-renewal .product-images-full-view .button-wrapper {
position: fixed;
top: 40px;
right: 55px;
width: 50px; }
.product-detail-contents-renewal .product-images-full-view .button-wrapper .x-btn {
cursor: pointer; }
.product-detail-contents-renewal .product-images-full-view .gallery-images {
width: 100%; }
.product-detail-contents-renewal .product-images-full-view .gallery-images .gallery-images-item {
width: 100%;
margin-top: 30px; }
.product-detail-contents-renewal .product-images-full-view .gallery-images .gallery-images-item:first-child {
margin-top: 0; }
.product-recommend {
width: 90%;
margin: 0 auto; }
.product-recommend h2 {
font-family: DINNextLTPro;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 3.63;
letter-spacing: normal;
color: #080808;
margin: 0;
margin-left: 10px; }
.product-recommend .recommend_product_card {
margin: 0 10px; }
.product-recommend .recommend_product_card img {
width: 100%;
display: block; }
.product-recommend .recommend_product_card .title {
font-family: NotoSansCJKkr;
font-size: 15px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #080808;
display: block;
margin-top: 15px; }
.product-recommend .recommend_product_card .price {
font-family: NotoSansCJKkr;
font-size: 13px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #6d6d6d;
display: block;
margin: 10px 0 20px; }
.product-recommend .owl-next img {
position: absolute;
right: 30px;
top: 35%;
width: 20px;
height: 40px; }
.product-recommend .owl-prev img {
position: absolute;
left: -61px;
top: 35%;
width: 20px;
height: 40px;
display: none; }
.size-table-content {
position: relative;
height: 100%;
width: 100%;
z-index: 101; }
.size-table-content .size-table-view {
height: 100%;
margin: 0 auto;
margin-top: 170px;
position: relative;
width: 574px; }
.size-table-content .size-table-view .close-button {
cursor: pointer;
position: absolute;
right: 20px;
top: 20px;
width: 18px;
z-index: 110; }
.size-table-content .size-table-view .table-box {
height: 700px;
overflow-y: auto;
position: relative;
width: 100%; }
.size-table-content .size-table-view .table-box img {
height: auto;
position: relative;
width: 100%;
z-index: 105; }
.write-review-popup {
color: #080808;
font-size: 14px;
background-color: #ffffff;
height: auto;
margin: 200px auto;
position: relative;
width: 800px;
z-index: 1000; }
.write-review-popup .popup-header {
height: 45px;
left: 0px;
position: relative;
width: 800px;
padding: 10px 0px; }
.write-review-popup .popup-header .popup-header-title {
color: #000;
line-height: 50px;
font-size: 20px;
font-weight: bold;
text-align: center; }
.write-review-popup .popup-body {
height: auto;
position: relative;
width: 800px;
padding: 20px 0px; }
.write-review-popup .popup-close-button {
color: #ffffff;
cursor: pointer;
font-size: 20px;
right: 15px;
top: 12px;
position: absolute; }
.write-review-popup .review-popup-title {
color: #ED1C24;
font-size: 30px;
height: 74px;
line-height: 74px;
margin-top: 5px;
position: relative;
text-align: center;
width: 100%; }
.write-review-popup .review-popup-product-info {
height: 14px;
line-height: 14px;
margin-bottom: 30px;
position: relative;
text-align: center;
width: 100%; }
.write-review-popup .review-popup-table {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
margin: 0 auto;
position: relative;
width: 80%; }
.write-review-popup .review-popup-table input[type='text'] {
border: 0;
height: 16px;
width: 400px; }
.write-review-popup .review-popup-table .td-left-1 {
border-bottom: 1px solid #e5e5e5;
height: 44px;
text-align: left;
width: 100px; }
.write-review-popup .review-popup-table .td-left-2 {
border-bottom: 1px solid #e5e5e5;
height: 60px;
width: 100px; }
.write-review-popup .review-popup-table .td-left-3 {
height: 80px;
width: 100px; }
.write-review-popup .review-popup-table .td-right {
border-bottom: 1px solid #e5e5e5; }
.write-review-popup .review-popup-table .review-img-thumbnail {
border: 1px solid #bbbbbb;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
height: 66px;
margin-right: 10px;
position: relative;
width: 66px; }
.write-review-popup .review-popup-table .review-img-thumbnail .review-img-thumbnail-body {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%; }
.write-review-popup .review-agreement-text {
margin-top: 22px;
margin-bottom: 36px;
position: relative;
text-align: center;
width: 100%; }
.write-review-popup .review-agreement-text input[type='checkbox'] {
display: none; }
.write-review-popup input[type='checkbox'] {
margin-left: 20px;
position: relative; }
.write-review-popup textarea {
border: 0px; }
.write-review-popup .popup-button-section {
display: inline-block;
width: 100%;
height: auto;
padding-top: 20px;
text-align: center;
margin-bottom: 20px; }
.write-review-popup .popup-button-section .popup-cancel-button {
display: inline-block;
margin-right: 16px;
border: 1px solid #e5e5e5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000000;
cursor: pointer;
font-size: 13px;
height: 36px;
line-height: 36px;
text-align: center;
width: 126px; }
.write-review-popup .popup-button-section .popup-register-button {
background-color: #ed1c24;
display: inline-block;
border: 1px solid #ed1c24;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
font-size: 13px;
height: 36px;
line-height: 36px;
text-align: center;
width: 126px; }
.write-review-popup .review-popup-icon-plus {
left: 20px;
top: 20px;
position: absolute;
width: 26px; }
.write-review-popup .review-popup-star-box {
height: 20px;
position: relative;
text-align: left;
width: 100%; }
.showFullImages {
overflow: hidden; }
.showFullImages .header-fixed {
display: none; }
.showFullImages .spyder-popup .spyder-popup__inner > div:nth-child(3) {
display: none; }
.showFullImages .spyder-popup .product-detail-right-contents {
display: none; }
.showFullImages .product-images-full-view.show {
display: block;
z-index: 10000; }
.product-loading {
min-height: 800px; }
.today_delivery {
width: 100%;
background: #f7f7f7;
padding: 60px 0; }
.today_delivery .td-body {
width: 320px;
margin: 0 auto;
color: #080808;
min-height: 800px; }
.today_delivery .td-body img {
width: 100%;
margin-top: 30px; }
.today_delivery .td-body h1 {
margin: 10px auto;
text-align: center;
font-size: 22px; }
.today_delivery .td-body .sub-title {
display: block;
text-align: center;
font-size: 14px; }
.today_delivery .td-body .fee-title {
font-size: 14px;
display: block;
font-weight: bold;
margin-bottom: 15px; }
.today_delivery .td-body .fee-text {
display: block;
font-size: 13px; }
.today_delivery .td-body button {
width: 100%;
height: 50px;
border: 1px solid #ca0000;
color: #ca0000;
border-radius: 0;
background: #fff;
font-size: 15px;
margin-top: 40px;
cursor: pointer;
outline: none; }
.today_delivery .td-body table {
width: 100%;
margin: 30px 0; }
.today_delivery .td-body table th {
width: 50%;
font-size: 15px; }
.today_delivery .td-body table td {
font-size: 13px; }
.today_delivery .td-body table td, .today_delivery .td-body table th {
height: 50px;
text-align: center;
font-weight: bold;
background: #fff;
border: 1px solid #e8e8e8; }
.today_delivery .td-body table .red {
color: #ca0000; }
.q-todaydelivery {
color: #ca0000;
float: right;
font-size: 15px; }
.myinfo-box {
width: 100%;
border: 1px solid #e5e5e5;
padding: 35px 0px;
height: 48px;
text-align: center;
margin-bottom: 15px;
text-indent: 13px;
background: #fff; }
.myinfo-box .title {
height: 48px;
font-size: 25px;
font-weight: bold;
border-right: 2px solid #020202;
padding: 0px;
width: 180px;
line-height: 54px; }
.myinfo-box .status {
padding: 0px 35px; }
.myinfo-box .status .item {
width: 100px; }
.myinfo-box .status .item-title {
display: block;
font-size: 16px;
font-weight: bold;
color: #020202;
margin-bottom: 5px; }
.myinfo-box .status .item-title-barcode {
display: block;
font-size: 16px;
font-weight: bold;
color: #020202;
margin-bottom: 5px;
font-family: 'Noto Sans KR', sans-serif; }
.myinfo-box .status .item-val {
font-size: 13px;
color: #080808;
text-decoration: underline;
line-height: 25px;
cursor: pointer;
display: block; }
.myinfo-box .status .item-barcode {
font-size: 35px;
color: #080808;
line-height: 25px;
display: block;
padding-top: 7px; }
.myinfo-box .btn-box {
padding-left: 15px; }
.myinfo-box .btn-box .btn {
border: 2px solid #080808;
color: #080808;
font-size: 15px;
background: #fff;
width: 100px;
height: 45px;
margin-right: 10px;
outline: none;
cursor: pointer;
font-weight: 400; }
.myinfo-box .btn-box .red {
border-color: #ca0000;
color: #ca0000; }
.myinfo-box .order-flow {
position: relative;
padding: 0 25px;
margin-top: 11px; }
.myinfo-box .order-flow:before {
content: '';
position: absolute;
display: inline-block;
height: 120px;
width: 1px;
background-color: #e5e5e5;
top: -47px;
left: 0; }
.myinfo-box .order-flow .item {
font-size: 16px;
font-weight: 500;
text-align: center;
color: #6d6d6d;
margin-right: 23px;
margin-top: 13px; }
.myinfo-box .order-flow .item.active {
color: #080808; }
.myinfo-box .order-flow .item:last-child {
margin-right: 0; }
.return-table {
border: 1px solid #e5e5e5; }
.return-table thead tr {
border-bottom: 1px solid #e5e5e5;
height: 40px; }
.more-box {
margin-top: 60px;
text-align: center; }
.more-box .btn-more {
border: 1px solid #e5e5e5;
width: 160px;
height: 45px;
color: #6d6d6d;
font-size: 16px;
cursor: pointer;
outline: none; }
.more-box .more-arrow {
width: 15px;
margin-left: 10px; }
.top-menu-btn {
border: 1px solid #e5e5e5;
color: #333;
width: 50%;
height: 48px;
font-weight: 500;
font-size: 15px;
outline: none;
cursor: pointer; }
.on {
background: #fff; }
.off {
background: #f1f1f1; }
.table-n {
width: 100%;
border: 1px solid #e5e5e5;
height: 200px; }
.return-addr-box {
border: solid 1px #e5e5e5;
padding: 30px; }
.return-addr-box .tab-on {
border: 0;
border-top: 1px solid #e5e5e5;
background: #fff;
width: 50%;
padding: 15px 0px;
outline: none;
font-size: 15px; }
.return-addr-box .tab-off {
border: 1px solid #e5e5e5;
background: #f7f7f7;
width: 50%;
padding: 15px 0px;
outline: none;
font-size: 15px; }
.return-addr-box .rows {
display: flex;
margin-top: 16px; }
.return-addr-box .left-box {
width: 50%;
padding-right: 20px; }
.return-addr-box .left-box select {
background: #fff; }
.return-addr-box .return-sub-title {
display: block;
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
text-align: left;
color: #333333;
margin-bottom: 10px; }
.return-addr-box .return-input {
width: 100%;
height: 45px;
border: solid 1px #e5e5e5;
font-size: 15px;
color: #080808; }
.return-addr-box .return-addr {
width: 100%;
height: 49px;
color: #fff;
background: #333333;
text-align: center;
font-size: 15px;
margin-left: 10px; }
.return-addr-box .addr-input {
width: 73%;
float: left; }
.return-addr-box .addr-btn {
width: 25%;
float: left; }
.return-addr-box .phColorBBB::placeholder {
color: #bbbbbb; }
.return-title {
text-align: center; }
.mypage-contents {
height: auto;
margin: 0 auto;
margin-bottom: 100px;
position: relative; }
.mypage-left-bar {
color: #969696;
display: inline-block;
font-size: 12px;
height: auto;
vertical-align: top;
width: 170px; }
.mypage-left-bar .mypage-path {
font-size: 14px;
height: 40px;
line-height: 40px;
position: relative;
text-align: left;
width: 100%; }
.mypage-left-bar .title-box {
background-color: #000000;
color: #ffffff;
font-size: 18px;
height: 80px;
line-height: 80px;
position: relative;
text-align: center;
width: 170px; }
.mypage-left-bar .myinfo-box {
border: 2px solid #e5e5e5;
height: 115px;
padding: 14px 8px 0px 8px;
position: relative;
width: 150px; }
.mypage-left-bar .myinfo-box .grade-text {
display: inline-block;
font-size: 15px;
font-weight: 400;
float: left;
height: 28px;
line-height: 28px;
vertical-align: middle;
width: 30px; }
.mypage-left-bar .myinfo-box .grade-box {
border: 1px solid #ed1c24;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color: #ed1c24;
display: inline-block;
float: right;
font-size: 14px;
height: 28px;
line-height: 28px;
text-align: center;
padding: 0 10px;
vertical-align: top; }
.mypage-left-bar .myinfo-box .line {
border-bottom: 2px solid #e5e5e5;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
display: inline-block;
width: 100%; }
.mypage-left-bar .myinfo-box ul {
margin: 0px;
padding: 0px; }
.mypage-left-bar .myinfo-box li {
list-style-type: none;
margin-bottom: 10px; }
.mypage-left-bar .myinfo-box .info-text {
color: #969696;
display: inline-block;
font-size: 14px;
font-weight: 300;
float: left;
margin-right: 10px; }
.mypage-left-bar .myinfo-box .info-link {
color: #080808; }
.mypage-left-bar .myinfo-box .info-value {
color: #ed1c24;
display: inline-block;
font-size: 14px;
font-weight: bold; }
.mypage-left-bar .sub-menu {
background-color: #f5f5f5;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
cursor: pointer;
height: 55px;
position: relative;
width: 168px; }
.mypage-left-bar .sub-menu .title {
font-size: 16px;
margin: 0;
position: absolute;
padding-left: 10px;
top: 50%;
transform: translate(0, -50%); }
.mypage-left-bar .sub-menu .title-normal {
color: #080808; }
.mypage-left-bar .sub-menu .title-selected {
color: #ed1c24; }
.mypage-right-view-cancel {
color: #444;
display: block;
height: auto;
min-height: 600px;
margin-top: 40px;
padding: 0px 0 20px 30px;
vertical-align: top;
width: 924px;
margin: auto; }
.mypage-right-view-cancel .title-box {
height: 90px;
position: relative;
width: 100%; }
.mypage-right-view-cancel .page-left-title {
color: #000000;
float: left;
font-size: 30px;
height: 90px;
line-height: 100px;
position: relative;
margin-right: 20px; }
.mypage-right-view-cancel .page-left-title-gift {
color: #000000;
float: left;
font-size: 30px;
height: 90px;
line-height: 40px;
margin-right: 20px;
width: 150px;
padding: 25px; }
.mypage-right-view-cancel .page-title-n {
width: 185px;
background: #fff;
margin: 0 auto;
z-index: 100;
position: relative;
text-align: center;
font-size: 25px;
font-weight: bold; }
.mypage-right-view-cancel .page-title {
color: #000000;
font-size: 30px;
height: 90px;
line-height: 100px;
position: relative;
width: 100%; }
.mypage-right-view-cancel .page-title hr {
color: #020202;
border: 1px solid;
position: absolute;
width: 100%;
z-index: 1;
top: 35%; }
.mypage-right-view-cancel .order-guide {
float: left;
font-size: 9px;
padding-top: 30px;
position: relative;
font-size: 11px; }
.mypage-right-view-cancel .order-guide .guide_msg {
width: 700px; }
.mypage-right-view-cancel .sub-title {
color: #000000;
font-size: 20px;
height: 42px;
line-height: 42px;
position: relative;
width: 100%;
border-bottom: 3px solid black;
text-align: center; }
.mypage-right-view-cancel .sub-title span {
position: absolute;
top: 20px;
background: #fff;
width: 200px;
left: 40%; }
.mypage-right-view-cancel .stat-color {
width: 100%;
padding: 0 5%; }
.mypage-right-view-cancel .stat-color .grey {
color: #919191;
border-top: 3px solid #cecece;
width: 28%;
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
padding-top: 10px;
float: left; }
.mypage-right-view-cancel .stat-color .red {
color: #b50000;
border-top: 3px solid #b50000;
width: 44%;
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
padding-top: 10px;
float: left;
margin-left: 3%; }
.mypage-right-view-cancel .stat-color .blk {
color: #303030;
border-top: 3px solid #303030;
width: 12%;
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
padding-top: 10px;
float: left;
margin-left: 3%; }
.mypage-right-view-cancel .result-box {
height: auto;
position: relative;
width: 100%;
height: auto;
margin-top: 15px;
position: relative;
width: 100%; }
.mypage-right-view-cancel .result-box .order-title-box {
margin-bottom: 10px; }
.mypage-right-view-cancel .result-box .order-title {
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.47;
letter-spacing: normal;
text-align: left;
color: #080808; }
.mypage-right-view-cancel .result-box .order-detail {
font-size: 15px;
float: right;
color: #080808;
text-decoration: underline; }
.mypage-right-view-cancel .result-box .item-box {
background-color: #ffffff;
border: solid 1px #e5e5e5;
width: 100%;
height: 200px; }
.mypage-right-view-cancel .result-box .item-box .box1 {
padding: 15px;
float: left; }
.mypage-right-view-cancel .result-box .item-box .box1 img {
width: 170px;
height: 170px;
border: solid 1px #e5e5e5; }
.mypage-right-view-cancel .result-box .item-box .box2 {
float: left;
padding: 23px 0px;
width: 350px; }
.mypage-right-view-cancel .result-box .item-box .box2 .title {
font-size: 15px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.47;
letter-spacing: normal;
text-align: left;
color: #080808;
display: block; }
.mypage-right-view-cancel .result-box .item-box .box2 .info {
font-family: NotoSansCJKkr;
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.69;
letter-spacing: normal;
text-align: left;
color: #6d6d6d;
display: block; }
.mypage-right-view-cancel .result-box .item-box .box2 .price {
margin-top: 28px;
font-size: 13px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.69;
letter-spacing: normal;
text-align: left;
color: #080808;
display: block; }
.mypage-right-view-cancel .result-box .item-box .box3 {
float: left;
width: 15%;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
margin-left: 30px; }
.mypage-right-view-cancel .result-box .item-box .box3 .stat {
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.47;
letter-spacing: normal;
text-align: center;
color: #080808;
display: block; }
.mypage-right-view-cancel .result-box .item-box .box3 .center-box-ship .shipment-box {
width: 100px;
height: 40px; }
.mypage-right-view-cancel .result-box .item-box .box3 .shipment-info {
font-family: NotoSansCJKkr;
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.47;
letter-spacing: normal;
text-align: center;
color: #080808; }
.mypage-right-view-cancel .result-box .item-box .box3 .btn {
margin-left: 40px;
width: 100px;
height: 40px;
border: solid 1px #6d6d6d;
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.15;
letter-spacing: normal;
text-align: center;
color: #080808;
margin: 5px 0px;
background: #fff; }
.mypage-right-view-cancel .result-box .item-box .box3 .btn-ship {
width: 100px;
height: 40px;
border: solid 1px #6d6d6d;
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.15;
letter-spacing: normal;
text-align: center;
color: #6d6d6d; }
.mypage-right-view-cancel .result-box .empty-text {
font-size: 13px;
font-weight: 300;
color: #777;
height: 160px;
line-height: 160px;
text-align: center;
width: 100%; }
.mypage-right-view-cancel .result-box .announce-list {
color: #080808;
font-size: 13px;
font-weight: 300; }
.mypage-right-view-cancel .result-box .announce-list ul {
margin-left: 20px; }
.mypage-right-view-cancel .result-box .announce-list li {
list-style-type: circle;
line-height: 30px; }
.mypage-right-view-cancel .circle-grey {
background: #cecece;
color: #333; }
.mypage-right-view-cancel .circle-red {
background: #b50000;
color: #fff; }
.mypage-right-view-cancel .circle-blk {
background: #303030;
color: #fff; }
.mypage-right-view-cancel .circle-area {
width: 123px;
display: inline-table;
width: 123px;
margin: 20px 10px 20px 10px; }
.mypage-right-view-cancel .circle-area span {
display: block;
width: 123px;
margin-top: 14px;
font-size: 13px; }
.mypage-right-view-cancel .circle-box {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
height: 123px;
vertical-align: top;
width: 123px; }
.mypage-right-view-cancel .circle-box .title {
font-size: 15px;
font-weight: 500;
margin-top: 50px;
margin-bottom: 10px;
position: relative;
text-align: center;
width: 100%; }
.mypage-right-view-cancel .circle-box .desc {
font-size: 11px;
font-weight: 300;
line-height: 14px;
margin: 0 auto;
position: relative;
text-align: center;
width: 70%; }
.mypage-right-view-cancel .detail-button {
border: 1px solid #e5e5e5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #777;
cursor: pointer;
font-size: 12px;
height: 25px;
line-height: 25px;
margin-bottom: 14px;
margin-top: 8px;
text-align: center;
width: 70px; }
.mypage-right-view-cancel .search-option-box {
margin-top: 50px;
border: 1px solid #e5e5e5;
height: 80px;
position: relative;
padding: 10px 5px 10px 5px;
width: 910px; }
.mypage-right-view-cancel .search-option-box .option-text {
color: #080808;
display: inline-block;
font-size: 14px;
font-weight: 400;
height: 35px;
line-height: 35px;
margin-left: 11px;
margin-bottom: 10px;
width: 150px;
vertical-align: top; }
.mypage-right-view-cancel .search-option-box .option-box {
display: inline-block;
font-size: 14px;
height: 35px;
width: 710px; }
.mypage-right-view-cancel .search-option-box .option-box li {
border: 1px solid #bbb;
border-right: 0px;
background-color: #e5e5e5;
color: #080808;
cursor: pointer;
display: inline-block;
font-weight: 300;
height: 35px;
line-height: 35px;
text-align: center;
width: 60px;
padding: 0 5px; }
.mypage-right-view-cancel .search-option-box .option-box .li-selected {
background-color: #ffffff; }
.mypage-right-view-cancel .search-option-box .option-box li:first-child {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
padding: 0; }
.mypage-right-view-cancel .search-option-box .option-box li:last-child {
border-right: 1px solid #acacac;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
padding: 0; }
.mypage-right-view-cancel .search-option-box .option-box .text {
display: inline-block;
height: 35px;
line-height: 35px;
margin-left: 5px;
margin-right: 8px;
vertical-align: top; }
.mypage-right-view-cancel .search-option-box .option-box .search-button {
border: 1px solid #bbb;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #e5e5e5;
cursor: pointer;
color: #080808;
display: inline-block;
float: right;
font-weight: 300;
height: 30px;
line-height: 30px;
margin-top: 2px;
text-align: center;
vertical-align: top;
width: 50px; }
.mypage-right-view-cancel .order-info-title-box {
color: #000000;
font-size: 13px;
position: relative;
width: 914px;
margin-bottom: 14px; }
.mypage-right-view-cancel .order-info-title-box .order-date-text-n {
display: inline-block;
font-size: 15px;
color: #080808; }
.mypage-right-view-cancel .order-info-title-box .order-date-text {
border-right: 1px solid #969696;
display: inline-block;
height: 25px;
line-height: 25px;
padding-left: 10px;
text-align: left;
width: 196px; }
.mypage-right-view-cancel .order-info-title-box .price {
color: #ed1c24;
height: 25px;
line-height: 25px; }
.mypage-right-view-cancel .order-info-title-box .order-no-text {
display: inline-block;
height: 44px;
line-height: 44px;
padding-left: 10px;
text-align: left;
width: 180px; }
.mypage-right-view-cancel .order-info-title-box .order-price-text {
display: inline-block;
height: 44px;
line-height: 44px;
padding-left: 10px;
text-align: right;
width: 180px; }
.mypage-right-view-cancel .order-info-title-box .detail-button {
background-color: #ffffff;
border: 1px solid #969696;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
cursor: pointer;
float: right;
font-size: 13px;
height: 25px;
line-height: 25px;
margin-top: 7px;
text-align: center;
width: 110px; }
.mypage-right-view-cancel .order-search-result-box {
height: auto;
position: relative;
width: 100%; }
.mypage-right-view-cancel .order-search-result-box .delivery-search-button {
margin: 0 auto;
margin-bottom: 5px;
position: relative;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000000;
cursor: pointer;
font-size: 13px;
height: 25px;
line-height: 25px;
text-align: center;
width: 80px; }
.mypage-right-view-cancel .order-search-result-box .shipment-info {
color: #000;
font-size: 11px;
margin-top: 5px; }
.mypage-right-view-cancel .order-search-result-box .order-state-button {
background-color: #fff;
margin: 0 auto;
margin-bottom: 5px;
position: relative;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border: 1px solid #6d6d6d;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000000;
cursor: pointer;
font-size: 13px;
height: 40px;
line-height: 40px;
text-align: center;
width: 100px; }
.mypage-right-view-cancel .order-search-result-box .center-box {
height: auto;
text-align: center;
width: 100%;
height: auto;
position: relative;
top: 50%;
transform: translateY(-50%); }
.mypage-right-view-cancel .order-search-result-box .center-box .top-text {
font-size: 15px;
height: 20px;
width: 100%;
color: #080808; }
.mypage-right-view-cancel .order-search-result-box .center-box .middle-text {
height: 20px;
font-size: 10px;
width: 100%; }
.mypage-right-view-cancel .order-search-result-box .product-list {
height: auto;
position: relative; }
.mypage-right-view-cancel .order-search-result-box .order-product-td {
height: 100%; }
.mypage-right-view-cancel .order-search-result-box .order-state {
font-size: 14px;
height: 100%;
padding: 5px;
position: relative;
text-align: center;
width: 119px; }
.mypage-right-view-cancel .order-search-result-box .order-menu {
font-size: 14px;
height: 100%;
padding: 5px;
position: relative;
width: 118px; }
.mypage-right-view-cancel .order-search-result-box .order-product {
padding: 5px 0px 0px 10px;
position: relative; }
.mypage-right-view-cancel .order-search-result-box .order-product .product-img {
background-color: #c6c6c6;
display: inline-block;
height: 120px;
position: relative;
width: 120px; }
.mypage-right-view-cancel .order-search-result-box .order-product .product-img img {
height: auto;
position: relative;
width: 170px; }
.mypage-right-view-cancel .order-search-result-box .order-product .product-img .event-tag {
bottom: 5px;
content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/set.svg);
height: auto;
position: absolute;
right: 5px;
width: 40px;
z-index: 100; }
.mypage-right-view-cancel .order-search-result-box .order-product .product-info-table {
display: inline-block;
margin-left: 60px;
vertical-align: top; }
.mypage-right-view-cancel .order-search-result-box .order-product .product-info-table ul {
margin: 0;
padding: 0; }
.mypage-right-view-cancel .order-search-result-box .order-product .product-info-table li {
list-style-type: none; }
.mypage-right-view-cancel .order-search-result-box .order-product .product-info-table .product-name {
color: #080808;
display: inline-block;
font-size: 15px;
font-weight: bold;
height: 40px;
line-height: 40px;
white-space: nowrap;
width: 200px; }
.mypage-right-view-cancel .order-search-result-box .order-product .product-info-table .review-button {
border: 1px solid #ed1c24;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ed1c24;
cursor: pointer;
font-size: 14px;
display: inline-block;
float: right;
height: 25px;
line-height: 25px;
margin-bottom: 7px;
margin-top: 7px;
text-align: center;
width: 90px; }
.mypage-right-view-cancel .order-search-result-box .order-product .product-info-table .order-info {
color: #000000;
display: inline-block;
font-size: 12px;
height: 20px;
line-height: 20px;
text-align: right;
width: 350px; }
.mypage-right-view-cancel .order-search-result-box .order-product .product-info-table .product-info {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
font-size: 13px;
height: 40px;
width: 340px;
color: #6d6d6d; }
.mypage-right-view-cancel .order-search-result-box .order-product .product-info-table .product-info ul {
display: inline-block;
margin: 0;
padding: 0;
width: 230px; }
.mypage-right-view-cancel .order-search-result-box .order-product .product-info-table .product-info li {
list-style-type: none;
margin: 0;
height: 22px;
line-height: 20px; }
.mypage-right-view-cancel .order-search-result-box .order-product .product-info-table .product-info .info-value {
display: inline-block; }
.mypage-right-view-cancel .order-search-result-box .order-product .product-info-table .product-info .price {
font-size: 13px;
font-weight: bold;
color: #080808;
margin-top: 35px; }
.mypage-right-view-cancel .order-search-result-box table > thead > tr > th {
color: #000;
font-size: 14px;
padding: 5px 0; }
.mypage-right-view-cancel .order-search-result-box table > thead > tr > th + th {
border-left: 1px solid #f5f5f5; }
.mypage-right-view-cancel .order-search-result-box table > thead > tr > th {
color: #777;
font-size: 13px;
padding: 0px 0;
font-weight: 400; }
.mypage-right-view-cancel #guestReturnTable th {
border: 1px solid #e5e5e5;
padding: 10px; }
.mypage-right-view-cancel #guestReturnTable .base-comp-product {
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5; }
.mypage-right-view-cancel #guestReturnTable .return-product-td:last-child {
border-right: 1px solid #e5e5e5; }
.mypage-right-view-cancel .customer-info {
font-size: 14px;
height: 60px;
padding: 10px 10px 10px 10px;
position: relative;
width: 690px; }
.mypage-right-view-cancel .customer-info .customer-info-left-box {
color: #000000;
display: inline-block;
float: left;
font-size: 14px;
font-weight: bold;
height: 60px;
min-width: 120px;
position: relative;
vertical-align: top;
width: auto; }
.mypage-right-view-cancel .customer-info .customer-info-right-box {
color: #969696;
display: inline-block;
font-size: 13px;
height: 60px;
vertical-align: top;
width: 500px;
white-space: nowrap; }
.mypage-right-view-cancel .customer-info .customer-info-right-box ul {
margin: 0;
padding: 0;
vertical-align: top; }
.mypage-right-view-cancel .customer-info .customer-info-right-box li {
list-style-type: none;
height: 16px;
line-height: 22px; }
.mypage-right-view-cancel .edit-button {
background-color: #E5E5E5;
display: inline-block;
float: right;
margin: 0 15px 5px 0;
position: relative;
height: auto;
position: relative;
top: 50%;
transform: translateY(-50%);
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000000;
cursor: pointer;
font-size: 13px;
height: 25px;
line-height: 25px;
text-align: center;
width: 50px; }
.mypage-right-view {
color: #080808;
height: auto;
min-height: 600px;
vertical-align: top;
width: 1000px;
margin: 180px auto; }
.mypage-right-view #ReturnTable th {
border: 1px solid #e5e5e5;
padding: 10px; }
.mypage-right-view #ReturnTable .base-comp-product {
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5; }
.mypage-right-view #ReturnTable .return-product-td:last-child {
border-right: 1px solid #e5e5e5; }
.mypage-right-view .title-box {
height: 90px;
position: relative;
width: 100%; }
.mypage-right-view .page-left-title {
color: #000000;
float: left;
font-size: 30px;
height: 90px;
line-height: 100px;
position: relative;
margin-right: 20px; }
.mypage-right-view .page-left-title-gift {
color: #000000;
float: left;
font-size: 30px;
height: 90px;
line-height: 40px;
margin-right: 20px;
width: 150px;
padding: 25px; }
.mypage-right-view .page-title-n {
width: 185px;
background: #fff;
margin: 0 auto;
z-index: 100;
position: relative;
text-align: center;
font-size: 25px;
font-weight: bold; }
.mypage-right-view .page-title {
color: #000000;
font-size: 30px;
height: 90px;
line-height: 100px;
position: relative;
width: 100%; }
.mypage-right-view .page-title hr {
color: #020202;
border: 1px solid;
position: absolute;
width: 100%;
z-index: 1;
top: 35%; }
.mypage-right-view .order-guide {
float: left;
font-size: 9px;
padding-top: 30px;
position: relative;
font-size: 11px; }
.mypage-right-view .order-guide .guide_msg {
width: 700px; }
.mypage-right-view .sub-title {
color: #000000;
font-size: 20px;
height: 42px;
line-height: 42px;
position: relative;
width: 100%;
border-bottom: 3px solid black;
text-align: center; }
.mypage-right-view .sub-title span {
position: absolute;
top: 20px;
background: #fff;
width: 200px;
left: 40%; }
.mypage-right-view .stat-color {
width: 100%;
padding: 0 5%; }
.mypage-right-view .stat-color .grey {
color: #919191;
border-top: 3px solid #cecece;
width: 28%;
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
padding-top: 10px;
float: left; }
.mypage-right-view .stat-color .red {
color: #b50000;
border-top: 3px solid #b50000;
width: 44%;
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
padding-top: 10px;
float: left;
margin-left: 3%; }
.mypage-right-view .stat-color .blk {
color: #303030;
border-top: 3px solid #303030;
width: 12%;
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
padding-top: 10px;
float: left;
margin-left: 3%; }
.mypage-right-view .result-box {
height: auto;
position: relative;
width: 100%;
height: auto;
margin-top: 15px;
position: relative;
width: 100%; }
.mypage-right-view .result-box .order-title-box {
margin-bottom: 10px; }
.mypage-right-view .result-box .order-title-box .center-box {
text-align: center; }
.mypage-right-view .result-box .order-title {
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.47;
letter-spacing: normal;
text-align: left;
color: #080808; }
.mypage-right-view .result-box .order-detail {
font-size: 15px;
float: right;
color: #080808;
text-decoration: underline; }
.mypage-right-view .result-box .item-box {
background-color: #ffffff;
border: solid 1px #e5e5e5;
width: 100%;
height: 200px; }
.mypage-right-view .result-box .item-box .box1 {
padding: 15px;
float: left;
position: relative; }
.mypage-right-view .result-box .item-box .box1 .event-shoes {
height: 40px;
color: #fff;
border: 0;
background: url("//d319d1tzjwpwbb.cloudfront.net/common/icons/shoespouch.svg") no-repeat;
position: absolute;
top: 25px;
left: 25px;
font-size: 12px;
text-align: center;
padding-top: 4px;
width: 100%; }
.mypage-right-view .result-box .item-box .box1 .event-sac {
height: 40px;
color: #fff;
border: 0;
background: url("//d319d1tzjwpwbb.cloudfront.net/common/sac/badge.svg") no-repeat;
position: absolute;
top: 25px;
left: 25px;
font-size: 12px;
text-align: center;
padding-top: 4px;
width: 100%; }
.mypage-right-view .result-box .item-box .box1 img {
width: 170px;
height: 170px;
border: solid 1px #e5e5e5; }
.mypage-right-view .result-box .item-box .box2 {
float: left;
padding: 23px 0px;
width: 350px; }
.mypage-right-view .result-box .item-box .box2 .title {
font-size: 15px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.47;
letter-spacing: normal;
text-align: left;
color: #080808;
display: block; }
.mypage-right-view .result-box .item-box .box2 .info {
font-family: NotoSansCJKkr;
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.69;
letter-spacing: normal;
text-align: left;
color: #6d6d6d;
display: block; }
.mypage-right-view .result-box .item-box .box2 .price {
margin-top: 28px;
font-size: 13px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.69;
letter-spacing: normal;
text-align: left;
color: #080808;
display: block; }
.mypage-right-view .result-box .item-box .box3 {
float: left;
width: 15%;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
margin-left: 30px;
text-align: center; }
.mypage-right-view .result-box .item-box .box3 .stat {
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.47;
letter-spacing: normal;
text-align: center;
color: #080808;
display: block; }
.mypage-right-view .result-box .item-box .box3 .center-box-ship .shipment-box {
width: 100px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 8px; }
.mypage-right-view .result-box .item-box .box3 .shipment-info {
font-family: NotoSansCJKkr;
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.47;
letter-spacing: normal;
text-align: center;
color: #080808; }
.mypage-right-view .result-box .item-box .box3 .btn {
margin-left: 40px;
width: 100px;
height: 40px;
border: solid 1px #6d6d6d;
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 15px;
letter-spacing: normal;
text-align: center;
color: #080808;
margin: 5px 0px;
background: #fff; }
.mypage-right-view .result-box .item-box .box3 .btn-ship {
width: 100px;
height: 40px;
border: solid 1px #6d6d6d;
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.15;
letter-spacing: normal;
text-align: center;
color: #6d6d6d; }
.mypage-right-view .result-box .empty-text {
font-size: 13px;
font-weight: 300;
color: #777;
height: 160px;
line-height: 160px;
text-align: center;
width: 100%; }
.mypage-right-view .result-box .announce-list {
color: #080808;
font-size: 13px;
font-weight: 300; }
.mypage-right-view .result-box .announce-list ul {
margin-left: 20px; }
.mypage-right-view .result-box .announce-list li {
list-style-type: circle;
line-height: 30px; }
.mypage-right-view .circle-grey {
background: #cecece;
color: #333; }
.mypage-right-view .circle-red {
background: #b50000;
color: #fff; }
.mypage-right-view .circle-blk {
background: #303030;
color: #fff; }
.mypage-right-view .circle-area {
width: 123px;
display: inline-table;
width: 123px;
margin: 20px 10px 20px 10px;
position: relative; }
.mypage-right-view .circle-area span {
display: block;
width: 123px;
margin-top: 14px;
font-size: 13px; }
.mypage-right-view .circle-area:before {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-size: 20px 20px;
display: inline-block;
width: 20px;
height: 20px;
content: '';
position: absolute;
top: 50px;
right: -20px;
transform: rotate(270deg); }
.mypage-right-view .circle-area:last-child:before {
width: 0;
height: 0; }
.mypage-right-view .circle-box {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
height: 123px;
vertical-align: top;
width: 123px; }
.mypage-right-view .circle-box .title {
font-size: 15px;
font-weight: 500;
margin-top: 50px;
margin-bottom: 10px;
position: relative;
text-align: center;
width: 100%; }
.mypage-right-view .circle-box .desc {
font-size: 11px;
font-weight: 300;
line-height: 14px;
margin: 0 auto;
position: relative;
text-align: center;
width: 70%; }
.mypage-right-view .detail-button {
border: 1px solid #e5e5e5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #777;
cursor: pointer;
font-size: 12px;
height: 25px;
line-height: 25px;
margin-bottom: 14px;
margin-top: 8px;
text-align: center;
width: 70px; }
.mypage-right-view .search-option-box {
margin-top: 50px;
margin-bottom: 50px;
border: 1px solid #e5e5e5;
height: 80px;
position: relative;
padding: 10px 5px 10px 5px;
width: 990px; }
.mypage-right-view .search-option-box .option-text {
color: #080808;
display: inline-block;
font-size: 14px;
font-weight: 400;
height: 35px;
line-height: 35px;
margin-left: 40px;
margin-bottom: 10px;
width: 150px;
vertical-align: top; }
.mypage-right-view .search-option-box .option-box {
display: inline-block;
font-size: 14px;
height: 35px;
width: 710px; }
.mypage-right-view .search-option-box .option-box li {
border-right: 0px;
background-color: #e5e5e5;
color: #080808;
cursor: pointer;
display: inline-block;
float: left;
font-weight: 300;
height: 35px;
line-height: 36px;
text-align: center;
width: 60px;
padding: 0 5px; }
.mypage-right-view .search-option-box .option-box .li-selected {
background-color: #ffffff;
border: 1px solid #e5e5e5;
height: 33px;
line-height: 34px; }
.mypage-right-view .search-option-box .option-box .text {
display: inline-block;
height: 35px;
line-height: 35px;
margin-left: 5px;
margin-right: 8px;
vertical-align: top; }
.mypage-right-view .search-option-box .option-box .search-button {
border: 1px solid #6d6d6d;
cursor: pointer;
display: inline-block;
margin-left: 20px;
font-weight: 300;
padding: 7px 0;
margin-top: 2px;
text-align: center;
vertical-align: top;
width: 78px;
font-size: 13px;
color: #6d6d6d;
transform: translateY(-10%); }
.mypage-right-view .search-option-box .option-box .year-dropdown {
transform: translateY(-10%); }
.mypage-right-view .search-option-box .option-box .year-dropdown .Dropdown-root, .mypage-right-view .search-option-box .option-box .year-dropdown .Dropdown-control {
width: 73px; }
.mypage-right-view .search-option-box .option-box .year-dropdown .Dropdown-control {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 1px solid #e5e5e5;
height: 33px;
line-height: 34px; }
.mypage-right-view .order-info-title-box {
color: #000000;
font-size: 13px;
position: relative;
width: 914px;
margin-bottom: 14px; }
.mypage-right-view .order-info-title-box .order-date-text-n {
display: inline-block;
font-size: 15px;
color: #080808; }
.mypage-right-view .order-info-title-box .order-date-text {
border-right: 1px solid #969696;
display: inline-block;
height: 25px;
line-height: 25px;
padding-left: 10px;
text-align: left;
width: 196px; }
.mypage-right-view .order-info-title-box .price {
color: #ed1c24;
height: 25px;
line-height: 25px; }
.mypage-right-view .order-info-title-box .order-no-text {
display: inline-block;
height: 44px;
line-height: 44px;
padding-left: 10px;
text-align: left;
width: 180px; }
.mypage-right-view .order-info-title-box .order-price-text {
display: inline-block;
height: 44px;
line-height: 44px;
padding-left: 10px;
text-align: right;
width: 180px; }
.mypage-right-view .order-info-title-box .detail-button {
background-color: #ffffff;
border: 1px solid #969696;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
cursor: pointer;
float: right;
font-size: 13px;
height: 25px;
line-height: 25px;
margin-top: 7px;
text-align: center;
width: 110px; }
.mypage-right-view .order-search-result-box {
height: auto;
position: relative;
width: 100%; }
.mypage-right-view .order-search-result-box .delivery-search-button {
margin: 0 auto;
margin-bottom: 5px;
position: relative;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000000;
cursor: pointer;
font-size: 13px;
height: 25px;
line-height: 25px;
text-align: center;
width: 80px; }
.mypage-right-view .order-search-result-box .shipment-info {
color: #000;
font-size: 11px;
margin-top: 5px; }
.mypage-right-view .order-search-result-box .order-state-button {
background-color: #fff;
margin: 0 auto;
margin-bottom: 5px;
position: relative;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border: 1px solid #6d6d6d;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000000;
cursor: pointer;
font-size: 13px;
height: 40px;
line-height: 40px;
text-align: center;
width: 100px; }
.mypage-right-view .order-search-result-box .center-box {
height: auto;
text-align: center;
width: 100%;
height: auto;
position: relative;
top: 50%;
transform: translateY(-50%); }
.mypage-right-view .order-search-result-box .center-box .top-text {
font-size: 15px;
height: 20px;
width: 100%;
color: #080808; }
.mypage-right-view .order-search-result-box .center-box .middle-text {
height: 20px;
font-size: 10px;
width: 100%; }
.mypage-right-view .order-search-result-box .product-list {
height: auto;
position: relative; }
.mypage-right-view .order-search-result-box .order-product-td {
height: 100%; }
.mypage-right-view .order-search-result-box .order-state {
font-size: 14px;
height: 100%;
padding: 5px;
position: relative;
text-align: center;
width: 119px; }
.mypage-right-view .order-search-result-box .order-menu {
font-size: 14px;
height: 100%;
padding: 5px;
position: relative;
width: 118px; }
.mypage-right-view .order-search-result-box .order-product {
padding: 5px 0px 0px 10px;
position: relative; }
.mypage-right-view .order-search-result-box .order-product .product-img {
background-color: #c6c6c6;
display: inline-block;
height: 170px;
position: relative;
width: 170px; }
.mypage-right-view .order-search-result-box .order-product .product-img img {
height: auto;
position: relative;
width: 170px; }
.mypage-right-view .order-search-result-box .order-product .product-img .event-tag {
bottom: 5px;
content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/set.svg);
height: auto;
position: absolute;
right: 5px;
width: 40px;
z-index: 100; }
.mypage-right-view .order-search-result-box .order-product .product-info-table {
display: inline-block;
margin-left: 60px;
vertical-align: top; }
.mypage-right-view .order-search-result-box .order-product .product-info-table ul {
margin: 0;
padding: 0; }
.mypage-right-view .order-search-result-box .order-product .product-info-table li {
list-style-type: none; }
.mypage-right-view .order-search-result-box .order-product .product-info-table .product-name {
color: #080808;
display: inline-block;
font-size: 15px;
font-weight: bold;
height: 40px;
line-height: 40px;
white-space: nowrap;
width: 200px; }
.mypage-right-view .order-search-result-box .order-product .product-info-table .review-button {
border: 1px solid #ed1c24;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ed1c24;
cursor: pointer;
font-size: 14px;
display: inline-block;
float: right;
height: 25px;
line-height: 25px;
margin-bottom: 7px;
margin-top: 7px;
text-align: center;
width: 90px; }
.mypage-right-view .order-search-result-box .order-product .product-info-table .order-info {
color: #000000;
display: inline-block;
font-size: 12px;
height: 20px;
line-height: 20px;
text-align: right;
width: 350px; }
.mypage-right-view .order-search-result-box .order-product .product-info-table .product-info {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
font-size: 13px;
height: 40px;
width: 340px;
color: #6d6d6d; }
.mypage-right-view .order-search-result-box .order-product .product-info-table .product-info ul {
display: inline-block;
margin: 0;
padding: 0;
width: 230px; }
.mypage-right-view .order-search-result-box .order-product .product-info-table .product-info li {
list-style-type: none;
margin: 0;
height: 22px;
line-height: 20px; }
.mypage-right-view .order-search-result-box .order-product .product-info-table .product-info .info-value {
display: inline-block; }
.mypage-right-view .order-search-result-box .order-product .product-info-table .product-info .price {
font-size: 13px;
font-weight: bold;
color: #080808;
margin-top: 35px; }
.mypage-right-view .order-search-result-box table > thead > tr > th {
color: #000;
font-size: 14px;
padding: 5px 0; }
.mypage-right-view .order-search-result-box table > thead > tr > th + th {
border-left: 1px solid #f5f5f5; }
.mypage-right-view .order-search-result-box table > thead > tr > th {
color: #777;
font-size: 13px;
padding: 0px 0;
font-weight: 400; }
.mypage-right-view .customer-info {
font-size: 14px;
height: 60px;
padding: 10px 10px 10px 10px;
position: relative;
width: 690px; }
.mypage-right-view .customer-info .customer-info-left-box {
color: #000000;
display: inline-block;
float: left;
font-size: 14px;
font-weight: bold;
height: 60px;
min-width: 120px;
position: relative;
vertical-align: top;
width: auto; }
.mypage-right-view .customer-info .customer-info-right-box {
color: #969696;
display: inline-block;
font-size: 13px;
height: 60px;
vertical-align: top;
width: 500px;
white-space: nowrap; }
.mypage-right-view .customer-info .customer-info-right-box ul {
margin: 0;
padding: 0;
vertical-align: top; }
.mypage-right-view .customer-info .customer-info-right-box li {
list-style-type: none;
height: 16px;
line-height: 22px; }
.mypage-right-view .edit-button {
background-color: #E5E5E5;
display: inline-block;
float: right;
margin: 0 15px 5px 0;
position: relative;
height: auto;
position: relative;
top: 50%;
transform: translateY(-50%);
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000000;
cursor: pointer;
font-size: 13px;
height: 25px;
line-height: 25px;
text-align: center;
width: 50px; }
.mypage-right-view .modal-wrapper.shipment {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: space-between;
z-index: 99999;
overflow: visible; }
.mypage-right-view .modal-wrapper.shipment .modal-box {
width: 940px;
height: auto;
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.5);
background-color: #ffffff;
position: relative;
margin: 0 auto;
padding-bottom: 60px; }
.mypage-right-view .modal-wrapper.shipment .modal-box .shipment-header {
display: flex;
justify-content: space-between;
margin: 24px 24px 40px 24px; }
.mypage-right-view .modal-wrapper.shipment .modal-box .shipment-header .title {
font-family: NotoSansCJKkr;
font-size: 24px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #080808;
display: block; }
.mypage-right-view .modal-wrapper.shipment .modal-box .shipment-header .x-btn {
width: 20px;
height: 20px;
cursor: pointer;
display: block;
position: unset;
top: unset;
right: unset; }
.mypage-right-view .modal-wrapper.shipment .modal-box .shipment-body.scrolling {
height: 400px;
overflow-y: scroll; }
.mypage-right-view .modal-wrapper.shipment .modal-box .shipment-body {
display: flex;
flex-direction: column;
padding: 0 78px 0 24px; }
.mypage-right-view .modal-wrapper.shipment .modal-box .shipment-body .shiped-item-box {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 15px 0;
width: 100%;
display: flex;
justify-content: space-between; }
.mypage-right-view .modal-wrapper.shipment .modal-box .shipment-body .shiped-item-box .product-info-box {
display: flex; }
.mypage-right-view .modal-wrapper.shipment .modal-box .shipment-body .shiped-item-box .product-info-box .shiped-img {
width: 170px;
height: 170px;
display: block; }
.mypage-right-view .modal-wrapper.shipment .modal-box .shipment-body .shiped-item-box .product-info-box .product-info {
width: 174px;
margin: 8px 0 8px 16px;
display: flex;
flex-direction: column;
justify-content: space-between; }
.mypage-right-view .modal-wrapper.shipment .modal-box .shipment-body .shiped-item-box .product-info-box .product-info .product-info-top .product-name {
font-family: NotoSansCJKkr;
font-size: 15px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.47;
letter-spacing: normal;
color: #080808;
display: block;
margin-bottom: 10px; }
.mypage-right-view .modal-wrapper.shipment .modal-box .shipment-body .shiped-item-box .product-info-box .product-info .product-info-top .product-color, .mypage-right-view .modal-wrapper.shipment .modal-box .shipment-body .shiped-item-box .product-info-box .product-info .product-info-top .product-size, .mypage-right-view .modal-wrapper.shipment .modal-box .shipment-body .shiped-item-box .product-info-box .product-info .product-info-top .product-qty {
font-family: NotoSansCJKkr;
font-size: 13px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.69;
letter-spacing: normal;
color: #6d6d6d;
display: block; }
.mypage-right-view .modal-wrapper.shipment .modal-box .shipment-body .shiped-item-box .product-info-box .product-info .product-info-bottom .product-price {
font-family: NotoSansCJKkr;
font-size: 13px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.69;
letter-spacing: normal;
color: #080808; }
.mypage-right-view .modal-wrapper.shipment .modal-box .shipment-body .shiped-item-box .product-status {
display: flex;
align-items: center;
justify-content: center; }
.mypage-right-view .modal-wrapper.shipment .modal-box .shipment-body .shiped-item-box .product-status .status, .mypage-right-view .modal-wrapper.shipment .modal-box .shipment-body .shiped-item-box .product-status .ship-data {
display: flex;
align-items: center;
justify-content: center;
font-family: NotoSansCJKkr;
font-size: 15px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.47;
letter-spacing: normal;
text-align: center;
color: #080808;
margin-right: 24px; }
.mypage-right-view .modal-wrapper.shipment .modal-box .shipment-body .shiped-item-box .product-status .status {
width: 79px;
height: 72px; }
.mypage-right-view .modal-wrapper.shipment .modal-box .shipment-body .shiped-item-box .product-status .ship-data {
width: 126px;
height: 72px; }
.mypage-right-view .modal-wrapper.shipment .modal-box .shipment-body .shiped-item-box .product-status .delivery-racking, .mypage-right-view .modal-wrapper.shipment .modal-box .shipment-body .shiped-item-box .product-status .delivery-racking-ready {
font-family: NotoSansCJKkr;
font-size: 13px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.15;
letter-spacing: normal;
text-align: center;
color: #6d6d6d;
width: 100px;
height: 40px;
display: flex;
align-items: center;
justify-content: center; }
.mypage-right-view .modal-wrapper.shipment .modal-box .shipment-body .shiped-item-box .product-status .delivery-racking {
border: solid 1px #6d6d6d; }
.guest-order-detail {
margin: auto;
width: 924px; }
.circle-area-cancel {
width: 20% !important; }
.circle-area-cancel span {
width: 100% !important; }
.barcode {
font-family: 'Libre Barcode 128', cursive;
font-size: 30px; }
.barcode_text {
font-family: 'Libre Barcode 128 Text', cursive;
font-size: 30px; }
.pdb-btn {
width: 100%;
height: 100px;
font-size: 30px;
text-align: center;
line-height: 100px;
position: relative; }
.pdb-btn img {
width: 50px;
position: absolute;
bottom: 0; }
.info-title {
color: #000000;
font-size: 16px;
font-weight: bold;
height: 22px;
line-height: 22px;
margin-bottom: 15px;
position: relative;
width: 100%; }
.refund-history-info-box-wrap {
border-top: 2px solid #969696; }
.refund-history-info-box-wrap .info-box {
border-bottom: 1px solid #e5e5e5;
height: auto;
min-height: 60px;
position: relative;
width: 100%; }
.customer-name-box {
color: #000000;
display: inline-block;
font-size: 16px;
font-weight: bold;
height: 70px;
min-width: 100px;
padding: 10px 10px 10px 10px;
vertical-align: top;
width: auto; }
.customer-info-box {
color: #969696;
display: inline-block;
font-size: 15px;
height: 70px;
line-height: 23px;
padding: 10px 10px 10px 10px;
vertical-align: top;
width: 450px; }
.customer-info-box li {
white-space: nowrap; }
.payment-info-table {
border-top: 2px solid #969696;
color: #333;
font-size: 13px; }
.payment-info-table ul {
margin: 0;
padding: 0; }
.payment-info-table li {
list-style-type: none;
height: 30px;
line-height: 30px;
width: 100%; }
.payment-info-table .align-left {
float: left; }
.payment-info-table .align-right {
float: right; }
.payment-info-table .table-tr {
border-bottom: 1px solid #969696; }
.payment-info-table .left-td-1 {
background-color: #f5f5f5;
font-size: 14px;
height: 140px;
padding-left: 10px;
width: 150px; }
.payment-info-table .left-td-2 {
background-color: #f5f5f5;
font-size: 15px;
height: 100px;
padding-left: 10px;
width: 150px; }
.payment-info-table .middle-td-1 {
border-right: 1px solid #969696;
height: 140px;
padding: 0 10px 0 10px;
width: 430px; }
.payment-info-table .middle-td-2 {
border-right: 1px solid #969696;
height: 100px;
padding: 0 10px 0 10px;
width: 430px; }
.payment-info-table .last-td-1 {
height: 140px;
padding-left: 10px;
width: 160px; }
.payment-info-table .last-td-2 {
height: 90px;
padding-left: 10px;
padding-top: 10px;
width: 160px;
vertical-align: top; }
.payment-info-box {
border-bottom: 1px solid #e5e5e5;
font-size: 14px;
height: 100px;
position: relative;
width: 100%; }
.payment-info-box .payment-type {
display: inline-block;
height: 100%;
padding: 10px;
vertical-align: top;
width: 430px; }
.payment-info-box .price-info {
background-color: #e5e5e5;
display: inline-block;
height: 80px;
padding: 10px;
vertical-align: top;
width: 280px; }
.payment-info-box .price-info li {
height: 25px;
width: 280px; }
.payment-info-box .price-info .left-text {
display: inline-block;
float: left;
width: 65%; }
.payment-info-box .price-info .right-text {
display: inline-block;
float: right;
text-align: right;
width: 35%; }
.payment-info-box .price-info .right-text .bold {
color: #000000;
display: inline-block;
font-weight: bold; }
.payment-info-box .price-info .right-text .red-bold {
color: #ed1c24;
display: inline-block;
font-weight: bold; }
.payment-info-box .price-info .red-font {
color: #ed1c24; }
.recipt-button {
background-color: #E5E5E5;
display: inline-block;
margin-right: 5px;
margin-top: 10px;
vertical-align: top;
position: relative;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000000;
cursor: pointer;
font-size: 13px;
height: 25px;
line-height: 25px;
text-align: center;
width: 80px; }
.cancel-product-item {
display: inline-block;
width: 710px;
height: auto;
margin: 0; }
.cancel-product-item .product-info {
border-bottom: 2px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
height: 140px;
position: relative;
width: 570px; }
.cancel-product-item .product-info .product-img {
display: inline-block;
float: left;
width: 120px;
height: 120px;
background-color: #c6c6c6;
margin-top: 10px;
margin-left: 10px; }
.cancel-product-item .product-info .confirmed-box {
display: inline-block;
float: left;
width: 420px;
height: 120px;
margin-top: 20px;
margin-left: 10px; }
.cancel-product-item .product-info .confirmed-box .confirmed-name {
color: #000000;
display: inline-block;
width: 100%;
font-size: 16px;
font-weight: bold; }
.cancel-product-item .product-info .confirmed-box .confirmed-detail {
background-color: #e6e6e6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
display: inline-block;
font-size: 14px;
height: 50px;
margin-top: 30px;
text-align: left;
width: 100%; }
.cancel-product-item .product-info .confirmed-box .confirmed-detail ul {
display: inline-block;
width: 20%;
margin: 6px 50px 0px 6px;
padding: 0; }
.cancel-product-item .product-info .confirmed-box .confirmed-detail li {
list-style-type: none;
height: 25px;
white-space: nowrap; }
.cancel-product-item .product-info .confirmed-box .confirmed-detail .confirmed-text {
display: inline-block;
height: 57px;
line-height: 57px;
vertical-align: top;
width: 85px;
text-align: right; }
.cancel-product-item .product-info .confirmed-box .confirmed-detail .confirmed-price {
color: #000000;
display: inline-block;
font-weight: bold;
height: 57px;
line-height: 57px;
text-align: right;
vertical-align: top;
width: 85px; }
.cancel-product-item .product-info .confirmed-box .confirmed-detail .confirmed-won {
display: inline-block;
height: 57px;
line-height: 57px;
vertical-align: top; }
.cancel-product-item .product-price {
border-bottom: 2px solid #e6e6e6;
display: inline-block;
height: 100%;
position: relative;
width: 139px; }
.cancel-product-item .product-price .price-box {
font-size: 16px;
margin: 0 auto;
width: 100%;
text-align: center;
height: auto;
position: relative;
top: 50%;
transform: translateY(-50%); }
.cancel-product-item .product-price .price-box .price {
display: inline-block;
font-weight: bold;
color: #000000; }
.cancel-product-item .product-price .price-box .won {
display: inline-block;
color: #969696; }
.refund-info-box {
height: 160px;
position: relative;
width: 750px; }
.refund-info-box ul {
margin: 0;
padding: 0;
display: inline-block; }
.refund-info-box li {
list-style-type: none;
padding: 0;
line-height: 28px;
width: 335px; }
.refund-info-box .left-text {
display: inline-block;
float: left;
width: 65%; }
.refund-info-box .right-text {
display: inline-block;
float: right;
text-align: right;
width: 35%; }
.refund-info-box .right-text .bold {
color: #000000;
display: inline-block;
font-weight: bold; }
.refund-info-box .right-text .red-bold {
color: #ed1c24;
display: inline-block;
font-weight: bold; }
.refund-info-box .red-font {
color: #ed1c24; }
.refund-info-left-box {
border: 1px solid #e5e5e5;
display: inline-block;
float: left;
font-size: 14px;
height: 140px;
padding: 10px;
width: 353px; }
.refund-info-right-box {
display: inline-block;
font-size: 14px;
float: left;
background-color: #E5E5E5;
height: 162px;
position: relative;
width: 375px; }
.refund-info-right-box .top-box {
border-bottom: 1px solid #969696;
height: 20px;
position: relative;
padding: 10px;
width: 355px; }
.refund-info-right-box .bottom-box {
height: 130px;
position: relative;
padding: 10px;
width: 355px; }
.refund-notice-text {
font-size: 16px;
margin-top: 25px;
text-align: center; }
.refund-notice-text b {
font-size: 18px; }
.refund-button-box {
height: 40px;
margin: 30px auto;
margin-top: 20px;
position: relative;
text-align: center; }
.refund-button-box.refund-button-box-re {
width: 100%;
text-align: center;
margin-top: 50px; }
.refund-button-box .refund-cancel-button {
display: inline-block;
margin-right: 5px;
position: relative;
border: 1px solid #ca0000;
padding: 13px 0;
font-size: 15px;
font-weight: 500;
color: #ca0000;
width: 185px;
text-align: center; }
.refund-button-box .refund-submit-button {
display: inline-block;
position: relative;
border: 1px solid #ca0000;
padding: 13px 0;
font-size: 15px;
font-weight: 500;
color: #ffffff;
width: 185px;
text-align: center;
background-color: #ca0000;
cursor: pointer; }
.cancelorder-result-content {
color: #000000;
font-size: 16px;
height: 300px;
margin: 0 auto;
padding-top: 80px;
position: relative;
width: 360px; }
.cancelorder-result-content .cancelorder-result-msg {
height: 50px;
line-height: 50px;
position: relative;
text-align: center;
width: 100%; }
.cancelorder-result-content .cancelorder-result-box {
border: 1px solid #969696;
height: 40px;
margin-bottom: 10px;
position: relative;
width: 100%; }
.cancelorder-result-content .cancelorder-result-box .result-title-box {
display: inline-block;
height: 40px;
line-height: 40px;
text-align: center;
width: 35%; }
.cancelorder-result-content .cancelorder-result-box .result-price-box {
background-color: #e5e5e5;
color: #ed1c24;
display: inline-block;
height: 40px;
line-height: 40px;
text-align: center;
width: 65%; }
.cancelorder-result-content .return-bank-msg {
font-size: 10px;
text-align: center;
width: 100%; }
.cancelorder-result-content .cancelorder-faq-button {
font-size: 10px;
margin: 0 auto;
margin-bottom: 10px;
position: relative;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000000;
cursor: pointer;
font-size: 13px;
height: 20px;
line-height: 20px;
text-align: center;
width: 80px; }
.cancelorder-result-content .cancelorder-result-button-box {
height: 65px;
margin: 0 auto;
padding-top: 30px;
position: relative;
width: 230px; }
.cancelorder-result-content .cancelorder-list-button {
background-color: #000000;
display: inline-block;
margin-right: 5px;
position: relative;
border: 1px solid #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
font-size: 13px;
height: 35px;
line-height: 35px;
text-align: center;
width: 110px; }
.cancelorder-result-content .cancelorder-go-shop-button {
display: inline-block;
position: relative;
border: 1px solid #ed1c24;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ed1c24;
cursor: pointer;
font-size: 13px;
height: 35px;
line-height: 35px;
text-align: center;
width: 110px; }
.cancel-order-done {
text-align: center;
padding-top: 90px; }
.cancel-order-done .title {
font-size: 23px;
font-weight: bold;
line-height: 1.74;
color: #020202; }
.cancel-order-done .desc {
font-size: 13px;
line-height: 1.62;
text-align: center;
color: #6d6d6d; }
.cancel-order-done .btn {
width: 185px;
background-color: #ca0000;
display: inline-block;
padding: 14px 0;
font-size: 15px;
font-weight: 300;
color: #ffffff;
margin-top: 60px; }
.refund-info-n {
font-size: 20px;
text-align: center; }
.cancel-order-product-item-n {
border: 1px solid #e5e5e5;
width: 95%;
height: 170px;
padding: 10px;
display: flex;
color: #080808; }
.cancel-order-product-item-n .price-box {
font-size: 15px;
line-height: 1.47;
font-weight: bold;
height: 100%;
display: flex; }
.cancel-order-product-item-n .price-box span {
margin: auto; }
.cancel-order-product-item-n .product-img {
width: 170px;
height: 170px; }
.cancel-order-product-item-n .product-info {
margin-left: 10px;
padding: 10px;
width: 60%; }
.cancel-order-product-item-n .product-info .name {
font-size: 15px;
font-weight: bold;
line-height: 1.47;
display: block; }
.cancel-order-product-item-n .product-info .price {
display: block;
font-size: 13px;
font-weight: bold;
line-height: 1.69; }
.cancel-order-product-item-n .product-info .var {
font-size: 13px;
line-height: 1.69;
color: #6d6d6d;
display: block; }
.cancel-order-product-item {
display: block;
height: 148px;
width: 750px; }
.cancel-order-product-item .cancel-product-info {
border-bottom: 1px solid #bbbbbb;
border-right: 1px solid #bbbbbb;
display: inline-block;
height: 100%;
width: 600px; }
.cancel-order-product-item .cancel-product-info input[type=checkbox] {
display: inline-block;
float: left;
width: 20px;
zoom: 2; }
.cancel-order-product-item .cancel-product-info .product-img {
display: inline-block;
float: left;
height: 120px;
margin-top: 14px;
margin-left: 14px;
width: 120px; }
.cancel-order-product-item .cancel-product-info .product-info-box {
display: inline-block;
float: left;
height: 118px;
margin-top: 20px;
margin-left: 10px;
width: 450px; }
.cancel-order-product-item .cancel-product-info .product-info-box .product-name {
display: inline-block;
font-size: 16px;
font-weight: bold;
width: 100%; }
.cancel-order-product-item .cancel-product-info .product-info-box .product-detail {
background-color: #f5f5f5;
color: #969696;
display: inline-block;
font-size: 14px;
height: 60px;
margin-top: 30px;
text-align: left;
width: 450px; }
.cancel-order-product-item .cancel-product-info .product-info-box .product-detail .value {
color: #777; }
.cancel-order-product-item .cancel-product-info .product-info-box .product-detail ul {
display: inline-block;
width: 20%;
margin: 8px 120px 0px 6px;
padding: 0; }
.cancel-order-product-item .cancel-product-info .product-info-box .product-detail li {
list-style-type: none;
margin-bottom: 5px; }
.cancel-order-product-item .cancel-product-info .product-info-box .product-detail .cancel-price {
color: #000000;
float: right;
font-weight: bold;
height: 60px;
line-height: 60px;
margin-right: 20px;
text-align: right;
width: 120px; }
.cancel-order-product-item .cancel-product-info .product-info-box .product-detail .confirmed-won {
display: inline-block;
height: 50px;
line-height: 50px;
vertical-align: top; }
.cancel-order-product-item .cancel-product-price {
border-bottom: 1px solid #bbbbbb;
display: inline-block;
height: 148px;
vertical-align: top;
width: 149px; }
.cancel-order-product-item .cancel-product-price .price-box {
font-size: 18px;
text-align: center;
height: 103px;
margin: auto;
padding-top: 45px;
width: 100%; }
.cancel-order-product-item .cancel-product-price .price-box .cancel-quantity {
display: inline-block;
font-size: 14px;
height: 14px;
text-align: center;
width: 100%; }
.cancel-order-product-item .cancel-product-price .price-box .price {
display: inline-block;
font-weight: bold;
color: #080808; }
.cancel-order-product-item .cancel-product-price .price-box .won {
display: inline-block;
color: #080808; }
.return-product-td {
height: 130px; }
.return-product-center-align-element {
height: auto;
position: relative;
top: 50%;
transform: translateY(-50%); }
.return-product-quantity {
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
color: #000000;
height: 100%;
width: 160px;
text-align: center;
position: relative; }
.return-product-quantity:before {
content: '';
width: 600px;
height: 1px;
background-color: #e5e5e5;
position: absolute;
bottom: -1px;
left: -585px; }
.return-product-quantity:after {
content: '';
width: 10px;
height: 30px;
background-color: white;
position: absolute;
bottom: -17px;
right: -161px;
z-index: 1; }
.return-product-price {
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
color: #000000;
font-size: 16px;
height: 100%;
width: 160px;
text-align: center;
position: relative; }
.return-product-price .bold {
display: inline-block;
font-weight: bold; }
.return-product-price:after {
content: '';
width: 110%;
height: 10px;
background-color: white;
position: absolute;
top: 0;
left: -105%; }
.return-product-price:before {
content: '';
width: 110%;
height: 10px;
background-color: white;
position: absolute;
bottom: 0;
left: -105%; }
.return-product-editor {
color: #969696;
font-size: 13px;
height: auto;
width: 100%; }
.return-product-editor li {
height: 22px; }
.return-product-editor .editor-title-1 {
border-bottom: 1px solid #969696;
border-right: 1px solid #969696;
background-color: #e5e5e5;
height: 230px;
padding: 10px 0 0 10px;
width: 140px; }
.return-product-editor .editor-body-1 {
border-bottom: 1px solid #969696;
height: 220px;
padding: 10px;
width: 540px; }
.return-product-editor .editor-body-1 .editor-dropdown-div {
height: 35px;
position: relative;
width: 100%; }
.return-product-editor .editor-body-1 .editor-textarea-div {
height: 185px;
position: relative;
width: 100%; }
.return-product-editor .editor-title-2 {
border-right: 1px solid #969696;
background-color: #e5e5e5;
height: 30px;
padding: 10px 10px 0 10px; }
.return-product-editor .editor-body-2 {
height: 30px;
padding: 10px 0 0 10px;
width: 560px; }
.return-product-editor .editor-body-2 .editor-radio-group-div {
height: 20px;
position: relative;
width: 300px; }
.return-product-editor .editor-title-3 {
border-bottom: 1px solid #969696;
border-right: 1px solid #969696;
background-color: #e5e5e5;
height: 75px;
padding: 10px 0 0 10px;
width: 140px; }
.return-product-editor .editor-body-3 {
border-bottom: 1px solid #969696;
height: 75px;
padding: 10px 0 0 10px;
position: relative;
width: 560px; }
.return-product-editor .change-addr-button {
background-color: #e5e5e5;
right: 0px;
bottom: 10px;
position: absolute;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: pointer;
font-size: 13px;
height: 20px;
line-height: 20px;
text-align: center;
width: 60px; }
.return-product-editor .editor-title-3-1 {
border-bottom: 1px solid #969696;
border-right: 1px solid #969696;
background-color: #e5e5e5;
height: 60px;
padding: 10px 0 0 10px;
width: 140px; }
.return-product-editor .editor-title-3-1 li {
height: 30px; }
.return-product-editor .editor-body-3-1 {
border-bottom: 1px solid #969696;
height: 60px;
padding: 10px 0 0 10px;
position: relative;
width: 560px; }
.return-product-editor .editor-body-3-1 li {
height: 30px; }
.return-product-editor .editor-body-3-1 input {
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
height: 20px;
width: 200px; }
.return-product-editor .editor-body-3-1 .auth-button {
background-color: #e5e5e5;
display: inline-block;
margin-left: 5px;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: pointer;
font-size: 13px;
height: 20px;
line-height: 20px;
text-align: center;
width: 50px; }
.return-product-editor tbody tr {
border-top: 1px solid #969696;
border-bottom: 1px solid #969696; }
.return-apply-result {
width: 430px;
margin: 0 auto;
text-align: center; }
.return-apply-result .title {
font-size: 23px;
color: #020202; }
.return-apply-result .desc {
font-size: 13px;
color: #6d6d6d; }
.return-apply-result .return-flow .title-wrap {
color: #000000;
font-size: 30px;
height: 100px;
line-height: 100px;
position: relative;
width: 100%; }
.return-apply-result .return-flow .title-wrap .title {
width: 210px;
background: #fff;
margin: 0 auto;
z-index: 1;
position: relative;
text-align: center;
font-size: 20px;
font-weight: bold; }
.return-apply-result .return-flow .title-wrap hr {
color: #020202;
border: 1px solid;
position: absolute;
width: 100%;
top: 35%; }
.return-apply-result .return-flow .flow .item {
display: inline-block;
width: 115px;
height: 115px;
background-color: #b50000;
border-radius: 70px;
font-size: 15px;
font-weight: 500;
color: #ffffff;
box-sizing: border-box;
padding: 37px 0; }
.return-apply-result .return-flow .flow .date {
display: inline-block;
width: 40px;
position: relative; }
.return-apply-result .return-flow .flow .date .arrow {
position: absolute;
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_right_arrow.svg);
width: 20px;
top: -33px;
left: 10px; }
.return-apply-result .return-flow .flow .date .d {
position: absolute;
font-size: 15px;
font-weight: 500;
color: #080808;
word-break: keep-all;
top: 25px;
left: 5px; }
.return-apply-result .btn {
display: inline-block;
margin-top: 100px;
padding: 14px 45px;
background-color: #ca0000;
font-size: 15px;
font-weight: 500;
color: #ffffff; }
.cancel-history-empty-msg {
font-size: 13px;
font-weight: 300;
color: #777;
height: 100px;
line-height: 100px;
text-align: center;
width: 100%; }
.cancel-history-flip-button-block {
font-size: 14px;
height: auto;
position: relative;
width: 100%; }
.cancel-history-flip-button-block .cancel-history-button-valid {
border: 1px solid #000000;
border-bottom: 1px solid #ffffff;
color: #000;
cursor: pointer;
display: inline-block;
height: 30px;
line-height: 30px;
text-align: center;
vertical-align: bottom;
width: 20%; }
.cancel-history-flip-button-block .cancel-history-button {
border: 1px solid #c6c6c6;
border-bottom: 1px solid #000000;
border-right-style: none;
color: #777;
cursor: pointer;
display: inline-block;
height: 30px;
line-height: 26px;
text-align: center;
vertical-align: bottom;
width: 100px; }
.cancel-history-flip-button-block .refund-button-valid {
border: 1px solid #000000;
border-bottom: 1px solid #ffffff;
color: #000;
cursor: pointer;
display: inline-block;
height: 30px;
line-height: 26px;
text-align: center;
vertical-align: bottom;
width: 100px; }
.cancel-history-flip-button-block .refund-button {
border: 1px solid #c6c6c6;
border-bottom: 1px solid #000000;
border-left-style: none;
color: #000;
cursor: pointer;
display: inline-block;
height: 30px;
line-height: 26px;
text-align: center;
vertical-align: bottom;
width: 100px; }
.cancel-history-flip-button-block .flip-button-rest-bottom {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #000000;
display: inline-block;
height: 30px;
vertical-align: bottom;
width: 79%; }
.cancel-history-flip-button-block .cancel-hostory-faq-button {
font-size: 12px;
float: right;
position: relative;
padding: 0 10px;
float: right;
position: relative;
padding: 0 10px;
border: 1px solid #e5e5e5;
-moz-border-radius: 5px;
border-radius: 5px;
color: #444;
cursor: pointer;
font-size: 13px;
height: 26px;
line-height: 26px;
text-align: center;
padding: 0 10px; }
.cancel-history-view {
height: auto;
position: relative;
width: 100%; }
.cancel-history-view .cancel-history-table {
color: #000000;
font-size: 14px;
width: 100%; }
.cancel-history-view .cancel-history-table .tr-1 {
height: 130px; }
.cancel-history-view .cancel-history-table .td-1 {
height: auto;
position: relative;
width: 470px; }
.cancel-history-view .cancel-history-table .td-1 .li-style {
border-top: 1px solid #e5e5e5; }
.cancel-history-view .cancel-history-table .td-1 .li-style:first-child {
border-top: 0px; }
.cancel-history-view .cancel-history-table .td-2 {
color: #000000;
text-align: center;
width: 200px; }
.cancel-history-view .cancel-history-table .td-2 li {
border-top: 1px solid #e5e5e5;
height: 205px;
display: table;
height: 206px;
text-align: center;
width: 100%; }
.cancel-history-view .cancel-history-table .td-2 li span {
display: table-cell;
vertical-align: middle; }
.cancel-history-view .cancel-history-table .td-2 li:first-child {
border-top: 0px;
height: 205px; }
.cancel-history-view .cancel-history-table .td-3 {
text-align: center;
width: 200px; }
.cancel-history-view .cancel-history-table .td-3 .cancel-btn-div {
height: 205px;
display: flex;
border-top: 1px solid #e5e5e5; }
.cancel-history-view .cancel-history-table .td-3 .cancel-btn-div font {
margin: auto; }
.cancel-history-view .cancel-history-table .td-3 .cancel-btn-div:first-child {
border-top: 0px; }
.cancel-top {
font-size: 15px;
line-height: 1.47;
text-align: left;
color: #080808;
margin-bottom: 10px; }
.cancel-top a {
text-decoration: underline;
color: #080808;
float: right;
margin-bottom: 10px; }
.cancel-history-item-box {
border: 1px solid #e5e5e5;
min-height: 90px;
margin-bottom: 50px;
position: relative;
width: 100%; }
.cancel-history-item-box .red-font {
color: #ed1c24;
display: inline-block; }
.cancel-history-item-box .cancel-history-detail-button {
background-color: #fff;
margin: auto;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000000;
cursor: pointer;
font-size: 13px;
height: 40px;
line-height: 40px;
text-align: center;
width: 100px; }
.cancel-history-item-box .cancel-history-detail-button a {
color: #000; }
.cancel-history-detail-product-table {
border: 1px solid #e5e5e5;
height: auto;
position: relative;
width: 100%; }
.cancel-history-detail-product-table .cancel-history-detail-product-td-1 {
border-bottom: 1px solid #e5e5e5;
height: auto; }
.cancel-history-detail-product-table .cancel-history-detail-product-td-1 ul {
margin: 0;
padding: 0; }
.cancel-history-detail-product-table .cancel-history-detail-product-td-1 .li-style {
list-style-type: none;
border-top: 1px solid #e5e5e5; }
.cancel-history-detail-product-table .cancel-history-detail-product-td-1 .li-style:first-child {
border-top: 0; }
.cancel-history-detail-product-table .cancel-history-detail-product-td-2 {
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
color: #000000;
font-size: 14px;
height: auto;
text-align: center;
width: 128px; }
.cancel-history-detail-info-left-box {
background-color: #e5e5e5;
font-size: 13px;
display: inline-block;
height: 50px;
padding: 10px;
vertical-align: top;
width: 120px; }
.cancel-history-detail-info-left-box li {
height: 25px;
line-height: 25px; }
.cancel-history-detail-info-right-box {
font-size: 13px;
display: inline-block;
height: 50px;
padding: 10px;
vertical-align: top;
width: 550px; }
.cancel-history-detail-info-right-box li {
height: 25px;
line-height: 25px; }
.cancel-history-detail-list-button {
background-color: #000000;
margin: 0 auto;
position: relative;
border: 1px solid #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
font-size: 13px;
height: 40px;
line-height: 40px;
text-align: center;
width: 140px; }
.cancel-history-detail-list-button a {
color: #fff; }
.cancel-history-account-info {
color: #000000;
font-size: 12px;
height: 50px;
line-height: 50px;
width: 100%; }
.cancel-history-account-info .cancel-history-account-change-button {
background-color: #e5e5e5;
display: inline-block;
margin-left: 10px;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000000;
cursor: pointer;
font-size: 13px;
height: 20px;
line-height: 20px;
text-align: center;
width: 60px; }
.account-change-popup {
color: #969696;
font-size: 10px;
padding-bottom: 15px;
background-color: #ffffff;
height: auto;
margin: 200px auto;
position: relative;
width: 400px;
z-index: 1000; }
.account-change-popup .account-message {
font-size: 13px;
margin-left: 20px;
margin-top: 10px; }
.account-change-popup .popup-header {
height: 45px;
left: 0px;
position: relative;
width: 400px;
padding: 10px 0px; }
.account-change-popup .popup-header .popup-header-title {
color: #000;
line-height: 50px;
font-size: 20px;
font-weight: bold;
text-align: center; }
.account-change-popup .popup-body {
height: auto;
position: relative;
width: 400px;
padding: 20px 0px; }
.account-change-popup .popup-close-button {
color: #ffffff;
cursor: pointer;
font-size: 20px;
right: 15px;
top: 12px;
position: absolute; }
.account-change-popup .popup-account-info-table {
border-top: 2px solid #969696;
background-color: #ffffff;
border-collapse: collapse;
color: #969696;
font-size: 16px;
height: auto;
margin: 0 auto;
position: relative;
text-align: left;
width: 360px; }
.account-change-popup .popup-account-info-table .left-td {
background-color: #f5f5f5;
border: 0;
border-bottom: 1px solid #c6c6c6;
height: 50px;
width: 160px;
padding-left: 20px; }
.account-change-popup .popup-account-info-table .right-td {
border: 0;
border-bottom: 1px solid #c6c6c6;
height: 50px;
padding-left: 10px;
text-align: left; }
.account-change-popup .popup-account-info-table .right-td input {
border: 1px solid #969696;
border-radius: 5px;
box-sizing: border-box;
font-size: 14px;
padding: 5px 10px;
width: 180px; }
.account-change-popup .checks {
margin-left: 20px; }
.account-change-popup .popup-button-section {
display: inline-block;
width: 100%;
height: auto;
padding-top: 20px;
text-align: center;
margin-bottom: 20px; }
.account-change-popup .popup-button-section .popup-cancel-button {
display: inline-block;
margin-right: 5px;
border: 1px solid #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000000;
cursor: pointer;
font-size: 13px;
height: 30px;
line-height: 30px;
text-align: center;
width: 100px; }
.account-change-popup .popup-button-section .popup-ok-button {
background-color: #000000;
display: inline-block;
border: 1px solid #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
font-size: 13px;
height: 30px;
line-height: 30px;
text-align: center;
width: 100px; }
.account-change-popup .account-change-announce-box {
background-color: #e5e5e5;
color: #969696;
font-size: 10px;
height: 60px;
padding: 20px;
position: relative;
width: 360px; }
.my-benefit-flip-button-block {
font-size: 14px;
height: auto;
position: relative;
width: 100%; }
.my-benefit-flip-button-block .benefit-flip-button {
cursor: pointer;
display: inline-block;
height: 30px;
line-height: 30px;
text-align: center;
vertical-align: bottom;
width: 100px; }
.my-benefit-flip-button-block .flip-button-rest-bottom {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #000000;
display: inline-block;
height: 30px;
vertical-align: bottom;
width: 615px; }
.my-benefit-flip-button-block a {
color: #444; }
.account-grade-view {
height: auto;
position: relative;
width: 750px; }
.account-grade-view .ann-text {
font-size: 16px;
height: auto;
line-height: 20px;
padding: 30px 0;
position: relative;
text-align: center;
width: 100%; }
.account-grade-view .ann-text-line {
text-decoration: underline; }
.account-grade-view .already-text {
font-size: 18px;
font-weight: 700;
height: auto;
position: relative;
text-align: center;
width: 100%; }
.account-grade-view .btn-member-ship {
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
border-radius: 38px;
background-color: #000;
cursor: pointer;
color: #fff;
font-size: 14px;
font-weight: 300;
height: 50px;
line-height: 25px;
margin: 0 auto;
position: relative;
text-align: center;
width: 200px;
z-index: 11; }
.account-grade-wrap * {
font-family: 'DINNextLTPro', 'Noto Sans KR', sans-serif; }
.account-grade-wrap .content {
margin-top: 60px; }
.account-grade-wrap .content .title {
font-size: 15px; }
.account-grade-wrap .criterion .tg {
border-collapse: collapse;
border-spacing: 0; }
.account-grade-wrap .criterion .tg td {
font-family: Arial, sans-serif;
font-size: 14px;
padding: 10px 0px;
border-style: solid;
border-width: 1px;
overflow: hidden;
word-break: normal;
border-color: #e5e5e5; }
.account-grade-wrap .criterion .tg th {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
padding: 10px 0px;
border-style: solid;
border-width: 1px;
overflow: hidden;
word-break: normal;
border-color: #e5e5e5;
background-color: #fafafa;
color: #080808; }
.account-grade-wrap .criterion .tg .tg-s6z2 {
text-align: center; }
.account-grade-wrap .criterion .tg .tg-uys7 {
text-align: center; }
.account-grade-wrap .criterion .row1 {
width: 190px; }
.account-grade-wrap .criterion .row2 {
width: 504px; }
.account-grade-wrap .criterion .row3 {
width: 240px; }
.account-grade-wrap .criterion .col {
height: 80px; }
.account-grade-wrap .criterion .black {
color: #ffffff;
background: linear-gradient(127deg, #1f1f1f, #858585); }
.account-grade-wrap .criterion .red {
color: #ffffff;
background-color: #aa0000; }
.account-grade-wrap .benefit .tg {
border-collapse: collapse;
border-spacing: 0; }
.account-grade-wrap .benefit .tg td {
font-family: Arial, sans-serif;
font-size: 14px;
padding: 10px 0px;
border-style: solid;
border-width: 1px;
overflow: hidden;
word-break: normal;
border-color: #e5e5e5; }
.account-grade-wrap .benefit .tg th {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: normal;
padding: 10px 0px;
border-style: solid;
border-width: 1px;
overflow: hidden;
word-break: normal;
border-color: #e5e5e5;
background-color: #fafafa; }
.account-grade-wrap .benefit .tg .tg-s6z2 {
text-align: center; }
.account-grade-wrap .benefit .tg .tg-uys7 {
text-align: center; }
.account-grade-wrap .benefit .row1 {
width: 190px; }
.account-grade-wrap .benefit .row2 {
width: 240px; }
.account-grade-wrap .benefit .row3 {
width: 504px; }
.account-grade-wrap .benefit .col {
height: 80px; }
.account-grade-wrap .benefit .w80 {
width: 80px; }
.account-grade-wrap .benefit .black {
background-color: #353535;
color: #ffffff;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.55); }
.account-grade-wrap .benefit .red {
background-color: #aa0000;
color: #ffffff;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.55); }
.account-grade-wrap .benefit .check:before {
content: '';
display: inline-block;
width: 15px;
height: 15px;
border: solid 3px #353535;
border-radius: 15px; }
.account-grade-wrap .desc {
margin-top: 30px;
font-size: 15px;
color: #080808;
line-height: 2; }
.grade-benefit-table {
border-top: 2px solid #969696;
border-bottom: 1px solid #e5e5e5;
font-size: 13px;
height: auto;
text-align: center;
width: 100%; }
.grade-benefit-table .head-tr-1 {
border-bottom: 1px solid #969696;
background-color: #f5f5f5;
height: 30px; }
.grade-benefit-table .td-1 {
border-right: 1px solid #969696;
background-color: #f5f5f5;
width: 120px; }
.grade-benefit-table .td-2 {
border-right: 1px solid #e5e5e5;
width: 140px; }
.grade-benefit-table .td-3 {
width: 220px;
border-right: 1px solid #e5e5e5; }
.grade-benefit-table .td-span-4 {
text-align: left;
padding-left: 25px; }
.grade-benefit-table .tr-2 {
border-bottom: 1px solid #e5e5e5;
height: 80px; }
.grade-benefit-table .head-tr-3 {
border-bottom: 1px solid #e5e5e5;
height: 60px; }
.gold-vip-member-table {
color: #999999;
font-size: 13px;
margin-top: 20px;
text-align: left; }
.gold-vip-member-table .left-td {
border-right: 1px solid #e5e5e5;
font-weight: bond;
height: 20px;
padding-left: 10px;
vertical-align: top;
width: 150px; }
.gold-vip-member-table .right-td {
height: 20px;
padding-left: 25px;
width: 400px; }
.member-announce-box {
border-top: 1px solid #e5e5e5;
font-size: 12px;
height: 250px;
line-height: 28px;
margin-top: 35px;
padding-top: 20px;
text-align: left;
width: 100%; }
.member-announce-box .title {
font-size: 13px;
font-weight: bold;
line-height: 20px; }
.addCoupon-pop {
width: 422px;
height: 218px;
padding: 34px 32px;
border: 1px solid #e5e5e5;
text-align: center;
margin: auto;
margin-top: 50px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff; }
.addCoupon-pop label {
font-size: 20px;
position: absolute;
right: 20px;
top: 20px;
cursor: pointer; }
.addCoupon-pop h1 {
font-size: 20px;
line-height: 25px; }
.addCoupon-pop span {
font-size: 15px;
color: #333;
line-height: 15px; }
.addCoupon-pop input {
width: 357px;
height: 45px;
text-align: center;
margin-top: 15px;
font-size: 15px; }
.addCoupon-pop button {
margin-top: 52px;
width: 120px;
height: 45px;
font-size: 15px;
color: #fff;
background: #333; }
.coupon-summary {
margin-top: 46px; }
.coupon-summary .coupon-summary-title {
font-size: 15px; }
.coupon-summary span {
font-size: 13px;
color: #6d6d6d;
display: block;
line-height: 30px; }
.profile-b {
font-size: 15px;
color: #080808;
font-weight: bold;
display: block;
margin-top: 53px; }
.profile-bb {
font-size: 15px;
color: #6d6d6d;
display: block;
margin-top: 10px; }
.password-input-n {
width: 280px;
height: 21px;
padding: 10px;
font-size: 15px; }
.pass-btn {
background: #333;
color: #fff;
width: 110px;
font-size: 15px;
margin-left: 10px; }
.pass-title {
display: flex;
margin-right: 10px; }
.pass-title span {
font-size: 15px;
color: #080808;
margin: auto; }
#benefitmenus {
width: 1002px; }
#benefitmenus td {
width: 303px;
text-align: center;
font-size: 15px;
border: 1px solid #e5e5e5;
padding: 15px; }
#benefitmenus .off {
background: #e5e5e5;
color: #6d6d6d; }
#benefitmenus .on {
background: #fff;
color: #333;
font-weight: 500; }
.sale-coupon-table-n {
width: 100%; }
.sale-coupon-table-n th, .sale-coupon-table-n td {
width: 235px;
height: 40px;
border: 1px solid #e5e5e5; }
.sale-coupon-table-n th {
color: #080808 !important;
font-weight: 500 !important;
font-size: 15px !important; }
.sale-coupon-table-n td {
font-size: 15px !important;
color: #6d6d6d !important;
text-align: center !important; }
.sale-coupon-view {
height: auto;
margin-top: 30px;
position: relative;
width: 100%; }
.sale-coupon-view .sale-coupon-table {
font-size: 13px;
width: 100%; }
.sale-coupon-view .sale-coupon-table .title-th {
background-color: #f5f5f5;
border-bottom: 1px solid #bbb;
color: #777;
font-weight: 400;
height: 35px;
text-align: center; }
.sale-coupon-view .sale-coupon-table .data-td {
border-bottom: 1px solid #bbb;
color: #080808;
height: 45px;
text-align: center; }
.sale-coupon-view .sale-coupon-table .td-1 {
width: 150px; }
.sale-coupon-view .sale-coupon-table .td-2 {
width: 170px; }
.sale-coupon-view .sale-coupon-table .td-3 {
width: 120px; }
.sale-coupon-view .sale-coupon-table .td-4 {
width: 260px; }
.sale-coupon-view .sale-coupon-table .td-5 {
width: 120px; }
.sale-coupon-view .add-coupon-button {
background-color: #e5e5e5;
float: right;
margin-top: 5px;
position: relative;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000000;
cursor: pointer;
font-size: 13px;
height: 25px;
line-height: 25px;
text-align: center;
width: 84px; }
.add-coupon-popup {
color: #969696;
font-size: 12px;
background-color: #ffffff;
height: auto;
margin: 200px auto;
position: relative;
width: 500px;
z-index: 1000; }
.add-coupon-popup .popup-header {
height: 45px;
left: 0px;
position: relative;
width: 500px;
padding: 10px 0px; }
.add-coupon-popup .popup-header .popup-header-title {
color: #000;
line-height: 50px;
font-size: 20px;
font-weight: bold;
text-align: center; }
.add-coupon-popup .popup-body {
height: auto;
position: relative;
width: 500px;
padding: 20px 0px; }
.add-coupon-popup .popup-close-button {
color: #ffffff;
cursor: pointer;
font-size: 20px;
right: 15px;
top: 12px;
position: absolute; }
.add-coupon-popup .coupon-serial-box {
height: 35px;
padding: 20px 0 0px 20px;
position: relative;
width: 500px; }
.add-coupon-popup .coupon-serial-box input {
box-sizing: border-box;
font-size: 15px;
padding: 0 10px;
text-align: center; }
.add-coupon-popup input[type='text'] {
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
height: 30px;
width: 80px; }
.add-coupon-popup .line-text {
display: inline-block;
height: 30px;
text-align: center;
width: 10px; }
.add-coupon-popup .popup-add-button {
background-color: #000000;
display: inline-block;
margin-left: 10px;
border: 1px solid #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
font-size: 13px;
height: 30px;
line-height: 30px;
text-align: center;
width: 80px; }
.add-coupon-popup .error-msg {
color: #ed1c24;
font-size: 12px;
padding: 10px 0 20px 20px; }
.add-coupon-popup .add-coupon-announce-box {
background-color: #e5e5e5;
color: #969696;
font-size: 13px;
height: 50px;
padding: 10px;
position: relative;
width: 480px; }
.add-coupon-popup .add-coupon-announce-box ul {
margin-left: 20px; }
.add-coupon-popup .add-coupon-announce-box li {
list-style-type: circle;
height: 15px;
text-align: left; }
.mileage-view {
height: auto;
margin-top: 30px;
position: relative;
width: 100%; }
.mileage-view .mileage-title {
color: #000000;
font-size: 16px;
font-weight: bold;
height: 22px;
line-height: 22px;
margin-bottom: 15px;
position: relative;
width: 100%; }
.mileage-view .mileage-desc {
font-size: 13px;
float: right;
height: 25px;
line-height: 25px;
position: relative;
text-align: right;
width: 150px; }
.mileage-view .refresh-button {
background-color: #e5e5e5;
float: right;
margin-left: 10px;
position: relative;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000000;
cursor: pointer;
font-size: 13px;
height: 25px;
line-height: 25px;
text-align: center;
width: 84px; }
.mileage-view .ann-text {
font-size: 12px;
height: auto;
line-height: 18px;
padding: 0 0 10px 0;
width: 100%; }
.mileage-view .sale-coupon-table {
font-size: 13px;
width: 100%; }
.mileage-view .sale-coupon-table .title-th {
background-color: #f5f5f5;
border-bottom: 1px solid #bbb;
height: 35px;
text-align: center; }
.mileage-view .sale-coupon-table .data-td {
border-bottom: 1px solid #969696;
color: #000000;
height: 35px;
text-align: center; }
.mileage-view .sale-coupon-table .td-1 {
width: 200px; }
.mileage-view .sale-coupon-table .td-2 {
width: 200px; }
.mileage-view .sale-coupon-table .td-3 {
width: 200px; }
.mileage-view .sale-coupon-table .td-4 {
width: 200px; }
.mileage-view .add-coupon-button {
background-color: #e5e5e5;
float: right;
margin-top: 5px;
position: relative;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000000;
cursor: pointer;
font-size: 13px;
height: 20px;
line-height: 20px;
text-align: center;
width: 80px; }
.my-activity-content {
height: auto;
position: relative;
width: 100%; }
.my-activity-content .my-review-menu-table {
color: #999999;
font-size: 16px;
margin-bottom: 10px; }
.my-activity-content .my-review-menu-table .left-td {
border-right: 1px solid #e5e5e5;
cursor: pointer;
height: 20px;
line-height: 20px;
width: 90px; }
.my-activity-content .my-review-menu-table .right-td {
cursor: pointer;
height: 20px;
line-height: 20px;
padding-left: 15px;
width: 120px; }
.my-activity-content .review-box {
border-top: 1px solid #969696;
height: auto;
min-height: 60px;
position: relative;
width: 100%; }
.my-activity-content .my-empty-review {
border-bottom: 1px solid #e5e5e5;
font-size: 14px;
height: 120px;
line-height: 120px;
position: relative;
text-align: center;
width: 100%; }
.my-activity-content .my-review-list {
height: auto;
position: relative;
width: 100%; }
.my-activity-content .my-review-list .empty-review-list-msg {
color: #777;
font-size: 13px;
font-weight: 300;
height: 120px;
line-height: 120px;
position: relative;
text-align: center;
width: 100%; }
.my-activity-content .my-writable-review-list {
height: auto;
position: relative;
width: 100%; }
.my-activity-content .my-writable-review-list .writable-review-table {
width: 100%; }
.my-activity-content .my-writable-review-list .writable-review-table .tr-1 {
height: 130px; }
.my-activity-content .my-writable-review-list .writable-review-table .td-1 {
width: 470px; }
.my-activity-content .my-writable-review-list .writable-review-table .td-2 {
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
color: #000000;
font-size: 13px;
height: 100%;
text-align: center;
width: 120px; }
.my-activity-content .my-writable-review-list .writable-review-table .td-3 {
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
color: #000000;
font-size: 13px;
height: 100%;
text-align: center;
width: 120px; }
.my-activity-content .my-writable-review-list .writable-review-table .write-button {
margin: 0 auto;
border: 1px solid #ed1c24;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ed1c24;
cursor: pointer;
font-size: 13px;
height: 28px;
line-height: 28px;
text-align: center;
width: 100px; }
.my-activity-content .review-item {
border-bottom: 1px solid #e5e5e5;
height: auto;
margin-bottom: 5px;
padding-bottom: 10px;
width: 100%; }
.my-activity-content .review-item .review {
border: 1px solid #e5e5e5;
height: auto;
padding: 10px;
position: relative;
width: 689px;
margin-left: 200px;
margin-top: 60px; }
.my-activity-content .review-item .review .review-title-box {
cursor: pointer;
height: auto;
width: 100%; }
.my-activity-content .review-item .review .review-title {
color: #000000;
font-size: 13px; }
.my-activity-content .review-item .review .review-date {
color: #777777;
font-size: 12px;
margin-left: 15px; }
.my-activity-content .review-item .review .review-star-box {
height: 20px;
margin-top: 10px;
position: relative;
text-align: left;
vertical-align: top; }
.my-activity-content .review-item .review .review-star-box img {
width: 25px;
height: 25px; }
.my-activity-content .review-item .review .review-short-info {
font-size: 13px;
line-height: 16px;
position: relative;
width: 100%;
margin-top: 15px; }
.my-activity-content .review-item .review .review-text {
font-size: 12px;
height: auto;
line-height: 22px;
width: 100%; }
.my-activity-content .review-item .review .review-function-box {
text-align: center;
position: relative;
width: 100%; }
.my-activity-content .review-item .review .review-function-button {
background-color: #e5e5e5;
display: inline-block;
margin: 10px 2px 10px 2px;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #999999;
cursor: pointer;
font-size: 13px;
height: 25px;
line-height: 25px;
text-align: center;
width: 50px; }
.my-activity-content .review-item .review .review-open-button {
cursor: pointer;
top: 13px;
right: 20px;
position: absolute;
width: 22px; }
.profile-edit-box {
width: 498px;
margin: auto;
margin-top: 52px;
padding: 48px 60px;
border: 1px solid #e5e5e5;
font-size: 15px; }
.profile-edit-box label {
font-size: 15px;
color: #333;
font-weight: 500; }
.profile-edit-box .input-read {
width: 476px;
height: 21px;
color: #bbb;
font-size: 15px;
padding: 10px;
display: block;
margin: 10px 0px; }
.profile-edit-box .red-msg {
font-size: 15px;
color: #d6000a;
margin-left: 10px; }
.profile-edit-box .password-change-button {
width: 95px;
height: 43px;
color: #fff;
background: #333;
border-radius: 0;
cursor: pointer; }
.profile-edit-box .pass-box {
display: block;
margin: 10px 0px;
height: 45px; }
.profile-edit-box .pass-box button {
font-size: 15px; }
.profile-edit-box .phone-input {
width: 130px;
height: 21px;
color: #080808;
font-size: 15px;
padding: 10px;
display: block;
margin: 10px 0px;
border: 1px solid #e5e5e5;
line-height: 23px;
flex: 1; }
.profile-edit-box .mr {
margin-right: 10px; }
.profile-edit-box .mr5 {
margin-right: 5px; }
.profile-edit-box .ml {
margin-left: 10px; }
.profile-edit-box .mt {
margin-top: 10px; }
.profile-edit-box .birth-box {
border-left: 1px solid #e5e5e5;
padding-left: 20px; }
.profile-edit-box .birth-box .phone-input {
width: 70px; }
.profile-edit-box .birth-box .Dropdown-root {
background: url("//d319d1tzjwpwbb.cloudfront.net/desktop/icons/open_gray.svg");
background-repeat: no-repeat;
background-position-x: 70px;
background-size: 15px;
background-position-y: center;
cursor: pointer; }
.profile-edit-box .Dropdown-option:first-child {
border: 1px solid #e5e5e5;
padding: 10px;
background: #fff;
cursor: pointer; }
.profile-edit-box .Dropdown-option {
border: 1px solid #e5e5e5;
border-top: 0;
padding: 10px;
background: #fff;
cursor: pointer;
position: relative;
z-index: 9999; }
.profile-edit-box .Dropdown-root {
background: url("//d319d1tzjwpwbb.cloudfront.net/desktop/icons/open_gray.svg");
background-repeat: no-repeat;
background-position-x: 130px;
background-size: 15px;
background-position-y: center;
cursor: pointer; }
.profile-edit-box .at {
margin: auto 5px; }
.profile-edit-box .checks {
margin-bottom: 20px; }
.profile-edit-box .gender-box {
width: 190px;
padding-right: 28px; }
.profile-edit-box .btn-ma {
margin: 10px 5px;
font-size: 15px; }
.profile-edit-box .input-addr {
width: 476px;
height: 21px;
color: black;
font-size: 15px;
padding: 10px;
display: block;
border: 1px solid #e5e5e5; }
.profile-edit-box .sports {
flex: 1;
height: 45px;
font-size: 13px;
border: 1px solid #e5e5e5;
margin-right: 5px;
cursor: pointer; }
.profile-edit-box button {
outline: none; }
.profile-edit-box .sports:last-child {
margin-right: 0; }
.profile-edit-box .on {
background: #f1f1f1; }
.profile-edit-box .off {
background: #fff; }
.profile-edit-box .btn-white {
height: 58px;
border: 1px solid #d6000a;
flex: 1;
background: #fff;
font-size: 18px;
margin-right: 10px;
color: #d6000a; }
.profile-edit-box .btn-red {
height: 58px;
border: 1px solid #d6000a;
flex: 1;
background: #d6000a;
font-size: 18px;
color: #fff; }
.profile-edit-box .checks input[type="checkbox"] + label:before {
content: url(https://s3.ap-northeast-2.amazonaws.com/spyderkorea/common/check_off.svg); }
.profile-edit-box .checks input[type="checkbox"]:checked + label:before {
content: url(https://s3.ap-northeast-2.amazonaws.com/spyderkorea/common/check_on.svg); }
.profile-edit-box .return-bank-info {
display: flex;
position: relative; }
.profile-edit-box .refund-acc-btn {
position: absolute;
right: 0;
top: 50px; }
.profile-content {
border-top: 2px solid #969696;
color: #777;
font-size: 12px;
font-weight: 300;
height: auto;
line-height: 16px;
width: 100%; }
.profile-content .profile-box {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #e5e5e5;
font-size: 16px;
color: #777777;
padding: 0px;
padding-left: 5px;
margin: 0px;
height: 43px; }
.profile-content .address-box {
box-sizing: border-box;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #e5e5e5;
font-size: 16px;
color: #777777;
padding: 0px;
padding-left: 5px;
margin: 0px;
height: 43px;
width: 100%; }
.profile-content .password-check-table {
color: #999999;
font-size: 14px;
width: 100%; }
.profile-content .password-check-table .password-input {
width: 300px; }
.profile-content .password-check-table .td-1 {
border-right: 1px solid #969696;
border-bottom: 1px solid #969696;
background-color: #f5f5f5;
color: #080808;
height: 55px;
padding-left: 10px;
width: 100px; }
.profile-content .password-check-table .td-2 {
border-bottom: 1px solid #969696;
color: #080808;
height: 55px;
padding-left: 10px; }
.profile-content .password-button {
background-color: #000000;
font-size: 16px;
margin: 0 auto;
margin-top: 30px;
border: 1px solid #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
font-size: 13px;
height: 45px;
line-height: 45px;
text-align: center;
width: 120px; }
.profile-edit-table {
border-bottom: 1px solid #969696;
height: auto;
font-size: 14px;
width: 100%; }
.profile-edit-table .tr-1 {
height: 55px;
width: 100%; }
.profile-edit-table .td-1 {
background-color: #e5e5e5;
padding-left: 10px;
width: 150px; }
.profile-edit-table .td-2 {
padding-left: 10px;
vertical-align: middle; }
.profile-edit-table .td-3 {
float: left; }
.profile-edit-table .td-birth {
padding-left: 10px;
width: 285px; }
.profile-edit-table .tr-2 {
border-bottom: 1px solid #a5a5a5;
height: 55px;
line-height: 55px;
width: 100%; }
.profile-edit-table .password-change-button {
background-color: #e5e5e5;
display: inline-block;
margin-right: 15px;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000000;
cursor: pointer;
font-size: 13px;
height: 35px;
line-height: 35px;
text-align: center;
width: 80px; }
.profile-edit-table .postal-change-button {
background-color: #e5e5e5;
display: inline-block;
margin: 0 5px;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000000;
cursor: pointer;
font-size: 13px;
height: 35px;
line-height: 35px;
text-align: center;
width: 80px; }
.profile-edit-table .email-input {
display: inline-block;
vertical-align: middle;
width: 110px; }
.profile-edit-table .phone-input {
display: inline-block;
margin-left: 5px;
vertical-align: middle;
width: 80px; }
.profile-edit-table .marketing-agreement {
display: inline-block;
margin-left: 10px;
vertical-align: middle; }
.profile-edit-table .sms-agreement {
display: inline-block;
margin-left: 30px;
vertical-align: middle; }
.profile-edit-table .collect-info-agreement {
border-left: 1px solid #e5e5e5;
float: left;
height: 80px;
vertical-align: middle;
width: 15px; }
.profile-edit-table input[type='radio'] {
display: inline-block;
zoom: 2; }
.profile-edit-table .female-radio-button {
margin-left: 20px; }
.profile-select-sports {
color: #969696;
font-size: 14px;
margin-top: 10px;
position: relative;
width: 100%;
z-index: 100; }
.profile-select-sports .text {
display: inline-block;
float: left;
width: 17%; }
.profile-select-sports table {
width: 100%; }
.profile-select-sports .td-sport-1 {
width: 50%;
vertical-align: top; }
.profile-select-sports .profile-checkbox-sports-group {
color: #777;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 300;
height: auto;
margin: 5px 0 20px 0;
width: 100%; }
.profile-select-sports .profile-checkbox-sports-group input[type='checkbox'] {
zoom: 2; }
.profile-select-sports .profile-checkbox-sports-group .view-button {
font-size: 12px;
margin-left: 4px;
border: 1px solid #d8d8d8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: pointer;
font-size: 13px;
height: 24px;
line-height: 24px;
text-align: center;
width: 60px; }
.profile-select-sports .profile-checkbox-sports-group .etc-box {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #e5e5e5;
color: #777;
display: inline-block;
float: right;
font-size: 16px;
font-weight: 300;
height: 25px;
margin: 0px;
padding: 0px;
padding-left: 5px;
width: 170px; }
.facebook-login-table {
border-top: 2px solid #888;
border-bottom: 1px solid #e5e5e5;
font-size: 14px;
height: auto;
width: 100%; }
.facebook-login-table .td-1 {
border-right: 1px solid #e5e5e5;
height: 80px;
position: relative;
vertical-align: middle;
width: 80px; }
.facebook-login-table .td-1 img {
margin-left: 20px;
width: 40px; }
.facebook-login-table .td-2 {
height: 80px;
padding-left: 20px;
vertical-align: middle; }
.facebook-login-table .black-label {
color: #000000;
width: 300px; }
.facebook-login-table .fb-connect-button {
float: right;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: pointer;
font-size: 13px;
height: 33px;
line-height: 33px;
text-align: center;
width: 80px; }
.integrate-button {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #444;
color: #ffffff;
cursor: pointer;
font-size: 14px;
text-align: center;
line-height: 45px;
margin: 0 10px 0 10px;
width: 120px;
height: 45px; }
.integrate-disable-button {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #aaa;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 45px;
margin: 0 10px 0 10px;
width: 120px;
height: 45px; }
.profile-edit-button {
margin: 0 auto;
margin-top: 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #444;
color: #ffffff;
font-size: 14px;
text-align: center;
line-height: 45px;
cursor: pointer;
width: 120px;
height: 45px; }
.member-withdraw-button {
color: rgba(0, 0, 0, 0.3);
cursor: pointer;
font-size: 14px;
margin: 0 auto;
text-decoration: underline;
text-align: left;
white-space: nowrap; }
.password-change-popup {
color: #969696;
font-size: 16px;
background-color: #ffffff;
height: auto;
margin: 200px auto;
position: relative;
width: 460px;
z-index: 1000; }
.password-change-popup .popup-header {
height: 45px;
left: 0px;
position: relative;
width: 460px;
padding: 10px 0px; }
.password-change-popup .popup-header .popup-header-title {
color: #000;
line-height: 50px;
font-size: 20px;
font-weight: bold;
text-align: center; }
.password-change-popup .popup-body {
height: auto;
position: relative;
width: 460px;
padding: 20px 0px; }
.password-change-popup .popup-close-button {
color: #ffffff;
cursor: pointer;
font-size: 20px;
right: 15px;
top: 12px;
position: absolute; }
.password-change-popup input[type='password'] {
border: 1px solid #e5e5e5;
background: #fff;
display: inline-block;
height: 41px;
width: 270px;
margin-bottom: 10px; }
.password-change-popup .password-table {
height: auto;
position: relative;
width: 500px; }
.password-change-popup .password-table .tr-1 {
height: 40px; }
.password-change-popup .password-table .td-1 {
padding-left: 20px;
width: 140px; }
.password-change-popup .password-table .td-2 {
padding-right: 20px; }
.password-change-popup .password-table .title b {
font-size: 15px;
color: #333333; }
.password-change-popup .password-table .title span {
font-size: 15px;
color: #d6000a; }
.password-change-popup .popup-button-box {
height: 40px;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
position: relative;
width: 420px; }
.password-change-popup .popup-change-button {
background-color: #000000;
display: inline-block;
margin-left: 10px;
border-radius: 0 !important;
border: 1px solid #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
font-size: 13px;
height: 35px;
line-height: 35px;
text-align: center;
width: 100px; }
.password-change-popup .popup-cancel-button {
display: inline-block;
border-radius: 0 !important;
border: 1px solid #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000000;
cursor: pointer;
font-size: 13px;
height: 35px;
line-height: 35px;
text-align: center;
width: 100px; }
.password-change-popup .error-msg {
color: #ed1c24;
font-size: 13px;
padding: 5px 0 5px 20px; }
.password-change-popup .x-btn {
padding: 0 4px;
position: absolute;
top: 10px;
right: 7px;
cursor: pointer;
font-size: 20px; }
.withdraw-title-comment {
color: #969696;
font-size: 11px;
height: 30px;
line-height: 15px;
left: 350px;
top: 22px;
position: absolute;
width: 400px; }
.withdraw-content {
font-size: 12px;
height: auto;
width: 100%; }
.withdraw-content .short-line {
border-top: 2px solid #aaaaaa;
height: 5px;
position: relative;
width: 50px; }
.withdraw-content .question_text {
color: #333333;
font-size: 14px;
height: auto;
line-height: 30px;
position: relative;
width: 100%; }
.withdraw-content .select-answer-box {
color: #969696;
font-size: 14px;
height: auto;
line-height: 20px;
position: relative;
width: auto; }
.withdraw-content .select-answer-box input[type='text'] {
height: 20px;
margin-left: 5px;
width: 440px; }
.withdraw-content .select-answer-box li {
height: 30px;
line-height: 30px; }
.withdraw-content .withdraw-announce-box {
border-bottom: 1px solid #969696;
background-color: #e5e5e5;
height: auto;
padding: 20px;
position: relative;
width: 710px; }
.withdraw-content .withdraw-agreement-box {
background-color: #e5e5e5;
font-size: 14px;
height: auto;
padding: 10px;
position: relative;
width: 730px; }
.withdraw-content .withdraw-agreement-box .announce-text {
font-size: 12px; }
.withdraw-content .check-account-password-box {
border: 2px solid #969696;
color: #969696;
font-size: 14px;
padding: 15px 30px 15px 0px; }
.withdraw-content .check-account-password-box .account-info-table {
height: 20px;
width: 100%; }
.withdraw-content .check-account-password-box .account-info-table .td-1 {
border-right: 1px solid #e5e5e5;
padding-left: 30px;
width: 150px; }
.withdraw-content .check-account-password-box .account-info-table .td-2 {
padding-left: 30px;
width: auto; }
.withdraw-content .check-account-password-box .account-info-table .td-2 input[type='text'] {
height: 20px;
margin-left: 10px;
width: 150px; }
.withdraw-content .check-account-password-box .account-info-table .ok-button {
background-color: #e5e5e5;
display: inline-block;
margin-left: 5px;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000000;
cursor: pointer;
font-size: 13px;
height: 20px;
line-height: 20px;
text-align: center;
width: 50px; }
.withdraw-content .withdraw-submit-button {
background-color: #000000;
margin: 0 auto;
border: 1px solid #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
font-size: 13px;
height: 40px;
line-height: 40px;
text-align: center;
width: 120px; }
.sr-link {
color: #000;
text-decoration: underline; }
.as-top {
text-align: center;
font-size: 15px;
line-height: 24px; }
.as-top p {
white-space: pre-line; }
.as-top .btn-as {
color: #fff;
font-size: 17px;
padding: 20px;
margin: 30px;
background: #333;
width: 230px; }
.asonline-done-form {
text-align: center; }
.as-done-top {
outline: none;
text-align: center;
font-size: 15px;
line-height: 24px;
border-radius: 5px;
border: 1px solid #333;
width: 50%;
margin: 25px auto; }
.as-done-top p {
white-space: pre-line; }
.as-done-top .btn-as {
color: #fff;
font-size: 17px;
padding: 10px;
margin: 30px;
background: #333;
width: 130px; }
.as-middle {
width: 100%;
margin-top: 47px; }
.as-middle .line {
border: 0;
border-bottom: 2px solid #333;
width: 33%; }
.as-middle .line-no {
border: 0;
color: #333;
font-size: 17px;
width: 33%;
text-align: center;
font-weight: bold;
position: absolute;
margin-top: -15px; }
.pt42 {
padding-top: 42px; }
.as-bottom {
display: flex;
margin-top: 90px; }
.as-bottom .as-b-1 {
text-align: center;
flex: 1;
width: 385px; }
.as-bottom .as-b-1 img {
width: 385px; }
.as-bottom .as-b-1 table {
width: 385px;
margin-left: 42px;
color: #6d6d6d; }
.as-bottom .as-b-1 th {
padding: 10px;
font-size: 12px;
font-weight: bold;
text-align: center;
border: 1px solid #e5e5e5; }
.as-bottom .as-b-1 td {
padding: 10px;
border: 1px solid #e5e5e5;
text-align: center; }
.as-bottom .as-b-1 .b-header {
margin-left: 42px;
font-size: 15px;
margin-bottom: 19px;
font-weight: bold;
display: block;
text-align: left; }
.as-bottom .as-b-1 .b-bottom {
margin-top: 50px; }
.as-bottom .as-b-1 .b-bottom .title1 {
width: 155px; }
.as-bottom .as-b-1 .b-ul {
width: 385px;
font-size: 13px;
line-height: 21px;
display: inline-table;
text-align: left; }
.as-bottom .as-b-1 .b-ul li {
white-space: pre-line;
margin-bottom: 25px;
color: #6d6d6d; }
.as-bottom .as-b-1 .b-ul2 {
font-size: 13px;
line-height: 21px;
display: inline-table;
text-align: left; }
.as-bottom .as-b-1 .b-ul2 li {
white-space: pre-line;
margin-bottom: 25px;
color: #6d6d6d; }
.overlay {
background: rgba(0, 0, 0, 0.4); }
.ex-box {
margin-top: 80px;
border: 1px solid #e5e5e5;
width: 940px;
background: #fff;
padding: 33px 20px;
margin: auto;
margin-top: 100px;
position: relative; }
.ex-box .x-btn {
width: 20px;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer; }
.ex-box .row {
margin-bottom: 40px;
padding-left: 25px; }
.ex-box h1 {
font-size: 18px;
margin-left: 25px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.11;
letter-spacing: normal;
text-align: left;
color: #080808;
margin-bottom: 55px; }
.ex-box .card {
display: inline-block; }
.ex-box .card .title {
display: block;
white-space: pre-line;
font-size: 13px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: normal;
text-align: center;
color: #080808; }
.ex-box .card .img {
display: block;
width: 170px; }
.ex-box .card:not(:first-child) {
margin-left: 10px; }
.ex-u {
cursor: pointer;
font-size: 13px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.85;
letter-spacing: normal;
color: #080808;
margin-left: 10px; }
.as-cloth-p {
font-size: 13px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.62;
letter-spacing: normal;
color: #6d6d6d;
margin-left: 42px; }
.as-del {
width: 17px !important;
height: 17px !important;
right: 5px;
position: absolute; }
.as-last {
text-align: left;
padding-left: 42px; }
.cs-flip-button-block {
font-size: 14px;
height: auto;
position: relative;
width: 100%; }
.cs-flip-button-block .cs-flip-button {
cursor: pointer;
display: inline-block;
height: 35px;
line-height: 35px;
text-align: center;
vertical-align: bottom;
width: 106px; }
.faq-item {
color: #000000;
font-size: 14px;
height: auto;
position: relative;
width: 100%; }
.faq-item .q-mark {
display: inline-block;
width: 117px;
color: #333;
font-size: 15px;
height: 50px;
line-height: 50px;
text-align: left; }
.faq-item .question-text {
border-bottom: 1px solid #e5e5e5;
cursor: pointer;
font-size: 14px;
height: 60px;
line-height: 60px;
position: relative;
width: 100%; }
.faq-item .answer-text {
border-bottom: 1px solid #e5e5e5;
background-color: #fafafa;
color: #444444;
font-size: 13px;
font-weight: 300;
height: auto;
padding: 20px 40px 20px 117px; }
.faq-item .faq-open-button {
cursor: pointer;
top: 24px;
right: 20px;
position: absolute;
width: 22px; }
.announce-content {
border-top: 1px solid #e5e5e5;
height: auto;
position: relative;
width: 100%; }
.announce-content .announce-item {
border-bottom: 1px solid #e5e5e5;
color: #333333;
font-size: 12px;
height: auto;
padding: 20px;
position: relative; }
.announce-content .announce-item .title {
color: #000000;
font-size: 18px;
height: 20px;
margin-bottom: 10px;
width: 100%; }
.announce-content .announce-item .date {
color: #969696;
float: right;
font-size: 12px; }
.announce-content .announce-item-mouseover:hover {
background-color: #ffefef;
cursor: pointer; }
.announce-content .announce-button-box {
height: 40px;
margin-top: 10px;
position: relative;
width: 100%; }
.announce-content .announce-button-box .list-button {
background-color: #000000;
float: right;
margin-right: 5px;
border: 1px solid #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
font-size: 13px;
height: 25px;
line-height: 25px;
text-align: center;
width: 50px; }
.benefit-content {
height: auto;
position: relative;
width: 100%; }
.benefit-content .register-banner {
background-color: #f5f5f5;
height: auto;
padding: 30px 10px 20px 30px;
width: 710px; }
.benefit-content .register-banner ul {
list-style: circle;
font-size: 15px; }
.benefit-content .register-banner ul li {
margin: 15px 0px; }
.benefit-content .register-banner .title {
font-size: 20px;
margin-bottom: 30px;
text-align: center;
width: 100%; }
.benefit-content .register-banner .circle-box {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background-color: #ffffff;
border-radius: 50%;
display: inline-block;
font-size: 12px;
height: 126px;
margin: 0px 3px 0px 3px;
vertical-align: top;
width: 126px; }
.benefit-content .register-banner .circle-box .red-bold {
color: #ed1c24;
font-size: 15px;
font-weight: bold; }
.benefit-content .register-banner .circle-box .desc {
line-height: 18px;
margin: 0 auto;
margin-top: 37px;
position: relative;
text-align: center;
width: 90%; }
.benefit-content .register-banner .circle-box .desc-2 {
margin-top: 45px; }
.benefit-content .register-banner .circle-box .margin-top {
margin-top: 48px; }
.benefit-content .benefit-register-button {
background-color: #ffffff;
margin: 0 auto;
border: 1px solid #ed1c24;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ed1c24;
cursor: pointer;
font-size: 13px;
height: 40px;
line-height: 40px;
text-align: center;
width: 160px; }
.benefit-content .benefit-description {
display: block;
margin: 10px auto 0;
text-align: center; }
.kakao-content {
height: 100%;
position: relative;
width: 100%; }
.kakao-content .img-phone {
cursor: pointer;
float: left;
height: 493px;
margin: 70px 0 0 104px;
width: 708px; }
.kakao-content .img-text {
float: left;
height: 280px;
width: auto; }
.kakao-content .img-button {
cursor: pointer;
height: auto;
margin: 30px 0 0 28px;
width: 200px; }
.f-box {
display: flex;
flex-direction: row; }
.contact-title {
width: 163px;
height: 60px;
font-size: 28px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
color: #000000; }
.contact-summery {
height: 44px;
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.69;
letter-spacing: normal;
text-align: left;
color: #444444; }
.contact-mybtn-area {
padding: 10px; }
.contact-mybtn {
border: 1px solid #ddd;
padding: 0 .5em;
border-radius: 3px;
color: #777; }
.mt30 {
margin-top: 80px; }
.pt10 {
margin-top: 10px; }
.p10 {
padding: 10px; }
.contact-pt {
padding-top: 10px; }
.contact-sub-box {
width: 20%; }
.contact-input-box {
width: 80%; }
.contact-sub li {
background-color: #f5f5f5;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
position: relative;
padding: 9.5px; }
.contact-sub .first {
border-top: 1px solid #e5e5e5; }
.contact-input li {
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
position: relative;
width: 100%;
height: 24px;
padding: 5px; }
.contact-input .first {
border-top: 1px solid #e5e5e5; }
.msg-g {
color: #777; }
.fc-box select {
background: #fff; }
.contact-input textarea {
width: 99%;
height: 194px;
border: 1px solid #ddd; }
.fc-box ul > li:last-child {
height: 200px;
padding: 5px; }
.contact-ip {
width: 197px;
height: 13px;
margin: 10px 10px 20px 0px;
padding: 15px 53px 15px 16px;
border: solid 1px #e5e5e5;
font-size: 15px; }
.contact-ip-title {
width: 376px;
height: 13px;
background-color: #ffffff;
border: solid 1px #e5e5e5;
margin: 10px 10px 20px 0px;
padding: 15px 16px 15px 16px;
font-size: 15px; }
.lastNametac {
padding: 5px 5px 5px 9.5px !important; }
.contact-submit {
background: #000;
color: #fff;
padding: 5px 20px 5px 20px;
border-radius: 5px;
border: 0;
text-align: center; }
.line-bottom {
margin-top: 30px;
text-align: center; }
.fc-box {
flex: 1;
background: #f5f5f5;
padding: 27px 25px 0px; }
.c-label {
height: 15px;
font-size: 15px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
text-align: left;
color: #333333;
display: block; }
.contact-sub-box {
margin-right: 4px; }
.Shape {
display: none; }
.SMS {
width: 28px;
height: 28px;
vertical-align: middle;
margin-bottom: 10px;
background: #fff; }
.Rectangle-2 {
width: 410px;
height: 45px;
background-color: #ffffff;
border: solid 1px #e5e5e5;
margin: 10px 10px 20px 0px;
font-size: 15px;
padding-left: 10px; }
.Rectangle-3 {
width: 376px;
height: 270px;
background-color: #ffffff;
border: solid 1px #e5e5e5;
margin: 10px 10px 20px 0px;
padding: 15px 16px 15px 16px;
font-size: 15px; }
.act-btn-red {
width: 410px;
height: 60px;
background-color: #d6000a;
margin-bottom: 25px;
color: #fff;
font-size: 18px; }
.cs-list-title {
margin: 0;
text-align: center;
font-size: 18px;
margin-bottom: 15px; }
.cs-list-subtitle {
width: 410px;
height: 35px;
color: #fff;
font-size: 12px;
background-color: #636363; }
.cs-list-subtitle th {
padding: 10px 15px;
font-weight: normal;
text-align: center; }
.cs_list_item {
width: 410px;
height: 45px;
background-color: #ffffff;
cursor: pointer;
border-bottom: 1px solid #e5e5e5; }
.cs_list_item:hover {
background-color: #ffefef; }
.cs_list_item td {
padding: 10px 15px;
font-weight: normal;
text-align: center;
font-size: 12px; }
.w25 {
width: 25%; }
.w20 {
width: 20%; }
.w40 {
width: 40%; }
.w10 {
width: 10%; }
.c-list-sub {
width: 70px; }
.c-list-date {
width: 100px; }
.c-list-title {
width: 170px; }
.c-page {
margin-top: 47px;
display: block;
text-align: center; }
.c-page-item {
display: inline;
font-size: 12px;
cursor: pointer; }
.question-box {
width: 690px; }
.q-title-box {
padding: 11px 13px 12px 13px;
border-bottom: 1px solid #e5e5e5; }
.q-title-right {
float: right;
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.25;
letter-spacing: normal;
margin-left: 20px; }
.q-title {
font-size: 20px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.07;
letter-spacing: normal;
text-align: left; }
.q-text {
font-size: 12px;
padding: 20px 13px;
min-height: 167px;
border-bottom: 2px solid #e5e5e5; }
.q-date {
color: #666666;
font-size: 13px; }
.a-text {
background-color: #f7f7f7;
padding: 20px 60px;
min-height: 157px;
font-size: 12px; }
.arrow-r {
width: 12px;
height: 10px;
color: #6d6d6d;
position: absolute;
left: 30px; }
.f-right {
float: right;
display: inline-block; }
.v-button {
font-size: 12px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: center;
color: #777777;
width: 50px;
height: 30px;
border: solid 1px #e5e5e5;
margin-top: 13px;
margin-left: 2px;
float: right;
background: #fff; }
.v-button2 {
width: 60px;
height: 35px;
border: solid 1px #777777;
padding: 9px;
color: #777777;
margin-top: 87px;
background: #fff; }
.f-center {
text-align: center; }
.red {
color: #ed1c24; }
.q-textarea {
width: 100%;
height: 200px; }
.contact-ip::-webkit-input-placeholder {
color: #a7a7a7;
padding-left: 10px; }
.wspace {
white-space: pre-line; }
.service-center .service-center-contents {
height: auto;
margin: 0 auto;
margin-bottom: 100px;
position: relative;
width: 940px; }
.service-center .service-center-contents.init-service-center-css .mypage-contents {
width: 100%; }
.service-center .service-center-contents.init-service-center-css .mypage-contents .mypage-right-view {
border-top: 0;
padding: 0;
margin-top: 0;
width: 100%; }
.service-center .service-main-banner {
position: relative;
height: 300px;
background-color: black;
font-size: 14px;
color: #fff; }
.service-center .service-main-banner .banner-img {
width: 100%;
position: absolute;
bottom: 0; }
.service-center .service-main-banner .banner-inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
display: table;
width: 882px; }
.service-center .service-main-banner .banner-inner .banner-box {
display: table-cell;
width: 400px;
padding: 20px; }
.service-center .service-main-banner .banner-inner .banner-box.ko:first-child {
border-right: 2px solid; }
.service-center .service-main-banner .banner-inner .banner-box p {
margin: 0; }
.service-center .service-main-banner .banner-inner .banner-box .title {
font-size: 30px;
font-weight: bold;
margin-bottom: 30px; }
.service-center .service-main-banner .banner-inner .banner-box .phone {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px; }
.service-center .service-top-menu {
display: table;
text-align: center;
font-size: 15px;
color: #6d6d6d;
margin: 50px auto;
width: 940px; }
.service-center .service-top-menu .menu-item {
display: table-cell;
vertical-align: middle;
width: 235px;
height: 45px;
background: #f1f1f1;
border-top: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
cursor: pointer; }
.service-center .service-top-menu .menu-item.selected {
background: #fff; }
.service-center .faq-contents {
min-height: 600px; }
.service-center .faq-contents .search-box {
width: 460px;
margin: 0 auto;
margin-bottom: 60px; }
.service-center .faq-contents .empty-result {
margin: 50px;
font-size: 30px;
text-align: center; }
.service-center .faq-contents .faq-result-box {
height: auto;
position: relative;
width: 100%; }
.service-center .faq-contents .faq-result-box .faq-tab-list {
color: #6d6d6d;
font-size: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #e5e5e5; }
.service-center .faq-contents .faq-result-box .faq-tab-list .faq-tab-item {
display: inline-block;
padding: 0 8px;
border-right: 1px solid;
cursor: pointer; }
.service-center .faq-contents .faq-result-box .faq-tab-list .faq-tab-item.selected {
color: black;
font-weight: bold; }
.service-center .faq-contents .faq-result-box .faq-tab-list .faq-tab-item:first-child {
padding-left: 0; }
.service-center .faq-contents .faq-result-box .faq-tab-list .faq-tab-item:last-child {
border-right: 0; }
.service-center .AS-center-contents {
outline: none;
text-align: center;
margin-bottom: 50px; }
.service-center .AS-center-contents .noItem td {
padding: 17px;
font-size: 15px;
color: #6d6d6d; }
.service-center .AS-center-contents .search {
width: 458px;
background: #fafafa;
padding: 20px;
margin: auto;
border: 1px solid #e5e5e5;
margin-top: 30px; }
.service-center .AS-center-contents .table-result {
width: 940px;
margin: 40px auto; }
.service-center .AS-center-contents .table-result .as-title {
border-top: 2px solid #080808;
border-bottom: 1px solid #080808;
font-size: 16px;
color: #080808;
font-weight: normal; }
.service-center .AS-center-contents .table-result .as-th {
padding: 17px 0;
font-weight: normal; }
.service-center .AS-center-contents .table-result .as-td {
padding: 17px 0;
font-size: 15px;
color: #6d6d6d;
font-weight: normal; }
.service-center .AS-center-contents .table-result .as-td u {
cursor: pointer; }
.service-center .AS-center-contents .ASform {
width: 498px;
border: 1px solid #e5e5e5;
display: inline-block;
padding: 40px 60px;
text-align: left; }
.service-center .AS-center-contents .search_result label {
display: inline-block; }
.service-center .AS-center-contents .search_result span {
font-size: 15px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #333333;
margin-left: 20px;
display: inline-block; }
.service-center .AS-center-contents input {
text-indent: 10px; }
.service-center .AS-center-contents button {
outline: none; }
.service-center .AS-center-contents ul {
margin-top: 28px; }
.service-center .AS-center-contents ul li {
font-size: 13px;
color: #6d6d6d; }
.service-center .AS-center-contents label {
display: block;
margin-top: 20px;
margin-bottom: 10px;
font-size: 15px; }
.service-center .AS-center-contents label font {
color: #d0021b;
font-size: 13px; }
.service-center .AS-center-contents .tr-item {
border-bottom: 1px solid #e5e5e5; }
.service-center .AS-center-contents .sum {
font-size: 13px;
color: #6d6d6d;
text-align: left;
line-height: 21px;
margin-top: 19px; }
.service-center .AS-center-contents .btn-search {
width: 464px;
height: 45px;
background: #333;
color: #fff;
font-size: 15px;
border: 1px solid #333;
margin-top: 10px; }
.service-center .AS-center-contents .se-title {
font-size: 15px;
float: left;
color: #6d6d6d;
margin-bottom: 10px;
display: block;
width: 100%;
text-align: left; }
.service-center .AS-center-contents .btn_white {
border: 1px solid #333;
cursor: pointer;
color: #333;
background: #fff;
font-size: 15px;
width: 50%;
height: 43px; }
.service-center .AS-center-contents .btn_black {
border: 1px solid #333;
cursor: pointer;
color: #fff;
background: #333;
font-size: 15px;
height: 43px;
width: 50%; }
.service-center .AS-center-contents .tab_on {
border: 0;
border-top: 1px solid #e5e5e5;
background: #fff;
width: 50%;
padding: 15px 0px;
outline: none;
font-size: 15px;
margin-top: 25px; }
.service-center .AS-center-contents .tab_off {
border: 1px solid #e5e5e5;
background: #f7f7f7;
width: 50%;
padding: 15px 0px;
outline: none;
margin-top: 25px;
font-size: 15px; }
.service-center .AS-center-contents .input-type1 {
width: 100%;
height: 39px;
margin-bottom: 10px;
border: 1px solid #e5e5e5;
text-indent: 10px; }
.service-center .AS-center-contents .input-tel {
width: 154px;
height: 39px;
margin-bottom: 10px;
border: 1px solid #e5e5e5;
margin-right: 12px; }
.service-center .AS-center-contents .align-center {
display: flex;
align-items: center;
margin-bottom: 10px; }
.service-center .AS-center-contents .input-type3 {
width: 385px;
height: 39px; }
.service-center .AS-center-contents #addr2.input-type1 {
width: 98.5%; }
.service-center .AS-center-contents .sku-box {
display: inherit; }
.service-center .AS-center-contents .input-sku {
width: 233px;
height: 39px;
margin-bottom: 10px;
margin-right: 10px; }
.service-center .AS-center-contents .input-color {
width: 140px;
height: 39px;
margin-bottom: 10px; }
.service-center .AS-center-contents .inputAddr {
width: 504px;
height: 45px;
background: #f2f2f2;
text-align: center;
margin-bottom: 10px; }
.service-center .AS-center-contents .select-type1 {
width: 350px;
height: 45px;
border: 1px solid #e5e5e5;
border-radius: 0;
background: #fff; }
.service-center .AS-center-contents .input-type2 {
width: 348px;
height: 39px;
border: 1px solid #e5e5e5;
border-radius: 0;
background: #fff; }
.service-center .AS-center-contents .button-type1 {
background: #333;
color: #fff;
padding: 14px;
margin-left: 10px;
width: 138px; }
.service-center .AS-center-contents .button-type2 {
background: #333;
color: #fff;
margin-left: 10px;
width: 93px;
height: 45px; }
.service-center .AS-center-contents .cube {
width: 240px;
float: left; }
.service-center .AS-center-contents .cube select {
border: 1px solid #e5e5e5;
border-radius: 0;
background: #fff;
width: 100%;
height: 45px; }
.service-center .AS-center-contents .cube .btn-black {
background: #333;
color: #fff;
width: 100%;
font-size: 18px;
height: 60px; }
.service-center .AS-center-contents .cube .btn-white {
background: #fff;
color: #333;
border: 1px solid #333;
width: 100%;
font-size: 18px;
height: 60px; }
.service-center .AS-center-contents .imgPreview {
margin-top: 10px; }
.service-center .AS-center-contents .imgPreview div {
margin-right: 10px;
display: inline;
position: relative;
width: 110px;
height: 110px; }
.service-center .AS-center-contents .imgPreview img {
width: 110px;
height: 110px; }
.service-center .AS-center-contents .cube2 {
width: 154px;
float: left; }
.service-center .AS-center-contents .cube2 select {
border: 1px solid #e5e5e5;
border-radius: 0;
background: #fff;
width: 100%;
height: 45px; }
.service-center .AS-center-contents .cube2 .btn-black {
background: #333;
color: #fff;
width: 100%;
font-size: 18px;
height: 60px; }
.service-center .AS-center-contents .cube2 .btn-white {
background: #fff;
border: 1px solid #333;
color: #333;
width: 100%;
font-size: 18px;
height: 60px; }
.service-center .AS-center-contents .bottom-area {
width: 500px;
float: left;
margin-bottom: 52px; }
.service-center .AS-center-contents .bottom-area textarea {
padding: 17px 14px;
border: 1px solid #e5e5e5;
height: 90px;
width: 470px; }
.service-center .cs-benefit-contents {
margin: 0 auto;
margin-bottom: 100px;
position: relative;
width: 940px; }
.service-center .cs-benefit-contents * {
box-sizing: border-box; }
.service-center .cs-benefit-contents p, .service-center .cs-benefit-contents h2 {
margin: 0; }
.service-center .cs-benefit-contents .item {
display: inline-block;
width: 25%;
height: 290px;
border-right: 1px solid #e5e5e5;
padding: 22px;
vertical-align: top; }
.service-center .cs-benefit-contents .item:last-child {
border-right: 0; }
.service-center .cs-benefit-contents .item .title {
font-size: 20px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
color: #080808; }
.service-center .cs-benefit-contents .item .desc {
margin-top: 44px;
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.6;
letter-spacing: normal;
color: #6d6d6d; }
.cloth-chart {
margin-bottom: 45px; }
.cloth-chart td {
font-size: 12px; }
.CardInfo {
background: #f7f7f7;
padding-top: 10px; }
.CardInfo .body {
width: 802px;
margin: 0 auto;
padding-bottom: 107px; }
.CardInfo .title {
font-size: 18px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.22;
letter-spacing: normal;
color: #080808;
margin-top: 50px; }
.CardInfo table {
width: 100%; }
.CardInfo table th {
height: 45px;
border: solid 1px #e5e5e5;
background-color: #080808;
color: #fff;
font-size: 15px;
font-weight: normal; }
.CardInfo table td {
color: #080808;
border: solid 1px #e5e5e5;
background: #fff;
font-size: 13px;
text-align: center;
height: 40px; }
.CardInfo table .card {
font-weight: bold; }
.sayu {
width: 300px;
height: 300px;
border-radius: 5px;
padding: 10px;
background: #fff;
margin: auto;
margin-top: 20%;
position: relative; }
.sayu img {
cursor: pointer;
width: 15px;
position: absolute;
right: 10px;
top: 15px; }
.sayu h1 {
border-bottom: 1px solid #ddd;
text-align: left; }
.sayu p {
font-size: 15px; }
.answer-text div {
white-space: pre-line; }
.datepic {
display: inline-block;
position: relative; }
.datepic img {
position: absolute;
right: 10px;
top: 12px;
z-index: 99;
width: 20px; }
.hipen {
margin: 0 20px; }
.react-datepicker-wrapper input {
font-size: 15px;
width: 200px;
height: 39px;
margin-bottom: 10px;
border: 1px solid #e5e5e5;
text-indent: 10px; }
.brand-content {
height: auto;
position: relative;
width: 100%; }
.brand-header {
border-bottom: 1px solid #e5e5e5;
color: #333;
height: auto;
margin: 0 auto;
position: relative;
width: 900px; }
.brand-header .brand-path {
font-size: 14px;
height: 40px;
line-height: 40px;
position: relative;
text-align: left;
width: 100%; }
.brand-header .brand-menu-block {
height: auto;
margin: 0 auto;
margin-top: 10px;
position: relative;
width: 540px; }
.brand-header .brand-menu-block .brand-button {
cursor: pointer;
display: inline-block;
font-size: 15px;
font-weight: bold;
height: 45px;
line-height: 45px;
margin-left: 40px;
margin-right: 40px;
text-align: center;
vertical-align: bottom;
width: 100px; }
.brand-header .brand-menu-block .brand-button-normal {
border-bottom: 3px solid #ffffff; }
.brand-header .brand-menu-block .brand-button-selected {
border-bottom: 3px solid #ed1c24; }
.aboutus-content {
color: #080808;
font-weight: 300;
font-size: 14px;
height: auto;
line-height: 24px;
margin: 0 auto;
padding-top: 20px;
position: relative;
width: 900px; }
.aboutus-content .img-box {
height: auto;
position: relative;
width: 100%; }
.aboutus-content .title {
font-size: 30px;
font-weight: bold;
height: 70px;
line-height: 60px;
text-align: center;
width: 100%; }
.aboutus-content .script {
color: #333333;
font-size: 12px;
height: 800px;
line-height: 20px;
width: 100%; }
.aboutus-content .sub-title {
font-size: 13px; }
.technology-content {
height: auto;
margin: 0 auto;
margin-top: 20px;
position: relative;
width: 1200px; }
.technology-content .tech-table {
height: auto;
margin-bottom: 20px;
position: relative;
width: auto; }
.technology-content .tech-table .img-box {
height: auto;
width: 299px; }
.technology-content .tech-table .td-1 {
background-color: #f2f2f2;
height: auto;
width: 299px; }
.technology-content .tech-table .td-2 {
background-color: #f2f2f2;
height: 250px;
padding: 10px;
width: 279px;
vertical-align: top; }
.technology-content .tech-table .td-2 .title {
color: #000000;
font-size: 20px;
font-weight: bold;
line-height: 20px;
position: relative;
width: 100%; }
.technology-content .tech-table .td-2 .script {
color: #777777;
font-size: 12px;
line-height: 20px;
margin-top: 10px;
position: relative; }
.technology-content .tech-table .td-2 .year {
color: #000000;
font-size: 22px;
font-weight: bold;
line-height: 22px;
margin-bottom: 5px;
position: relative;
width: 100%; }
.technology-content .tech-table .td-2 .history-title {
color: #000000;
font-size: 18px;
font-weight: bold;
line-height: 18px;
position: relative;
width: 100%; }
.sr {
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.38;
letter-spacing: normal;
color: #6d6d6d; }
.register-group-scroll .policy-content {
padding-top: unset; }
.policy-content {
color: #333;
height: auto;
margin: 0 auto;
position: relative;
width: 415px;
padding-top: 59px; }
.policy-content .title {
font-size: 30px;
font-weight: 700;
height: 110px;
line-height: 110px;
position: relative;
text-align: center;
width: 100%; }
.policy-content .sub-text {
font-size: 13px;
text-align: center;
width: 100%; }
.policy-content .announce-box {
border: 1px solid #e5e5e5;
color: #777777;
font-size: 14px;
height: auto;
line-height: 20px;
margin-bottom: 20px;
padding: 20px;
width: 940px; }
.policy-content .table-select {
text-align: center;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 0px; }
.policy-content .table-select td {
font-size: 12px;
border-right: solid 1px #9a9a9a;
cursor: pointer;
height: 13px;
width: 100px;
color: #999999; }
.policy-content .table-select .selected {
color: #333333; }
.policy-content .prev-link {
color: #999;
line-height: 20px;
font-size: 14px; }
.policy-content .policy-box {
font-family: NotoSansCJKkr-light;
font-size: 12px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: normal;
color: #333333; }
.policy-content .policy-box td {
border: 1px solid;
padding: 15px;
font-size: 12px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: normal;
color: #333333; }
.policy-content table {
border: 1px solid #000;
font-size: 14px;
margin: 10px auto;
text-align: center;
width: 415px; }
.policy-content table .td-1 {
border: 1px solid #000;
height: 30px;
font-family: NotoSansCJKkr-light;
font-size: 12px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: normal;
color: #333333; }
.policy-content table .td-2 {
border: 1px solid #000;
height: 80px;
font-family: NotoSansCJKkr-light;
font-size: 12px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: normal;
color: #333333; }
.policy-content .previous-policy {
font-size: 14px;
line-height: 20px; }
.size-table-en {
margin: auto;
background: #fff;
padding: 58px 0px 58px 70px;
margin-top: 200px;
width: 1000px; }
.size-table-en h1 {
font-size: 30px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #080808; }
.size-table-en .flex {
display: flex;
margin: 19px 0px; }
.size-table-en .step1 {
float: left;
width: 500px; }
.size-table-en .step2 {
float: left;
padding: 10px;
width: 400px;
margin-top: -10px; }
.size-table-en .subtitle {
font-size: 16px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #080808; }
.size-table-en hr {
background: #e5e5e5;
border: 2px solid #e5e5e5;
width: 908px;
/* position: absolute; */
margin-right: 1000px; }
.size-table-en th {
border: solid 1px #e5e5e5;
background-color: #f7f7f7;
width: 80px;
height: 35px;
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.38;
letter-spacing: normal;
text-align: center;
color: #080808; }
.size-table-en td {
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.38;
letter-spacing: normal;
text-align: center;
color: #080808; }
.size-table-en .center {
text-align: center; }
.size-table-en .odd {
width: 70px;
height: 30px;
background: #fff;
border: solid 1px #e5e5e5;
border-top: 0;
padding-left: 5px; }
.size-table-en .even {
background: #fff;
width: 70px;
height: 30px;
border: solid 1px #e5e5e5;
border-top: 0;
padding-left: 5px; }
.size-table-en img {
width: 20px;
float: right;
margin-right: 58px; }
.size-table-en p {
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.38;
letter-spacing: normal;
color: #6d6d6d; }
.size-table-en table {
margin-top: 12px; }
.sr-subtitle {
font-size: 16px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #080808; }
.store-content {
color: #777;
height: auto;
font-size: 14px;
margin: 0 auto;
position: relative;
width: 980px; }
.store-content .img-box {
border: 1px solid #000000;
background-color: #969696;
height: 200px;
position: relative;
width: 100%; }
.store-content .img-box .title {
color: #ffffff;
font-size: 40px;
height: 200px;
line-height: 200px;
position: relative;
text-align: center;
width: 100%; }
.store-content .img-box .right-text {
border: 1px solid #fff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
bottom: 18px;
border-radius: 20px;
color: #fff;
display: inline-block;
float: right;
font-size: 14px;
height: 26px;
line-height: 26px;
text-align: center;
position: absolute;
right: 22px;
width: 69px; }
.store-content .store-filter-line {
margin: 40px 0;
text-align: center;
width: 100%; }
.store-content .store-table {
border-top: 1px solid #ccc;
height: auto;
line-height: 24px;
margin: 0 0 80px 0;
position: relative;
text-align: center;
width: 100%; }
.store-content .store-table .header-td-1 {
border-bottom: 1px solid #ccc;
color: #080808;
font-weight: 500;
height: 60px;
width: 100px; }
.store-content .store-table .header-td-2 {
border-bottom: 1px solid #ccc;
color: #080808;
font-weight: 500;
height: 60px;
width: 150px; }
.store-content .store-table .header-td-3 {
border-bottom: 1px solid #ccc;
color: #080808;
font-weight: 500;
height: 60px;
width: 120px; }
.store-content .store-table .header-td-4 {
border-bottom: 1px solid #ccc;
color: #080808;
font-weight: 500;
height: 60px;
width: 350px; }
.store-content .store-table .header-td-5 {
border-bottom: 1px solid #ccc;
color: #080808;
font-weight: 500;
height: 60px;
width: 110px; }
.store-content .store-table .header-td-6 {
border-bottom: 1px solid #ccc;
color: #080808;
font-weight: 500;
height: 60px;
width: 160px; }
.store-content .store-table .td-1 {
border-bottom: 1px solid #ccc;
height: 90px;
width: 100px; }
.store-content .store-table .td-2 {
border-bottom: 1px solid #ccc;
height: 90px;
width: 150px; }
.store-content .store-table .td-3 {
border-bottom: 1px solid #ccc;
height: 90px;
width: 120px; }
.store-content .store-table .td-4 {
border-bottom: 1px solid #ccc;
height: 90px;
width: 350px; }
.store-content .store-table .td-5 {
border-bottom: 1px solid #ccc;
cursor: pointer;
height: 90px;
width: 110px; }
.store-content .store-table .td-5 img {
width: 22px; }
.store-content .store-table .td-6 {
border-bottom: 1px solid #ccc;
height: 90px;
width: 160px; }
.store-content .store-table a {
color: #777; }
.store-content .map-viewer {
border: 1px solid #000000;
height: 600px;
position: absolute;
left: 0px;
top: 0px;
width: 980px;
z-index: 100; }
.store-content .close-button {
border: 1px solid #000000;
background-color: #ffffff;
color: #777777;
cursor: pointer;
font-size: 40px;
height: 40px;
position: absolute;
right: 0px;
top: 0px;
text-align: center;
width: 40px;
z-index: 101; }
.store-content .disable-map-viewer {
display: none; }
.orderResult-n {
border: 1px solid #e5e5e5;
margin-top: 40px;
text-align: left;
font-size: 13px;
line-height: 30px;
padding: 33px;
display: block;
height: 220px;
overflow: hidden;
transition: height .5s; }
.orderResult-n.close {
height: 30px; }
.orderResult-n.close .arrow-btn {
transform: rotate(180deg); }
.orderResult-n .arrow-btn {
cursor: pointer;
transition: transform .5s; }
.orderResult-n .line {
display: block; }
.orderResult-n .line span {
float: right; }
.orderResult-n .line img {
width: 18px; }
.orderResult-n .ft15 {
font-size: 15px; }
.orderResult-n .red {
color: #ca0000;
font-weight: bold; }
.orderResult-n .head {
font-size: 15px;
color: #020202;
font-weight: bold;
line-height: 40px;
padding-bottom: 25px; }
.order-result-contents {
width: 465px;
height: 900px;
margin: 0 auto;
text-align: center;
padding-top: 78px; }
.order-result-contents .order-result-table {
border: 2px solid #969696;
height: 179px;
width: 100%; }
.order-result-contents .order-result-table .left-span-td {
border-right: 1px solid #e5e5e5;
height: 177px;
width: 175px; }
.order-result-contents .order-result-table .right-td-1 {
background-color: #f5f5f5;
border-bottom: 1px solid #e5e5e5;
height: 119px;
color: #777777;
font-size: 13px;
padding: 20px;
width: 325px; }
.order-result-contents .order-result-table .right-td-1 .data-table {
height: auto;
width: 100%; }
.order-result-contents .order-result-table .right-td-1 .data-table .left-td {
line-height: 30px;
text-align: left; }
.order-result-contents .order-result-table .right-td-1 .data-table .right-td {
line-height: 30px;
text-align: right; }
.order-result-contents .order-result-table .right-td-2 {
background-color: #f5f5f5;
color: #ed1c24;
font-size: 18px;
height: 60px;
padding: 0 20px 0 20px;
width: 325px; }
.order-result-contents .order-result-table .right-td-2 .left {
float: left; }
.order-result-contents .order-result-table .right-td-2 .right {
float: right; }
.order-result-contents .orderNumber {
font-size: 15px;
font-weight: bold;
line-height: 20px; }
.order-result-contents .order-result-text {
position: relative;
padding-top: 40px;
margin-bottom: 20px;
width: 100%;
text-align: center;
color: #080808;
font-size: 23px;
line-height: 20px;
font-weight: bold; }
.order-result-contents .order-result-text .order-member-name {
display: inline-block;
color: #000000;
font-weight: bold; }
.order-result-contents .order-result-text-sub {
position: relative;
margin-bottom: 20px;
width: 100%;
text-align: center;
color: #777;
font-size: 15px;
line-height: 25px; }
.order-result-contents .order-number-text {
color: #080808;
font-size: 14px;
position: relative;
width: 175px;
vertical-align: center;
text-align: center; }
.order-result-contents .order-number-text .order-number {
font-weight: bold; }
.order-result-contents .order-account-table {
color: #777;
font-size: 13px;
margin: 0 auto;
width: auto; }
.order-result-contents .order-account-table .td-left {
text-align: left;
padding-right: 30px; }
.order-result-contents .order-account-table .account-change-button {
cursor: pointer;
color: #ed1c24; }
.order-result-contents .order-button-table {
margin: 0 auto;
width: auto; }
.order-result-contents .order-gift-information {
font-size: 13px;
text-align: left; }
.order-result-contents .order-gift-information span {
display: block; }
.order-result-contents .order-shopping-button {
background-color: #ffffff;
margin-right: 10px;
border: 1px solid #ed1c24;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ed1c24;
cursor: pointer;
font-size: 13px;
height: 48px;
line-height: 48px;
text-align: center;
width: 160px; }
.order-result-contents .order-detail-button {
background-color: #ffffff;
margin-left: 10px;
border: 1px solid #ed1c24;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ed1c24;
cursor: pointer;
font-size: 13px;
height: 48px;
line-height: 48px;
text-align: center;
width: 160px; }
.red-white-btn {
width: 185px;
background: #ffffff;
color: #ca0000;
text-align: center;
border: 1px solid #ca0000;
height: 50px;
padding: 13px 17px;
font-size: 15px;
cursor: pointer;
font-weight: 300; }
.red-btn {
width: 185px;
background: #ca0000;
color: #fff;
text-align: center;
border: 1px solid #ca0000;
height: 50px;
padding: 13px 17px;
font-size: 15px;
font-weight: 300;
cursor: pointer;
margin-left: 10px; }
.order-result-account-transfer-content {
width: 470px;
min-height: 900px;
font-size: 14px;
margin: 0 auto;
text-align: center;
padding-top: 78px; }
.order-result-account-transfer-content .order-result-text-1 {
color: #020202;
font-size: 23px;
line-height: 40px;
margin-bottom: 0;
padding-top: 40px;
position: relative;
text-align: center;
width: 100%; }
.order-result-account-transfer-content .order-result-text-2 {
color: #020202;
font-size: 15px;
line-height: 40px;
margin-bottom: 30px;
position: relative;
text-align: center;
width: 100%; }
.order-result-account-transfer-content .order-result-text-sub {
position: relative;
width: 100%;
text-align: center;
color: #777;
font-size: 15px;
line-height: 25px; }
.order-result-account-transfer-content .order-result-account-table {
border: 1px solid #e5e5e5;
color: #080808;
width: 100%;
font-size: 15px;
line-height: 25px;
display: block;
height: 320px;
overflow: hidden;
transition: height .5s; }
.order-result-account-transfer-content .order-result-account-table.close {
height: 60px; }
.order-result-account-transfer-content .order-result-account-table.close .arrow-btn {
transform: rotate(180deg); }
.order-result-account-transfer-content .order-result-account-table .arrow-btn {
cursor: pointer;
transition: transform .5s; }
.order-result-account-transfer-content .order-result-account-table hr {
border: 0.5px solid #e5e5e5; }
.order-result-account-transfer-content .order-result-account-table img {
width: 18px; }
.order-result-account-transfer-content .order-result-account-table .vacc-td {
text-align: right;
padding-right: 33px; }
.order-result-account-transfer-content .order-result-account-table .hr-td {
padding: 0px 33px; }
.order-result-account-transfer-content .order-result-account-table .pb33 {
padding-bottom: 33px; }
.order-result-account-transfer-content .order-result-account-table .left-td {
color: #080808;
height: 100%;
padding: 20px 33px;
padding-bottom: 0px;
text-align: left;
width: 100px; }
.order-result-account-transfer-content .order-result-account-table .right-td {
height: 100%;
padding: 20px 33px;
padding-bottom: 0px;
text-align: right;
width: 356px; }
.order-result-account-transfer-content .order-result-account-table .right-td .bank-name {
display: inline-block; }
.order-result-account-transfer-content .order-result-account-table ul {
margin: 0;
padding: 0; }
.order-result-account-transfer-content .order-result-account-table li {
height: 30px;
line-height: 30px; }
.order-result-account-transfer-content .order-account-table {
color: #777;
font-size: 13px;
margin: 0 auto;
width: auto; }
.order-result-account-transfer-content .order-account-table .td-left {
text-align: left;
padding-right: 30px; }
.order-result-account-transfer-content .order-account-table .account-change-button {
cursor: pointer;
color: #ed1c24; }
.order-result-account-transfer-content .order-button-table {
margin: 0 auto;
width: auto; }
.order-result-account-transfer-content .order-shopping-button {
background-color: #ffffff;
margin-right: 10px;
border: 1px solid #ed1c24;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ed1c24;
cursor: pointer;
font-size: 13px;
height: 48px;
line-height: 48px;
text-align: center;
width: 160px; }
.order-result-account-transfer-content .order-detail-button {
background-color: #ffffff;
margin-left: 10px;
border: 1px solid #ed1c24;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ed1c24;
cursor: pointer;
font-size: 13px;
height: 48px;
line-height: 48px;
text-align: center;
width: 160px; }
.order-result-account-transfer-content .go-banking-button {
display: inline-block;
margin-left: 5px;
border: 1px solid #080808;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #080808;
cursor: pointer;
font-size: 13px;
height: 20px;
line-height: 20px;
text-align: center;
width: 120px; }
.order-flow-component {
display: inline-block;
padding: 3px 4px;
border-bottom: 1px solid #e5e5e5; }
.order-flow-component .item {
font-size: 16px;
color: #6d6d6d;
margin-right: 30px;
display: inline-block; }
.order-flow-component .item:last-child {
margin-right: 0; }
.order-flow-component .active {
font-weight: bold;
color: #080808; }
.order-result-info-table-component {
border: 1px solid #e5e5e5;
color: #080808;
width: 100%;
font-size: 15px;
line-height: 25px;
display: block;
height: 344px;
overflow: hidden;
transition: height .5s; }
.order-result-info-table-component.order-account-info {
margin-top: 10px;
height: 200px; }
.order-result-info-table-component.existAddress2 {
height: 230px; }
.order-result-info-table-component.close {
height: 60px; }
.order-result-info-table-component.close .arrow-btn {
transform: rotate(180deg); }
.order-result-info-table-component .arrow-btn {
cursor: pointer;
transition: transform .5s; }
.order-result-info-table-component hr {
border: 0.5px solid #e5e5e5; }
.order-result-info-table-component img {
width: 18px; }
.order-result-info-table-component .vacc-td {
text-align: right;
padding-right: 33px; }
.order-result-info-table-component .hr-td {
padding: 0px 33px; }
.order-result-info-table-component .pb33 {
padding-bottom: 33px; }
.order-result-info-table-component .left-td {
color: #080808;
height: 100%;
padding: 20px 33px;
padding-bottom: 0px;
text-align: left;
width: 130px; }
.order-result-info-table-component .right-td {
height: 100%;
padding: 20px 33px;
padding-left: 10px;
padding-bottom: 0px;
text-align: right;
width: 356px; }
.order-result-info-table-component .right-td .bank-name {
display: inline-block; }
.order-result-info-table-component ul {
margin: 0;
padding: 0; }
.order-result-info-table-component li {
height: 30px;
line-height: 30px; }
.payagreement-content {
color: #777;
font-size: 13px;
width: 915px;
background: #f1f1f1;
overflow: auto;
height: 120px;
border: 10px solid #f1f1f1;
padding-left: 15px; }
.agree-title {
font-size: 15px;
color: #333;
padding: 28px; }
.event-content {
height: auto;
min-height: 1000px;
margin: 0 auto;
margin-bottom: 200px;
position: relative;
width: 990px; }
.event-content .event-path {
color: #777;
font-size: 14px;
height: 46px;
line-height: 46px;
position: relative;
text-align: left;
width: 100%; }
.event-content .event-path .current-page {
color: #333; }
.event-content .event-message-box {
border: 1px solid #e5e5e5;
color: #777;
font-size: 16px;
line-height: 35px;
margin-bottom: 15px;
position: relative;
padding: 10px 0 10px 0;
text-align: center;
width: 100%; }
.event-content .event-message-box .button {
border-radius: 0px;
display: inline-block;
margin-left: 15px;
border: 1px solid #ed1c24;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ed1c24;
cursor: pointer;
font-size: 13px;
height: 35px;
line-height: 35px;
text-align: center;
width: 120px; }
.event-content .main-event-banner {
height: 590px;
margin-bottom: 15px;
position: relative;
width: 100%; }
.event-content ul {
height: auto;
display: inline-block;
margin: 0;
padding: 0;
position: relative;
width: 100%; }
.event-content li {
float: left;
height: auto;
list-style-type: none;
margin: 0 15px 15px 0; }
.event-content li:nth-child(3n) {
margin-right: 0px; }
.event-content .event-item {
background-color: #f7f7f7;
font-size: 13px;
height: auto;
line-height: 8px;
position: relative;
width: 320px; }
.event-content .event-item img {
background-color: #ccc;
height: 320px;
position: relative;
width: 320px; }
.event-content .event-item .event-desc {
color: #333;
padding: 10px 20px 10px 20px;
height: 150px;
position: relative;
width: 280px; }
.event-content .event-item .event-desc .button {
border-radius: 0px !important;
height: 45px !important;
line-height: 45px !important;
position: absolute;
background-color: #444;
bottom: 20px;
left: 20px;
color: #fff;
width: 278px;
text-align: center; }
.event-content .detail-main-img {
background-color: #f5f5f5;
height: 230px;
position: relative;
width: 100%; }
.event-content .detail-title {
font-size: 30px;
height: 100px;
line-height: 100px;
position: relative;
text-align: center;
width: 100%; }
.event-content .detail-desc-box {
border: 1px solid #f0f0f0;
font-size: 15px;
height: auto;
margin: 0 auto;
position: relative;
width: 657px; }
.event-content .detail-desc-box .desc-info-table {
color: #333;
margin: 20px 0 20px 40px;
position: relative; }
.event-content .detail-desc-box .desc-info-table .top-align {
padding: 10px 0;
vertical-align: top; }
.event-content .detail-desc-box .desc-info-table .left-td {
height: 40px;
width: 70px; }
.event-content .detail-desc-box .desc-info-table .right-td {
height: auto;
min-height: 40px;
width: 470px; }
.event-content .detail-desc-box .desc-info-table .desc-td {
padding: 10px 0 10px 0; }
.event-content .submit-button {
background-color: #e62e25;
margin: 25px auto;
border: 1px solid #e62e25;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
cursor: pointer;
font-size: 13px;
height: 50px;
line-height: 50px;
text-align: center;
width: 180px; }
.training-top-menu {
margin: 0 auto;
position: relative;
width: 990px; }
.training-top-menu .mypage-path {
color: #969696;
font-size: 14px;
height: 50px;
line-height: 50px;
position: relative;
text-align: left;
width: 100%; }
.training-top-menu .training-menus {
border-bottom: 2px solid #e8e8e8;
font-size: 14px;
height: 52px;
line-height: 52px;
margin: 0 auto;
position: relative;
text-align: center;
width: 990px; }
.training-top-menu .training-menus li {
display: inline-block;
width: 176px; }
.training-top-menu .menu-button-content {
height: auto;
padding: 0 34px 0 34px;
position: relative;
width: 108px; }
.training-top-menu .menu-button-content .menu-button {
border-bottom: 4px solid #ffffff;
color: #090909;
cursor: pointer;
font-size: 16px;
height: 42px;
line-height: 42px;
margin-top: 5px;
width: 108px; }
.training-top-menu .menu-button-content .menu-selected {
border-bottom: 4px solid #ed1c24;
color: #080808; }
.training-content {
height: auto;
margin: 0 auto;
position: relative;
width: 100%; }
.training-content .training-guide-info {
color: #999;
font-size: 12px;
font-weight: 300;
height: auto;
line-height: 20px;
margin: 28px auto 80px auto;
width: 990px; }
.training-content .training-guide-info .title {
font-size: 20px;
font-weight: 500; }
.training-content .training-center-content {
height: auto;
position: relative;
width: 100%; }
.training-content .class-item-list {
height: auto;
margin: 0 auto;
position: relative;
width: 990px; }
.training-content .class-item-list ul {
height: auto;
display: inline-block;
margin: 0;
padding: 0;
position: relative;
width: 100%; }
.training-content .class-item-list li {
float: left;
height: auto;
list-style-type: none;
margin: 0 10px 10px 0; }
.training-content .class-item-list li:nth-child(2n) {
margin-right: 0px; }
.training-content .class-item {
background-color: #aaa;
cursor: pointer;
height: 300px;
position: relative;
width: 490px; }
.training-content .class-item .title {
color: #fff;
font-size: 33px;
font-weight: bold;
left: 40px;
top: 30px;
position: absolute;
z-index: 1; }
.training-content .class-item .day-text {
bottom: 56px;
color: #fff;
height: 40px;
font-size: 14px;
left: 40px;
position: absolute;
width: 40px;
z-index: 1; }
.training-content .class-item .time-text-1 {
bottom: 40px;
color: #fff;
height: 30px;
font-size: 13px;
left: 40px;
position: absolute;
width: 100px;
z-index: 1; }
.training-content .class-item .time-text-2 {
bottom: 24px;
color: #fff;
height: 27px;
font-size: 14px;
left: 40px;
position: absolute;
width: 100px;
z-index: 1; }
.training-content .class-item .arrow-btn {
right: 25px;
top: 0px;
position: absolute;
width: 20px;
z-index: 1; }
.training-content .class-item img {
height: 300px;
width: 490px;
z-index: 0; }
.training-content .training-main-banner {
height: auto;
position: relative;
padding: 0;
width: 100%; }
.training-content .training-main-banner table {
bottom: 15%;
height: auto;
left: 0;
right: 0;
margin: 0 auto 30px auto;
position: absolute;
width: 500px;
z-index: 3; }
.training-content .training-main-banner .btn-submit {
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
border-radius: 38px;
border: 1px solid #fff;
cursor: pointer;
color: #fff;
font-size: 14px;
font-weight: 300;
height: 40px;
line-height: 40px;
margin: 0 15px 0 15px;
position: relative;
text-align: center;
width: 140px;
z-index: 11; }
.training-content .training-main-banner .main-bg-img {
height: auto;
left: 0px;
top: 0px;
position: relative;
width: 100%;
vertical-align: bottom;
z-index: 1; }
.training-content .training-main-banner .main-title-box {
height: auto;
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
top: 18%;
width: 600px;
z-index: 2; }
.training-content .training-main-banner .main-title-box .main-title-img {
height: auto;
position: relative;
width: 600px; }
.training-content .training-banner {
height: auto;
margin: 0 auto 100px auto;
position: relative;
width: 100%; }
.training-content .training-banner .banner-content {
height: auto;
position: relative;
width: 100%; }
.training-content .training-banner .banner-content .banner-bg {
height: auto;
position: relative;
width: 100%;
z-index: 1; }
.training-content .training-banner .banner-content .banner-title-box {
height: auto;
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
top: 60px;
width: 450px;
z-index: 2; }
.training-content .training-banner .banner-content .banner-title-box .banner-title {
height: auto;
position: relative;
width: 450px;
z-index: 2; }
.training-content .training-banner .banner-content .title {
color: #fff;
font-size: 47px;
font-weight: bold;
left: 0;
top: 150px;
text-align: center;
position: absolute;
width: 100%;
z-index: 11; }
.training-content .training-banner .header-content {
height: auto;
margin: 0 auto;
position: relative;
text-align: center;
width: 1200px; }
.training-content .training-banner .header-content .header-img {
height: auto;
width: 1200px; }
.training-content .training-banner .header-content .schedule-img {
height: auto;
width: 990px; }
.training-content .training-banner .header-content table {
height: auto;
left: 0;
right: 0;
margin: 30px auto;
position: relative;
width: 300px;
z-index: 3; }
.training-content .training-banner .header-content .btn-submit {
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
border-radius: 38px;
background-color: #ed1c24;
cursor: pointer;
color: #fff;
font-size: 14px;
font-weight: 300;
height: 40px;
line-height: 40px;
margin: 0 10px 0 10px;
position: relative;
text-align: center;
width: 140px;
z-index: 11; }
.training-content .training-banner .header-content .btn-submit-product {
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
border-radius: 38px;
background-color: #000;
cursor: pointer;
color: #fff;
font-size: 14px;
font-weight: 300;
height: 40px;
line-height: 40px;
margin: 0 10px 0 10px;
position: relative;
text-align: center;
width: 140px;
z-index: 11; }
.training-content .training-detail {
padding: 35px 0 90px 0;
position: relative;
text-align: center;
width: 100%; }
.training-content .training-detail .training-course-line {
border-bottom: 1px solid #e5e5e5;
margin: 0 auto;
margin-top: 50px;
position: relative;
width: 1000px; }
.training-content .training-detail .training-detail-title {
font-size: 19px;
font-weight: bold;
height: 19px;
line-height: 19px;
margin-top: 25px; }
.training-content .training-detail .training-detail-trainer-record {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
color: #777;
font-size: 12px;
font-weight: 300;
height: auto;
line-height: 20px;
margin: 15px auto;
padding: 15px 0 15px 0;
width: 660px; }
.training-content .training-detail .trainer-profile {
border-radius: 50%;
width: 230px; }
.training-content .training-detail table {
color: #080808;
height: auto;
margin: 0 auto;
margin-top: 30px;
width: 660px; }
.training-content .training-detail table .td-left {
font-size: 14px;
font-weight: 500;
height: auto;
width: 175px;
text-align: left;
vertical-align: top; }
.training-content .training-detail table .td-right {
height: auto;
font-size: 14px;
padding: 0 20px 30px 0;
text-align: left;
width: 485px;
vertical-align: top; }
.training-content .training-detail table .td-right .title {
font-size: 14px;
font-weight: 500;
height: auto;
width: 100%; }
.training-content .training-detail table .td-right .subject {
font-size: 12px;
font-weight: 300;
height: auto;
line-height: 22px;
width: 100%; }
.training-content .training-detail table .td-right .bold {
font-weight: 500; }
.training-content .training-detail table .td-right .red-font {
color: #ed1c24;
font-size: 14px;
font-weight: 500; }
.training-content .training-guide-title {
color: #080808;
font-size: 30px;
font-weight: 500;
margin-top: 40px;
text-align: center;
width: 100%; }
.training-content .training-guide-box {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
font-size: 14px;
font-weight: 300;
height: auto;
padding: 30px 0 30px 140px;
margin: 30px auto 40px auto;
width: 520px; }
.training-content .training-guide-box .td-left {
height: 25px;
text-align: left;
width: 100px; }
.training-content .training-guide-box .td-right {
height: 25px;
text-align: left;
width: 300px; }
.training-content .training-office-list {
height: auto;
margin: 0 auto;
position: relative;
width: 990px; }
.training-content .training-office-list ul {
height: auto;
display: inline-block;
margin: 0;
padding: 0;
position: relative;
width: 100%; }
.training-content .training-office-list li {
float: left;
height: auto;
list-style-type: none;
margin: 0 6px 6px 0; }
.training-content .training-office-list li img {
height: 250px;
width: 326px; }
.training-content .training-office-list li:nth-child(3n) {
margin-right: 0px; }
.training-content .iframe-content {
height: 1500px;
margin: 0 auto;
position: relative;
width: 990px; }
.training-review-title {
font-size: 19px;
font-weight: 700;
height: 26px;
line-height: 26px;
margin: 20px 0 20px 0;
position: relative;
text-align: center;
width: 100%; }
.training-review-item-container {
height: auto;
width: 600px; }
.training-review-item-container .training-review-img {
height: auto;
position: relative;
width: 100%; }
.training-review-item-container .training-review-desc {
color: #777;
font-size: 12px;
font-weight: 300;
line-height: 18px;
margin: 0 auto;
padding: 20px 0 20px 0;
text-align: center;
height: 300px;
width: 85%; }
.corefit-content {
height: auto;
margin: 0 auto;
position: relative;
width: 100%; }
.corefit-content .page-path {
color: #969696;
font-size: 14px;
height: 15px;
line-height: 15px;
margin: 20px auto;
position: relative;
text-align: left;
width: 1200px; }
.corefit-content .corefit-detail {
color: #080808;
height: auto;
text-align: center;
margin: 45px auto;
position: relative;
width: 100%; }
.corefit-content .corefit-detail .main-title {
font-size: 40px;
font-weight: 700;
position: relative; }
.corefit-content .corefit-detail .main-description {
color: #777;
font-size: 14px;
font-weight: 300;
line-height: 17px;
margin: 10px 0 23px;
position: relative; }
.corefit-content .corefit-detail .main-box {
border: 1px solid #e5e5e5;
height: 223px;
margin: 0 auto;
margin-bottom: 36px;
position: relative;
text-align: center;
width: 725px; }
.corefit-content .corefit-detail .main-box .main-box-title {
color: #080808;
font-size: 16px;
font-weight: 700;
margin: 20px 0 8px; }
.corefit-content .corefit-detail .main-box .main-box-address {
font-size: 12px;
font-weight: 300; }
.corefit-content .corefit-detail .main-box .main-box-desc {
color: #999;
font-size: 12px;
font-weight: 300;
margin: 24px 0; }
.corefit-content .corefit-detail .main-box .main-box-button {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background-color: #080808;
color: #fff;
cursor: pointer;
font-size: 14px;
font-weight: 400;
height: 40px;
line-height: 40px;
margin: 0 auto;
text-align: center;
width: 150px; }
.corefit-content .corefit-detail .select-lesson-list {
height: auto;
margin: 0 auto;
margin-bottom: 10px;
position: relative;
width: 990px; }
.corefit-content .corefit-detail .select-lesson-list ul {
height: auto;
display: inline-block;
margin: 0;
padding: 0;
position: relative;
width: 100%; }
.corefit-content .corefit-detail .select-lesson-list li {
cursor: pointer;
float: left;
height: auto;
list-style-type: none;
margin: 0 10px 10px 0; }
.corefit-content .corefit-detail .select-lesson-list li:nth-child(2n) {
margin-right: 0px; }
.corefit-content .corefit-detail .select-lesson-list .arrow-btn {
right: 22px;
top: 45px;
position: absolute;
width: 13px;
z-index: 1; }
.corefit-content .corefit-detail .class-item {
background-color: #aaa;
cursor: pointer;
font-weight: 100;
height: 300px;
position: relative;
width: 490px; }
.corefit-content .corefit-detail .class-item .title {
color: #fff;
font-size: 32px;
font-weight: bold;
left: 35px;
line-height: 36px;
top: 27px;
position: absolute;
text-align: left;
width: 350px;
z-index: 1; }
.corefit-content .corefit-detail .class-item .day-text {
bottom: 47px;
color: #fff;
height: auto;
font-size: 14px;
left: 35px;
position: absolute;
text-align: left;
width: 120px;
z-index: 1; }
.corefit-content .corefit-detail .class-item .time-text-1 {
bottom: 17px;
color: #fff;
height: 30px;
font-size: 14px;
left: 35px;
text-align: left;
position: absolute;
width: 100px;
z-index: 1; }
.corefit-content .corefit-detail .class-item .arrow-btn {
right: 27px;
top: 132px;
position: absolute;
width: 18px;
z-index: 1; }
.corefit-content .corefit-detail .class-item img {
width: 490px;
z-index: 0; }
.corefit-content .lesson-detail-img {
background-color: #F4F4F4;
height: auto;
margin-bottom: 20px;
position: relative;
width: 100%; }
.corefit-content .lesson-detail-img .detail-img-box {
position: relative;
margin: 0 auto;
width: 990px; }
.corefit-content .lesson-detail-img img {
width: 100%;
z-index: 0; }
.corefit-content .lesson-detail-img .lesson-button {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background-color: #f43349;
color: #fff;
font-size: 14px;
font-weight: 300;
height: 40px;
line-height: 40px;
position: absolute;
text-align: center;
width: 105px;
z-index: 1; }
.corefit-content .lesson-detail-img .lesson-button-position-1 {
left: 40px;
top: 285px; }
.corefit-content .lesson-detail-img .lesson-button-position-2 {
left: 850px;
top: 284px; }
.corefit-content .lesson-detail-img .lesson-button-position-3 {
left: 40px;
top: 225px; }
.corefit-content .lesson-detail-img .lesson-button-position-4 {
left: 850px;
top: 285px; }
.corefit-content .lesson-detail-img .lesson-button-position-5 {
left: 850px;
top: 285px; }
.corefit-content .lesson-detail-img .movie-button {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
border: 1px solid #000;
background-color: #f4f4f4;
color: #000;
font-size: 14px;
font-weight: 300;
height: 40px;
line-height: 40px;
position: absolute;
text-align: center;
width: 105px;
z-index: 1; }
.corefit-content .lesson-detail-img .movie-button-position-4 {
left: 740px;
top: 285px; }
.corefit-content .lesson-detail-img .movie-button-position-5 {
left: 740px;
top: 285px; }
.event-coupon-content {
height: auto;
margin: 0 auto;
position: relative;
width: 1200px; }
.event-coupon-content .event-main-banner {
height: 1500px;
line-height: 20px;
position: relative;
text-align: center;
width: 100%; }
.event-coupon-content .event-main-banner img {
height: auto;
width: 40%; }
.event-coupon-content .event-main-banner .btn-submit {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #000;
background-color: #000;
cursor: pointer;
color: #fff;
font-size: 16px;
font-weight: 300;
height: 50px;
line-height: 50px;
margin: 10px auto;
position: relative;
text-align: center;
width: 160px;
z-index: 11; }
.event-coupon-content .event-main-banner .btn-signup {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ed1c24;
background-color: #ed1c24;
cursor: pointer;
color: #fff;
font-size: 16px;
font-weight: 300;
height: 50px;
line-height: 50px;
margin: 10px auto;
position: relative;
text-align: center;
width: 160px;
z-index: 11; }
.modularbag-content {
height: auto;
min-width: 1200px;
margin-bottom: 200px;
position: relative;
width: 100%; }
.modularbag-content .movie-page {
background-color: #000;
height: auto;
position: relative;
width: 100%; }
.modularbag-content .movie-close-icon {
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/x_grey.svg);
content-size: 48px 48px;
color: #969696;
cursor: pointer;
display: block;
font-weight: normal;
margin: auto;
right: 20px;
padding: 1px;
position: absolute;
top: 20px;
text-align: center;
width: 17px;
z-index: 1; }
.modularbag-content .close-icon {
content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/x_blk.svg);
content-size: 48px 48px;
color: #969696;
cursor: pointer;
display: block;
font-weight: normal;
margin: auto;
right: 20px;
padding: 1px;
position: absolute;
top: 20px;
text-align: center;
width: 17px;
z-index: 1; }
.modularbag-content .movie {
background: #000;
height: auto;
margin: 0 auto;
position: relative;
width: 80%; }
.modularbag-content img {
height: auto;
margin: 0;
padding: 0;
border: none;
position: relative;
vertical-align: top;
width: 100%; }
.modularbag-content .page-title {
font-size: 30px;
font-weight: 700;
height: 80px;
line-height: 80px;
margin-top: 30px;
position: relative;
text-align: center;
width: 100%; }
.modularbag-content .page-decs {
font-size: 15px;
font-weight: 300;
height: 40px;
line-height: 20px;
margin-bottom: 40px;
position: relative;
text-align: center;
width: 100%; }
.modularbag-content .page-decs .bold {
font-weight: 600; }
.modularbag-content table {
height: 980px;
padding: 0;
margin: 30px auto 90px auto;
width: 1400px; }
.modularbag-content table td {
cursor: pointer;
height: 490px;
position: relative;
width: 700px; }
.modularbag-content table td img {
border: none;
height: 100%;
position: relative;
vertical-align: top;
width: 100%; }
.modularbag-content table td .text-box {
height: 100%;
left: 0;
top: 0;
position: absolute;
padding-left: 20px;
width: auto; }
.modularbag-content table td .text-box .title {
color: #fff;
font-size: 2.2em;
font-weight: 700;
height: 20px;
line-height: 1.4em;
margin: 30px 10px 70px;
position: relative;
width: 100%; }
.modularbag-content table td .text-box .btn {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #000;
color: #fff;
cursor: pointer;
font-size: 1.5em;
font-weight: 500;
height: 40px;
line-height: 40px;
margin: 0 10px;
position: relative;
text-align: center;
width: 72px; }
.modularbag-content ._table {
border-collapse: collapse;
height: auto;
margin: 0;
padding: 0;
position: relative;
width: 100%; }
.modularbag-content ._table .td-1 {
height: auto;
position: relative;
width: 25%; }
.modularbag-content ._table .td-1 .text-box {
height: 100%;
left: 0;
top: 0;
position: absolute;
padding-left: 20px;
width: auto; }
.modularbag-content ._table .td-1 .text-box .title {
color: #fff;
font-size: 2.2em;
font-weight: 700;
height: 20px;
line-height: 1.4em;
margin: 30px 10px 70px;
position: relative;
width: 100%; }
.modularbag-content ._table .td-1 .text-box .btn {
color: #fff;
cursor: pointer;
font-size: 1.5em;
font-weight: 500;
height: 15px;
line-height: 15px;
margin: 0 10px;
position: relative;
width: 40px; }
.modularbag-content ._table .td-2 {
height: auto;
position: relative;
width: 25%; }
.modularbag-content ._table .td-2 .text-box {
height: 100%;
left: 0;
top: 0;
position: absolute;
padding-left: 20px;
width: auto; }
.modularbag-content ._table .td-2 .text-box .title {
color: #fff;
font-size: 2.2em;
font-weight: 700;
height: 20px;
line-height: 1.4em;
margin: 30px 10px 70px;
position: relative;
width: 100%; }
.modularbag-content ._table .td-2 .text-box .btn {
color: #fff;
cursor: pointer;
font-size: 1.5em;
font-weight: 500;
height: 15px;
line-height: 15px;
margin: 0 10px 20px;
position: relative;
width: auto; }
.modularbag-content ._table .td-3 {
height: auto;
position: relative;
width: 50%; }
.modularbag-content ._table .td-3 table {
height: auto;
margin: 0;
padding: 0;
position: relative;
width: 100%; }
.modularbag-content ._table .td-3 table td {
border: none;
margin: 0;
padding: 0;
position: relative; }
.modularbag-content ._table .td-3 table .text-box {
height: 100%;
left: 0;
top: 0;
position: absolute;
padding-left: 20px;
width: auto; }
.modularbag-content ._table .td-3 table .text-box .title {
color: #fff;
font-size: 2.2em;
font-weight: 700;
height: 40px;
line-height: 1.4em;
margin: 30px 10px 50px;
position: relative;
width: 100%; }
.modularbag-content ._table .td-3 table .text-box .btn {
color: #fff;
cursor: pointer;
font-size: 1.5em;
font-weight: 500;
height: 15px;
line-height: 15px;
margin: 0 10px 20px;
position: relative;
width: auto; }
.modularbag-content ._table .td-3 table .tr-1 {
height: 25%;
margin: 0;
padding: 0;
width: 100%; }
.modularbag-content ._table .td-3 table .tr-1 img {
height: auto;
border: none;
margin: 0;
padding: 0;
position: relative;
vertical-align: top;
width: 100%; }
.modularbag-content ._table .td-3 table .tr-2 {
height: 25%;
margin: 0;
padding: 0;
width: 100%; }
.modularbag-content ._table .td-3 table .tr-3 {
height: 50%;
margin: 0;
padding: 0;
width: 100%; }
.modularbag-content ._table .td-3 table .tr-3 td {
height: 100%;
margin: 0;
padding: 0;
position: relative;
width: 100%; }
.modularbag-content ._table .td-3 table .tr-3 td .slide {
height: auto;
position: relative;
width: 100%; }
.modularbag-content ._table .td-3 table .tr-3 td .slide img {
height: auto;
border: none;
margin: 0;
padding: 0;
position: relative;
vertical-align: top;
width: 100%; }
.modularbag-content .designer-page {
height: 100%;
width: 100%; }
.modularbag-content .designer-page .text-block {
height: 100%;
padding-top: 5%;
position: absolute;
right: 0;
top: 0;
width: 45%; }
.modularbag-content .designer-page .text-box {
height: auto;
margin-bottom: 20px;
position: relative;
width: 85%; }
.modularbag-content .designer-page .text-box .name {
color: #777;
font-size: 13px;
height: 15px;
line-height: 15px;
position: relative;
width: 100%; }
.modularbag-content .designer-page .text-box .title {
font-size: 3em;
font-weight: 700;
height: 40px;
line-height: 40px;
position: relative;
width: 100%; }
.modularbag-content .designer-page .text-box .desc {
font-size: 1.4em;
font-weight: 400;
height: auto;
line-height: 1.6em;
margin: 10px 0 10px 0;
position: relative;
text-align: justify;
width: 100%; }
.modularbag-content .designer-page .qna-box {
height: auto;
margin-bottom: 10px;
position: relative;
width: 85%; }
.modularbag-content .designer-page .qna-box .question {
height: 10px;
font-size: 1.6em;
font-weight: 600;
line-height: 1em;
padding: 14px 0;
position: relative;
width: 100%; }
.modularbag-content .designer-page .qna-box .answer {
font-size: 1.4em;
font-weight: 300;
height: auto;
line-height: 1.6em;
position: relative;
text-align: justify;
width: 100%; }
.modularbag-content .product-titles {
float: left;
height: auto;
top: 180px;
position: relative;
width: 16%; }
.modularbag-content .product-titles .text-box {
color: #bfbfbf;
float: right;
font-size: 16px;
font-weight: 400;
height: auto;
line-height: 32px;
text-align: left;
width: 50%; }
.modularbag-content .product-titles .text-box .selected {
color: #000;
font-weight: 500; }
.modularbag-content .product-titles .text-box ul {
margin: 0;
padding: 0; }
.modularbag-content .product-titles .text-box li {
cursor: pointer;
list-style-type: none; }
.modularbag-content .products {
height: auto;
font-size: 14px;
font-weight: 300;
line-height: 22px;
position: relative;
margin: 0 auto;
width: 66%; }
.modularbag-content .products .unvisible {
display: none; }
.modularbag-content .products table {
border-collapse: collapse;
height: auto;
margin: 0;
padding: 0;
position: relative;
width: 100%; }
.modularbag-content .products .td-main {
color: #777;
height: auto;
padding: 20px 0 20px 0;
vertical-align: top;
width: 50%; }
.modularbag-content .products .td-main .td-left {
height: auto;
vertical-align: top;
width: 26%; }
.modularbag-content .products .td-main .td-left .title {
color: #000;
font-size: 23px;
font-weight: 600; }
.modularbag-content .products .td-main .td-left .shop {
color: #000;
cursor: pointer;
font-size: 15px;
font-weight: 500;
margin-top: 10px; }
.modularbag-content .products .td-main .td-right {
color: #777;
height: auto;
width: 56%; }
.integration-content {
height: auto;
min-width: 1200px;
margin: 100px 0 400px 0;
position: relative;
width: 100%; }
.integration-content .btn-submit {
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
border-radius: 38px;
background-color: #000;
cursor: pointer;
color: #fff;
font-size: 14px;
font-weight: 300;
height: 40px;
line-height: 40px;
margin: 0 auto;
position: relative;
text-align: center;
width: 100px;
z-index: 11; }
.integratepopup {
height: auto;
margin: 0 auto;
position: relative;
width: 500px; }
.integratepopup .title {
color: #080808;
font-size: 14px;
font-weight: bold;
height: 100px;
padding: 55px 0 0;
position: relative;
text-align: center;
width: 100%; }
.integratepopup .checkbtn {
background: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/check_gray.svg);
cursor: pointer;
float: right;
height: 26px;
width: 26px; }
.integratepopup .checkbtn_checked {
background: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/check_red.svg);
cursor: pointer;
float: right;
height: 26px;
width: 26px; }
.integratepopup .rect-1 {
border: solid 1px #e5e5e5;
border-bottom: 0;
height: 24px;
padding: 20px;
position: relative;
width: 460px; }
.integratepopup .rect-1 .text {
color: #333;
float: left;
font-size: 12px;
font-weight: 300;
height: 24px;
line-height: 24px;
width: 80%; }
.integratepopup .rect-2 {
border: solid 1px #e5e5e5;
border-bottom: 0;
height: 165px;
padding: 20px;
position: relative;
width: 460px; }
.integratepopup .rect-2 .text {
color: #333;
float: left;
font-size: 12px;
font-weight: 300;
height: 24px;
line-height: 24px;
width: 80%; }
.integratepopup .rect-2 .content {
background-color: #f2f2f2;
border: solid 1px #e5e5e5;
color: #333;
height: 90px;
overflow-y: auto;
padding: 15px;
margin-top: 45px;
width: 430px; }
.integratepopup .rect-bottom {
border-bottom: solid 1px #e5e5e5; }
.integratepopup .button-1 {
background-color: #d6000a;
color: #fff;
cursor: pointer;
font-size: 18px;
font-weight: 500;
height: 60px;
line-height: 60px;
margin-top: 30px;
text-align: center;
width: 500px; }
.integratepopup .button-2 {
background-color: #888;
color: #fff;
cursor: pointer;
font-size: 18px;
font-weight: 500;
height: 60px;
line-height: 60px;
margin: 10px 0 60px 0;
text-align: center;
width: 500px; }
.spyder-video-view {
position: relative;
height: 100vh;
background-color: #000; }
.spyder-video-view .video-box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.std-title {
font-size: 16px;
font-weight: 500; }
.std-desc {
font-size: 14px; }
.sac-body hr.lh1px {
height: 1px;
background: #000;
border: 0; }
.sac-main-body {
width: 100%;
background: #000000; }
.sac-main-body .sac-video-cont {
width: 100%; }
.sac-main-body .sac-button-box {
width: 860px;
margin: 0 auto;
display: flex;
justify-content: space-between;
padding-bottom: 178px; }
.sac-main-body .sac-button-box button {
width: 270px;
height: 86px;
font-family: NotoSansCJKkr;
font-size: 22px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ffffff; }
.sac-main-body .sac-button-box button:nth-child(1) {
background: #e70000; }
.sac-main-body .sac-button-box button:nth-child(2) {
background: #a4a4a4; }
.sac-main-body .sac-button-box button:nth-child(3) {
background: #a4a4a4; }
.sac-main-body .sac-members {
width: 80%;
margin: 100px auto;
margin-bottom: 200px; }
.sac-main-body .sac-members .member-card {
width: 90%;
margin: 0 auto;
}
.sac-main-body .sac-members .member-card img {
width: 100%;
height: auto;
display: block; }
.sac-main-body .sac-members .member-card span {
display: block;
text-align: center;
color: #ffffff; }
.sac-main-body .sac-members .member-card .number {
margin-top: 30px;
font-family: NotoSansCJKkr;
font-size: 20px;
font-weight: bold;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: normal; }
.sac-main-body .sac-members .member-card .name {
margin-top: 15px;
font-family: NotoSansCJKkr;
font-size: 18px;
font-weight: normal;
font-stretch: normal; }
.sac-main-body .sac-members .owl-next img {
position: absolute;
right: -20px;
top: 35%;
width: 20px;
height: 40px; }
.sac-main-body .sac-members .owl-prev img {
position: absolute;
left: -61px;
top: 35%;
width: 20px;
height: 40px; }
.sac-main-body .sac-members-title {
background: #000000;
width: 880px;
margin: 0 auto;
margin-top: 502px; }
.sac-main-body .sac-members-title hr {
position: relative;
top: 0;
left: 0;
background: #ffffff;
border: 0;
height: 3px; }
.sac-main-body .sac-members-title .title {
position: relative;
margin: 0 auto;
text-align: center;
width: 270px;
background: #000000;
margin-top: -30px;
padding: 0 50px; }
.sac-main-body .sac-detail-link {
width: 100%;
margin: 0 auto; }
.sac-main-body .sac-detail-link .detail-img:last-child {
padding-bottom: 60px; }
.sac-main-body .sac-detail-link .detail-img {
padding-bottom: 150px;
position: relative; }
.sac-main-body .sac-detail-link .detail-img .slick-area{
margin-left: auto;
width:50%
}
.sac-main-body .sac-detail-link .detail-img .back {
width: 100%; }
.sac-main-body .sac-detail-link .detail-img .video-cont {
width: 41.15%;
position: absolute;
top: 13.07%;
left: 5.26%; }
.sac-main-body .sac-detail-link .detail-img .detail-box {
position: absolute;
z-index: 99; }
.sac-main-body .sac-detail-link .detail-img .detail-box p {
margin: 0;
height: 36px; }
.sac-main-body .sac-detail-link .detail-img .detail-box .title {
font-family: NotoSansCJKkr;
font-size: 24px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff; }
.sac-main-body .sac-detail-link .detail-img .detail-box .title p {
color:#fff;
margin: 0;
height: 36px;
line-height: 1;
font-family: NotoSansCJKkr; }
.sac-main-body .sac-detail-link .detail-img .detail-box .desc {
margin-top: 20px;
margin-bottom: 30px;
font-family: NotoSansCJKkr;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff; }
.sac-main-body .sac-detail-link .detail-img .detail-box .desc p {
color:#fff;
margin: 0;
height: 27px;
line-height: 1;
font-family: NotoSansCJKkr; }
.sac-main-body .sac-detail-link .detail-img .detail-box button {
width: 240px;
height: 70px;
background-color: #ffffff;
font-family: NotoSansCJKkr;
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #000000; }
.sac-main-body .sac-detail-link .detail-img .detail-box.first {
top: 56%;
left: 65.63%; }
.sac-main-body .sac-detail-link .detail-img .detail-box.second {
top: 53.65%;
left: 5.26%; }
.sac-main-body .sac-detail-link .detail-img .detail-box.third {
top: 64.95%;
left: 63.33%; }
.sac-main-body .sac-detail-link .detail-img .detail-box.fourth {
top: 100.9%;
left: 5.21%; }
.sac-main-body .sac-main-link {
width: 1100px;
margin: 0 auto;
padding-bottom: 150px; }
.sac-main-body .sac-main-link .sac-main-img {
width: 100%;
margin-top: 150px;
margin-bottom: 120px; }
.sac-main-body .sac-main-link .sac-link-img-flex.mb_hidden {
text-align: center;
display: flex !important;
justify-content: space-around; }
.sac-main-body .sac-main-link .sac-link-img-flex .btn-img {
width: 260px;
height: 260px;
position: relative;
cursor: pointer; }
.sac-main-body .sac-main-link .sac-link-img-flex .btn-img span {
font-family: NotoSansCJKkr;
font-size: 20px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ffffff;
position: absolute;
z-index: 999;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 200px; }
.sac-main-body .sac-main-link .sac-link-img-flex .btn-img .back {
width: 100%;
height: 100%; }
.sac-main-body .sac-main-link .sac-link-img-flex .btn-img .arrow {
position: absolute;
bottom: 0;
right: 0;
width: 50px;
height: 50px;
z-index: 99; }
.sac-body {
width: 100%; }
.sac-body button {
cursor: pointer; }
.sac-body .carousel-img {
height: auto;
position: relative;
width: 100%; }
.sac-body .spyder-carousel .owl-controls .owl-page span {
background: #fff; }
.sac-body .spyder-carousel .owl-controls .owl-page.active span,
.sac-body .spyder-carousel .owl-controls.clickable .owl-page:hover span {
background: #e70000;
content: ""; }
.sac-body .contents-body {
width: 1100px;
margin: 0 auto; }
.sac-body .title-img {
width: 65%;
margin-top: 200px; }
.sac-body .title-img-2020 {
width: 1100px;
display: block;
margin: 200px auto; }
.sac-body .sac-title {
text-align: center;
margin: 0;
font-size: 90px;
font-weight: bold;
font-style: normal;
font-stretch: condensed;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #000000;
font-family: DINNextLTProRegular; }
.sac-body .sac-title b {
color: #e70000; }
.sac-body .sac-subtitle {
font-size: 22px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #000;
white-space: pre-line;
margin-bottom: 100px; }
.sac-body .flex {
text-align: center;
display: block;
margin-bottom: 165px; }
.sac-body .flex .btn-img {
width: 260px;
height: 260px;
position: relative;
display: inline-block;
cursor: pointer; }
.sac-body .flex .btn-img span {
font-family: NotoSansCJKkr;
font-size: 22px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ffffff;
position: absolute;
z-index: 999;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 200px; }
.sac-body .flex .btn-img .back {
width: 100%;
height: 100%; }
.sac-body .flex .btn-img .arrow {
position: absolute;
bottom: 0;
right: 0;
width: 50px;
height: 50px;
z-index: 99; }
.sac-body .flex .btn-img:nth-child(2) {
margin: 0 30px; }
.sac-body .sac-sign-black {
font-family: NotoSansCJKkr;
margin-bottom: 250px;
width: 300px;
height: 100px;
background-color: #000;
border: 0;
border-radius: 0;
color: #fff;
font-size: 24px;
margin: 80px auto;
display: block;
margin-bottom: 150px;
font-weight: 600; }
.sac-body .sac-sign-red {
font-family: NotoSansCJKkr;
margin-bottom: 250px;
width: 300px;
height: 100px;
background-color: #e70000;
border: 0;
border-radius: 0;
color: #fff;
font-size: 24px;
margin: 80px auto;
display: block;
margin-bottom: 150px;
font-weight: 600; }
.sac-body hr {
height: 3px;
background: #000;
border: 0; }
.sac-body .SAC-PROCESS {
font-family: DINNextLTProRegular;
font-size: 60px;
font-weight: 700;
font-style: normal;
font-stretch: condensed;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #000;
background: #fff;
width: 450px;
margin: auto;
margin-top: -41px;
padding: 0 10px; }
.sac-body .SAC-PROCESS .carousel-img {
height: auto;
position: relative;
width: 70%; }
.sac-body .sac-info-table-box {
margin: 0 auto; }
.sac-body .sac-info-table {
margin: 80px auto; }
.sac-body .sac-info-table td {
font-size: 18px;
padding-bottom: 24px; }
.sac-body .sac-info-table td .sub {
font-size: 16px;
color: #9d9d9d;
display: block; }
.sac-body .sac-info-table td:first-child {
width: 180px; }
.sac-body .sac-info-table td:first-child .letter-2 {
height: 45px;
background: #000;
color: #fff;
width: 70px;
text-align: center;
line-height: 48px; }
.sac-body .sac-info-table td:first-child .letter-3 {
height: 45px;
background: #000;
color: #fff;
width: 85px;
text-align: center;
line-height: 48px; }
.sac-body .sac-info-table td:first-child .letter-5 {
height: 45px;
background: #000;
color: #fff;
width: 120px;
text-align: center;
line-height: 48px; }
.sac-body .sac-info-table td:first-child .letter-6 {
height: 45px;
background: #000;
color: #fff;
width: 135px;
text-align: center;
line-height: 48px; }
.sac-body .sac-info-table td:first-child .letter-7 {
height: 45px;
background: #000;
color: #fff;
width: 160px;
text-align: center;
line-height: 48px; }
.sac-body .sac-info-table td:first-child .letter-7.line{
line-height:23px
}
.sac-body .sac-info-table td:first-child .letter-8 {
height: 45px;
background: #000;
color: #fff;
width: 180px;
text-align: center;
line-height: 48px; }
.sac-body .sac-info-table td:first-child .letter-8.line{
line-height:23px
}
.sac-body .sac-info-table td .sectest_center .rating_table th,
.sac-body .sac-info-table td .sectest_center .rating_table td {
height: 35px;
border: solid 1px #000000;
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 2.14;
letter-spacing: normal;
text-align: center;
color: #000000; }
.sac-body .sac-info-table td .sectest_center .rating_table th {
background: #000;
color: #fff; }
.sac-body .sac-info-table td .sectest_center .rating_table td {
font-weight: normal;
padding: 10px;
border-left: 0;
border-right: 0; }
.sac-body .sac-info-table td .sectest_center .rating_table{margin:0 0 115px}
.sac-body .sac-info-table td .sectest_center .rating_table .bg{color:#000;background:#E5E5E5}
.sac-body .sac-info-table td .sectest_center .rating_table .not_bg{color:#000;background:#fff}
.sac-body .sac-info-table td .sectest_center .rating_table thead tr:first-of-type th{height:40px}
.sac-body .sac-info-table td .sectest_center .rating_table thead tr:last-of-type th{height:80px}
.sac-body .sac-info-table td .sectest_center .rating_table thead th{font-size:14px;font-weight:400;line-height:20px;border-left:0;border-right:1px solid #000;border-top:2px solid #000;border-bottom:2px solid #000}
.sac-body .sac-info-table td .sectest_center .rating_table thead th:last-of-type{border-right:0}
.sac-body .sac-info-table td .sectest_center .rating_table tbody th,
.sac-body .sac-info-table td .sectest_center .rating_table tbody td{height:40px;color:#000;font-size:14px;font-weight:400;line-height:21px;background:none;border-bottom:1px solid #000;border-right:1px solid #000;border-left:0}
.sac-body .sac-info-table td .sectest_center .rating_table tbody td:last-of-type{border-right:0}
.sac-body .sac-info-table td .sectest_center .rating_table tbody tr:first-of-type th,
.sac-body .sac-info-table td .sectest_center .rating_table tbody tr:first-of-type td{height:40px;border-top:0}
.sac-body .sac-info-table td .sectest_center .rating_table tbody tr:last-of-type td:last-of-type{border-right:1px solid #000}
.sac-body .sac-info-table td:last-child {
padding-top: 12px;
padding-left: 36px; }
.sac-body .sac-info-table td:last-child .red {
font-size: 20px;
color: #e70000; }
.sac-body .sac-info-table td:last-child .px12 {
font-size: 12px;
margin-top: 7px; }
.sac-body .sac-info-table td:last-child .px13 {
font-size: 13px;
margin-top: 7px; }
.sac-body .sac-info-table td:last-child .hide {
visibility: hidden; }
.sac-body .sac-info-table .td-top {
vertical-align: top;
padding-top: 8px; }
.sac-body .sac-process-img {
width: 1000px;
margin: auto;
display: block;
margin-top: 80px; }
.sac-body .btn-box {
width: 100%;
text-align: center;
height: 120px;
margin-bottom: 300px;
margin-top: 200px; }
.sac-body .btn-box button {
width: 300px;
height: 100px;
color: #fff;
font-size: 24px;
font-weight: 600;
border: 0;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center; }
.sac-body .btn-box .red {
background: #e70000;
margin-right: 35px; }
.sac-body .btn-box .black {
background: #000;
margin-left: 35px;
padding-top: 9px; }
.sac-body .tcr {
width: 100%; }
.sac-body .pad200 {
padding-top: 200px; }
.sac-body .member-card {
width: 90%; }
.sac-body .member-card img {
width: 100%;
height: auto;
display: block; }
.sac-body .member-card span {
display: block;
text-align: center;
font-size: 16px; }
.sac-body .member-card .number {
font-weight: bold;
margin-top: 30px;
font-family: FFDINWebProBold; }
.sac-body .member-body {
width: 60%;
margin: 100px auto;
margin-bottom: 200px; }
.sac-body .member-body .name,
.sac-body .member-body .number {
color: #ffffff; }
.sac-body .member-body .owl-next img {
position: absolute;
right: -20px;
top: 35%;
width: 20px;
height: 40px; }
.sac-body .member-body .owl-prev img {
position: absolute;
left: -61px;
top: 35%;
width: 20px;
height: 40px; }
.sac-body .sac-back-black {
background: #000;
color: #fff;
padding: 100px 150px;
margin-bottom: 170px; }
.sac-body .sac-back-black hr {
height: 3px;
background: #fff; }
.sac-body .sac-back-black .SAC-PROCESS {
background: #000;
color: #fff; }
.sac-body .sac-back-black .tcr {
margin-top: 90px; }
.mdpick-sac {
width: 100%;
padding-bottom: 255px; }
.mdpick-sac .body {
padding: 0 120px; }
.mdpick-sac .body .title-img {
display: block;
margin: 0 auto;
width: 45%;
margin-bottom: 100px; }
.mdpick-sac .body hr {
background: #777;
height: 2px;
border: 0;
margin: 200px 0; }
.mdpick-sac .body .banner-img {
width: 100%; }
.mdpick-sac .body .title-box {
width: 890px;
padding: 40px;
text-align: center;
background: #fff;
margin: auto;
position: relative; }
.mdpick-sac .body .title-box .up {
background: #fff;
position: absolute;
top: -100px;
width: 100%;
left: 0; }
.mdpick-sac .body .title-box .up img {
width: 17%;
margin-top: 50px; }
.mdpick-sac .body .title-box h1 {
font-family: DINNextLTProBold;
font-size: 35px;
margin-top: 60px;
margin-bottom: 35px; }
.mdpick-sac .body .title-box p {
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.38;
letter-spacing: normal;
text-align: center;
color: #777777; }
.mdpick-sac .top-contents {
padding-top: 160px; }
.mdpick-sac .album {
width: 100%;
display: flex;
margin-top: 150px; }
.mdpick-sac .album .left {
width: 47%;
margin-right: 6%; }
.mdpick-sac .album .left img {
width: 100%; }
.mdpick-sac .album .right {
width: 47%; }
.mdpick-sac .album .right img {
width: 100%; }
.mdpick-sac .album-solo {
padding: 0 195px;
margin-top: 6%; }
.mdpick-sac .solo {
margin: 80px auto; }
.mdpick-sac .solo img {
width: 100%; }
.mdpick-sac .vane {
margin-top: 6%;
position: relative; }
.mdpick-sac .vane .vane-4 {
position: absolute;
right: 0;
bottom: 0; }
.testResult {
width: 100%; }
.testResult .btn_picture {
width: 160px;
height: 65px;
border: 0;
background: #000;
color: #fff;
font-family: NotoSansCJKkr;
font-size: 18px;
font-weight: bold;
margin-bottom: 120px; }
.testResult .sac_profile {
width: 50px;
height: 50px;
border-radius: 50%;
margin-right: 10px; }
.testResult .top-img {
width: 100%; }
.testResult .contents {
width: 1024px;
margin: 0 auto; }
.testResult .contents .center {
text-align: center; }
/* testResult */
.testResult .contents .center span{display:block;margin-bottom:10px;font-size:28px;font-weight:700;font-family:'NotoSansCJKkr',sans-serif}
.testResult .contents .center p{margin-bottom:120px;font-size:18px;line-height:26px;white-space:normal;letter-spacing:-0.05em}
.testResult .contents .center .rating_tit{margin-bottom:40px;color:#000;font-size:26px;font-weight:700;text-align:center}
.testResult .contents .rating_table{margin:0 0 115px}
.testResult .contents .rating_table .bg{color:#000;background:#E5E5E5}
.testResult .contents .rating_table .not_bg{color:#000;background:#fff}
.testResult .contents .rating_table thead tr:first-of-type th{height:40px}
.testResult .contents .rating_table thead tr:last-of-type th{height:80px}
.testResult .contents .rating_table thead th{font-size:14px;font-weight:400;line-height:20px;border-left:0;border-right:1px solid #000;border-top:2px solid #000;border-bottom:2px solid #000}
.testResult .contents .rating_table thead th:last-of-type{border-right:0}
.testResult .contents .rating_table tbody th,
.testResult .contents .rating_table tbody td{height:40px;color:#000;font-size:14px;font-weight:400;line-height:21px;background:none;border-bottom:1px solid #000;border-right:1px solid #000;border-left:0}
.testResult .contents .rating_table tbody td:last-of-type{border-right:0}
.testResult .contents .rating_table tbody tr:first-of-type th,
.testResult .contents .rating_table tbody tr:first-of-type td{height:40px;border-top:0}
.testResult .contents .rating_table tbody tr:last-of-type td:last-of-type{border-right:1px solid #000}
.testResult .contents .main-text {
margin: 125px auto;
border-bottom: 45px;
width: 430px; }
.testResult .contents .result-table {
text-align: center; }
.testResult .contents .gender-wrap {
margin: 65px auto 15px;
text-align: left; }
.testResult .contents .gender-wrap .radio-wrap {
display: inline-block;
padding-left: 20px; }
.testResult .contents .gender-wrap .radio-wrap input {
position: absolute;
left: -9999px; }
.testResult .contents .gender-wrap .radio-wrap input + label {
font-family: NotoSansCJKkr;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #000000;
position: relative;
padding: 0 0 22px;
cursor: pointer;
margin-right: 38px; }
.testResult .contents .gender-wrap .radio-wrap input + label:before {
content: "";
background: #ffffff;
border: 1px solid #bdc9d6;
height: 12px;
width: 12px;
border-radius: 50%;
position: absolute;
top: 1px;
left: -20px; }
.testResult .contents .gender-wrap .radio-wrap input + label:after {
content: "";
background: #aaaaaa;
width: 6px;
height: 6px;
border-radius: 50%;
position: absolute;
top: 5px;
left: -16px;
transition: all 0.2s ease-in; }
.testResult .contents .gender-wrap .radio-wrap input:hover + label:before {
border: 1px solid #e92300; }
.testResult .contents .gender-wrap .radio-wrap input:checked + label:before {
border: 1px solid #dcdcdc; }
.testResult .contents .gender-wrap .radio-wrap input:checked + label:after {
background: #e92300; }
.testResult .contents .more {
width: 50px;
margin: 50px 0 50px;
cursor: pointer; }
.testResult .contents table {
width: 1024px;
cursor: default; }
.testResult .contents table.type-C {
margin-top: 100px; }
.testResult .contents table.type-R {
margin-top: 100px;
margin-bottom: 50px; }
.testResult .contents table th,
.testResult .contents table td {
height: 35px;
border: solid 1px #000000;
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 2.14;
letter-spacing: normal;
text-align: center;
color: #000000; }
.testResult .contents table th {
background: #000;
color: #fff; }
.testResult .contents table td {
font-weight: normal;
padding: 10px;
border-left: 0;
border-right: 0; }
.testResult .contents table .level-td img {
vertical-align: middle; }
.testResult .contents table .level-td .arrow {
margin-bottom: 3px;
margin-left: 3px; }
.testResult .contents table .level-td .tag {
margin-left: 10px; }
.testResult .contents .top-bar {
width: 100%; }
.testResult .contents .top-bar .menu-bar {
display: inline-block; }
.testResult .contents .top-bar .menu-bar ul {
display: block; }
.testResult .contents .top-bar .menu-bar li {
width: 215px;
height: 50px;
font-family: NotoSansCJKkr;
font-size: 22px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 2.27;
letter-spacing: normal;
text-align: center;
display: inline-block;
border-bottom: 1px solid;
cursor: pointer; }
.testResult .contents .top-bar .menu-bar .on {
color: #e92300;
border-bottom: 2px solid #e92300; }
.testResult .contents .top-bar .search-bar {
display: inline-block;
float: right; }
.testResult .contents .top-bar .search-bar input {
width: 235px;
height: 40px;
border: solid 1px #000000;
font-size: 16px;
text-indent: 10px;
background: url("//d319d1tzjwpwbb.cloudfront.net/common/sac/Search.svg") no-repeat;
background-size: 25px;
background-position-x: 200px;
background-position-y: 8px;
outline: none; }
.testResult .contents .top-bar .search-bar input::placeholder {
color: #c3c3c3; }
.testResult_box .btn_picture {
width: 160px;
height: 65px;
border: 0;
background: #000;
color: #fff;
font-family: NotoSansCJKkr;
font-size: 18px;
font-weight: bold;
margin-bottom: 120px; }
.testResult_box .sac_profile {
width: 50px;
height: 50px;
border-radius: 50%;
margin-right: 10px; }
.testResult_box .top-img {
width: 100%; }
.testResult_box .contents {
width: 1024px;
margin: 0 auto; }
.testResult_box {
text-align: center; }
.testResult_box .gender-wrap {
margin: 65px auto 15px;
text-align: left; }
.testResult_box .gender-wrap .radio-wrap {
display: inline-block;
padding-left: 20px; }
.testResult_box .gender-wrap .radio-wrap input {
position: absolute;
left: -9999px; }
.testResult_box .gender-wrap .radio-wrap input + label {
font-family: NotoSansCJKkr;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #000000;
position: relative;
padding: 0 0 22px;
cursor: pointer;
margin-right: 38px; }
.testResult_box .gender-wrap .radio-wrap input + label:before {
content: "";
background: #ffffff;
border: 1px solid #bdc9d6;
height: 12px;
width: 12px;
border-radius: 50%;
position: absolute;
top: 1px;
left: -20px; }
.testResult_box .gender-wrap .radio-wrap input + label:after {
content: "";
background: #aaaaaa;
width: 6px;
height: 6px;
border-radius: 50%;
position: absolute;
top: 5px;
left: -16px;
transition: all 0.2s ease-in; }
.testResult_box .gender-wrap .radio-wrap input:hover + label:before {
border: 1px solid #e92300; }
.testResult_box .gender-wrap .radio-wrap input:checked + label:before {
border: 1px solid #dcdcdc; }
.testResult_box .gender-wrap .radio-wrap input:checked + label:after {
background: #e92300; }
.testResult_box .more {
width: 50px;
margin: 50px 0 50px;
cursor: pointer; }
.testResult_box table {
width: 1024px;
cursor: default; }
.testResult_box table.type-C {
margin-top: 100px; }
.testResult_box table.type-R {
margin-top: 100px;
margin-bottom: 50px; }
.testResult_box table th,
.testResult_box table td {
height: 35px;
border: solid 1px #000000;
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 2.14;
letter-spacing: normal;
text-align: center;
color: #000000; }
.testResult_box table th {
background: #000;
color: #fff; }
.testResult_box table td {
font-weight: normal;
padding: 10px;
border-left: 0;
border-right: 0; }
.testResult_box table .level-td img {
vertical-align: middle; }
.testResult_box table .level-td .arrow {
margin-bottom: 3px;
margin-left: 3px; }
.testResult_box table .level-td .tag {
margin-left: 10px; }
.testResult_box .top-bar {
width: 100%; }
.testResult_box .top-bar .menu-bar {
display: inline-block; }
.testResult_box .top-bar .menu-bar ul {
display: block; }
.testResult_box .top-bar .menu-bar li {
width: 215px;
height: 50px;
font-family: NotoSansCJKkr;
font-size: 22px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 2.27;
letter-spacing: normal;
text-align: center;
display: inline-block;
border-bottom: 1px solid;
cursor: pointer; }
.testResult_box .top-bar .menu-bar .on {
color: #e92300;
border-bottom: 2px solid #e92300; }
.testResult_box .top-bar .search-bar {
display: inline-block;
float: right; }
.testResult_box .top-bar .search-bar input {
width: 235px;
height: 40px;
border: solid 1px #000000;
font-size: 16px;
text-indent: 10px;
background: url("//d319d1tzjwpwbb.cloudfront.net/common/sac/Search.svg") no-repeat;
background-size: 25px;
background-position-x: 200px;
background-position-y: 8px;
outline: none; }
.testResult_box .top-bar .search-bar input::placeholder {
color: #c3c3c3; }
#spu.on{
opacity:1;
visibility:visible;
}
.sac_profile_upload {
width: 520px;
margin: 10% auto;
font-family: NotoSansCJKkr;
position: relative; }
.sac_profile_upload #file {
display: none; }
.sac_profile_upload .body {
padding:46px 60px 40px;
background: #fff;
position: relative; }
.sac_profile_upload h1 {
font-size: 24px;
font-weight: bold;
text-align: left; }
.sac_profile_upload .img{
position:relative;
width:172px;
height:172px;
display: block;
text-align: center;
margin: 25px auto 50px;
background: #080808;
border-radius: 100%;
}
.sac_profile_upload .camera {
position: absolute;
top:50%;
left:50%;
margin:-36px 0 0 -45px;
width: 90px;
height: 72px; }
.sac_profile_upload .big_img{
margin:0;
transform:translate(-50%,-50%);
width:100%;
height:100%;
}
.sac_profile_upload .btn-x {
position: absolute;
width: 25px;
right: 24px;
top: 23px;
cursor: pointer; }
.sac_profile_upload .summary {
font-size: 12px;
color: #080808;
display: block;
text-align: center;
margin-bottom: 40px; }
.sac_profile_upload input {
background:none;
border:0;
font-size:14px;
text-indent:10px;
height: 44px;
line-height:43px;
border-bottom:1px solid #080808;
margin-bottom:0;
width: 100%; }
.sac_profile_upload .btn_up {
width: 100%;
background: #080808;
font-size: 14px;
color: #fff;
text-align: center;
height: 48px;
line-height: 48px; }
.sacProgram {
width: 100%; }
.sacProgram .main-img {
width: 100%; }
.sacProgram .hr-line {
width: 100%;
text-align: center; }
.sacProgram .hr-line hr {
height: 1px;
background-color: #b5b5b5;
margin: 100px 10%;
border: 0; }
.sacProgram .chess {
width: 100%;
position: relative;
display: flex;
margin-bottom: -3px; }
.sacProgram .chess .left {
width: 50%;
display: inline-block; }
.sacProgram .chess .right {
width: 50%;
display: inline-block; }
.sacProgram .chess .right .card {
text-align: center;
margin-top: 25%;
display: inline-block;
cursor: pointer;
width: 50%; }
.sacProgram .chess .right .card img {
width: 80%; }
.sacProgram .chess .right .card span {
display: block; }
.sacProgram .chess .right .card .name {
margin-top: 20px;
font-size: 26px;
font-weight: bold; }
.sacProgram .chess .right .card .price {
font-size: 24px; }
.sacProgram .centerBox {
width: 100%;
text-align: center; }
.sacProgram .centerBox .club {
width: 592px;
height: 147px;
object-fit: contain;
margin-top: 166px; }
.sacProgram .centerBox p {
white-space: pre-line;
font-size: 22px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #000000;
margin-top: 65px;
margin-bottom: 150px; }
.sacProgram .greyBox {
background: #eee;
padding-top: 150px;
padding-bottom: 90px;
text-align: center;
position: relative; }
.sacProgram .greyBox .message {
display: block;
margin-top: 20px;
font-size: 17px; }
.sacProgram .greyBox .ready {
font-size: 24px;
margin: 200px 0;
font-weight: bold;
display: block; }
.sacProgram .greyBox .btnBox button {
margin-right: 20px; }
.sacProgram .greyBox .summary {
margin: 70px 0; }
.sacProgram .greyBox .summary span {
font-size: 22px;
display: block;
font-weight: normal;
line-height: 22px;
margin: 30px 0; }
.sacProgram .greyBox .summary span b {
font-family: NotoSansCJKkr;
font-weight: bold;
margin-right: 100px;
text-align: left; }
.sacProgram .greyBox .summary .left {
display: inline-block;
text-align: left;
height: 180px;
vertical-align: top; }
.sacProgram .greyBox .summary .right {
text-align: left;
height: 180px;
display: inline-block; }
.sacProgram .greyBox .summary .right span {
margin: 32px 0; }
.sacProgram .greyBox .tabBox {
width: 1159px;
height: 83px;
top: -40px;
border: 2px solid black;
position: absolute;
left: 50%;
transform: translateX(-50%); }
.sacProgram .greyBox .tabBox .btn {
display: inline-block;
width: 385px;
height: 100%;
font-size: 30px;
font-family: FFDINWebProBold;
cursor: pointer; }
.sacProgram .greyBox .tabBox .btn:nth-child(2) {
border-left: 2px solid #000;
border-right: 2px solid #000; }
.sacProgram .greyBox .tabBox .black {
background: #000;
color: #fff;
line-height: 83px; }
.sacProgram .greyBox .tabBox .white {
background: #fff;
color: #000;
line-height: 83px; }
.sacProgram .greyBox .pictureBox img {
width: 35%;
display: inline-block;
margin-right: 20px; }
.sacProgram .greyBox p {
font-size: 22px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #000000;
margin-bottom: 50px; }
.sacProgram .greyBox button {
width: 400px;
height: 100px;
background: #e70000;
color: #fff;
font-size: 26px;
border: 0;
cursor: pointer;
font-weight: bold; }
.sacProgram .btn-box {
width: 100%;
text-align: center;
margin: 120px 0; }
.sacProgram .btn-box button {
width: 360px;
height: 100px;
background: #000;
color: #fff;
border: 0;
font-size: 26px; }
.sacProgram .shop-card {
width: 90%; }
.sacProgram .shop-card img {
width: 100%;
height: auto;
display: block;
cursor: pointer; }
.sacProgram .shop-card span {
display: block;
text-align: center;
font-size: 18px; }
.sacProgram .shop-card .number {
font-weight: bold;
margin-top: 30px;
font-family: FFDINWebProBold;
font-size: 20px; }
.sacProgram .shop-body {
width: 80%;
margin: 100px auto;
margin-bottom: 200px;
position: relative; }
.sacProgram .slick-prev{
position: absolute;
left: -61px;
top: 35%;
width: 20px;
height: 40px;
background: url(//d319d1tzjwpwbb.cloudfront.net/common/sac/sac_program/svg/arrow_left.svg)center no-repeat;
}
.sacProgram .slick-next {
position: absolute;
right: -20px;
top: 35%;
width: 20px;
height: 40px;
background: url(//d319d1tzjwpwbb.cloudfront.net/common/sac/sac_program/svg/arrow_right.svg)center no-repeat;
}
.sacProgram .shop-body .owl-next img {
position: absolute;
right: -20px;
top: 35%;
width: 20px;
height: 40px; }
.sacProgram .shop-body .owl-prev img {
position: absolute;
left: -61px;
top: 35%;
width: 20px;
height: 40px; }
.aero-body {
width: 100%;
font-size: 0; }
.aero-body .title-img-2020 {
width: 100%; }
.aero-body .aero-box-2 {
display: flex; }
.aero-body .aero-box-2 .left {
background-color: black;
width: 50%;
justify-content: center;
align-items: center;
display: flex; }
.aero-body .aero-box-2 .right {
background-color: black;
width: 50%; }
.aero-body .aero-box-3 .aero-button {
position: absolute;
bottom: 2%;
left: 50%;
transform: translate(-50%, -50%);
font-family: NotoSansCJKkr;
font-size: 24px;
color: #ffffff;
width: 400px;
height: 100px;
background-color: #cf2c22; }
.bevans-body {
font-size: 0; }
.bevans-body .w100 {
width: 100%; }
.bevans-body .bevans-product .b-box {
display: flex;
width: 1020px;
margin: 0 auto; }
.bevans-body .bevans-product .b-box .center {
margin: 0 30px 0 30px; }
.bevans-body .bevans-product .b-box .flex-product {
display: flex;
flex-direction: column;
justify-content: space-between; }
.bevans-body .bevans-product .b-box .product {
width: 320px; }
.bevans-body .bevans-product .b-box .product .pi .title {
font-family: NotoSansCJKkr;
font-size: 16px;
font-weight: bold;
color: black;
line-height: 10px; }
.bevans-body .bevans-product .b-box .product .pi .price {
font-family: NotoSansCJKkr;
font-size: 16px;
color: #909090;
line-height: 0; }
.bevans-body .bevans-product1, .bevans-body .bevans-product2 {
margin-bottom: 200px;
margin-top: 120px; }
.bevans-body .svg-box {
width: 35%;
margin: 0 auto 75px; }
.mdpick-custom-content {
height: auto;
position: relative;
width: 100%; }
.mdpick-custom-content .banner-box {
padding: 0;
width: 100%; }
.mdpick-custom-content .banner-box img {
width: 100%; }
.mdpick-custom-content .banner-box .title {
font-size: 30px;
font-weight: 700;
height: 50px;
line-height: 50px;
margin: 18px 0 0 0;
text-align: center;
width: 100%; }
.mdpick-custom-content .banner-box .desc {
font-size: 14px;
font-weight: 300;
height: 75px;
line-height: 22px;
text-align: center;
width: 100%; }
.mdpick-custom-content .banner-box .btn-submit-product {
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
border-radius: 38px;
background-color: #000;
cursor: pointer;
color: #fff;
font-size: 14px;
font-weight: 300;
height: 40px;
line-height: 40px;
margin: 0 auto;
position: relative;
text-align: center;
width: 100px;
z-index: 11; }
.mdpick-custom-content .product-list-box {
background-color: #F5F6F7;
height: auto;
margin: 0 80px 80px 80px;
width: auto;
position: relative; }
.mdpick-custom-content .product-list-box table {
height: auto;
position: relative;
width: 100%; }
.mdpick-custom-content .product-list-box table td {
width: 33.3%; }
.mdpick-custom-content .product-list-box .product-box {
height: auto;
position: relative;
width: 100%; }
.mdpick-custom-content .product-list-box .product-box img {
height: auto;
position: relative;
top: 0;
width: 100%; }
.mdpick-custom-content .product-list-box .product-box .product-name {
font-size: 17px;
font-weight: bold;
height: 50px;
line-height: 57px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-custom-content .product-list-box .product-box .product-price {
font-size: 14px;
height: 14px;
line-height: 14px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-custom-content .product-list-box .product-box .btn-submit {
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
border: 1px solid #333;
cursor: pointer;
color: #333;
font-size: 14px;
height: 40px;
line-height: 40px;
left: 0;
margin: 20px auto 45px auto;
position: relative;
right: 0;
text-align: center;
width: 90px;
z-index: 11; }
.mdpick-rashguard-content {
height: auto;
position: relative;
margin: 0 auto 200px auto;
width: 80%; }
.mdpick-rashguard-content .text-1 {
font-size: 45px;
font-weight: 700;
margin-top: 48px;
text-align: center;
width: 100%; }
.mdpick-rashguard-content .text-2 {
font-size: 20px;
font-weight: 350;
margin: 10px 0;
text-align: center;
width: 100%; }
.mdpick-rashguard-content .text-3 {
font-size: 16px;
font-weight: 300;
margin: 25px 0;
text-align: center;
width: 100%; }
.mdpick-rashguard-content .banner-box {
background-color: #F5F6F7;
height: auto;
width: 100%; }
.mdpick-rashguard-content .banner-box table {
height: auto;
width: 100%; }
.mdpick-rashguard-content .banner-box table .td-1 {
height: auto;
vertical-align: top;
width: 60%; }
.mdpick-rashguard-content .banner-box table .td-2 {
height: auto;
vertical-align: top;
width: 40%; }
.mdpick-rashguard-content .banner-box table img {
height: auto;
width: 100%; }
.mdpick-rashguard-content .banner-box ul {
height: auto;
display: inline-block;
margin: 0;
padding: 0;
position: relative;
width: 100%; }
.mdpick-rashguard-content .banner-box li {
float: left;
height: auto;
list-style-type: none;
width: 50%; }
.mdpick-rashguard-content .banner-box li:nth-child(2n) {
margin-right: 0px; }
.mdpick-rashguard-content .banner-box .product-box {
background-color: #F5F6F7;
height: auto;
position: relative;
width: 100%; }
.mdpick-rashguard-content .banner-box .product-box img {
height: auto;
position: relative;
top: 0;
width: 100%; }
.mdpick-rashguard-content .banner-box .product-box .product-name {
font-size: 17px;
font-weight: bold;
height: 50px;
line-height: 57px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-rashguard-content .banner-box .product-box .product-price {
font-size: 14px;
height: 14px;
line-height: 14px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-rashguard-content .banner-box .product-box .btn-submit {
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
border: 1px solid #333;
cursor: pointer;
color: #333;
font-size: 14px;
height: 36px;
line-height: 36px;
left: 0;
margin: 20px auto 10px auto;
position: relative;
right: 0;
text-align: center;
width: 100px;
z-index: 11; }
.mdpick-cycle-content {
height: auto;
position: relative;
width: 100%; }
.mdpick-cycle-content .banner-box {
height: auto;
padding: 0;
position: relative;
width: 100%; }
.mdpick-cycle-content .banner-box img {
height: auto;
position: relative;
width: 100%; }
.mdpick-cycle-content .text-box {
height: auto;
left: 6%;
position: absolute;
top: 15%;
text-align: left;
width: auto; }
.mdpick-cycle-content .text-box .title {
color: #fff;
font-size: 4em;
font-weight: 700;
height: 50px;
line-height: 50px;
position: relative;
text-align: left;
width: auto; }
.mdpick-cycle-content .text-box .desc {
color: #fff;
font-size: 1.6em;
font-weight: 400;
height: auto;
line-height: 1.5em;
margin-top: 40px;
position: relative;
text-align: left;
width: auto; }
.mdpick-cycle-content .text-box .btn-submit-product {
cursor: pointer;
color: #fff;
font-size: 17px;
font-weight: 500;
height: 40px;
line-height: 40px;
margin-top: 22px;
position: relative;
text-align: left;
width: auto;
z-index: 11; }
.mdpick-cycle-content .clothes-title {
font-size: 18px;
font-weight: 700;
height: auto;
line-height: auto;
margin: 15px auto 9px auto;
text-align: center;
width: auto; }
.mdpick-cycle-content .clothes-price {
font-size: 14px;
height: auto;
line-height: auto;
margin: 0 auto 15px auto;
text-align: center;
width: auto; }
.mdpick-cycle-content .clothes-desc {
color: #757575;
font-size: 14px;
font-weight: 300;
height: auto;
line-height: auto;
margin: 0 auto 30px auto;
text-align: center;
width: auto; }
.mdpick-cycle-content .clothes-shop-button {
color: #000;
font-size: 14px;
font-weight: 700;
height: auto;
line-height: auto;
margin: 0 auto 80px;
text-align: center;
width: auto; }
.mdpick-cycle-content .category-list-box {
height: auto;
margin: 30px auto 60px auto;
width: 100%;
position: relative; }
.mdpick-cycle-content .category-list-box table {
height: auto;
margin: 0 auto;
position: relative;
width: 86%; }
.mdpick-cycle-content .category-list-box table td {
padding: 0 3px 0 3px;
width: 25%; }
.mdpick-cycle-content .category-list-box .category-box {
height: auto;
overflow: hidden;
position: relative;
width: 100%; }
.mdpick-cycle-content .category-list-box .category-box .category-name {
color: #000;
font-size: 15px;
font-weight: 500;
height: 40px;
line-height: 40px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-cycle-content .img-box {
height: auto;
position: relative;
overflow: hidden;
width: 100%; }
.mdpick-cycle-content .img-box img {
display: block;
margin: 0;
max-width: 100%;
padding: 0;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 100%; }
.mdpick-cycle-content .img-box:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1); }
.mdpick-cycle-content .left-padding {
padding-left: 3px; }
.mdpick-cycle-content .right-padding {
padding-right: 3px; }
.mdpick-cycle-content .clothes-list-box {
height: auto;
width: auto;
position: relative; }
.mdpick-cycle-content .clothes-list-box table {
height: auto;
position: relative;
width: 100%; }
.mdpick-cycle-content .clothes-list-box table td {
width: 50%; }
.mdpick-cycle-content .clothes-list-box .product-box {
height: auto;
position: relative;
width: 100%; }
.mdpick-cycle-content .clothes-list-box .product-box img {
height: auto;
position: relative;
top: 0;
width: 100%; }
.mdpick-cycle-content .clothes-list-box .product-box .product-name {
font-size: 18px;
font-weight: 700;
height: 54px;
line-height: 57px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-cycle-content .clothes-list-box .product-box .product-price {
font-size: 14px;
font-weight: 300;
height: 16px;
line-height: 16px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-cycle-content .clothes-list-box .product-box .btn-submit {
color: #000;
cursor: pointer;
font-size: 14px;
font-weight: 700;
height: 40px;
line-height: 40px;
left: 0;
margin: 10px auto 70px;
position: relative;
right: 0;
text-align: center;
width: 90px; }
.mdpick-cycle-content .pants-list-box {
height: auto;
width: auto;
position: relative; }
.mdpick-cycle-content .pants-list-box table {
height: auto;
position: relative;
width: 100%; }
.mdpick-cycle-content .pants-list-box table td {
width: 33.3%; }
.mdpick-cycle-content .pants-list-box .right-padding-item1 {
padding-right: 4px; }
.mdpick-cycle-content .pants-list-box .right-padding-item2 {
padding-right: 2px; }
.mdpick-cycle-content .pants-list-box .left-padding-item2 {
padding-left: 2px; }
.mdpick-cycle-content .pants-list-box .left-padding-item3 {
padding-left: 4px; }
.mdpick-cycle-content .pants-list-box .product-box {
height: auto;
position: relative;
width: 100%; }
.mdpick-cycle-content .pants-list-box .product-box img {
height: auto;
position: relative;
top: 0;
width: 100%; }
.mdpick-cycle-content .pants-list-box .product-box .product-name {
font-size: 16px;
font-weight: bold;
height: 50px;
line-height: 57px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-cycle-content .pants-list-box .product-box .product-price {
font-size: 14px;
font-weight: 300;
height: 16px;
line-height: 16px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-cycle-content .pants-list-box .product-box .btn-submit {
color: #000;
cursor: pointer;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 40px;
left: 0;
margin: 10px auto 45px auto;
position: relative;
right: 0;
text-align: center;
width: 90px; }
.mdpick-training-content {
height: auto;
position: relative;
width: 100%; }
.mdpick-training-content .movie {
height: 500px;
margin: 20px auto;
width: 890px; }
.mdpick-training-content .main-title {
font-size: 30px;
font-weight: 700;
height: 80px;
line-height: 80px;
margin-top: 30px;
text-align: center;
width: 100%; }
.mdpick-training-content .main-desc {
font-size: 16px;
font-weight: 300;
height: 50px;
line-height: 22px;
text-align: center;
width: 100%; }
.mdpick-training-content .main-desc .bold {
font-weight: 500; }
.mdpick-training-content .section-name {
color: #ed1c24;
font-size: 30px;
font-weight: 700;
height: 60px;
line-height: 60px;
margin: 90px 0 20px;
text-align: center;
width: 100%; }
.mdpick-training-content .section-banner {
margin: 0 auto 80px auto;
position: relative; }
.mdpick-training-content .banner-box {
height: auto;
padding: 0;
position: relative;
width: 100%; }
.mdpick-training-content .banner-box img {
height: auto;
position: relative;
width: 100%; }
.mdpick-training-content .text-box {
height: auto;
left: 6%;
position: absolute;
top: 15%;
text-align: left;
width: auto; }
.mdpick-training-content .text-box .title {
color: #fff;
font-size: 4em;
font-weight: 700;
height: 50px;
line-height: 50px;
position: relative;
text-align: left;
width: auto; }
.mdpick-training-content .text-box .desc {
color: #fff;
font-size: 1.6em;
font-weight: 400;
height: auto;
line-height: 1.5em;
margin-top: 40px;
position: relative;
text-align: left;
width: auto; }
.mdpick-training-content .text-box .btn-submit-product {
cursor: pointer;
color: #fff;
font-size: 17px;
font-weight: 500;
height: 40px;
line-height: 40px;
margin-top: 22px;
position: relative;
text-align: left;
width: auto;
z-index: 11; }
.mdpick-training-content .clothes-title {
font-size: 18px;
font-weight: 700;
height: auto;
line-height: auto;
margin: 20px auto 9px auto;
text-align: center;
width: auto; }
.mdpick-training-content .clothes-price {
font-size: 14px;
height: auto;
line-height: auto;
margin: 0 auto 15px auto;
text-align: center;
width: auto; }
.mdpick-training-content .clothes-desc {
color: #757575;
font-size: 14px;
font-weight: 300;
height: auto;
line-height: auto;
margin: 0 auto 30px auto;
text-align: center;
width: auto; }
.mdpick-training-content .clothes-shop-button {
color: #000;
font-size: 14px;
font-weight: 700;
height: auto;
line-height: auto;
margin: 0 auto 80px;
text-align: center;
width: auto; }
.mdpick-training-content .category-list-box {
height: auto;
margin: 30px auto 60px auto;
width: 1200px;
position: relative; }
.mdpick-training-content .category-list-box table {
height: auto;
margin: 0 auto;
position: relative;
width: 86%; }
.mdpick-training-content .category-list-box table td {
padding: 0 3px 0 3px;
width: 25%; }
.mdpick-training-content .category-list-box .category-box {
height: auto;
overflow: hidden;
position: relative;
width: 100%; }
.mdpick-training-content .category-list-box .category-box .category-name {
color: #000;
font-size: 15px;
font-weight: 500;
height: 40px;
line-height: 40px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-training-content .img-box {
height: auto;
position: relative;
overflow: hidden;
width: 100%; }
.mdpick-training-content .img-box img {
display: block;
margin: 0;
max-width: 100%;
padding: 0;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 100%; }
.mdpick-training-content .img-box:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1); }
.mdpick-training-content .left-padding {
padding-left: 3px; }
.mdpick-training-content .right-padding {
padding-right: 3px; }
.mdpick-training-content .clothes-list-box {
height: auto;
width: auto;
position: relative; }
.mdpick-training-content .clothes-list-box table {
height: auto;
position: relative;
width: 100%; }
.mdpick-training-content .clothes-list-box table td {
width: 50%; }
.mdpick-training-content .clothes-list-box .product-box {
height: auto;
position: relative;
width: 100%; }
.mdpick-training-content .clothes-list-box .product-box img {
height: auto;
position: relative;
top: 0;
width: 100%; }
.mdpick-training-content .clothes-list-box .product-box .product-name {
font-size: 18px;
font-weight: 700;
height: 54px;
line-height: 57px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-training-content .clothes-list-box .product-box .product-price {
font-size: 14px;
font-weight: 300;
height: 16px;
line-height: 16px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-training-content .clothes-list-box .product-box .btn-submit {
color: #000;
cursor: pointer;
font-size: 14px;
font-weight: 700;
height: 40px;
line-height: 40px;
left: 0;
margin: 10px auto 70px;
position: relative;
right: 0;
text-align: center;
width: 90px; }
.mdpick-training-content .pants-list-box {
height: auto;
width: auto;
position: relative; }
.mdpick-training-content .pants-list-box table {
height: auto;
position: relative;
width: 100%; }
.mdpick-training-content .pants-list-box table td {
width: 33.3%; }
.mdpick-training-content .pants-list-box .right-padding-item1 {
padding-right: 4px; }
.mdpick-training-content .pants-list-box .right-padding-item2 {
padding-right: 2px; }
.mdpick-training-content .pants-list-box .left-padding-item2 {
padding-left: 2px; }
.mdpick-training-content .pants-list-box .left-padding-item3 {
padding-left: 4px; }
.mdpick-training-content .pants-list-box .product-box {
height: auto;
position: relative;
width: 100%; }
.mdpick-training-content .pants-list-box .product-box img {
height: auto;
position: relative;
top: 0;
width: 100%; }
.mdpick-training-content .pants-list-box .product-box .product-name {
font-size: 16px;
font-weight: bold;
height: 50px;
line-height: 57px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-training-content .pants-list-box .product-box .product-price {
font-size: 14px;
font-weight: 300;
height: 16px;
line-height: 16px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-training-content .pants-list-box .product-box .btn-submit {
color: #000;
cursor: pointer;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 40px;
left: 0;
margin: 10px auto 45px auto;
position: relative;
right: 0;
text-align: center;
width: 90px; }
.mdpick-sidearm-content {
height: auto;
position: relative;
width: 100%; }
.mdpick-sidearm-content .font-red {
color: #cc001a; }
.mdpick-sidearm-content .btn-shop {
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
border-radius: 38px;
border: 2px solid #cc001a;
background-color: #fff;
cursor: pointer;
color: #cc001a;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 40px;
margin: 20px auto 40px auto;
position: relative;
text-align: center;
width: 100px;
z-index: 11; }
.mdpick-sidearm-content .movie {
height: 500px;
margin: 20px auto;
width: 890px; }
.mdpick-sidearm-content .main-title {
font-size: 30px;
font-weight: 700;
height: 80px;
line-height: 80px;
margin-top: 30px;
text-align: center;
width: 100%; }
.mdpick-sidearm-content .main-desc {
font-size: 16px;
font-weight: 300;
height: 50px;
line-height: 22px;
text-align: center;
width: 100%; }
.mdpick-sidearm-content .main-desc .bold {
font-weight: 500; }
.mdpick-sidearm-content .section-name {
color: #cc0015;
font-size: 30px;
font-weight: 700;
height: 60px;
line-height: 60px;
margin: 70px 0 0px;
text-align: center;
width: 100%; }
.mdpick-sidearm-content .section-desc {
color: #080808;
font-size: 14px;
font-weight: 300;
height: auto;
line-height: auto;
margin: 0 auto 30px auto;
text-align: center;
width: auto; }
.mdpick-sidearm-content .section-banner {
margin: 0 auto 80px auto;
position: relative; }
.mdpick-sidearm-content .banner-box {
height: auto;
padding: 0;
position: relative;
width: 100%; }
.mdpick-sidearm-content .banner-box img {
height: auto;
position: relative;
width: 100%; }
.mdpick-sidearm-content .text-box {
height: auto;
left: 6%;
position: absolute;
top: 15%;
text-align: left;
width: auto; }
.mdpick-sidearm-content .text-box .title {
color: #fff;
font-size: 4em;
font-weight: 700;
height: 50px;
line-height: 50px;
position: relative;
text-align: left;
width: auto; }
.mdpick-sidearm-content .text-box .desc {
color: #fff;
font-size: 1.6em;
font-weight: 400;
height: auto;
line-height: 1.5em;
margin-top: 40px;
position: relative;
text-align: left;
width: auto; }
.mdpick-sidearm-content .text-box .btn-submit-product {
cursor: pointer;
color: #fff;
font-size: 17px;
font-weight: 500;
height: 40px;
line-height: 40px;
margin-top: 22px;
position: relative;
text-align: left;
width: auto;
z-index: 11; }
.mdpick-sidearm-content .img-box {
height: auto;
position: relative;
overflow: hidden;
width: 100%; }
.mdpick-sidearm-content .img-box img {
display: block;
margin: 0;
max-width: 100%;
padding: 0;
width: 100%; }
.mdpick-sidearm-content .border-line {
border-bottom: 1px solid #e5e5e5;
margin: 0 auto;
position: relative;
width: 1200px; }
.mdpick-sidearm-content .sidearm-list-box {
height: auto;
margin: 30px auto 120px auto;
width: 1200px;
position: relative; }
.mdpick-sidearm-content .sidearm-list-box table {
height: auto;
position: relative;
width: 100%; }
.mdpick-sidearm-content .sidearm-list-box table td {
vertical-align: bottom; }
.mdpick-sidearm-content .sidearm-list-box .right-padding-item1 {
padding-right: 12px; }
.mdpick-sidearm-content .sidearm-list-box .right-padding-item2 {
padding-right: 6px; }
.mdpick-sidearm-content .sidearm-list-box .left-padding-item2 {
padding-left: 6px; }
.mdpick-sidearm-content .sidearm-list-box .left-padding-item3 {
padding-left: 12px; }
.mdpick-sidearm-content .sidearm-list-box .product-box {
height: auto;
position: relative;
width: 100%; }
.mdpick-sidearm-content .sidearm-list-box .product-box img {
height: auto;
position: relative; }
.mdpick-sidearm-content .sidearm-list-box .product-box .product-name {
font-size: 20px;
font-weight: bold;
height: 50px;
line-height: 57px;
text-align: left;
position: relative;
width: 100%; }
.mdpick-sidearm-content .sidearm-list-box .product-box .product-desc {
color: #666;
font-size: 14px;
font-weight: 300;
height: 16px;
line-height: 20px;
text-align: left;
position: relative;
width: 100%; }
.mdpick-sidearm-content .sidearm-list-box .product-box .btn-submit {
color: #000;
cursor: pointer;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 40px;
left: 0;
margin: 10px auto 45px auto;
position: relative;
right: 0;
text-align: center;
width: 90px; }
.mdpick-sidearm-content .sidearm-list-box .product-box .product-img-cover {
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
display: none;
height: 100%;
line-height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%; }
.mdpick-sidearm-content .sidearm-list-box .product-box .product-img-cover .text {
top: 50%;
font-size: 19px;
font-weight: 500;
position: relative;
text-align: center;
width: 100%; }
.mdpick-sidearm-content .sidearm-list-box .product-box:hover .product-img-cover {
display: block; }
.mdpick-thindown-content {
height: auto;
position: relative;
width: 100%; }
.mdpick-thindown-content .font-red {
color: #f41700; }
.mdpick-thindown-content .character-img {
height: auto;
margin: 5px auto 0;
position: relative;
width: 1300px; }
.mdpick-thindown-content .character-img img {
height: auto;
width: 100%; }
.mdpick-thindown-content .banner-box {
height: auto;
padding: 0;
position: relative;
width: 100%; }
.mdpick-thindown-content .banner-box img {
height: auto;
position: relative;
width: 100%; }
.mdpick-thindown-content .text-box {
height: auto;
left: 6%;
position: absolute;
top: 15%;
text-align: left;
width: auto; }
.mdpick-thindown-content .text-box .title {
color: #fff;
font-size: 4em;
font-weight: 700;
height: 80px;
line-height: 50px;
position: relative;
text-align: left;
width: auto; }
.mdpick-thindown-content .text-box .desc {
color: #fff;
font-size: 1.6em;
font-weight: 400;
height: auto;
line-height: 1.5em;
margin-top: 40px;
position: relative;
text-align: left;
width: auto; }
.mdpick-thindown-content .text-box .btn-submit-product {
cursor: pointer;
color: #fff;
font-size: 17px;
font-weight: 500;
height: 40px;
line-height: 40px;
margin-top: 22px;
position: relative;
text-align: left;
width: auto;
z-index: 11; }
.mdpick-thindown-content .clothes-title {
font-size: 30px;
font-weight: 700;
height: auto;
line-height: auto;
margin: 40px auto 15px auto;
text-align: center;
width: auto; }
.mdpick-thindown-content .category-list-box {
height: auto;
margin: 30px auto 60px auto;
width: 100%;
position: relative; }
.mdpick-thindown-content .category-list-box table {
height: auto;
margin: 0 auto;
position: relative;
width: 86%; }
.mdpick-thindown-content .category-list-box table td {
padding: 0 3px 0 3px;
width: 25%; }
.mdpick-thindown-content .category-list-box .category-box {
height: auto;
overflow: hidden;
position: relative;
width: 100%; }
.mdpick-thindown-content .category-list-box .category-box .category-name {
color: #000;
font-size: 15px;
font-weight: 500;
height: 40px;
line-height: 40px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-thindown-content .img-box {
height: auto;
position: relative;
overflow: hidden;
width: 100%; }
.mdpick-thindown-content .img-box img {
display: block;
margin: 0;
max-width: 100%;
padding: 0;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 100%; }
.mdpick-thindown-content .img-box:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1); }
.mdpick-thindown-content .left-padding {
padding-left: 3px; }
.mdpick-thindown-content .right-padding {
padding-right: 3px; }
.mdpick-thindown-content .clothes-list-box {
height: auto;
width: auto;
position: relative; }
.mdpick-thindown-content .clothes-list-box table {
height: auto;
position: relative;
width: 100%; }
.mdpick-thindown-content .clothes-list-box table td {
width: 50%; }
.mdpick-thindown-content .clothes-list-box .product-box {
height: auto;
position: relative;
width: 100%; }
.mdpick-thindown-content .clothes-list-box .product-box img {
height: auto;
position: relative;
top: 0;
width: 100%; }
.mdpick-thindown-content .clothes-list-box .product-box .product-name {
font-size: 18px;
font-weight: 700;
height: 54px;
line-height: 57px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-thindown-content .clothes-list-box .product-box .product-price {
font-size: 14px;
font-weight: 300;
height: 16px;
line-height: 16px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-thindown-content .clothes-list-box .product-box .btn-submit {
color: #000;
cursor: pointer;
font-size: 14px;
font-weight: 700;
height: 40px;
line-height: 40px;
left: 0;
margin: 10px auto 70px;
position: relative;
right: 0;
text-align: center;
width: 90px; }
.mdpick-thindown-content .pants-list-box {
height: auto;
width: auto;
position: relative; }
.mdpick-thindown-content .pants-list-box table {
height: auto;
position: relative;
width: 100%; }
.mdpick-thindown-content .pants-list-box table td {
width: 33.3%; }
.mdpick-thindown-content .pants-list-box .right-padding-item1 {
padding-right: 4px; }
.mdpick-thindown-content .pants-list-box .right-padding-item2 {
padding-right: 2px; }
.mdpick-thindown-content .pants-list-box .left-padding-item2 {
padding-left: 2px; }
.mdpick-thindown-content .pants-list-box .left-padding-item3 {
padding-left: 4px; }
.mdpick-thindown-content .pants-list-box .product-box {
height: auto;
position: relative;
width: 100%; }
.mdpick-thindown-content .pants-list-box .product-box img {
height: auto;
position: relative;
top: 0;
width: 100%; }
.mdpick-thindown-content .pants-list-box .product-box .product-name {
font-size: 16px;
font-weight: bold;
height: 50px;
line-height: 57px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-thindown-content .pants-list-box .product-box .product-price {
font-size: 14px;
font-weight: 300;
height: 16px;
line-height: 16px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-thindown-content .pants-list-box .product-box .btn-submit {
color: #000;
cursor: pointer;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 40px;
left: 0;
margin: 10px auto 45px auto;
position: relative;
right: 0;
text-align: center;
width: 90px; }
.mdpick-athletic-content {
height: auto;
position: relative;
width: 100%; }
.mdpick-athletic-content .font-red {
color: #cc001a; }
.mdpick-athletic-content .movie {
height: 619px;
margin: 31px auto 90px auto;
width: 1100px; }
.mdpick-athletic-content .main-title {
font-size: 30px;
font-weight: 700;
height: 70px;
line-height: 35px;
margin-top: 53px;
text-align: center;
width: 100%; }
.mdpick-athletic-content .main-desc {
color: #080808;
font-size: 16px;
font-weight: 300;
height: 60px;
line-height: 22px;
margin-top: 19px;
text-align: center;
width: 100%; }
.mdpick-athletic-content .main-desc .bold {
font-weight: 500; }
.mdpick-athletic-content .banner-box {
height: auto;
padding: 0;
position: relative;
width: 100%; }
.mdpick-athletic-content .banner-box img {
display: block;
height: auto;
position: relative;
width: 100%; }
.mdpick-athletic-content .text-box {
height: auto;
left: 6%;
position: absolute;
top: 15%;
text-align: left;
width: auto; }
.mdpick-athletic-content .text-box .title {
color: #fff;
font-size: 4em;
font-weight: 700;
height: 80px;
line-height: 50px;
position: relative;
text-align: left;
width: auto; }
.mdpick-athletic-content .text-box .desc {
color: #fff;
font-size: 1.6em;
font-weight: 400;
height: auto;
line-height: 1.5em;
margin-top: 40px;
position: relative;
text-align: left;
width: auto; }
.mdpick-athletic-content .text-box .btn-submit-product {
cursor: pointer;
color: #fff;
font-size: 17px;
font-weight: 500;
height: 40px;
line-height: 40px;
margin-top: 22px;
position: relative;
text-align: left;
width: auto;
z-index: 11; }
.mdpick-athletic-content .clothes-title {
font-size: 30px;
font-weight: 700;
height: auto;
line-height: auto;
margin: 40px auto 15px auto;
text-align: center;
width: auto; }
.mdpick-athletic-content .category-list-box {
height: auto;
margin: 30px auto 60px auto;
width: 100%;
position: relative; }
.mdpick-athletic-content .category-list-box table {
height: auto;
margin: 0 auto;
position: relative;
width: 86%; }
.mdpick-athletic-content .category-list-box table td {
padding: 0 3px 0 3px;
width: 25%; }
.mdpick-athletic-content .category-list-box .category-box {
height: auto;
overflow: hidden;
position: relative;
width: 100%; }
.mdpick-athletic-content .category-list-box .category-box .category-name {
color: #000;
font-size: 15px;
font-weight: 500;
height: 40px;
line-height: 40px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-athletic-content .img-box {
height: auto;
position: relative;
overflow: hidden;
width: 100%; }
.mdpick-athletic-content .img-box img {
display: block;
margin: 0;
max-width: 100%;
padding: 0;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 100%; }
.mdpick-athletic-content .img-box:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1); }
.mdpick-athletic-content .left-padding {
padding-left: 5px; }
.mdpick-athletic-content .right-padding {
padding-right: 5px; }
.mdpick-athletic-content .clothes-list-box {
height: auto;
margin-top: 10px;
width: auto;
position: relative; }
.mdpick-athletic-content .clothes-list-box table {
height: auto;
position: relative;
width: 100%; }
.mdpick-athletic-content .clothes-list-box table .td-1 {
width: 50%; }
.mdpick-athletic-content .clothes-list-box table .td-2 {
width: 33.33%; }
.mdpick-athletic-content .clothes-list-box .product-box {
height: auto;
position: relative;
width: 100%; }
.mdpick-athletic-content .clothes-list-box .product-box img {
height: auto;
position: relative;
top: 0;
width: 100%; }
.mdpick-athletic-content .clothes-list-box .product-box .product-name {
font-size: 18px;
font-weight: 700;
height: 54px;
line-height: 57px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-athletic-content .clothes-list-box .product-box .product-price {
font-size: 14px;
font-weight: 300;
height: 16px;
line-height: 16px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-athletic-content .clothes-list-box .product-box .btn-submit {
color: #000;
cursor: pointer;
font-size: 14px;
font-weight: 700;
height: 40px;
line-height: 40px;
left: 0;
margin: 10px auto 130px;
position: relative;
right: 0;
text-align: center;
width: 90px; }
.mdpick-athletic-content .pants-list-box {
height: auto;
width: auto;
position: relative; }
.mdpick-athletic-content .pants-list-box table {
height: auto;
position: relative;
width: 100%; }
.mdpick-athletic-content .pants-list-box table td {
width: 33.3%; }
.mdpick-athletic-content .pants-list-box .right-padding-item1 {
padding-right: 4px; }
.mdpick-athletic-content .pants-list-box .right-padding-item2 {
padding-right: 2px; }
.mdpick-athletic-content .pants-list-box .left-padding-item2 {
padding-left: 2px; }
.mdpick-athletic-content .pants-list-box .left-padding-item3 {
padding-left: 4px; }
.mdpick-athletic-content .pants-list-box .product-box {
height: auto;
position: relative;
width: 100%; }
.mdpick-athletic-content .pants-list-box .product-box img {
height: auto;
position: relative;
top: 0;
width: 100%; }
.mdpick-athletic-content .pants-list-box .product-box .product-name {
font-size: 16px;
font-weight: bold;
height: 50px;
line-height: 57px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-athletic-content .pants-list-box .product-box .product-price {
font-size: 14px;
font-weight: 300;
height: 16px;
line-height: 16px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-athletic-content .pants-list-box .product-box .btn-submit {
color: #000;
cursor: pointer;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 40px;
left: 0;
margin: 10px auto 45px auto;
position: relative;
right: 0;
text-align: center;
width: 90px; }
.mdpick-winter-content {
height: auto;
position: relative;
margin-bottom: 180px;
width: 100%; }
.mdpick-winter-content .banner-box {
height: auto;
padding: 0;
position: relative;
width: 100%; }
.mdpick-winter-content .banner-box img {
height: auto;
position: relative;
width: 100%; }
.mdpick-winter-content .text-box {
height: auto;
left: 6%;
position: absolute;
top: 15%;
text-align: left;
width: auto; }
.mdpick-winter-content .text-box .title {
color: #fff;
font-size: 4em;
font-weight: 700;
height: 50px;
line-height: 50px;
position: relative;
text-align: left;
width: auto; }
.mdpick-winter-content .text-box .desc {
color: #fff;
font-size: 1.6em;
font-weight: 400;
height: auto;
line-height: 1.5em;
margin-top: 40px;
position: relative;
text-align: left;
width: auto; }
.mdpick-winter-content .text-box .btn-submit-product {
cursor: pointer;
color: #fff;
font-size: 17px;
font-weight: 500;
height: 40px;
line-height: 40px;
margin-top: 22px;
position: relative;
text-align: left;
width: auto;
z-index: 11; }
.mdpick-winter-content .img-box {
height: auto;
position: relative;
overflow: hidden;
width: 100%; }
.mdpick-winter-content .img-box img {
display: block;
margin: 0;
max-width: 100%;
padding: 0;
width: 100%; }
.mdpick-winter-content .right-padding-item1 {
padding-right: 12px; }
.mdpick-winter-content .right-padding-item2 {
padding-right: 6px; }
.mdpick-winter-content .left-padding-item2 {
padding-left: 6px; }
.mdpick-winter-content .left-padding-item3 {
padding-left: 12px; }
.mdpick-winter-content .text-style-1 {
height: 15px;
font-size: 20px;
line-height: 20px;
font-weight: bold;
text-align: center;
color: #080808;
position: relative;
padding-top: 50px;
width: 100%; }
.mdpick-winter-content .text-style-2 {
height: 20px;
font-size: 14px;
line-height: 14px;
text-align: center;
color: #777777;
position: relative;
width: 100%; }
.mdpick-winter-content .shop {
cursor: pointer;
margin-top: 20px;
width: 100%;
height: 20px;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #080808; }
.mdpick-winter-content .list-box-1020 {
height: auto;
margin: 20px auto 120px auto;
width: 1020px;
position: relative; }
.mdpick-winter-content .list-box-1020 .text-style-1-1 {
height: 15px;
font-size: 20px;
line-height: 20px;
font-weight: bold;
text-align: center;
color: #080808;
position: relative;
padding-top: 160px;
width: 100%; }
.mdpick-winter-content .list-box-1020 .text-style-2-1 {
height: 20px;
font-size: 14px;
line-height: 14px;
text-align: center;
color: #777777;
position: relative;
width: 100%; }
.mdpick-winter-content .list-box-1020 .table-shop {
cursor: pointer;
margin-top: 20px;
width: 100%;
height: 20px;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #080808; }
.mdpick-winter-content .list-box-1020 table {
height: auto;
position: relative;
width: 100%; }
.mdpick-winter-content .list-box-1020 table td {
width: 50%;
vertical-align: bottom; }
.mdpick-winter-content .list-box-1020 .text-style-box {
height: 409px;
position: relative; }
.mdpick-winter-content .list-box-1020 .product-box {
height: auto;
position: relative;
width: 100%; }
.mdpick-winter-content .list-box-1020 .product-box img {
height: auto;
position: relative; }
.mdpick-winter-content .list-box-1020-2 {
height: auto;
margin: 20px auto 120px auto;
width: 1020px;
position: relative; }
.mdpick-winter-content .list-box-1020-2 table {
height: auto;
position: relative;
width: 100%; }
.mdpick-winter-content .list-box-1020-2 table td {
width: 50%;
vertical-align: top; }
.mdpick-winter-content .list-box-1020-2 .text-style-box {
height: 409px;
position: relative; }
.mdpick-winter-content .list-box-1020-2 .text-style-box .text-style-1-1 {
height: 15px;
font-size: 20px;
line-height: 20px;
font-weight: bold;
text-align: center;
color: #080808;
position: relative;
padding-top: 160px;
width: 100%; }
.mdpick-winter-content .list-box-1020-2 .text-style-box .text-style-2-1 {
height: 20px;
font-size: 14px;
line-height: 14px;
text-align: center;
color: #777777;
position: relative;
width: 100%; }
.mdpick-winter-content .list-box-1020-2 .product-box {
height: auto;
position: relative;
width: 100%; }
.mdpick-winter-content .list-box-1020-2 .product-box img {
height: auto;
position: relative; }
.mdpick-winter-content .list-box-1250 {
height: auto;
margin: 100px auto 120px auto;
width: 1250px;
position: relative; }
.mdpick-winter-content .list-box-1250 table {
height: auto;
position: relative;
width: 100%; }
.mdpick-winter-content .list-box-1250 table td {
width: 50%;
vertical-align: bottom; }
.mdpick-winter-content .list-box-1250 .product-box {
height: auto;
position: relative;
width: 100%; }
.mdpick-winter-content .list-box-1250 .product-box img {
height: auto;
position: relative; }
.mdpick-usski-content {
box-sizing: border-box;
height: auto;
position: relative;
margin-bottom: 180px;
width: 100%; }
.mdpick-usski-content .banner-box {
height: auto;
padding: 0;
position: relative;
width: 100%; }
.mdpick-usski-content .banner-box img {
height: auto;
position: relative;
width: 100%; }
.mdpick-usski-content .text-box {
height: auto;
margin: 20px 0 7px 0;
position: relative;
width: 100%; }
.mdpick-usski-content .text-box .title {
color: #080808;
font-size: 30px;
font-weight: bold;
height: 70px;
line-height: 1.2em;
margin-bottom: 20px;
position: relative;
text-align: center;
width: 100%; }
.mdpick-usski-content .text-box .desc {
color: #777777;
font-size: 16px;
height: 80px;
line-height: 1.38em;
position: relative;
text-align: center;
width: 100%; }
.mdpick-usski-content .team-box {
height: auto;
margin: 0 auto;
position: relative;
width: 80%; }
.mdpick-usski-content .team-box .team-1 {
box-sizing: border-box;
height: auto;
padding: 0 0 20px 0;
position: relative;
vertical-align: bottom;
width: 100%; }
.mdpick-usski-content .team-box .team-2 {
box-sizing: border-box;
height: auto;
float: left;
padding: 0 10px 0 0;
position: relative;
width: 50%; }
.mdpick-usski-content .team-box .team-3 {
box-sizing: border-box;
height: auto;
float: right;
padding: 0 0 0 10px;
position: relative;
width: 50%; }
.mdpick-usski-content .nyman-img {
height: auto;
margin-top: 80px;
position: relative;
width: 100%; }
.mdpick-usski-content .product-img {
height: auto;
margin: 52px auto 0 auto;
position: relative;
vertical-align: bottom;
width: 1200px; }
.mdpick-usski-content .product-img img {
width: 100%; }
.mdpick-usski-content .line-display {
border: 1px solid #e5e5e5;
height: 0px;
margin: 0 auto 28px auto;
position: relative;
width: 1200px; }
.mdpick-usski-content .product-display-title {
color: #080808;
font-size: 25px;
font-weight: 700;
height: 29px;
line-height: 31px;
position: relative;
text-align: center;
width: 100%; }
.mdpick-usski-content .middle-product-box {
height: 95px;
margin: 37px auto 50px auto;
position: relative;
width: 208px; }
.mdpick-usski-content .middle-product-box .product-name {
color: #080808;
font-size: 18px;
font-weight: bold;
height: 18px;
line-height: 19px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-usski-content .middle-product-box .product-price {
color: #080808;
font-size: 14px;
font-weight: 300;
height: 50px;
line-height: 60px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-usski-content .middle-product-box .btn-submit {
color: #080808;
cursor: pointer;
font-size: 14px;
font-weight: 500;
height: 14px;
line-height: 14px;
left: 0;
margin: 10px auto 45px auto;
position: relative;
right: 0;
text-align: center;
width: 90px; }
.mdpick-usski-content .product-display {
height: auto;
margin: 52px auto;
position: relative;
width: 1200px; }
.mdpick-usski-content .product-display ul {
height: auto;
display: inline-block;
margin: 0;
padding: 0;
position: relative;
width: 100%; }
.mdpick-usski-content .product-display li {
float: left;
height: auto;
list-style-type: none;
margin: 0 10px 0 0; }
.mdpick-usski-content .product-display li:nth-child(4n) {
margin-right: 0px; }
.mdpick-usski-content .product-display .product-box {
height: auto;
position: relative;
width: 292.5px; }
.mdpick-usski-content .product-display .product-box img {
height: auto;
position: relative;
top: 0;
width: 100%; }
.mdpick-usski-content .product-display .product-box .product-name {
color: #080808;
font-size: 16px;
font-weight: bold;
height: 50px;
line-height: 57px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-usski-content .product-display .product-box .product-price {
color: #080808;
font-size: 14px;
font-weight: 300;
height: 16px;
line-height: 16px;
text-align: center;
position: relative;
width: 100%; }
.mdpick-usski-content .product-display .product-box .btn-submit {
color: #080808;
cursor: pointer;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 40px;
left: 0;
margin: 10px auto 45px auto;
position: relative;
right: 0;
text-align: center;
width: 90px; }
.winter-cycle-content {
position: relative;
width: 100%; }
.winter-cycle-content .content-img {
height: auto;
position: relative;
top: 0;
width: 100%; }
.winter-cycle-content .bottom-space {
margin-bottom: 100px; }
.winter-cycle-content .slide-width {
margin: 0 auto;
width: 1200px; }
.winter-cycle-content .banner-box {
height: auto;
padding: 0;
position: relative;
text-align: center;
width: 100%; }
.winter-cycle-content .banner-box img {
height: auto;
position: relative;
width: 100%; }
.winter-cycle-content .product-box {
box-sizing: border-box;
height: auto;
margin: 0 auto;
padding: 0 60px 0 60px;
position: relative;
width: 1200px; }
.winter-cycle-content .product-box table {
height: auto;
margin-top: 40px;
width: 100%; }
.winter-cycle-content .product-box table .td-left {
float: left; }
.winter-cycle-content .product-box table .td-left .name {
color: #152b5c;
font-size: 40px;
font-weight: 700;
height: 40px;
line-height: 40px;
width: auto; }
.winter-cycle-content .product-box table .td-left .price {
color: #777;
font-size: 20px;
height: 25px;
line-height: 25px; }
.winter-cycle-content .product-box table .td-left .recommand {
color: #152b5c;
font-size: 20px;
font-weight: 700;
margin: 33px 0 0 0; }
.winter-cycle-content .product-box table .td-right {
float: right;
vertical-align: top; }
.winter-cycle-content .product-box .product-script {
color: #777;
font-size: 28px;
height: auto;
line-height: 40px;
margin-bottom: 100px;
margin-top: 5px;
position: relative;
width: 100%; }
.winter-cycle-content .product-box .btn-submit {
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
border: 2px solid #000;
cursor: pointer;
color: #000;
font-size: 20px;
font-weight: 700;
height: 50px;
line-height: 52px;
position: relative;
text-align: center;
width: 100px;
z-index: 11; }
.skisuit-content {
background-color: #fff;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
position: fixed;
width: 100%;
z-index: 1000; }
.skisuit-content .close-button-img {
cursor: pointer;
position: absolute;
right: 15px;
top: 15px;
width: 28px;
z-index: 10; }
.skisuit-content .scroll-img {
cursor: pointer;
position: absolute;
left: 50%;
bottom: 10px;
transform: translateX(-50%);
width: 150px;
z-index: 10; }
.skisuit-content .section-1 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/skisuit/1_1.jpg); }
.skisuit-content .section-2 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/skisuit/2.jpg); }
.skisuit-content .section-3 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/skisuit/3.jpg); }
.skisuit-content .section-4 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/skisuit/4.jpg); }
.skisuit-content .section-5 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/skisuit/5.jpg); }
.skisuit-content .section-6 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/skisuit/6_3.jpg); }
.skisuit-content .section-7 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/skisuit/7.jpg); }
.skisuit-content .page-bg {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
position: relative;
width: 100%; }
.skisuit-content .movie {
border: 2px solid #ed1c24;
height: 505px;
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
width: 900px; }
.skisuit-content .section-2-desc {
color: #fff;
font-size: 2.8em;
font-weight: 700;
height: 150px;
position: absolute;
top: 14%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 400px;
z-index: 100; }
.skisuit-content .section-7-desc {
color: #333;
font-size: 2em;
line-height: 1.5em;
font-weight: 300;
height: 150px;
position: absolute;
top: 32%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 400px;
z-index: 100; }
.skisuit-content .section-7-desc .bold {
color: #000;
font-weight: 600; }
.peterbag-content {
background-color: #fff;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
position: fixed;
width: 100%;
z-index: 1000; }
.peterbag-content .close-button-img {
cursor: pointer;
position: absolute;
right: 15px;
top: 15px;
width: 28px;
z-index: 10; }
.peterbag-content .scroll-img {
cursor: pointer;
position: absolute;
left: 50%;
bottom: 10px;
transform: translateX(-50%);
width: 150px;
z-index: 10; }
.peterbag-content .section-1 {
background-color: #fff; }
.peterbag-content .section-1-table {
height: 100%;
position: relative;
top: 0;
width: 100%;
vertical-align: top; }
.peterbag-content .section-1-table .product-menu {
font-size: 16px;
display: none;
height: 100%;
position: relative;
width: 100%; }
.peterbag-content .section-1-table .product-menu .more-button {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
cursor: pointer;
font-weight: 700;
height: 50px;
line-height: 50px;
left: 30%;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-25%, -50%);
width: 80px; }
.peterbag-content .section-1-table .product-menu .shop-button {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
cursor: pointer;
height: 50px;
line-height: 50px;
font-weight: 700;
right: 30%;
top: 50%;
text-align: center;
transform: translate(25%, -50%);
position: absolute;
width: 80px; }
.peterbag-content .section-1-table .product-box {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
vertical-align: top; }
.peterbag-content .section-1-table .fade {
opacity: 0;
transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-webkit-transition: opacity .5s ease-in-out; }
.peterbag-content .section-1-table .fade:hover {
opacity: 1; }
.peterbag-content .section-1-table .td-1 {
height: 100%;
width: 25%; }
.peterbag-content .section-1-table .td-1 .product-img-1 {
height: 50%;
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/utilitybag/main/p1/1.jpg); }
.peterbag-content .section-1-table .td-1 .product-img-1-top {
height: 100%;
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/utilitybag/main/p1/1-over.jpg);
left: 0;
position: absolute;
top: 0;
width: 100%; }
.peterbag-content .section-1-table .td-1 .product-img-1:hover #product-1-menu {
display: block; }
.peterbag-content .section-1-table .td-1 .product-img-2 {
height: 50%;
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/utilitybag/main/p2/2.jpg); }
.peterbag-content .section-1-table .td-1 .product-img-2-top {
height: 100%;
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/utilitybag/main/p2/2-over.jpg);
left: 0;
position: absolute;
top: 0;
width: 100%; }
.peterbag-content .section-1-table .td-1 .product-img-2:hover #product-2-menu {
display: block; }
.peterbag-content .section-1-table .td-2 {
height: 100%;
width: 50%; }
.peterbag-content .section-1-table .td-2 .product-img-3 {
height: 100%;
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/utilitybag/main/center/0.jpg); }
.peterbag-content .section-1-table .td-2 .product-img-3-top {
height: 100%;
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/utilitybag/main/center/0-over.jpg);
left: 0;
position: absolute;
top: 0;
width: 100%; }
.peterbag-content .section-1-table .td-2 .product-img-3:hover #product-3-menu {
display: block; }
.peterbag-content .section-1-table .td-3 {
height: 100%;
width: 25%; }
.peterbag-content .section-1-table .td-3 .product-img-4 {
height: 50%;
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/utilitybag/main/p3/3.jpg); }
.peterbag-content .section-1-table .td-3 .product-img-4-top {
height: 100%;
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/utilitybag/main/p3/3-over.jpg);
left: 0;
position: absolute;
top: 0;
width: 100%; }
.peterbag-content .section-1-table .td-3 .product-img-4:hover #product-4-menu {
display: block; }
.peterbag-content .section-1-table .td-3 .product-img-5 {
height: 50%;
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/utilitybag/main/p4/4.jpg); }
.peterbag-content .section-1-table .td-3 .product-img-5-top {
height: 100%;
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/utilitybag/main/p4/4-over.jpg);
left: 0;
position: absolute;
top: 0;
width: 100%; }
.peterbag-content .section-1-table .td-3 .product-img-5:hover #product-5-menu {
display: block; }
.peterbag-content .section-2 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/utilitybag/video-bg.jpg); }
.peterbag-content .section-3-p1 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/utilitybag/p1/p1-1.jpg); }
.peterbag-content .section-4-p1 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/utilitybag/p1/p1-2-1.jpg); }
.peterbag-content .section-5-p2 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/utilitybag/p2/p2.jpg); }
.peterbag-content .section-6-p3 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/utilitybag/p3/p3-1-1.jpg); }
.peterbag-content .section-7-p3 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/utilitybag/p3/p3-2.jpg); }
.peterbag-content .section-8-p4 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/utilitybag/p4/p4.jpg); }
.peterbag-content .section-9-p5 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/utilitybag/p5/p5-1.jpg); }
.peterbag-content .section-10-p5 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/utilitybag/p5/p5-2.jpg); }
.peterbag-content .page-bg {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
position: relative;
width: 100%; }
.peterbag-content .movie {
border: 2px solid #ed1c24;
height: 45%;
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%, 0);
width: 45%; }
.peterbag-content .section-2-desc {
color: #000;
font-size: 2.6em;
font-weight: 700;
height: 150px;
position: absolute;
top: 14%;
line-height: 1.1em;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 400px;
z-index: 100; }
.peterbag-content .section-2-desc-small {
color: #000;
font-size: 1.3em;
height: auto;
position: absolute;
top: 16%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 400px;
z-index: 100; }
.peterbag-content .section-text-left {
left: 50px; }
.peterbag-content .section-text-right {
left: 52.2%; }
.peterbag-content .section-product-name {
color: #fff;
font-size: 2.4em;
font-weight: 500;
position: absolute;
top: 30px;
width: auto; }
.peterbag-content .section-product-price {
color: #ed1c24;
font-size: 1.3em;
position: absolute;
top: 75px; }
.peterbag-content .section-product-buy {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #fff;
color: #000;
cursor: pointer;
font-size: 1.3em;
font-weight: 700;
height: 35px;
line-height: 35px;
position: absolute;
text-align: center;
top: 140px;
width: 85px; }
.peterbag-content .section-product-desc {
color: #eee;
font-size: 1.3em;
line-height: 1.5em;
position: absolute;
bottom: 100px; }
.peterbag-content .section-product-size {
color: #aaa;
font-size: 1.2em;
position: absolute;
bottom: 50px; }
.capsule-content {
height: auto;
margin: 0 auto 100px auto;
position: relative;
width: 1200px; }
.capsule-content .title {
font-size: 30pt;
font-weight: 700;
height: 60px;
line-height: 45px;
margin: 48px 0 0 40px;
position: relative;
width: 300px; }
.capsule-content .desc {
color: #777;
font-size: 14px;
height: 40px;
line-height: 20px;
margin: 50px 0 60px 40px;
position: relative;
width: 212px; }
.capsule-content .product-title {
color: #000;
font-size: 14px;
font-weight: 700;
height: auto;
margin-top: 20px;
text-align: center;
width: 100%; }
.capsule-content .product-price {
color: #777;
font-size: 12px;
height: auto;
margin-top: 12px;
text-align: center;
width: 100%; }
.capsule-content .img-box-1 {
height: auto;
position: relative;
width: 100%;
vertical-align: bottom; }
.capsule-content .img-box-1 .product-1-img {
clear: left;
height: 820px;
margin-right: 10px;
width: 710px; }
.capsule-content .img-box-1 .product-2-img {
clear: left;
height: 650px;
width: 480px; }
.capsule-content .img-box-2 {
clear: right;
height: 800px;
margin-top: 40px;
width: 820px; }
.capsule-content .img-box-3 {
clear: left;
height: auto;
margin-top: 40px;
width: 800px; }
.capsule-content .img-box-3 .product-4-img {
height: 820px;
position: relative;
top: 0px;
width: 800px; }
.capsule-content .img-box-3-right {
background-color: #fff;
height: 893px;
margin-top: 40px;
position: relative;
width: 100%; }
.capsule-content .img-box-3-right .product-box {
height: 893px;
position: absolute;
right: 0;
top: 0;
width: 800px; }
.capsule-content .img-box-3-right .product-3-img {
height: 820px;
position: relative;
top: 0px;
width: 800px; }
.capsule-content .img-box-4 {
height: 728px;
margin-top: 40px;
position: relative;
width: 100%; }
.capsule-content .img-box-4 .left-img {
float: left;
height: 728px;
position: relative;
width: 710px; }
.capsule-content .img-box-4 .product-5-img {
height: 655px;
position: relative;
width: 710px; }
.capsule-content .img-box-4 .right-img {
float: right;
height: 728px;
position: relative;
width: 480px; }
.capsule-content .img-box-4 .product-6-img {
height: 655px;
position: relative;
width: 480px; }
.capsule-content .img-box-5 {
height: auto;
margin-top: 40px;
position: relative;
width: 100%;
vertical-align: bottom; }
.capsule-content .img-box-5 .product-7-img {
clear: left;
height: 655px;
margin-right: 10px;
width: 480px; }
.capsule-content .img-box-5 .product-8-img {
clear: right;
height: 820px;
width: 710px; }
.capsule-content .img-box-6 {
height: 893px;
position: relative;
margin-top: 40px;
width: 100%; }
.capsule-content .img-box-6 .product-box {
height: 893px;
position: absolute;
right: 0;
top: 0;
width: 800px; }
.capsule-content .img-box-6 .product-9-img {
height: 820px;
position: relative;
top: 0px;
width: 800px; }
.capsule-content .img-box-7 {
height: auto;
margin-top: 40px;
position: relative;
width: 100%;
vertical-align: bottom; }
.capsule-content .img-box-7 .product-10-img {
clear: left;
height: 820px;
margin-right: 10px;
width: 710px; }
.capsule-content .img-box-7 .product-11-img {
clear: left;
height: 650px;
width: 480px; }
.mdpick-compression-content {
height: auto;
position: relative;
width: 100%; }
.mdpick-compression-content .full-video {
height: 100%;
left: 0;
top: 0;
position: fixed;
width: 100%;
z-index: 300; }
.mdpick-compression-content .full-video .close-button-img {
cursor: pointer;
position: absolute;
right: 20px;
top: 20px;
width: 28px;
z-index: 320; }
.mdpick-compression-content .top-movie {
height: auto;
position: relative;
width: 100%; }
.mdpick-compression-content .top-movie img {
height: auto;
width: 100%; }
.mdpick-compression-content .top-movie .title-box {
height: auto;
position: absolute;
right: 20%;
top: 35%;
width: auto; }
.mdpick-compression-content .top-movie .title-box .main-title {
color: #fff;
font-size: 40px;
font-weight: 700;
height: auto;
line-height: 44px;
letter-spacing: 5px;
margin-bottom: 50px;
text-align: center;
width: 100%;
z-index: 300; }
.mdpick-compression-content .top-movie .title-box .title-icon {
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/compression/title_2.svg);
height: auto;
margin: 0 auto;
margin-bottom: 40px;
position: relative;
width: 380px; }
.mdpick-compression-content .top-movie .title-box .play-button {
content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/play.svg);
height: auto;
margin: 0 auto;
width: 140px; }
.mdpick-compression-content .top-movie .bottom-info-box {
background-color: #fff;
color: #000;
height: 350px;
left: 50%;
padding: 60px;
position: absolute;
top: 78%;
transform: translateX(-50%);
width: 40%; }
.mdpick-compression-content .top-movie .bottom-info-box .name {
font-size: 30px;
font-weight: 700;
height: auto;
line-height: 35px;
margin-bottom: 10px;
position: relative;
width: 100%; }
.mdpick-compression-content .top-movie .bottom-info-box .desc {
color: #666;
font-size: 21px;
font-weight: 300;
height: auto;
line-height: 35px;
margin-top: 38px;
margin-bottom: 50px;
position: relative;
width: 100%; }
.mdpick-compression-content .top-movie .bottom-info-box .price {
bottom: 60px;
font-size: 21px;
font-weight: 700;
height: 40px;
line-height: 40px;
left: 60px;
position: absolute;
width: 150px; }
.mdpick-compression-content .top-movie .bottom-info-box .button {
background-color: #080808;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
bottom: 60px;
color: #fff;
font-size: 18px;
height: 48px;
line-height: 48px;
right: 60px;
position: absolute;
text-align: center;
width: 110px; }
.mdpick-compression-content .top-movie-bottom-margin {
margin-bottom: 350px; }
.mdpick-compression-content .top-desc {
height: 250px;
position: relative;
text-align: center;
width: 100%; }
.mdpick-compression-content .top-desc .bold {
font-weight: 700; }
.mdpick-compression-content .top-desc .text {
color: #333;
height: auto;
font-size: 20px;
font-weight: 500;
line-height: 30px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%; }
.mdpick-compression-content .top-image-grid {
height: auto;
margin: 0 auto 180px auto;
position: relative;
width: 1140px; }
.mdpick-compression-content .top-image-grid ul {
height: auto;
display: inline-block;
margin: 0 auto;
position: relative;
width: 100%; }
.mdpick-compression-content .top-image-grid img {
height: 450px;
position: relative;
width: 550px; }
.mdpick-compression-content .top-image-grid li {
float: left;
height: auto;
list-style-type: none;
margin: 10px;
position: relative;
width: 550px; }
.mdpick-compression-content .top-image-grid li .text {
bottom: 0;
box-sizing: border-box;
color: #fff;
font-size: 20px;
height: auto;
left: 0;
line-height: 30px;
padding: 40px;
position: absolute;
width: 100%; }
.mdpick-compression-content .top-image-grid li:nth-child(2n) {
margin-right: 0; }
.mdpick-compression-content .small-movie {
height: 500px;
margin: 0 auto 20px auto;
position: relative;
width: 850px; }
.mdpick-compression-content .small-movie .text {
bottom: 0;
box-sizing: border-box;
color: #fff;
font-size: 20px;
height: auto;
left: 0;
line-height: 30px;
padding: 40px;
position: absolute;
width: 100%; }
.mdpick-compression-content .small-movie .play-button {
bottom: 38px;
content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/play_2.svg);
height: auto;
position: absolute;
right: 40px;
width: 70px; }
.mdpick-compression-content .small-movie .stop-button {
bottom: 38px;
content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/stop.svg);
height: auto;
position: absolute;
right: 39px;
width: 70px; }
.mdpick-compression-content .line-box {
background-color: #e5e5e5;
height: 2px;
margin: 190px auto 40px;
position: relative;
width: 90%; }
.mdpick-compression-content .related-product-text {
font-size: 30px;
font-weight: 700;
height: 50px;
line-height: 50px;
margin: 10px auto 26px auto;
text-align: center;
width: 100%; }
.mdpick-compression-content .related-product {
box-sizing: border-box;
display: inline-block;
height: auto;
left: 50%;
margin-bottom: 150px;
position: relative;
transform: translateX(-50%);
width: 1040px; }
.mdpick-compression-content .related-product .product-box {
float: left;
height: auto;
padding: 0 10px;
position: relative;
width: 500px; }
.mdpick-compression-content .related-product .product-box img {
height: 500px;
position: relative;
width: 500px; }
.mdpick-compression-content .related-product .product-box .text-box {
height: 240px;
padding: 25px;
position: relative;
width: 90%; }
.mdpick-compression-content .related-product .product-box .text-box .title {
font-size: 22px;
font-weight: 700;
height: 30px;
line-height: 30px;
margin-bottom: 20px;
position: relative;
width: 100%; }
.mdpick-compression-content .related-product .product-box .text-box .price {
bottom: 0;
font-size: 18px;
font-weight: 500;
height: 40px;
line-height: 40px;
left: 25px;
position: absolute;
width: 150px; }
.mdpick-compression-content .related-product .product-box .text-box .button {
background-color: #080808;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
bottom: 0;
color: #fff;
font-size: 18px;
height: 48px;
line-height: 48px;
right: 25px;
position: absolute;
text-align: center;
width: 110px; }
.mdpick-compression-content .related-product .product-box .text-box .desc {
color: #666;
font-size: 18px;
font-weight: 300;
line-height: 30px;
margin-bottom: 30px;
position: relative;
width: 100%; }
.mdpick-2018woman-content {
height: auto;
margin: 0 auto;
position: relative;
width: 100%; }
.mdpick-2018woman-content .woman-upper-content {
height: auto;
margin: 0 auto;
position: relative;
width: 80%; }
.mdpick-2018woman-content .top-product {
display: inline-block;
height: auto;
position: relative;
width: 100%; }
.mdpick-2018woman-content .top-product img {
float: left;
height: auto;
position: relative;
width: 70%; }
.mdpick-2018woman-content .top-product .text-box {
float: left;
height: 100%;
position: relative;
width: 30%; }
.mdpick-2018woman-content .top-product .text-box .text {
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/2018woman_1/title_web.svg);
height: auto;
left: 37px;
top: 150px;
position: absolute;
width: 280px; }
.mdpick-2018woman-content .top-product .text-box .small-text {
color: #666;
font-size: 14px;
font-weight: 400;
left: 37px;
line-height: 1.5em;
position: absolute;
top: 350px;
width: 300px; }
.mdpick-2018woman-content .product-name {
color: #141414;
font-size: 14px;
font-weight: bold;
height: 20px;
margin: 20px 0 12px 0;
position: relative;
text-align: left;
width: 100%; }
.mdpick-2018woman-content .product-price {
color: #666;
font-size: 12px;
font-weight: 500;
height: 36px;
position: relative;
width: 100%; }
.mdpick-2018woman-content .product-box-2 {
box-sizing: border-box;
display: inline-block;
height: auto;
margin-top: 120px;
position: relative;
width: 100%; }
.mdpick-2018woman-content .product-box-2 .left-box {
float: left;
height: auto;
position: relative;
width: 42%; }
.mdpick-2018woman-content .product-box-2 .left-box img {
height: auto;
position: relative;
width: 100%; }
.mdpick-2018woman-content .product-box-2 .right-box {
float: right;
height: auto;
position: relative;
width: 56%; }
.mdpick-2018woman-content .product-box-2 .right-box img {
height: auto;
position: relative;
width: 100%; }
.mdpick-2018woman-content .product-box-3 {
height: auto;
margin-top: 120px;
position: relative;
width: 100%; }
.mdpick-2018woman-content .product-box-4 {
box-sizing: border-box;
display: inline-block;
height: auto;
margin: 120px 0;
position: relative;
width: 100%; }
.mdpick-2018woman-content .product-box-4 .left-box {
float: left;
height: auto;
position: relative;
width: 56%; }
.mdpick-2018woman-content .product-box-4 .left-box img {
height: auto;
position: relative;
width: 100%; }
.mdpick-2018woman-content .product-box-4 .right-box {
float: right;
height: auto;
position: relative;
width: 42%; }
.mdpick-2018woman-content .product-box-4 .right-box img {
height: auto;
position: relative;
width: 100%; }
.mdpick-2018woman-content .black-product-area {
background-color: #161417;
height: auto;
padding: 100px 0;
position: relative;
width: 100%; }
.mdpick-2018woman-content .black-product-area .center-big-text {
color: #f7f7f7;
font-size: 30px;
font-weight: 500;
height: auto;
line-height: 1.6em;
margin: 0 0 80px 0;
text-align: center;
position: relative;
width: 100%; }
.mdpick-2018woman-content .black-product-area .product-box-5 {
height: auto;
margin: 0 auto;
position: relative;
width: 850px; }
.mdpick-2018woman-content .black-product-area .product-box-5 img {
height: 1200px;
position: relative;
width: 850px; }
.mdpick-2018woman-content .black-product-area .product-text-color {
color: #c1c1c1; }
.mdpick-2018woman-content .product-box-6 {
box-sizing: border-box;
height: auto;
margin: 120px auto;
position: relative;
width: 80%; }
.mdpick-2018woman-content .product-box-6 .center-box {
display: inline-block;
height: auto;
margin: 0 auto;
position: relative;
width: 100%; }
.mdpick-2018woman-content .product-box-6 .left-box {
float: left;
height: auto;
position: relative;
width: 42%; }
.mdpick-2018woman-content .product-box-6 .left-box img {
height: auto;
position: relative;
width: 100%; }
.mdpick-2018woman-content .product-box-6 .right-box {
float: right;
height: auto;
position: relative;
width: 56%; }
.mdpick-2018woman-content .product-box-6 .right-box img {
height: auto;
position: relative;
width: 100%; }
.mdpick-2018woman-content .product-box-7 {
height: auto;
margin: 120px auto;
position: relative;
width: 80%; }
.mdpick-2018woman-content .product-box-7 .center-box {
display: inline-block;
height: auto;
margin: 0 auto;
position: relative;
width: 100%; }
.mdpick-2018woman-content .product-box-7 .product-img-box {
float: left;
height: auto;
width: 50%; }
.mdpick-2018woman-content .product-box-7 .product-img-box img {
height: auto;
position: relative;
width: 100%; }
.mdpick-seamless-content {
height: auto;
position: relative;
width: 100%; }
.mdpick-seamless-content .bold {
font-weight: 500; }
.mdpick-seamless-content .full-video {
height: 100%;
left: 0;
top: 0;
position: fixed;
width: 100%;
z-index: 300; }
.mdpick-seamless-content .full-video .close-button-img {
cursor: pointer;
position: absolute;
right: 20px;
top: 20px;
width: 28px;
z-index: 320; }
.mdpick-seamless-content .top-movie {
height: auto;
position: relative;
width: 100%; }
.mdpick-seamless-content .top-movie img {
height: auto;
width: 100%; }
.mdpick-seamless-content .top-movie .title-box {
height: auto;
position: absolute;
right: 17%;
top: 35%;
width: auto; }
.mdpick-seamless-content .top-movie .title-box .main-title {
color: #fff;
font-size: 40px;
font-weight: 700;
height: auto;
line-height: 44px;
letter-spacing: 5px;
margin-bottom: 50px;
text-align: center;
width: 100%;
z-index: 300; }
.mdpick-seamless-content .top-movie .title-box .title-icon {
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/seamless/seamless_title.svg);
height: auto;
margin: 0 auto;
margin-bottom: 40px;
position: relative;
width: 380px; }
.mdpick-seamless-content .top-movie .title-box .main-play-button {
content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/play.svg);
height: auto;
margin: 0 auto;
width: 140px; }
.mdpick-seamless-content .top-movie .bottom-info-box {
background-color: #fff;
color: #000;
height: 350px;
left: 50%;
padding: 60px;
position: absolute;
top: 78%;
transform: translateX(-50%);
width: 40%; }
.mdpick-seamless-content .top-movie .bottom-info-box .name {
font-size: 30px;
font-weight: 700;
height: auto;
line-height: 35px;
margin-bottom: 10px;
position: relative;
width: 100%; }
.mdpick-seamless-content .top-movie .bottom-info-box .desc {
color: #666;
font-size: 21px;
font-weight: 300;
height: auto;
line-height: 35px;
margin-top: 38px;
margin-bottom: 50px;
position: relative;
width: 100%; }
.mdpick-seamless-content .top-movie .bottom-info-box .price {
bottom: 60px;
font-size: 21px;
font-weight: 700;
height: 40px;
line-height: 40px;
left: 60px;
position: absolute;
width: 150px; }
.mdpick-seamless-content .top-movie .bottom-info-box .button {
background-color: #080808;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
bottom: 60px;
color: #fff;
font-size: 18px;
height: 48px;
line-height: 48px;
right: 60px;
position: absolute;
text-align: center;
width: 110px; }
.mdpick-seamless-content .top-movie-bottom-margin {
margin-bottom: 350px; }
.mdpick-seamless-content .top-desc {
height: 250px;
position: relative;
text-align: center;
width: 100%; }
.mdpick-seamless-content .top-desc .bold {
font-weight: 700; }
.mdpick-seamless-content .top-desc .text {
color: #333;
height: auto;
font-size: 20px;
font-weight: 400;
line-height: 30px;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
text-align: center;
width: 100%; }
.mdpick-seamless-content .play-button {
bottom: 38px;
content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/play_2.svg);
height: auto;
position: absolute;
right: 40px;
width: 70px; }
.mdpick-seamless-content .stop-button {
bottom: 38px;
content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/stop.svg);
height: auto;
position: absolute;
right: 39px;
width: 70px; }
.mdpick-seamless-content .top-image-grid {
height: auto;
margin: 0 auto 180px auto;
position: relative;
width: 850px; }
.mdpick-seamless-content .top-image-grid .big-img {
height: auto;
position: relative;
width: 100%; }
.mdpick-seamless-content .top-image-grid .text {
bottom: 0;
box-sizing: border-box;
color: #fff;
font-size: 20px;
font-weight: 300;
height: auto;
left: 0;
line-height: 30px;
padding: 40px;
position: absolute;
width: 100%; }
.mdpick-seamless-content .top-image-grid .text-small {
color: #e5e5e5;
font-size: 14px;
height: auto;
line-height: 12px;
width: 100%; }
.mdpick-seamless-content .top-image-grid ul {
height: auto;
display: inline-block;
margin: 0 auto 16px auto;
position: relative;
width: 100%; }
.mdpick-seamless-content .top-image-grid ul img {
height: auto;
margin: 20px 0 0 0;
position: relative;
width: 415px; }
.mdpick-seamless-content .top-image-grid ul li {
float: left;
height: auto;
list-style-type: none;
margin-right: 20px;
position: relative;
width: 415px; }
.mdpick-seamless-content .top-image-grid ul li:nth-child(2n) {
margin-right: 0; }
.mdpick-seamless-content .bottom-image-grid {
height: auto;
margin: 0 auto 150px auto;
position: relative;
width: 1200px; }
.mdpick-seamless-content .bottom-image-grid .text {
bottom: 0;
box-sizing: border-box;
color: #fff;
font-size: 20px;
font-weight: 300;
height: auto;
left: 0;
line-height: 30px;
padding: 40px;
position: absolute;
width: 100%; }
.mdpick-seamless-content .bottom-image-grid ul {
height: auto;
display: inline-block;
margin: 0 auto;
position: relative;
width: 100%; }
.mdpick-seamless-content .bottom-image-grid ul img {
height: auto;
margin: 20px 0 0 0;
position: relative;
width: 386px; }
.mdpick-seamless-content .bottom-image-grid ul li {
float: left;
height: auto;
list-style-type: none;
margin-right: 20px;
position: relative;
width: 386px; }
.mdpick-seamless-content .bottom-image-grid ul li:nth-child(3n) {
margin-right: 0; }
.mdpick-seamless-content .line-box {
background-color: #e5e5e5;
height: 2px;
margin: 190px auto 40px;
position: relative;
width: 90%; }
.mdpick-seamless-content .related-product-text {
font-size: 30px;
font-weight: 700;
height: 50px;
line-height: 50px;
margin: 10px auto 26px auto;
text-align: center;
width: 100%; }
.mdpick-seamless-content .related-product {
box-sizing: border-box;
height: auto;
margin: 0 auto 150px auto;
position: relative;
width: 1100px; }
.mdpick-seamless-content .related-product ul {
height: auto;
display: inline-block;
margin: 0 auto;
position: relative;
width: 100%; }
.mdpick-seamless-content .related-product ul img {
height: auto;
position: relative;
width: 545px; }
.mdpick-seamless-content .related-product ul li {
float: left;
height: auto;
list-style-type: none;
margin-right: 10px;
position: relative;
width: 545px; }
.mdpick-seamless-content .related-product ul li .title {
color: #000;
font-size: 18px;
font-weight: 500;
height: 70px;
line-height: 70px;
position: relative;
text-align: center;
width: 100%; }
.mdpick-seamless-content .related-product ul li:nth-child(2n) {
margin-right: 0; }
.cycle-2018-content {
height: auto;
position: relative;
width: 100%; }
.cycle-2018-content .banner-box {
height: auto;
padding: 0;
position: relative;
width: 100%; }
.cycle-2018-content .banner-box img {
height: auto;
position: relative;
width: 100%; }
.cycle-2018-content .title-box {
bottom: 50%;
height: auto;
position: absolute;
right: 16%;
width: 570px;
z-index: 100; }
.cycle-2018-content .title {
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/2018cycle_1/title_w.svg);
height: auto;
position: relative;
width: 100%; }
.cycle-2018-content .more {
content: url(//d319d1tzjwpwbb.cloudfront.net/mobile/images/mdpick_custom/2018cycle/more.svg);
height: auto;
margin: 0 auto;
position: relative;
width: 100px; }
.cycle-2018-content .width-80-content {
font-size: 20px;
height: auto;
margin: 0 auto;
position: relative;
width: 80%; }
.cycle-2018-content .width-80-content .line-box-top {
border-top: 1px solid #ed1c24;
height: 170px;
margin-top: 170px;
width: 100%; }
.cycle-2018-content .width-80-content .line-box-top .middle-text {
background-color: #fff;
color: #080808;
font-weight: 300;
line-height: 1.5;
left: 50%;
position: absolute;
text-align: center;
transform: translate(-50%, -50%);
width: 650px; }
.cycle-2018-content .width-80-content .line-box-top .middle-text .red-text {
font-weight: bold;
color: #ed1c24; }
.cycle-2018-content .width-80-content .line-box-top .3line {
height: 90px; }
.cycle-2018-content .width-80-content .line-box-top .2line {
height: 60px; }
.cycle-2018-content .width-80-content .big-img {
height: auto;
margin-bottom: 89px;
position: relative;
width: 100%; }
.cycle-2018-content .width-80-content .small-img-box {
height: auto;
margin: 0 auto 99px auto;
position: relative;
width: 37.5%; }
.cycle-2018-content .width-80-content .small-img {
height: auto;
position: relative;
width: 100%; }
.cycle-2018-content .width-80-content .product-title {
color: #080808;
font-size: 16px;
font-weight: 500;
height: 24px;
margin: 0 auto 15px auto;
text-align: center;
width: 225px; }
.cycle-2018-content .width-80-content .product-price {
color: #666;
font-size: 14px;
font-weight: 500;
height: 20px;
margin: 0 auto 36px auto;
text-align: center;
width: 94px; }
.cycle-2018-content .width-80-content .rectangle-5 {
border: solid 1px #ed1c24;
color: #ed1c24;
font-size: 13px;
height: 30px;
line-height: 30px;
margin: 0 auto;
text-align: center;
width: 80px; }
.cycle-2018-content .width-80-content .img-table {
height: auto;
margin: 100px auto;
position: relative;
width: 100%; }
.cycle-2018-content .width-80-content .img-table .bold {
font-weight: 700; }
.cycle-2018-content .width-80-content .img-table img {
box-sizing: border-box;
display: block;
height: auto;
position: relative;
width: 100%; }
.cycle-2018-content .width-80-content .img-table .td-left {
height: auto;
vertical-align: top;
position: relative;
width: 40%; }
.cycle-2018-content .width-80-content .img-table .td-left .img-1 {
box-sizing: border-box;
height: auto;
padding: 0 40px 20px 0;
position: relative;
width: 100%; }
.cycle-2018-content .width-80-content .img-table .td-left .img-1 .desc {
bottom: 57px;
color: #fff;
font-size: 15px;
font-weight: 400;
height: auto;
line-height: 1.75;
right: 72px;
position: absolute;
text-align: right;
width: auto; }
.cycle-2018-content .width-80-content .img-table .td-left .img-2 {
box-sizing: border-box;
bottom: 0;
height: auto;
left: 0;
padding: 20px 40px 0 0;
position: absolute;
width: 100%; }
.cycle-2018-content .width-80-content .img-table .td-left .img-2 .desc {
bottom: 37px;
color: #fff;
font-size: 15px;
font-weight: 400;
height: auto;
line-height: 1.75;
right: 72px;
position: absolute;
text-align: right;
width: auto; }
.cycle-2018-content .width-80-content .img-table .td-right {
box-sizing: border-box;
height: auto;
vertical-align: top;
width: 60%; }
.cycle-2018-content .width-80-content .img-table .td-right .img-1 {
height: auto;
position: relative;
width: 100%; }
.cycle-2018-content .width-80-content .img-table .td-left-2 {
height: auto;
vertical-align: top;
width: 60%; }
.cycle-2018-content .width-80-content .img-table .td-left-2 .img-1 {
box-sizing: border-box;
height: auto;
padding: 0 40px 0 0;
position: relative;
width: 100%; }
.cycle-2018-content .width-80-content .img-table .td-left-2 .img-1 .desc {
bottom: 37px;
color: #fff;
font-size: 15px;
font-weight: 400;
height: auto;
line-height: 1.75;
right: 72px;
position: absolute;
text-align: right;
width: auto; }
.cycle-2018-content .width-80-content .img-table .td-right-2 {
height: auto;
vertical-align: top;
width: 40%; }
.cycle-2018-content .width-80-content .img-table .td-right-2 .img-1 {
box-sizing: border-box;
height: auto;
position: relative;
width: 100%; }
.cycle-2018-content .width-80-content .img-table .td-right-2 .img-1 .desc {
bottom: 37px;
color: #fff;
font-size: 15px;
font-weight: 400;
height: auto;
line-height: 1.75;
right: 32px;
position: absolute;
text-align: right;
width: auto; }
.cycle-2018-content .width-80-content .img-table .td-left-3 {
height: auto;
vertical-align: top;
width: 40%; }
.cycle-2018-content .width-80-content .img-table .td-left-3 .img-1 {
box-sizing: border-box;
height: auto;
padding: 0 40px 0 0;
position: relative;
width: 100%; }
.cycle-2018-content .width-80-content .img-table .td-left-3 .img-1 .desc {
bottom: 37px;
color: #fff;
font-size: 15px;
font-weight: 400;
height: auto;
line-height: 1.75;
right: 72px;
position: absolute;
text-align: right;
width: auto; }
.cycle-2018-content .width-80-content .img-table .td-right-3 {
height: auto;
vertical-align: top;
width: 60%; }
.cycle-2018-content .width-80-content .img-table .td-right-3 .img-1 {
box-sizing: border-box;
height: auto;
position: relative;
width: 100%; }
.cycle-2018-content .width-80-content .img-table .td-right-3 .img-1 .desc {
bottom: 37px;
color: #fff;
font-size: 15px;
font-weight: 400;
height: auto;
line-height: 1.75;
right: 32px;
position: absolute;
text-align: right;
width: auto; }
.cycle-2018-content .width-80-content .line-box {
background-color: #ed1c24;
height: 1px;
margin: 170px 0;
width: 100%; }
.cycle-2018-content .related-product {
box-sizing: border-box;
height: auto;
margin: 0 auto 100px auto;
position: relative;
width: 100%; }
.cycle-2018-content .related-product ul {
height: auto;
display: inline-block;
margin: 0 auto;
position: relative;
width: 100%; }
.cycle-2018-content .related-product ul img {
height: auto;
position: relative;
width: 100%; }
.cycle-2018-content .related-product ul li {
float: left;
height: auto;
list-style-type: none;
margin-right: 11px;
position: relative;
width: 32.5%; }
.cycle-2018-content .related-product ul li .product-title {
color: #080808;
font-size: 16px;
font-weight: 500;
height: 24px;
margin: 30px auto 15px auto;
text-align: center;
width: 100%; }
.cycle-2018-content .related-product ul li .product-price {
color: #666;
font-size: 14px;
font-weight: 500;
height: 20px;
margin: 0 auto 36px auto;
text-align: center;
width: 100%; }
.cycle-2018-content .related-product ul li .rectangle-5 {
border: solid 1px #ed1c24;
color: #ed1c24;
font-size: 13px;
height: 30px;
line-height: 30px;
margin: 0 auto;
text-align: center;
width: 80px; }
.cycle-2018-content .related-product ul li:nth-child(3n) {
margin-right: 0; }
.cycle-2018-content .line-box-2 {
background-color: #ed1c24;
height: 1px;
margin: 170px 0 85px 0;
width: 100%; }
.cycle-2018-content .table-shop {
height: auto;
position: relative;
text-align: center;
margin: 0 auto 200px auto;
width: 80%; }
.cycle-2018-content .table-shop .td-left {
padding-right: 15px;
width: 50%; }
.cycle-2018-content .table-shop .td-right {
padding-left: 15px;
width: 50%; }
.cycle-2018-content .table-shop .text {
color: #fff;
font-size: 20px;
font-weight: 500;
line-height: 1.8;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%; }
.cycle-2018-content .table-shop .underline {
text-decoration: underline; }
.cycle-2018-content .table-shop .left-shop-box {
background-color: #050505;
height: 90px;
position: relative;
width: 100%; }
.cycle-2018-content .table-shop .right-shop-box {
background-color: #050505;
height: 90px;
position: relative;
width: 100%; }
.baselayer-content {
height: auto;
position: relative;
width: 100%; }
.baselayer-content .banner-box {
height: auto;
padding: 0;
position: relative;
width: 100%; }
.baselayer-content .banner-box img {
height: auto;
position: relative;
width: 100%; }
.baselayer-content .title {
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/baselayer/title.svg);
height: auto;
margin: 25px auto 15px auto;
position: relative;
width: 520px; }
.baselayer-content .width-100-content {
font-size: 20px;
height: auto;
margin: 0 auto;
position: relative;
width: 100%; }
.baselayer-content .width-100-content .line-box-top {
border-top: 1px solid #ed1c24;
height: 70px;
margin: 170px auto 0 auto;
width: 85%; }
.baselayer-content .width-100-content .line-box-top .middle-text {
background-color: #fff;
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/baselayer/title2.svg);
color: #080808;
font-size: 40px;
font-weight: 700;
height: 90px;
line-height: 1.5;
left: 50%;
padding: 0 50px;
position: absolute;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 400px; }
.baselayer-content .width-100-content .sub-text {
color: #777777;
font-size: 18px;
font-weight: normal;
height: 60px;
line-height: 1.44;
text-align: center;
width: 100%; }
.baselayer-content .width-100-content .product-img {
height: auto;
margin: 0 auto;
position: relative;
width: 530px; }
.baselayer-content .width-100-content .product-img img {
height: auto;
position: relative;
width: 100%; }
.baselayer-content .width-100-content .price-info-box {
height: 50px;
margin: 26px auto 20px auto;
width: 200px; }
.baselayer-content .width-100-content .product-price {
color: #666;
font-size: 14px;
font-weight: 500;
float: left;
height: 30px;
line-height: 30px;
text-align: left;
width: 94px; }
.baselayer-content .width-100-content .rectangle-5 {
border: solid 1px #ed1c24;
color: #ed1c24;
float: right;
font-size: 13px;
height: 30px;
line-height: 30px;
margin: 0 auto;
text-align: center;
width: 80px; }
.baselayer-content .width-100-content .img-table {
height: auto;
margin: 100px auto;
position: relative;
width: 100%; }
.baselayer-content .width-100-content .img-table .bold {
font-weight: 700; }
.baselayer-content .width-100-content .img-table img {
box-sizing: border-box;
display: block;
height: auto;
position: relative;
width: 100%; }
.baselayer-content .width-100-content .img-table .td-left {
height: auto;
vertical-align: top;
position: relative;
width: 40%; }
.baselayer-content .width-100-content .img-table .td-left .img-1 {
box-sizing: border-box;
height: auto;
padding: 0 40px 20px 0;
position: relative;
width: 100%; }
.baselayer-content .width-100-content .img-table .td-left .img-1 .desc {
bottom: 57px;
color: #fff;
font-size: 15px;
font-weight: 400;
height: auto;
line-height: 1.75;
left: 72px;
position: absolute;
text-align: left;
width: auto; }
.baselayer-content .width-100-content .img-table .td-left .img-2 {
box-sizing: border-box;
bottom: 0;
height: auto;
left: 0;
padding: 20px 40px 0 0;
position: absolute;
width: 100%; }
.baselayer-content .width-100-content .img-table .td-left .img-2 .desc {
bottom: 37px;
color: #fff;
font-size: 15px;
font-weight: 400;
height: auto;
line-height: 1.75;
right: 72px;
position: absolute;
text-align: right;
width: auto; }
.baselayer-content .width-100-content .img-table .td-right {
box-sizing: border-box;
height: auto;
vertical-align: top;
width: 60%; }
.baselayer-content .width-100-content .img-table .td-right .img-1 {
height: auto;
position: relative;
width: 100%; }
.baselayer-content .width-100-content .img-table .td-left-2 {
height: auto;
vertical-align: top;
width: 60%; }
.baselayer-content .width-100-content .img-table .td-left-2 .img-1 {
box-sizing: border-box;
height: auto;
padding: 0 80px 0 0;
position: relative;
width: 100%; }
.baselayer-content .width-100-content .img-table .td-left-2 .img-1 .desc {
bottom: 37px;
color: #fff;
font-size: 15px;
font-weight: 400;
height: auto;
line-height: 1.75;
right: 112px;
position: absolute;
text-align: right;
width: auto; }
.baselayer-content .width-100-content .img-table .td-right-2 {
height: auto;
padding-right: 80px;
vertical-align: top;
width: 40%; }
.baselayer-content .width-100-content .img-table .td-right-2 .img-1 {
box-sizing: border-box;
height: auto;
position: relative;
width: 100%; }
.baselayer-content .width-100-content .img-table .td-right-2 .img-1 .desc {
bottom: 37px;
color: #fff;
font-size: 15px;
font-weight: 400;
height: auto;
line-height: 1.75;
right: 32px;
position: absolute;
text-align: right;
width: auto; }
.baselayer-content .width-100-content .img-table .td-left-3 {
height: auto;
padding-left: 80px;
vertical-align: top;
width: 40%; }
.baselayer-content .width-100-content .img-table .td-left-3 .img-1 {
box-sizing: border-box;
height: auto;
padding: 0 80px 0 0;
position: relative;
width: 100%; }
.baselayer-content .width-100-content .img-table .td-left-3 .img-1 .desc {
bottom: 37px;
color: #fff;
font-size: 15px;
font-weight: 400;
height: auto;
line-height: 1.75;
right: 72px;
position: absolute;
text-align: right;
width: auto; }
.baselayer-content .width-100-content .img-table .td-right-3 {
height: auto;
vertical-align: top;
width: 60%; }
.baselayer-content .width-100-content .img-table .td-right-3 .img-1 {
box-sizing: border-box;
height: auto;
position: relative;
width: 100%; }
.baselayer-content .width-100-content .img-table .td-right-3 .img-1 .desc {
bottom: 37px;
color: #fff;
font-size: 15px;
font-weight: 400;
height: auto;
line-height: 1.75;
right: 32px;
position: absolute;
text-align: right;
width: auto; }
.baselayer-content .width-100-content .line-box {
background-color: #ed1c24;
height: 1px;
margin: 170px 0;
width: 100%; }
.baselayer-content .related-product {
box-sizing: border-box;
height: auto;
margin: 60px auto 100px auto;
position: relative;
width: 100%; }
.baselayer-content .related-product ul {
height: auto;
display: inline-block;
margin: 0 auto;
position: relative;
width: 100%; }
.baselayer-content .related-product ul img {
height: auto;
position: relative;
width: 70%; }
.baselayer-content .related-product ul li {
float: left;
height: auto;
list-style-type: none;
position: relative;
text-align: center;
width: 50%; }
.baselayer-content .related-product ul li .product-title {
color: #080808;
font-size: 16px;
font-weight: 500;
height: 24px;
margin: 30px auto 15px auto;
text-align: center;
width: 100%; }
.baselayer-content .related-product2 {
box-sizing: border-box;
height: auto;
margin: 0 auto 100px auto;
position: relative;
width: 80%; }
.baselayer-content .related-product2 ul {
height: auto;
display: inline-block;
margin: 0 auto;
position: relative;
width: 100%; }
.baselayer-content .related-product2 ul img {
height: auto;
position: relative;
width: 100%; }
.baselayer-content .related-product2 ul li {
float: left;
height: auto;
list-style-type: none;
margin-right: 11px;
position: relative;
width: 32.5%; }
.baselayer-content .related-product2 ul li .product-title {
color: #080808;
font-size: 16px;
font-weight: 500;
height: 24px;
margin: 30px auto 15px auto;
text-align: center;
width: 100%; }
.baselayer-content .related-product2 ul li .product-price {
color: #666;
font-size: 14px;
font-weight: 500;
height: 20px;
margin: 0 auto 36px auto;
text-align: center;
width: 100%; }
.baselayer-content .related-product2 ul li .rectangle-5 {
border: solid 1px #ed1c24;
color: #ed1c24;
font-size: 13px;
height: 30px;
line-height: 30px;
margin: 0 auto;
text-align: center;
width: 80px; }
.baselayer-content .related-product2 ul li:nth-child(3n) {
margin-right: 0; }
.baselayer-content .line-box-top2 {
border-top: 1px solid #ed1c24;
font-size: 20px;
height: 170px;
margin-top: 170px;
width: 100%; }
.baselayer-content .line-box-top2 .middle-text {
background-color: #fff;
color: #080808;
font-weight: 300;
line-height: 1.5;
left: 50%;
position: absolute;
text-align: center;
transform: translate(-50%, -50%);
width: 650px; }
.baselayer-content .line-box-top2 .middle-text .red-text {
font-weight: bold;
color: #ed1c24; }
.baselayer-content .line-box-top2 .3line {
height: 90px; }
.baselayer-content .line-box-top2 .2line {
height: 60px; }
.mdpick-running-content {
height: auto;
position: relative;
min-width: 1280px;
width: 100%; }
.mdpick-running-content .background {
height: auto;
position: relative;
vertical-align: bottom;
width: 100%; }
.mdpick-running-content .background .bg_img {
height: auto;
position: relative;
vertical-align: bottom;
width: 100%; }
.mdpick-running-content .background .main-center {
height: auto;
top: 50%;
left: 50%;
position: absolute;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 72%; }
.mdpick-running-content .background .main-center img {
height: auto;
position: relative;
vertical-align: bottom;
width: 100%; }
.mdpick-running-content .background .title-text {
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/running/title_w_2.svg);
height: auto;
left: 19%;
top: 32%;
position: absolute;
width: 22%; }
.mdpick-running-content .background .main-text {
color: #000;
font-size: 20px;
height: 182px;
line-height: 1.44;
left: 19%;
position: absolute;
top: 47%;
width: 152px; }
.mdpick-running-content .movie-1 {
border: 1px solid #b5b5b5;
height: auto;
left: 8%;
position: absolute;
top: 8%;
width: 34%; }
.mdpick-running-content .play-button {
bottom: 20px;
content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/play_black.svg);
height: auto;
position: absolute;
right: 20px;
width: 39px;
z-index: 100; }
.mdpick-running-content .stop-button {
bottom: 16px;
content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/stop_black.svg);
height: auto;
position: absolute;
right: 15px;
width: 50px;
z-index: 100; }
.mdpick-running-content .product-title {
height: auto;
position: relative;
vertical-align: top;
width: 100%; }
.mdpick-running-content .product-title table {
height: auto;
position: relative;
width: 100%; }
.mdpick-running-content .product-title .td-left {
color: #000;
font-size: 20px;
font-weight: 700;
height: auto;
line-height: 20px;
text-align: left;
width: 99%; }
.mdpick-running-content .product-title .td-right {
color: #080808;
font-size: 16px;
height: auto;
line-height: 20px;
text-align: right;
width: 1%; }
.mdpick-running-content .product-desc {
color: #080808;
font-size: 16px;
height: 50px;
margin: 10px 0 10px;
position: relative;
text-align: left;
width: 100%; }
.mdpick-running-content .product-price {
color: #080808;
font-size: 16px;
height: auto;
line-height: 20px;
width: 100%; }
.mdpick-running-content .product-info-1-left {
height: auto;
left: 8%;
top: 78.5%;
position: absolute;
width: 34%; }
.mdpick-running-content .product-info-1-right {
height: auto;
right: 8%;
top: 78.5%;
position: absolute;
width: 34%; }
.mdpick-running-content .buy-button {
border: solid 1px #ed1c24;
color: #ed1c24;
font-size: 13px;
height: 30px;
line-height: 30px;
margin-top: 25px;
position: relative;
text-align: center;
width: 80px; }
.mdpick-running-content .product-info-2-left {
height: 56%;
left: 50%;
position: absolute;
top: 22%;
width: 20%; }
.mdpick-running-content .product-info-2-left .bg-img-2 {
border: 1px solid #b5b5b5;
height: auto;
position: relative;
width: 100%; }
.mdpick-running-content .product-info-2-right {
height: auto;
left: 72%;
position: absolute;
top: 22%;
width: 20%; }
.mdpick-running-content .product-info-2-right .movie-2 {
border: 1px solid #b5b5b5;
height: auto;
top: 0;
position: relative;
width: 100%; }
.mdpick-running-content .product-title-2 {
height: auto;
margin: 15px 0 20px;
position: relative;
vertical-align: top;
width: 100%; }
.mdpick-running-content .product-title-2 table {
height: auto;
position: relative;
width: 100%; }
.mdpick-running-content .product-title-2 .td-left {
color: #000;
font-size: 20px;
font-weight: 700;
height: 30px;
line-height: 24px;
text-align: left;
vertical-align: top;
width: 99%; }
.mdpick-running-content .product-title-2 .td-right {
color: #080808;
font-size: 16px;
height: 30px;
line-height: 22px;
text-align: right;
width: 1%; }
.mdpick-running-content .center-text {
color: #ffffff;
font-size: 30px;
height: 200px;
line-height: 1.33;
left: 50%;
position: absolute;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
text-align: center;
width: 300px; }
.mdpick-running-content .movie-3 {
border: 1px solid #b5b5b5;
height: auto;
right: 8%;
position: absolute;
top: 8%;
width: 34%; }
.mdpick-running-content .product-info-3-left {
height: 56%;
left: 8%;
position: absolute;
top: 22%;
width: 20%; }
.mdpick-running-content .product-info-3-left .bg-img-2 {
border: 1px solid #b5b5b5;
height: auto;
position: relative;
width: 100%; }
.mdpick-running-content .product-info-3-right {
height: auto;
right: 8%;
position: absolute;
top: 22%;
width: 20%; }
.mdpick-running-content .product-info-3-right .movie-2 {
height: auto;
top: 0;
position: relative;
width: 100%; }
.mdpick-running-content .product-info-3-right .bg-img-2 {
border: 1px solid #b5b5b5;
height: auto;
position: relative;
width: 100%; }
.mdpick-running-content .product-title-3 {
height: auto;
margin-top: 5px;
position: relative;
vertical-align: top;
width: 100%; }
.mdpick-running-content .product-title-3 table {
height: auto;
position: relative;
width: 100%; }
.mdpick-running-content .product-title-3 .td-left {
color: #000;
font-size: 20px;
font-weight: 700;
height: 30px;
line-height: 20px;
padding-top: 10px;
text-align: left;
vertical-align: top;
width: 99%; }
.mdpick-running-content .product-title-3 .td-right {
color: #080808;
font-size: 16px;
height: 30px;
line-height: 20px;
text-align: right;
width: 1%; }
.mdpick-running-content .desc {
color: #080808;
font-size: 16px;
height: 60px;
line-height: 20px;
margin: 10px 0 10px;
position: relative;
text-align: left;
width: 100%; }
.mdpick-running-content .table-shop {
height: auto;
position: relative;
text-align: center;
margin: 74px auto 120px auto;
width: 60%; }
.mdpick-running-content .table-shop .td-left {
padding-right: 15px;
width: 50%; }
.mdpick-running-content .table-shop .td-right {
padding-left: 15px;
width: 50%; }
.mdpick-running-content .table-shop .text {
color: #fff;
font-size: 20px;
font-weight: 500;
line-height: 1.8;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%; }
.mdpick-running-content .table-shop .left-shop-box {
background-color: #050505;
height: 90px;
position: relative;
width: 100%; }
.mdpick-running-content .table-shop .right-shop-box {
background-color: #050505;
height: 90px;
position: relative;
width: 100%; }
.rashguard-2018-content {
background-color: #fff;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 1000; }
.rashguard-2018-content .close-button-img {
cursor: pointer;
position: absolute;
right: 15px;
top: 15px;
width: 28px;
z-index: 10; }
.rashguard-2018-content .scroll-img {
cursor: pointer;
position: absolute;
left: 50%;
bottom: 10px;
transform: translateX(-50%);
width: 150px;
z-index: 10; }
.rashguard-2018-content .wrap {
width: 100%;
height: 100%; }
.rashguard-2018-content .page-bg {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
height: 100%; }
.rashguard-2018-content .section-1 {
width: 100%;
height: 100%;
position: relative; }
.rashguard-2018-content .section-1 .carousel-wrap {
width: 100%;
height: 100%; }
.rashguard-2018-content .section-1 .carousel-wrap .rolling-1 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick/rashguard-2018/1-1-rolling.jpg); }
.rashguard-2018-content .section-1 .carousel-wrap .rolling-2 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick/rashguard-2018/1-2-rolling.jpg); }
.rashguard-2018-content .section-1 .carousel-wrap .title-img {
position: absolute;
top: 50%;
left: 50%;
width: 90%;
height: auto;
transform: translate(-50%, -50%);
z-index: 10; }
.rashguard-2018-content .section-1 img {
width: 100%;
height: 100%; }
.rashguard-2018-content .section-2 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick/rashguard-2018/2.jpg); }
.rashguard-2018-content .section-2 .title-img {
position: absolute;
top: 50%;
left: 50%;
height: 6%;
transform: translate(-50%, -50%); }
.rashguard-2018-content .section-3 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick/rashguard-2018/3.jpg); }
.rashguard-2018-content .section-3 .title-img {
position: absolute;
left: 50px;
bottom: 50px;
height: 2.2%; }
.rashguard-2018-content .section-4 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick/rashguard-2018/4-img%2Btitle.jpg); }
.rashguard-2018-content .section-5 {
font-size: 0;
width: 100%;
height: 100%; }
.rashguard-2018-content .section-5 .section-5-1 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick/rashguard-2018/5-1.jpg);
float: left;
width: 50%;
height: 100%; }
.rashguard-2018-content .section-5 .section-5-1 .title-img {
position: absolute;
left: 50px;
bottom: 32%;
height: 2.2%; }
.rashguard-2018-content .section-5 .section-5-2 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick/rashguard-2018/5-2.jpg);
float: right;
width: 50%;
height: 100%; }
.rashguard-2018-content .section-5 .section-5-2 .title-img {
position: absolute;
left: 50px;
bottom: 4%;
height: 2.2%; }
.rashguard-2018-content .section-6 {
font-size: 0;
width: 100%;
height: 100%;
position: relative; }
.rashguard-2018-content .section-6 .center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
height: 90%; }
.rashguard-2018-content .section-6 .center .item {
display: inline-block;
width: 30%;
height: 100%;
margin-left: 5%; }
.rashguard-2018-content .section-6 .center .item:first-child {
margin-left: 0; }
.rashguard-2018-content .section-6 .center .section-6-1 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick/rashguard-2018/6-1.jpg); }
.rashguard-2018-content .section-6 .center .section-6-2 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick/rashguard-2018/6-2.jpg); }
.rashguard-2018-content .section-6 .center .section-6-3 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick/rashguard-2018/6-3.jpg); }
.rashguard-2018-content .section-6 .center .title-img {
position: absolute;
left: 30px;
bottom: 30px;
height: 2%; }
.rashguard-2018-content .section-7 {
font-size: 0;
width: 100%;
height: 100%; }
.rashguard-2018-content .section-7 .section-7-1 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick/rashguard-2018/7-1.jpg);
float: left;
width: 50%;
height: 100%; }
.rashguard-2018-content .section-7 .section-7-2 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick/rashguard-2018/7-2.jpg);
float: right;
width: 50%;
height: 100%; }
.rashguard-2018-content .section-7 .title-img {
position: absolute;
left: 50px;
bottom: 18%;
height: 2.2%; }
.mdpick-summer-style-2018-content {
width: 100%;
height: auto;
font-size: 0; }
.mdpick-summer-style-2018-content .img-box {
position: relative;
width: 100%;
height: auto; }
.mdpick-summer-style-2018-content .product-img {
margin-bottom: 40px; }
.mdpick-summer-style-2018-content .product-name {
font-size: 25px;
font-weight: bold;
margin: 0 0 30px 0; }
.mdpick-summer-style-2018-content .product-color {
height: 10px;
margin-bottom: 30px; }
.mdpick-summer-style-2018-content .product-price {
font-size: 18px;
margin: 0; }
.mdpick-summer-style-2018-content .section {
width: 100%;
height: auto;
position: relative;
text-align: center;
margin-bottom: 75px; }
.mdpick-summer-style-2018-content .section-1 {
padding-top: 54px; }
.mdpick-summer-style-2018-content .section-1 .product-img-title {
position: absolute;
top: 10%;
left: 45px;
height: 8.4%;
z-index: 1; }
.mdpick-summer-style-2018-content .section-1 .product-img {
width: 60%; }
.mdpick-summer-style-2018-content .section-1 .product-color {
width: 119px; }
.mdpick-summer-style-2018-content .section-2 .product-wrap {
width: 49%;
display: inline-block; }
.mdpick-summer-style-2018-content .section-2 .product-wrap.left {
margin-right: 1%; }
.mdpick-summer-style-2018-content .section-2 .product-wrap.right {
margin-left: 1%; }
.mdpick-summer-style-2018-content .section-2 .product-img {
width: 100%; }
.mdpick-summer-style-2018-content .section-3 .product {
width: 33.3333333%;
display: inline-block; }
.mdpick-summer-style-2018-content .section-3 .product-img {
width: 100%; }
.mdpick-summer-style-2018-content .section-4 .product-wrap {
width: 49%;
display: inline-block; }
.mdpick-summer-style-2018-content .section-4 .product-wrap.left {
margin-right: 1%; }
.mdpick-summer-style-2018-content .section-4 .product-wrap.right {
margin-left: 1%; }
.mdpick-summer-style-2018-content .section-4 .product-img {
width: 100%; }
.mdpick-summer-style-2018-content .section-5 .product-wrap {
width: 50%;
display: inline-block;
position: relative; }
.mdpick-summer-style-2018-content .section-5 .product {
width: 100%;
display: inline-block;
position: relative; }
.mdpick-summer-style-2018-content .section-5 .product-img {
width: 100%; }
.mdpick-summer-style-2018-content .section-6 {
margin-bottom: 100px; }
.mdpick-summer-style-2018-content .section-6 .product {
width: 33.3333333%;
display: inline-block; }
.mdpick-summer-style-2018-content .section-6 .product-img {
width: 100%; }
.mdpick-19ss-woman-training {
font-size: 0;
text-align: center; }
.mdpick-19ss-woman-training .section {
width: 100%;
height: auto;
position: relative;
margin-bottom: 75px; }
.mdpick-19ss-woman-training .img-box {
width: 100%;
height: auto;
position: relative; }
.mdpick-19ss-woman-training .img-box img {
width: 100%;
height: auto; }
.mdpick-19ss-woman-training .half-and-half-layer .half {
width: 50%;
height: auto;
margin: 0;
display: inline-block; }
.mdpick-19ss-woman-training .half-and-half-layer .title {
margin-top: 40px;
font-size: 25px;
font-weight: bold; }
.mdpick-19ss-woman-training .half-and-half-layer .price {
margin-top: 40px;
font-size: 18px;
font-weight: normal; }
.mdpick-19ss-woman-training .default-layer .title {
margin-top: 40px;
font-size: 25px;
font-weight: bold; }
.mdpick-19ss-woman-training .default-layer .price {
margin-top: 40px;
font-size: 18px;
font-weight: normal; }
.mdpick-19ss-woman-training .section-1 .r-title {
position: absolute;
z-index: 1;
width: 31.6%;
top: 18%;
right: 10.7%; }
.mdpick-19ss-woman-training .section-2 {
margin-bottom: 200px; }
.mdpick-19ss-woman-training .section-4 {
margin-bottom: 200px; }
.mdpick-19ss-woman-training .mdpick-baselayer .owl-theme .owl-controls .owl-page span {
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick/19ssWomantraining/indicator_off.jpg); }
.mdpick-19ss-woman-training .mdpick-baselayer .owl-theme .owl-controls .owl-page.active span,
.mdpick-19ss-woman-training .mdpick-baselayer .owl-theme .owl-controls.clickable .owl-page:hover span {
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick/19ssWomantraining/indicator_on.jpg); }
.mdpick-baseball {
min-width: 900px;
font-size: 0;
text-align: center; }
.mdpick-baseball .section {
width: 100%;
height: auto;
position: relative; }
.mdpick-baseball img {
width: 100%;
height: auto; }
.mdpick-baseball .section-1 .r-title {
position: absolute;
z-index: 1;
left: 10.7%;
top: 50%;
transform: translateY(-50%);
width: 31.6%; }
.mdpick-baseball .section-1 .img-box {
width: 100%;
height: auto;
position: relative; }
.mdpick-baseball .section-2 {
background-color: #000; }
.mdpick-baseball .section-2 .inner {
margin: 0 8%;
padding: 100px 0; }
.mdpick-baseball .section-2 .inner .img {
display: inline-block;
width: 62%; }
.mdpick-baseball .section-2 .inner .text {
display: inline-block;
box-sizing: border-box;
width: 38%;
color: #fff;
vertical-align: bottom;
font-size: 27px; }
.mdpick-baseball .section-2 .content-left .text {
text-align: left;
padding-left: 15px; }
.mdpick-baseball .section-2 .content-right {
margin: 50px 0; }
.mdpick-baseball .section-2 .content-right .text {
text-align: right;
padding-right: 15px; }
.mdpick-baseball .section-4 {
color: #000;
font-size: 15px;
margin-bottom: 100px; }
.mdpick-baseball .section-4 .main-title {
margin: 50px 0;
font-size: 30px;
font-weight: bold; }
.mdpick-baseball .section-4 .items .item {
display: inline-block;
width: 25%;
margin: 0 10px;
background-color: #F7F7F7; }
.mdpick-baseball .section-4 .items .title {
margin: 0;
font-size: 20px;
font-weight: bold; }
.mdpick-baseball .section-4 .items .desc {
margin: 0;
font-size: 20px; }
.mdpick-baseball .section-4 .items .price {
font-size: 20px;
font-weight: bold;
margin: 0;
margin-bottom: 20px; }
.clearfix::after {
clear: both;
content: '';
display: table; }
.mdpick-training-2018 {
font-size: 0;
text-align: center; }
.mdpick-training-2018 .section {
width: 100%;
height: auto;
position: relative; }
.mdpick-training-2018 img {
width: 100%;
height: auto; }
.mdpick-training-2018 p {
margin: 0; }
.mdpick-training-2018 .hidden-img {
visibility: hidden; }
.mdpick-training-2018 .bar {
margin-top: 3.5vw; }
.mdpick-training-2018 .section-1 .play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100px;
cursor: pointer; }
.mdpick-training-2018 .section-1 .text-wrap {
position: absolute;
font-size: 3.4vw;
left: 4%;
top: 50%;
transform: translateY(-50%);
color: #fff;
text-align: left; }
.mdpick-training-2018 .section-1 .text-wrap .text {
line-height: 1.2;
font-style: italic;
font-weight: 500; }
.mdpick-training-2018 .section-2 .wrap {
box-sizing: border-box;
padding: 6% 10%; }
.mdpick-training-2018 .section-2 .img-box {
float: left;
width: 50%;
position: relative; }
.mdpick-training-2018 .section-2 .text-box {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 1.3vw; }
.mdpick-training-2018 .section-2 .text-box .desc {
font-size: 1.5vw;
font-weight: bold; }
.mdpick-training-2018 .section-2 .text-box .br:before {
display: inline-block;
content: '';
margin-top: 3vw; }
.mdpick-training-2018 .section-2 .text-box .shop-btn {
display: inline-block;
width: 10vw;
line-height: 3vw;
text-align: center;
border: 1px solid #ee1d25;
margin-top: 1vw; }
.mdpick-training-2018 .section-2 .text-box .shop-btn:before {
content: 'SHOP';
color: #ee1d25;
font-weight: bold; }
.mdpick-training-2018 .section-3 {
background-color: #000; }
.mdpick-training-2018 .section-3 .wrap {
box-sizing: border-box;
padding: 6% 10%; }
.mdpick-training-2018 .section-3 .img-box {
position: relative;
display: inline-block;
width: 50%; }
.mdpick-training-2018 .section-3 .img-box .center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%; }
.mdpick-training-2018 .section-3 .img-box .text-wrap {
margin: 1.7vw; }
.mdpick-training-2018 .section-3 .img-box .text-wrap .text {
font-size: 1.4vw;
color: #fff; }
.mdpick-training-2018 .footer-button-box {
padding: 6% 10%; }
.mdpick-training-2018 .footer-button-box .button {
display: inline-block;
font-size: 1.4vw;
color: #fff;
background-color: #000;
width: 27vw;
line-height: 5vw;
margin: 0 1vw; }
.mdpick-training-2018.en .section-1 .text-wrap .text {
line-height: 1.2;
font-style: italic;
font-weight: 900; }
.mdpick-fw-cycle-18 {
font-size: 0;
text-align: center; }
.mdpick-fw-cycle-18 p {
margin: 0; }
.mdpick-fw-cycle-18 .img {
width: 100%; }
.mdpick-fw-cycle-18 .top-section {
position: relative; }
.mdpick-fw-cycle-18 .top-section .text-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 8%;
color: #fff; }
.mdpick-fw-cycle-18 .top-section .text-box .title {
margin-bottom: 2.5vw;
width: 38.5vw;
display: block; }
.mdpick-fw-cycle-18 .top-section .text-box .desc {
width: 30.3vw; }
.mdpick-fw-cycle-18 .bottom-section {
position: relative; }
.mdpick-fw-cycle-18 .bottom-section .info-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 15%; }
.mdpick-fw-cycle-18 .fw-cycle-contents .section-1 {
position: relative; }
.mdpick-fw-cycle-18 .fw-cycle-contents .section-1 .contents {
position: absolute;
top: 0;
left: 0;
width: 88%;
margin: 0 6%; }
.mdpick-fw-cycle-18 .fw-cycle-contents .section-1 .contents .section-rolling {
margin: 13vw 0; }
.mdpick-fw-cycle-18 .fw-cycle-contents .section-1 .contents .section-rolling .rolling-box {
width: 90%;
margin: 0 auto; }
.mdpick-fw-cycle-18 .fw-cycle-contents .section-1 .contents .section-rolling .rolling-box .owl-prev {
left: -46px; }
.mdpick-fw-cycle-18 .fw-cycle-contents .section-1 .contents .section-rolling .rolling-box .owl-next {
right: -31px; }
.mdpick-fw-cycle-18 .fw-cycle-contents .section-1 .contents .section-rolling .rolling-box .owl-pagination {
display: none; }
.mdpick-fw-cycle-18 .fw-cycle-contents .section-1 .contents .section-grid .items .item {
display: inline-block;
width: 30.8%;
margin-right: 3.8%; }
.mdpick-fw-cycle-18 .fw-cycle-contents .section-1 .contents .section-grid .items .item:last-child {
margin-right: 0; }
.mdpick-fw-cycle-18 .fw-cycle-contents .section-1 .contents .section-grid .items .item .desc {
margin-top: 2.5vw;
font-size: 1.2vw;
font-weight: 200;
color: #fff; }
.mdpick-fw-cycle-18 .fw-cycle-contents .section-1 .contents .section-grid .items .item .desc span {
font-size: 1.1vw; }
.mdpick-fw-cycle-18 .fw-cycle-contents .section-2 .half-layer {
position: relative;
display: inline-block;
width: 100%;
background-color: #000; }
.mdpick-fw-cycle-18 .fw-cycle-contents .section-2 .half-layer .img-box {
display: inline-block;
width: 50%; }
.mdpick-fw-cycle-18 .fw-cycle-contents .section-2 .half-layer .img-box.right {
float: right; }
.mdpick-fw-cycle-18 .fw-cycle-contents .section-2 .half-layer .img-box.left {
float: left; }
.mdpick-fw-cycle-18 .fw-cycle-contents .section-2 .half-layer .text-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: inline-block;
width: 50%; }
.mdpick-fw-cycle-18 .fw-cycle-contents .section-2 .half-layer .text-box.right {
right: 0; }
.mdpick-fw-cycle-18 .fw-cycle-contents .section-2 .half-layer .text-box.left {
left: 0; }
.mdpick-fw-cycle-18 .info-box {
color: #fff; }
.mdpick-fw-cycle-18 .info-box .title {
font-size: 1.75vw; }
.mdpick-fw-cycle-18 .info-box .wrap {
margin-top: 1vw; }
.mdpick-fw-cycle-18 .info-box .wrap .price {
font-size: 1.228vw;
margin-right: 2vw; }
.mdpick-fw-cycle-18 .info-box .wrap .btn-shop {
display: inline-block;
border: 1px solid;
width: 8.24vw;
height: 3.15vw;
line-height: 3.14vw;
color: #ec0000;
font-size: 1.228vw;
font-weight: bold; }
.mdpick-fw-utility-bag-18 {
background-color: #080808; }
.mdpick-fw-utility-bag-18 .img {
width: 100%; }
.mdpick-fw-utility-bag-18 .nav {
position: fixed;
top: 25%;
right: 60px;
z-index: 1; }
.mdpick-fw-utility-bag-18 .nav .index-box {
color: #fff;
font-size: 15px; }
.mdpick-fw-utility-bag-18 .nav .progress-container {
width: 2px;
height: 250px;
background: #4e4e4e;
margin: 0 auto; }
.mdpick-fw-utility-bag-18 .nav .progress-container .progress-bar {
background: #fff;
height: 0; }
.mdpick-fw-utility-bag-18 .section {
position: relative; }
.mdpick-fw-utility-bag-18 .section p {
margin: 0; }
.mdpick-fw-utility-bag-18 .section .big-title-img {
position: absolute;
width: 40%;
left: 6%;
top: 17%; }
.mdpick-fw-utility-bag-18 .section .button-box {
position: absolute;
top: 50%;
left: 6%;
color: #fff;
transform: translateY(-100%); }
.mdpick-fw-utility-bag-18 .section .button-box .title {
font-size: 1.1vw;
margin-bottom: 1vw; }
.mdpick-fw-utility-bag-18 .section .button-box .btn-shop {
display: inline-block;
width: 5.3vw;
line-height: 2.4vw;
background-color: #fff;
color: #080808;
font-size: 1vw;
font-weight: bold;
text-align: center; }
.mdpick-fw-utility-bag-18 .custom-btn-position-1 .button-box {
transform: translateY(100%); }
.mdpick-fw-utility-bag-18 .section-rolling {
position: relative; }
.mdpick-fw-utility-bag-18 .section-rolling .img-carousel {
position: absolute;
bottom: 8%;
left: 50%;
transform: translateX(-50%);
width: 85%;
margin: 0 auto;
text-align: center;
color: #fff; }
.mdpick-fw-utility-bag-18 .section-rolling .img-carousel .item {
width: 20%;
box-sizing: border-box;
padding: 30px; }
.mdpick-fw-utility-bag-18 .section-rolling .img-carousel .item p {
margin: 0; }
.mdpick-fw-utility-bag-18 .section-rolling .img-carousel .item .title {
font-family: 'DINNextLTProRegular';
font-size: 1vw;
line-height: 2vw; }
.mdpick-fw-utility-bag-18 .section-rolling .img-carousel .item .price {
font-size: 1.3vw;
font-weight: bold;
margin-bottom: 15px; }
.mdpick-fw-utility-bag-18 .section-rolling .img-carousel .item .btn-shop {
display: inline-block;
border: 1px solid;
width: 5vw;
height: 2vw;
line-height: 2vw;
color: #ec0000;
font-size: 1vw;
/* font-weight: bold; */ }
.mdpick-fw-utility-bag-18 .section-rolling .img-carousel .slick-arrow {
width: 60px;
height: 60px; }
.mdpick-fw-utility-bag-18 .section-rolling .img-carousel .slick-prev {
left: -50px; }
.mdpick-fw-utility-bag-18 .section-rolling .img-carousel .slick-next {
right: -50px; }
.mdpick-fw-utility-bag-18 .section-rolling .img-carousel .slick-disabled {
opacity: 0.5; }
.mdpick-fw-utility-bag-18 :focus {
outline: none !important; }
.mdpick-fw-seamless-18 {
background-color: #000;
font-size: 0;
text-align: center;
color: #fff; }
.mdpick-fw-seamless-18 p {
margin: 0; }
.mdpick-fw-seamless-18 .img {
width: 100%; }
.mdpick-fw-seamless-18 .section-1 {
position: relative; }
.mdpick-fw-seamless-18 .section-1 .title-box {
position: absolute;
width: 100%;
top: 10%; }
.mdpick-fw-seamless-18 .section-1 .title-box .title {
width: 27%;
margin-bottom: 3vw; }
.mdpick-fw-seamless-18 .section-1 .title-box .btn {
width: 22%; }
.mdpick-fw-seamless-18 .blue-bg {
width: 100%;
height: 44.5vw;
background-color: #244867; }
.mdpick-fw-seamless-18 .section-2 {
position: relative; }
.mdpick-fw-seamless-18 .section-2 .video-box {
position: absolute;
top: -60%;
width: 100%; }
.mdpick-fw-seamless-18 .section-2 .video-box .video {
width: 60%;
display: inline-block; }
.mdpick-fw-seamless-18 .section-2 .video-box .btn-watch {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 55%;
width: 13%; }
.mdpick-fw-seamless-18 .section-2 .two-items {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 30%;
width: 60%; }
.mdpick-fw-seamless-18 .section-2 .two-items .item {
position: relative;
width: 48%;
display: inline-block; }
.mdpick-fw-seamless-18 .section-2 .two-items .item .info-box {
position: absolute;
bottom: 0;
color: #000;
width: 100%;
margin-bottom: 2vw; }
.mdpick-fw-seamless-18 .section-2 .two-items .item .info-box .title {
font-size: 30px;
line-height: 1.5; }
.mdpick-fw-seamless-18 .section-2 .two-items .item .info-box .price {
font-size: 20px;
margin-top: 18px;
margin-bottom: 20px;
color: #a7a7a7; }
.mdpick-fw-seamless-18 .section-2 .two-items .item .info-box .shop-btn {
width: 18%; }
.mdpick-fw-seamless-18 .section-2 .two-items .item:first-child {
margin-right: 4%; }
.mdpick-fw-seamless-18 .section-content .content-title {
margin-top: 25vw;
margin-bottom: 10vw; }
.mdpick-fw-seamless-18 .section-content .content-title .title-img {
width: 30%; }
.mdpick-fw-seamless-18 .section-content .section-3 {
margin-bottom: 10vw; }
.mdpick-fw-seamless-18 .section-content .section-3:before {
content: '\3161';
font-size: 35px; }
.mdpick-fw-seamless-18 .section-content .section-3 .info-box {
margin-bottom: 3vw; }
.mdpick-fw-seamless-18 .section-content .section-3 .info-box .desc {
font-size: 25px; }
.mdpick-fw-seamless-18 .section-content .section-3 .two-img-box {
width: 60%;
margin: 0 auto; }
.mdpick-fw-seamless-18 .section-content .section-3 .two-img-box .item {
position: relative;
display: inline-block;
width: 50%; }
.mdpick-fw-seamless-18 .section-content .section-3 .img-box {
position: relative;
width: 60%;
margin: 0 auto; }
.mdpick-fw-seamless-18 .section-4 .title-img {
width: 30%;
margin-top: 6vw; }
.mdpick-fw-seamless-18 .section-4 .shop-btn {
width: 5%;
margin-top: 2vw; }
.mdpick-fw-seamless-18 .section-4 .img-content {
width: 70%;
margin: auto;
margin-top: 3vw; }
.mdpick-fw-seamless-18 .video-btn {
position: absolute;
bottom: 1vw;
right: 1vw;
width: 3vw;
cursor: pointer; }
.mdpick-fw-seamless-18.en .section-1 .title-box .btn {
width: 30%; }
.mdpick-fw-seamless-18.en .section-2 .two-items .item .info-box .title {
font-size: 24px;
line-height: 1.3; }
.mdpick-fw-seamless-18.en .section-content .section-3 .info-box .desc {
font-size: 24px; }
.mdpick-fw-seamless-18 .hidden-container {
overflow: hidden; }
.mdpick-fw-seamless-18 .hidden-container .hidden {
opacity: 0;
transform: translateY(100%); }
@keyframes show {
100% {
opacity: 1;
transform: translateY(0); } }
.mdpick-fw-higth-performance-18 {
background-color: #000;
font-size: 0;
text-align: left;
color: #fff; }
.mdpick-fw-higth-performance-18 p {
margin: 0; }
.mdpick-fw-higth-performance-18 .img {
width: 100%; }
.mdpick-fw-higth-performance-18 .section-1 {
position: relative; }
.mdpick-fw-higth-performance-18 .section-1 .title-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
padding-left: 10%;
box-sizing: border-box; }
.mdpick-fw-higth-performance-18 .section-1 .title-box .title {
width: 36%;
margin-bottom: 3vw; }
.mdpick-fw-higth-performance-18 .section-1 .title-box .btn-product {
width: 24%;
margin-bottom: 5vw; }
.mdpick-fw-higth-performance-18 .section-1 .title-box .btn-watch {
width: 14%; }
.mdpick-fw-higth-performance-18 .section-2 {
background-color: #244867; }
.mdpick-fw-higth-performance-18 .section-2 .desc-box {
padding: 8vw 0;
font-size: 30px;
text-align: center; }
.mdpick-fw-higth-performance-18 .section-content .section-3 {
position: relative; }
.mdpick-fw-higth-performance-18 .section-content .section-3 .info-box {
position: absolute;
transform: translate(-50%, 50%);
left: 50%;
bottom: 0;
width: 55%;
background-color: #000;
box-sizing: border-box;
padding: 2vw 4vw; }
.mdpick-fw-higth-performance-18 .section-content .section-3 .info-box .title {
font-size: 30px;
margin-bottom: 1.5vw; }
.mdpick-fw-higth-performance-18 .section-content .section-3 .info-box .desc {
font-size: 20px;
color: #bbbbbb; }
.mdpick-fw-higth-performance-18 .section-content .section-3 .info-box .price {
position: absolute;
top: 24%;
right: 6%;
font-size: 20px;
color: #6d6d6d; }
.mdpick-fw-higth-performance-18 .section-content .section-4 .two-img-box {
width: 70%;
margin: 12vw auto; }
.mdpick-fw-higth-performance-18 .section-content .section-4 .two-img-box .item {
position: relative;
display: inline-block;
width: 50%; }
.mdpick-fw-higth-performance-18 .section-content .section-4 .two-img-box .item .desc-box {
position: absolute;
left: 2vw;
bottom: 2vw; }
.mdpick-fw-higth-performance-18 .section-content .section-4 .two-img-box .item .desc-box .desc {
font-size: 25px; }
.mdpick-fw-higth-performance-18 .section-content .section-4 .two-img-box .item .desc-box .mb1 {
margin-bottom: 1vw; }
.mdpick-fw-higth-performance-18 .section-5 {
height: 44.5vw;
background-color: #244867;
text-align: center; }
.mdpick-fw-higth-performance-18 .section-5 .title-img {
width: 30%;
margin-top: 6vw; }
.mdpick-fw-higth-performance-18 .section-5 .shop-btn {
width: 5%;
margin-top: 2vw; }
.mdpick-fw-higth-performance-18 .section-5 .img-content {
width: 70%;
margin: auto;
margin-top: 3vw; }
.mdpick-fw-higth-performance-18.en .section-1 .title-box .btn-product {
width: 32%; }
.mdpick-fw-higth-performance-18.en .section-content .section-3 .info-box {
padding: 3vw 4vw; }
.mdpick-fw-higth-performance-18.en .section-content .section-4 .two-img-box .item .desc-box .desc {
font-size: 22px; }
.mdpick-fw-cycle-inner-18 {
font-size: 0;
text-align: center;
color: #fff;
background-color: #18100f; }
.mdpick-fw-cycle-inner-18 p {
margin: 0; }
.mdpick-fw-cycle-inner-18 .img {
width: 100%; }
.mdpick-fw-cycle-inner-18 .title {
font-size: 1.4vw; }
.mdpick-fw-cycle-inner-18 .desc {
font-size: 1.4vw; }
.mdpick-fw-cycle-inner-18 .section-1 {
position: relative; }
.mdpick-fw-cycle-inner-18 .section-1 .text-box {
position: absolute;
bottom: 0; }
.mdpick-fw-cycle-inner-18 .section-1 .text-box .title {
width: 80%;
margin-bottom: 1vw; }
.mdpick-fw-cycle-inner-18 .section-1 .text-box .desc {
font-size: 1.4vw;
margin-bottom: 5vw; }
.mdpick-fw-cycle-inner-18 .section-2 .inner {
width: 70%;
margin: 10vw auto; }
.mdpick-fw-cycle-inner-18 .section-2 .inner .item {
display: inline-block;
width: 47%; }
.mdpick-fw-cycle-inner-18 .section-2 .inner .item .title {
margin-top: 1vw;
font-size: 1.3vw; }
.mdpick-fw-cycle-inner-18 .section-2 .inner .item .price {
font-size: 1.5vw;
font-weight: bold;
margin-bottom: 1vw; }
.mdpick-fw-cycle-inner-18 .section-2 .inner .item .shop-btn {
display: inline-block;
font-size: 1.1vw;
color: #f2f67d;
width: 6vw;
line-height: 3vw;
border: 1px solid; }
.mdpick-fw-cycle-inner-18 .section-2 .inner .item:first-child {
margin-right: 6%; }
.mdpick-fw-cycle-inner-18 .section-3 {
box-sizing: border-box;
margin: 0 15%;
margin-top: -10vw; }
.mdpick-fw-cycle-inner-18 .section-3 .main {
margin-bottom: 7vw; }
.mdpick-fw-cycle-inner-18 .section-3 .main .title {
font-size: 2.5vw;
margin-bottom: 1.3vw;
display: inline-block;
position: relative; }
.mdpick-fw-cycle-inner-18 .section-3 .main .title:after {
content: '';
width: 100%;
position: absolute;
left: 0;
bottom: 1px;
border-width: 0 0 1px;
border-style: solid; }
.mdpick-fw-cycle-inner-18 .section-3 .main .text-box {
margin-top: 2vw;
margin-bottom: 2vw; }
.mdpick-fw-cycle-inner-18 .section-3 .main .sub-desc {
position: relative;
width: 85%;
margin: 0 auto; }
.mdpick-fw-cycle-inner-18 .section-3 .main .sub-desc .logo {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 20%; }
.mdpick-fw-cycle-inner-18 .section-3 .main .sub-desc .desc-box {
float: right;
width: 78%;
text-align: left; }
.mdpick-fw-cycle-inner-18 .section-3 .main .sub-desc .desc-box .desc {
font-size: 1vw; }
.mdpick-fw-cycle-inner-18 .section-3 .sub {
margin-bottom: 7vw; }
.mdpick-fw-cycle-inner-18 .section-3 .sub .desc-box {
margin-top: 3vw; }
.mdpick-fw-cycle-inner-18 .section-bottom {
position: relative; }
.mdpick-fw-cycle-inner-18 .section-bottom .click-area {
position: absolute;
top: 47%;
right: 14%;
width: 20vw;
height: 4vw; }
.mdpick-fw-cycle-inner-18 .section-bottom .text-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 14%; }
.mdpick-fw-cycle-inner-18 .section-bottom .text-box .title {
font-size: 2.1vw; }
.mdpick-fw-cycle-inner-18 .section-bottom .text-box .desc {
font-size: 2.17vw;
text-decoration: underline; }
.mdpick-fw-cycle-inner-18.en .section-3 .main .title {
font-weight: 800; }
.mdpick-fw-cycle-inner-18.en .section-3 .main .sub-desc {
width: 62%; }
.mdpick-fw-thindown-18 {
font-size: 0;
text-align: center;
color: #000;
background-color: #fff; }
.mdpick-fw-thindown-18 p {
margin: 0; }
.mdpick-fw-thindown-18 .img {
width: 100%; }
.mdpick-fw-thindown-18 .title, .mdpick-fw-thindown-18 .desc, .mdpick-fw-thindown-18 .price {
font-size: 1.3vw; }
.mdpick-fw-thindown-18 .section-1 {
position: relative;
min-height: 55vw; }
.mdpick-fw-thindown-18 .section-1 .title-img {
position: absolute;
top: 7vw;
left: 7vw;
width: 35%; }
.mdpick-fw-thindown-18 .section-2 {
padding: 10vw 0; }
.mdpick-fw-thindown-18 .section-2 .grid {
display: inline-block;
width: 50%; }
.mdpick-fw-thindown-18 .section-2 .sub-title-img {
width: 50%; }
.mdpick-fw-thindown-18 .section-2 .desc-box {
text-align: left; }
.mdpick-fw-thindown-18 .section-2 .desc-box .desc-img {
width: 68%;
margin-left: 3vw; }
.mdpick-fw-thindown-18 .contents-section .video-section {
position: relative;
overflow: hidden;
margin-bottom: 10vw; }
.mdpick-fw-thindown-18 .contents-section .video-section .black-overlay {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 57vw;
background-color: #000;
opacity: 0; }
.mdpick-fw-thindown-18 .contents-section .video-section .title-box {
position: absolute;
top: 11vw;
left: 7vw;
text-align: left;
width: 40%; }
.mdpick-fw-thindown-18 .contents-section .video-section .title-box .title-wrap {
margin-bottom: 4vw; }
.mdpick-fw-thindown-18 .contents-section .video-section .title-box .title-img {
width: 59%; }
.mdpick-fw-thindown-18 .contents-section .video-section .title-box .desc {
font-size: 1.5vw;
color: #fff; }
.mdpick-fw-thindown-18 .contents-section .product-section .info-box {
margin-bottom: 6vw; }
.mdpick-fw-thindown-18 .contents-section .product-section .info-box .title {
font-size: 2.5vw;
margin-top: 0;
margin-bottom: 1vw; }
.mdpick-fw-thindown-18 .contents-section .product-section .products {
margin-bottom: 10vw; }
.mdpick-fw-thindown-18 .contents-section .product-section .products .product {
display: inline-block;
width: 36%; }
.mdpick-fw-thindown-18 .contents-section .product-section .products .product:first-child {
margin-right: 7vw; }
.mdpick-fw-thindown-18 .contents-section .product-section .products .product .title {
margin-top: 1vw; }
.mdpick-fw-thindown-18 .contents-section .product-section .products .product .price {
margin-bottom: 1.3vw;
font-weight: bold; }
.mdpick-fw-thindown-18 .contents-section .product-section .products .product .shop-btn {
display: inline-block;
font-size: 1.5vw;
color: #ff0000;
width: 9vw;
line-height: 4vw;
border: 1px solid;
font-weight: bold; }
.mdpick-fw-thindown-18.en .contents-section .product-section .products .product .price {
margin-top: 0.5vw; }
.mdpick-fw-thindown-18.en .contents-section .product-section .products .product .shop-btn {
display: inline-block;
font-size: 1.2vw;
color: red;
width: 6vw;
line-height: 3vw;
border: 1px solid;
font-weight: 700; }
.mdpick-fw-thindown-18 .hidden-container {
overflow: hidden; }
.mdpick-fw-thindown-18 .hidden-container .hidden {
opacity: 0;
transform: translateY(100%); }
@keyframes show {
100% {
opacity: 1;
transform: translateY(0); } }
@keyframes showOpacity {
100% {
opacity: 0.4; } }
.mdpick-replica-2018 {
text-align: center;
color: #000;
background-color: #fff; }
.mdpick-replica-2018 p {
margin: 0; }
.mdpick-replica-2018 img {
width: 100%; }
.mdpick-replica-2018 .title, .mdpick-replica-2018 .desc, .mdpick-replica-2018 .price {
font-size: 1.5vw; }
.mdpick-replica-2018 .section-1 {
background-size: contain;
background-repeat: no-repeat; }
.mdpick-replica-2018 .section-1 .inner {
padding-top: 28vw; }
.mdpick-replica-2018 .section-1 .video-box {
position: relative;
cursor: pointer; }
.mdpick-replica-2018 .section-1 .video-box .video {
margin: 0 auto; }
.mdpick-replica-2018 .section-1 .video-box .video-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 18%; }
.mdpick-replica-2018 .section-1 .video-box .video-btn.hide {
display: none; }
.mdpick-replica-2018 .section-1 .text-box .title {
width: 50%;
margin-top: 5vw;
margin-bottom: 1vw; }
.mdpick-replica-2018 .section-1 .text-box .desc {
margin-bottom: 6vw; }
.mdpick-replica-2018 .section-2 {
background-size: contain;
background-repeat: no-repeat;
display: table;
width: 100%;
height: 128vw; }
.mdpick-replica-2018 .section-2 .text-box {
display: table-cell;
vertical-align: bottom; }
.mdpick-replica-2018 .section-2 .text-box .inner {
width: 75%;
margin: 0 auto; }
.mdpick-replica-2018 .section-2 .text-box .inner .title {
margin-bottom: 3vw; }
.mdpick-replica-2018 .section-4 .video {
margin: 0 auto; }
.mdpick-replica-2018 .section-5 .title {
width: 50%;
margin: 6vw; }
.mdpick-replica-2018 .section-5 .products {
width: 80%;
margin: auto; }
.mdpick-replica-2018 .section-5 .products .product {
width: 47%;
margin-bottom: 12vw; }
.mdpick-replica-2018 .section-5 .products .product:nth-child(2n-1) {
margin-right: 6%; }
.mdpick-component-product {
display: inline-block;
width: 100%; }
.mdpick-component-product .mdpick-component-img {
width: 100%; }
.mdpick-component-product .mdpick-component-color-grid {
margin-top: 1.5vw; }
.mdpick-component-product .mdpick-component-color-grid .mdpick-component-color-img {
width: 20%;
margin-right: 0.5vw; }
.mdpick-component-product .mdpick-component-color-grid .mdpick-component-color-img:last-child {
margin-right: 0; }
.mdpick-component-product .mdpick-component-title {
margin-top: 1vw;
margin-bottom: 0;
font-size: 1.3vw; }
.mdpick-component-product .mdpick-component-price {
margin-top: 0;
margin-bottom: 1.3vw;
font-weight: bold;
font-size: 1.3vw; }
.mdpick-component-product .mdpick-component-shop-btn {
display: inline-block;
font-size: 1.3vw;
color: #ff0000;
width: 7vw;
line-height: 4vw;
border: 1px solid;
font-weight: bold; }
.mdpick-pinnacle {
font-family: FFDINWebProBold, 'Noto Sans KR', sans-serif; }
.mdpick-pinnacle .pinnacle-contents {
/*main*/
/*메인페이지 텍스트 1번째줄*/
/*메인페이지 텍스트 2번째줄*/
/*메인페이지 텍스트 3번째줄*/
/*메인페이지 스크롤 다운 아이콘*/
/*메인페이지 로딩시 bg 이펙트*/
/*메인페이지 우측 파란박스 이펙트*/
/*메인페이지 텍스트 윗라인 이펙트*/
/*메인페이지 텍스트 아래라인 이펙트*/
/*sub*/
/*서브페이지 좌측 설명 영역*/
/*서브페이지 좌측 설명 영역*/
/*서브페이지 우측 이미지 슬라이드 영역*/
/*서브페이지 우측 이미지 슬라이드 영역*/
/*서브페이지 메인텍스트 영역*/
/*서브페이지 메인텍스트 영역*/
/*서브페이지 서브텍스트 영역*/
/*서브페이지 서브텍스트 영역*/
/*서브페이지 비디오 영역*/
/*서브페이지 비디오 영역*/
/*서브 하단 메뉴 로딩때 언더라인 이펙트*/
/*서브 하단 메뉴 로딩때 언더라인 이펙트*/
/*서브 하단 메뉴 로딩때 블라인드 이펙트*/
/*서브 하단 메뉴 로딩때 블라인드 이펙트*/
/*서브 하단 메뉴 active 이펙트*/
/*서브 하단 메뉴 active 이펙트*/
/*서브페이지 스크롤다운 아이콘*/
/*서브페이지 스크롤다운 아이콘*/
/*shop*/
/*shop 영역 bg이펙트*/
/*shop섹션 메인텍스트 이펙트*/
/*shop섹션 메인텍스트 이펙트*/
/*shop섹션 서브텍스트 이펙트*/
/*shop섹션 서브텍스트 이펙트*/
/*shop섹션 shop버튼 이펙트*/
/*shop섹션 shop버튼 이펙트*/ }
.mdpick-pinnacle .pinnacle-contents .main-page-link {
position: absolute;
top: 10px;
right: 10px;
z-index: 100; }
@-webkit-keyframes mainBox {
0% {
transform: translate(100%, 0); }
100% {
transform: translate(0, 0); } }
@keyframes mainBox {
0% {
transform: translate(100%, 0); }
100% {
transform: translate(0, 0); } }
@-webkit-keyframes mainText {
0% {
top: 100%; }
100% {
top: 0; } }
@keyframes mainText {
0% {
top: 100%; }
100% {
top: 0; } }
@-webkit-keyframes slideDown {
0% {
transform: translate(0, -100%); }
100% {
transform: translate(0, 0); } }
@keyframes slideDown {
0% {
transform: translate(0, -100%); }
100% {
transform: translate(0, 0); } }
@-webkit-keyframes slideUp {
0% {
transform: translate(0, 100%); }
100% {
transform: translate(0, 0); } }
@keyframes slideUp {
0% {
transform: translate(0, 100%); }
100% {
transform: translate(0, 0); } }
@-webkit-keyframes fadeBg {
0% {
opacity: 0;
filter: alpha(opacity=0); }
100% {
opacity: 1;
filter: alpha(opacity=100); } }
@keyframes fadeBg {
0% {
opacity: 0;
filter: alpha(opacity=0); }
100% {
opacity: 1;
filter: alpha(opacity=100); } }
@-webkit-keyframes wd100 {
0% {
width: 0; }
100% {
width: 100%; } }
@keyframes wd100 {
0% {
width: 0; }
100% {
width: 100%; } }
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0); }
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px); } }
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px); }
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px); } }
.mdpick-pinnacle .pinnacle-contents .pinnacle-wrap {
height: 100%;
width: 100%; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section {
height: 100%; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-main-sec {
background: url(//d319d1tzjwpwbb.cloudfront.net/mdpick/pinnacle/desktop/v1/images/main_sec_bg.jpg) top center no-repeat;
background-size: cover;
height: 100%;
position: relative;
overflow: hidden; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-main-box {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
background: rgba(0, 82, 145, 0.7);
transform: translate(100%, 0); }
.mdpick-pinnacle .pinnacle-contents .pinnacle-main-box .pinnacle-main-inner {
position: absolute;
width: 445px;
top: 50%;
left: 50%;
margin: -205px 0 0 -223px;
padding: 25px 0; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-main-box .pinnacle-main-inner .pinnacle-line-top {
display: block;
width: 100%;
height: 1px;
background: #fff;
position: absolute;
top: 0;
left: 0; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-main-box .pinnacle-main-inner .pinnacle-line-bottom {
display: block;
width: 100%;
height: 1px;
background: #fff;
position: absolute;
bottom: -5px;
right: 0; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-main-box .pinnacle-main-inner p {
font-size: 100px;
font-weight: 500;
color: #fff;
line-height: 110px;
padding: 5px 0;
overflow: hidden;
height: 110px;
position: relative; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-main-box .pinnacle-main-inner p.pinnacle-main-t1 {
letter-spacing: 0.77em; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-main-box .pinnacle-main-inner p.pinnacle-main-t2 {
letter-spacing: 0.15em; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-main-box .pinnacle-main-inner p.pinnacle-main-t3 {
letter-spacing: -0.04em; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-main-box .pinnacle-main-inner p span {
position: absolute;
top: 110px;
left: 0;
width: 100%;
display: block; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-main-box .pinnacle-main-inner p.pinnacle-main-t1 span {
-webkit-animation-name: mainText;
animation-name: mainText;
animation-delay: 3.5s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease-in-out; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-main-box .pinnacle-main-inner p.pinnacle-main-t2 span {
-webkit-animation-name: mainText;
animation-name: mainText;
animation-delay: 3.8s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease-in-out; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-main-box .pinnacle-main-inner p.pinnacle-main-t3 span {
-webkit-animation-name: mainText;
animation-name: mainText;
animation-delay: 4.0s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease-in-out; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-main-box .pinnacle-scroll-icon {
bottom: 25px;
left: 0;
width: 95px;
left: 50%;
margin-left: -47px;
position: absolute;
text-align: center;
opacity: 0;
filter: alpha(opacity=0);
transition: 500ms; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-main-box .pinnacle-scroll-icon {
-webkit-animation-name: fadeBg;
animation-name: fadeBg;
animation-delay: 4.8s;
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease-in-out; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-main-sec {
-webkit-animation-name: fadeBg;
animation-name: fadeBg;
animation-delay: 900ms;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease-in-out; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-main-sec .pinnacle-main-box {
-webkit-animation-name: mainBox;
animation-name: mainBox;
animation-delay: 1.8s;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease-in-out; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-main-box .pinnacle-main-inner .pinnacle-line-top {
-webkit-animation-name: wd100;
animation-name: wd100;
animation-delay: 3s;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease-in-out; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-main-box .pinnacle-main-inner .pinnacle-line-bottom {
-webkit-animation-name: wd100;
animation-name: wd100;
animation-delay: 3s;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease-in-out; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec {
height: 100%;
position: relative;
overflow: hidden;
background: #fff; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item {
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
filter: alpha(opacity=0); }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active {
z-index: 3;
opacity: 1;
filter: alpha(opacity=100); }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-left {
display: table-cell;
width: 50%;
background: #fff;
vertical-align: top;
position: relative;
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
transition: 600ms;
transition-delay: 500ms;
padding-top: 75px; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active .pinnacle-sub-left {
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
transition-timing-function: ease-in-out; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-right {
display: table-cell;
width: 50%;
vertical-align: middle;
position: relative;
overflow: hidden;
background: #000; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .bx-wrapper {
width: 100%;
height: 100%;
border: 0;
box-shadow: 0 0 0;
background: none;
margin-bottom: 0;
-moz-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
transition: 800ms;
transition-delay: 300ms;
transition-timing-function: ease-in-out; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active .pinnacle-sub-right .bx-wrapper {
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .bx-wrapper .plnnacle-sub-slide {
height: 100%; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .bx-wrapper .bx-viewport {
*zoom: 1;
height: 100% !important; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .bx-wrapper .pinnacle-slide-item {
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .bx-wrapper .bx-controls-direction {
position: absolute;
right: 0;
top: 50%;
width: 78px;
height: 160px;
margin-top: -80px; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .bx-wrapper .bx-controls-direction a {
position: relative;
left: 0;
right: 0;
display: block;
margin-top: 0;
top: auto;
width: 78px;
height: 80px;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
-moz-transition: 300ms;
-ms-transition: 300ms;
-webkit-transition: 300ms;
transition: 300ms;
font-size: 0; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .bx-wrapper .bx-controls-direction a:hover {
background-color: #000; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .bx-wrapper .bx-controls-direction .bx-prev {
background-image: url("//d319d1tzjwpwbb.cloudfront.net/mdpick/pinnacle/desktop/v1/images/slide_up.png"); }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .bx-wrapper .bx-controls-direction .bx-next {
background-image: url("//d319d1tzjwpwbb.cloudfront.net/mdpick/pinnacle/desktop/v1/images/slide_down.png"); }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .bx-wrapper .bx-controls-direction .bx-prev:hover {
background-image: url("//d319d1tzjwpwbb.cloudfront.net/mdpick/pinnacle/desktop/v1/images/slide_up_on.png"); }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .bx-wrapper .bx-controls-direction .bx-next:hover {
background-image: url("//d319d1tzjwpwbb.cloudfront.net/mdpick/pinnacle/desktop/v1/images/slide_down_on.png"); }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-swiper-pagination {
position: absolute;
left: 0;
top: 50%;
width: 40px !important;
height: 240px !important;
margin-top: -130px;
z-index: 5; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-swiper-pagination span {
background: none;
display: block;
cursor: pointer;
width: 40px;
height: auto;
margin: 50px 0 0 !important;
position: relative;
font-size: 14px;
text-align: right;
color: #969696;
opacity: 1;
font-size: 14px; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-swiper-pagination span:first-child {
margin-top: 0 !important; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-swiper-pagination span.pinnacle-num-active {
font-weight: bold;
color: #000; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-swiper-pagination span:before {
content: "";
display: block;
position: absolute;
left: 0;
width: 0;
height: 2px;
background: #000;
top: 50%;
-moz-transition: 300ms;
-ms-transition: 300ms;
-webkit-transition: 300ms;
transition: 300ms; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-swiper-pagination span.pinnacle-num-active:before {
width: 15px; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-text {
width: 760px;
margin: 0 auto;
overflow: hidden; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-text dt {
margin-bottom: 20px; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-text dt p {
font-size: 55px;
line-height: 60px;
font-weight: 500;
color: #000000;
display: block;
text-transform: uppercase;
position: relative; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-text dt p span {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: #fff;
-moz-transition: 2.7s;
-ms-transition: 2.7s;
-webkit-transition: 2.7s;
transition: 2.7s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active .pinnacle-sub-text dt span {
width: 0; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active:nth-child(1) .pinnacle-sub-text dt p:nth-child(1) span {
transition-delay: 0.5s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active:nth-child(1) .pinnacle-sub-text dt p:nth-child(2) span {
transition-delay: 1s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active:nth-child(1) .pinnacle-sub-text dt p:nth-child(3) span {
transition-delay: 1.6s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active:nth-child(2) .pinnacle-sub-text dt p:nth-child(1) span {
transition-delay: 0.5s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active:nth-child(2) .pinnacle-sub-text dt p:nth-child(2) span {
transition-delay: 1s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active:nth-child(3) .pinnacle-sub-text dt p:nth-child(1) span {
transition-delay: 0.5s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active:nth-child(3) .pinnacle-sub-text dt p:nth-child(2) span {
transition-delay: 1.5s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active:nth-child(4) .pinnacle-sub-text dt p:nth-child(1) span {
transition-delay: 0.5s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active:nth-child(4) .pinnacle-sub-text dt p:nth-child(2) span {
transition-delay: 1.8s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-text dd {
font-size: 20px;
line-height: 28px;
color: #000;
transform: translate(-100%, 0);
transition: 1.4s;
transition-timing-function: ease-in-out; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-text dd li {
margin-top: 50px; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-text dd li .pinnacle-sub3-stt {
font-weight: bold;
font-size: 24px;
margin-bottom: 10px; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active .pinnacle-sub-text dd {
transform: translate(0, 0); }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active:nth-child(1) .pinnacle-sub-text dd {
transition-delay: 1s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active:nth-child(2) .pinnacle-sub-text dd {
transition-delay: 1s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active:nth-child(3) .pinnacle-sub-text dd {
transition-delay: 1s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active:nth-child(4) .pinnacle-sub-text dd {
transition-delay: 1s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-video {
width: 760px;
/*height:428px;*/
margin: 55px auto 0;
overflow: hidden; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-video video {
/*width:760px; height:428px;*/
transform: translate(-110%, 0);
transition: 1.4s;
transition-timing-function: ease-out;
opacity: 0;
filter: alpha(opacity=0); }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active .pinnacle-sub-video video {
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100); }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active:nth-child(1) .pinnacle-sub-video video {
transition-delay: 1s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active:nth-child(2) .pinnacle-sub-video video {
transition-delay: 1s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active:nth-child(4) .pinnacle-sub-video video {
transition-delay: 1s; }
@media (max-width: 1700px) {
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-text {
width: 560px; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-video {
width: 560px; } }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-swiper-nav {
width: 50%;
bottom: 50px;
left: 0;
position: absolute;
z-index: 6;
overflow: hidden; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-swiper-nav ul {
display: table;
width: 760px;
margin: 0 auto;
transition-timing-function: ease-in-out;
position: relative; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-swiper-nav ul:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
background: #c4c4c4;
-moz-transition: 1.2s;
-ms-transition: 1.2s;
-webkit-transition: 1.2s;
transition: 1.2s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-swiper-nav ul:after {
width: 100%;
transition-delay: 1.2s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-swiper-nav ul li {
display: table-cell;
width: 25%;
position: relative;
cursor: pointer;
font-size: 16px;
line-height: 24px;
color: #969696;
padding-bottom: 15px; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-swiper-nav ul li .pinnacle-overlay {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 62px;
background: #fff;
z-index: 3;
-moz-transition: 1s;
-ms-transition: 1s;
-webkit-transition: 1s;
transition: 1s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-swiper-nav ul li .pinnacle-overlay {
width: 0;
transition-timing-function: ease-in-out;
transition-delay: 1.5s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-swiper-nav ul li.pinnacle-nav-active {
color: #000;
font-weight: 500;
-moz-transition: 800ms;
-ms-transition: 800ms;
-webkit-transition: 800ms;
transition: 800ms;
transition-delay: 500ms; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-swiper-nav ul li:after {
content: "";
display: block;
width: 0;
height: 2px;
background: #000;
position: absolute;
bottom: 1px;
left: 0;
z-index: 2; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-swiper-nav ul li.pinnacle-nav-active:after {
width: 100%;
-moz-transition: 800ms;
-ms-transition: 800ms;
-webkit-transition: 800ms;
transition: 800ms;
transition-timing-function: ease-in-out; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-swiper-nav ul li.pinnacle-nav-active:after {
transition-timing-function: ease-in-out;
transition-delay: 500ms; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-scroll-icon {
bottom: 25px;
left: 0;
width: 95px;
left: 50%;
margin-left: -47px;
position: absolute;
text-align: center;
opacity: 0;
filter: alpha(opacity=0);
transition: 500ms; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item.pinnacle-active .pinnacle-scroll-icon {
-webkit-animation-name: fadeBg;
animation-name: fadeBg;
animation-delay: 7s;
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease-in-out; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-shop-sec {
background: url(//d319d1tzjwpwbb.cloudfront.net/mdpick/pinnacle/desktop/v1/images/shop_sec_bg.jpg) top center no-repeat;
background-size: cover;
height: 100%;
position: relative; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-shop-sec {
-webkit-animation-name: fadeBg;
animation-name: fadeBg;
animation-delay: 900ms;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease-in-out; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-shop-sec .pinnacle-shop-info {
position: absolute;
top: 33%;
left: 5%;
/*margin:-230px 0 0 -760px;*/
width: 500px; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-shop-sec .pinnacle-shop-disc dt {
font-size: 55px;
font-weight: 500;
color: #fff;
line-height: 60px; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-shop-sec .pinnacle-shop-disc dt p {
height: 60px;
overflow: hidden;
position: relative; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-shop-sec .pinnacle-shop-disc dt p span {
top: 60px;
display: block;
position: absolute;
left: 0;
width: 100%; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-shop-sec .pinnacle-shop-info p:nth-child(1) span {
-webkit-animation-name: mainText;
animation-name: mainText;
animation-delay: 2s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease-in-out; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-shop-sec .pinnacle-shop-info p:nth-child(2) span {
-webkit-animation-name: mainText;
animation-name: mainText;
animation-delay: 2.4s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease-in-out; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-shop-sec .pinnacle-shop-disc dd {
font-size: 20px;
color: #fff;
line-height: 28px;
margin-top: 20px;
overflow: hidden;
height: 83px;
position: relative; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-shop-sec .pinnacle-shop-info dd span {
display: block;
position: absolute;
top: 83px;
left: 0;
width: 100%;
-webkit-animation-name: mainText;
animation-name: mainText;
animation-delay: 3s;
-webkit-animation-duration: 700ms;
animation-duration: 700ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease-in-out; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-shop-sec .pinnacle-btn-shop {
display: block;
opacity: 0;
filter: alpha(opacity=0);
width: 147px;
height: 64px;
background: #fff;
line-height: 64px;
text-align: center;
font-size: 24px;
font-weight: 500;
color: #000;
margin: 60px 0 0;
-moz-transition: 500ms;
-ms-transition: 500ms;
-webkit-transition: 500ms;
transition: 500ms;
transition-timing-function: ease-in-out; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-shop-sec .pinnacle-btn-shop {
opacity: 1;
filter: alpha(opacity=100);
transition-delay: 3.5s; }
.mdpick-pinnacle .pinnacle-contents .pinnacle-shop-sec .pinnacle-btn-shop:hover {
background: #333;
color: #fff; }
.mdpick-repl .area1 {
width: 100%;
position: relative;
margin-top: -10px; }
.mdpick-repl .area1 .back {
width: 100%; }
.mdpick-repl .area1 .text {
position: absolute;
left: 50%;
top: 17%;
width: 50%;
transform: translate(-50%); }
.mdpick-repl .area1 .btn-box {
position: absolute;
left: 50%;
top: 60%;
transform: translate(-50%); }
.mdpick-repl .area1 .btn-box button {
width: 180px;
height: 60px;
font-family: NotoSansCJKkr;
font-size: 20px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
text-align: center;
color: #080808;
border-radius: 48px;
margin: 20px;
background: #fff; }
.mdpick-bag {
width: 100%; }
.mdpick-bag button {
border: 0; }
.mdpick-bag img {
width: 100%; }
.mdpick-bag .top {
width: 100%; }
.mdpick-bag .seconds {
width: 100%;
margin-top: 175px; }
.mdpick-bag .agail {
display: block;
margin-top: 50px; }
.mdpick-bag .agail .left {
width: 49%;
display: inline-block;
margin-right: 2%;
position: relative; }
.mdpick-bag .agail .left span {
position: absolute;
bottom: 30px;
left: 30px;
font-size: 20px; }
.mdpick-bag .agail .right {
display: inline-block;
vertical-align: top;
width: 49%; }
.mdpick-bag .agail .right .top, .mdpick-bag .agail .right .bottom {
position: relative; }
.mdpick-bag .agail .right .top span, .mdpick-bag .agail .right .bottom span {
position: absolute;
bottom: 30px;
left: 30px;
font-size: 20px; }
.mdpick-bag .agail .right .bottom {
margin-top: 17px;
color: #fff; }
.mdpick-bag .agail .right .bottom .left, .mdpick-bag .agail .right .bottom .right {
display: inline-block;
width: 49%;
position: relative; }
.mdpick-bag .agail .right .bottom .left {
margin-right: 2%; }
.mdpick-bag .bag {
background: #eeeeee;
margin-top: 300px;
display: flex;
padding-bottom: 50px; }
.mdpick-bag .bag .pic {
margin-top: -200px;
width: 40%;
display: inline-block;
margin-left: 160px; }
.mdpick-bag .bag .text {
display: inline-block;
width: 50%;
position: relative; }
.mdpick-bag .bag .text img {
width: 375px; }
.mdpick-bag .bag .text .ab {
position: absolute;
left: 10%;
top: 20%; }
.mdpick-bag .bag .text .ab .tag {
display: block;
margin-top: 20px;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #000000; }
.mdpick-bag .bag .text .ab p {
font-size: 20px; }
.mdpick-bag .bag .text .ab .price {
display: block;
margin-top: 30px; }
.mdpick-bag .bag .text .ab .price span {
display: inline-block;
font-size: 22px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #000000; }
.mdpick-bag .bag .text .ab .price .title {
font-weight: normal;
font-size: 20px;
margin-right: 40px; }
.mdpick-bag .bag .text .ab .price button {
width: 120px;
margin-left: 30px;
height: 60px;
background: #080808;
color: #fff;
font-size: 20px;
font-weight: 700;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
display: inline-block; }
.mdpick-bag .bag2 {
padding-bottom: 50px; }
.mdpick-bag .bag2 .pic {
margin-top: -100px;
width: 50%;
display: inline-block;
margin-left: 100px; }
.mdpick-bag .grey {
background: #eeeeee;
margin-top: 300px; }
.mdpick-bag .grey .contents {
width: 1200px;
margin: 0 auto;
padding-bottom: 140px; }
.mdpick-bag .grey .contents .card {
display: inline-block;
width: 400px;
text-align: center;
margin-top: -140px; }
.mdpick-bag .grey .contents .card img, .mdpick-bag .grey .contents .card span {
display: block; }
.mdpick-bag .grey .contents .card span {
font-size: 18px;
margin: 10px 0; }
.mdpick-bag .grey .contents .card button {
width: 120px;
color: #fff;
background: #080808;
font-size: 18px;
height: 53px; }
.mdpick-bag .product-box {
width: 1470px;
margin: 130px auto;
text-align: center; }
.mdpick-bag .product-box .title-img {
width: 520px;
margin-bottom: 40px; }
.mdpick-bag .product-box .rows {
margin-top: 50px; }
.mdpick-bag .product-box span {
display: block; }
.mdpick-bag .product-box .card {
width: 470px;
display: inline-block;
text-align: center;
cursor: pointer; }
.mdpick-bag .product-box .card .title {
font-size: 20px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #000000;
margin-top: 20px;
margin-bottom: 5px; }
.mdpick-bag .product-box .card .price {
font-size: 20px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #000000; }
.mdpick-bag .product-box .card:nth-child(2) {
margin: 0 30px; }
.mdpick-bag .spyder-carousel.indicator-wide-bottom_75 .owl-pagination {
display: none; }
.mdpick-bag .spyder-carousel .owl-controls .owl-buttons .owl-next {
right: -150px; }
.mdpick-bag .spyder-carousel .owl-controls .owl-buttons .owl-prev {
left: -150px; }
.mdpick-bag .product-album {
width: 945px;
margin: 170px auto; }
.mdpick-19-ss {
width: 100%;
box-sizing: border-box; }
.mdpick-19-ss p {
margin: 0; }
.mdpick-19-ss img {
width: 100%; }
.mdpick-19-ss .top-video-section {
min-height: 55vw;
background-image: url(//d319d1tzjwpwbb.cloudfront.net/common/loading-2.svg); }
.mdpick-19-ss .title-section {
text-align: center;
padding: 6vw; }
.mdpick-19-ss .title-section .title {
font-family: 'DINNextLTProBold';
font-size: 4.5vw;
margin: 1vw; }
.mdpick-19-ss .title-section .desc {
font-size: 1.6vw; }
.mdpick-19-ss .white {
background-color: #fff;
padding: 0 10%; }
.mdpick-19-ss .white .product-name a {
color: #000; }
.mdpick-19-ss .black {
background-color: #000;
padding: 0 10%; }
.mdpick-19-ss .black .product-name a {
color: #fff; }
.mdpick-19-ss .img-section {
padding-top: 10%; }
.mdpick-19-ss .img-section.a-type {
padding-bottom: 5%; }
.mdpick-19-ss .img-section.a-type .item1 {
width: 53%; }
.mdpick-19-ss .img-section.a-type .item2 {
width: 40%;
float: right;
margin-top: -8%; }
.mdpick-19-ss .img-section.a-type .item3 {
width: 48%;
float: right;
margin-top: -22%;
margin-right: 15%; }
.mdpick-19-ss .img-section.b-type .center {
text-align: center; }
.mdpick-19-ss .img-section.b-type .item1 {
width: 80%; }
.mdpick-19-ss .img-section.b-type .ss-box {
text-align: right;
margin-top: 13vw; }
.mdpick-19-ss .img-section.b-type .ss-box .item2 {
width: 60%; }
.mdpick-19-ss .img-section.b-type .ss-box .item3 {
width: 48%;
float: left;
margin-top: -49%; }
.mdpick-19-ss .img-section.c-type {
padding-bottom: 20%;
text-align: right; }
.mdpick-19-ss .img-section.c-type .item1 {
width: 40%;
float: left;
margin-top: 6vw; }
.mdpick-19-ss .img-section.c-type .item2 {
width: 53%; }
.mdpick-19-ss .img-section.c-type .item3 {
width: 46%;
float: left;
margin-top: -6%;
margin-left: 22vw; }
.mdpick-19-ss .img-section.d-type .item1 {
width: 80%; }
.mdpick-19-ss .img-section.d-type .item2 {
width: 46%;
float: right;
margin-top: -32vw; }
.mdpick-19-ss .rolling-section {
padding: 8vw 0; }
.mdpick-19-ss .rolling-section .inner {
width: 63%;
margin: auto; }
.mdpick-19-ss .rolling-section .inner .spyder-carousel .owl-controls .owl-buttons .owl-prev {
left: -35%; }
.mdpick-19-ss .rolling-section .inner .spyder-carousel .owl-controls .owl-buttons .owl-next {
right: -35%; }
.mdpick-19-ss .rolling-section .inner .owl-pagination {
display: none; }
.mdpick-19-ss .rolling-section .inner .product-name {
font-size: 1.0vw; }
.mdpick-19-ss .rolling-section .name-box {
margin-top: 1%; }
.mdpick-19-ss-running {
width: 100%;
box-sizing: border-box;
text-align: center;
font-size: 0; }
.mdpick-19-ss-running * {
font-family: 'Noto Sans KR', sans-serif; }
.mdpick-19-ss-running p {
margin: 0; }
.mdpick-19-ss-running img {
width: 100%; }
.mdpick-19-ss-running .margin {
margin: 0 10%; }
.mdpick-19-ss-running .section-title {
padding-top: 10.4%;
padding-bottom: 5.2%; }
.mdpick-19-ss-running .section-title .title {
font-family: 'DINNextLTProBold', sans-serif;
font-weight: bold;
font-size: 4.5vw;
margin: 0; }
.mdpick-19-ss-running .section-title .desc {
font-size: 1.6vw;
margin-top: -0.5vw; }
.mdpick-19-ss-running .section-product {
padding-top: 5.2%; }
.mdpick-19-ss-running .section-product .img-box-top .img1 {
width: 52%; }
.mdpick-19-ss-running .section-product .img-box-top .img2 {
width: 39%; }
.mdpick-19-ss-running .section-product .img-box-bottom {
padding-top: 5.2%;
position: relative; }
.mdpick-19-ss-running .section-product .img-box-bottom .inner-box {
width: 37.5%;
position: absolute;
top: 55%;
transform: translateY(-50%); }
.mdpick-19-ss-running .section-product .img-box-bottom .inner-box .title {
margin-top: 6.9%;
margin-bottom: 2.5%;
font-weight: bold;
font-size: 2vw; }
.mdpick-19-ss-running .section-product .img-box-bottom .inner-box .desc {
font-size: 1.2vw; }
.mdpick-19-ss-running .section-product .img-box-bottom .inner-box .table {
margin-top: 1.5vw; }
.mdpick-19-ss-running .section-product .img-box-bottom .inner-box .table .price {
display: inline-block;
font-weight: bold;
font-size: 1.8vw;
margin-right: 1.5vw; }
.mdpick-19-ss-running .section-product .img-box-bottom .inner-box .table .shop-btn {
display: inline-block;
width: 18%;
padding: 0.5vw 0;
font-size: 1.5vw;
border: 1px solid #ee1d25;
color: #ee1d25;
font-weight: bold; }
.mdpick-19-ss-running .section-product.blue .img1 {
float: left; }
.mdpick-19-ss-running .section-product.blue .img2 {
float: right;
margin-top: 15.5vw; }
.mdpick-19-ss-running .section-product.blue .inner-box {
left: 10%; }
.mdpick-19-ss-running .section-product.yellow .img1 {
float: right; }
.mdpick-19-ss-running .section-product.yellow .img2 {
float: left;
margin-top: 15.5vw; }
.mdpick-19-ss-running .section-product.yellow .inner-box {
right: 10%; }
.mdpick-19-ss-wrestling {
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 1000;
color: #fff;
font-size: 0; }
.mdpick-19-ss-wrestling * {
font-family: 'Noto Sans KR', sans-serif; }
.mdpick-19-ss-wrestling .title {
font-family: 'DINNextLTProBold', sans-serif; }
.mdpick-19-ss-wrestling h1, .mdpick-19-ss-wrestling h2 {
margin: 0; }
.mdpick-19-ss-wrestling img {
width: 100%; }
.mdpick-19-ss-wrestling .close-button-img {
cursor: pointer;
position: absolute;
right: 15px;
top: 15px;
z-index: 10;
bottom: 30px;
width: 30px; }
.mdpick-19-ss-wrestling .scroll-img {
cursor: pointer;
position: absolute;
left: 50%;
bottom: 10px;
transform: translateX(-50%);
width: 150px;
z-index: 10; }
.mdpick-19-ss-wrestling .wrap {
position: relative;
width: 100%;
height: 100%;
background-size: cover;
background-position: center; }
.mdpick-19-ss-wrestling .show {
transition: opacity 1s;
transition-delay: .5s;
opacity: 1; }
.mdpick-19-ss-wrestling .show.hide {
opacity: 0; }
.mdpick-19-ss-wrestling .section-1 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/mdpick/19ss_wrestling/web/1/1_bg.jpg); }
.mdpick-19-ss-wrestling .section-1 .video-box {
width: 31vw;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10%;
text-align: center; }
.mdpick-19-ss-wrestling .section-1 .video-box .title {
font-size: 3.4vw; }
.mdpick-19-ss-wrestling .section-1 .video-box .desc {
font-size: 0.9vw;
line-height: 1.3vw;
font-weight: 300; }
.mdpick-19-ss-wrestling .section-1 .video-box .video-thumbnail {
position: absolute;
bottom: 0;
left: 0; }
.mdpick-19-ss-wrestling .section-1 .video-box .video-thumbnail .btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 35%; }
.mdpick-19-ss-wrestling .section-2 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/mdpick/19ss_wrestling/v3/2_bg.jpg); }
.mdpick-19-ss-wrestling .section-2 .inner {
width: 89%;
margin-left: 8.5%;
position: absolute;
top: 50%;
transform: translateY(-50%); }
.mdpick-19-ss-wrestling .section-2 .inner .img-box {
float: right;
width: 23.5%;
height: 100%; }
.mdpick-19-ss-wrestling .section-2 .inner .img-box .img2 {
margin-top: 7%; }
.mdpick-19-ss-wrestling .section-2 .inner .product-info {
position: absolute;
bottom: 0; }
.mdpick-19-ss-wrestling .section-2 .inner .product-info .title {
font-size: 1.3vw; }
.mdpick-19-ss-wrestling .section-2 .inner .product-info .price {
font-size: 0.9vw;
font-weight: 300;
color: #bbb; }
.mdpick-19-ss-wrestling .section-3 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/mdpick/19ss_wrestling/web/3/3_bg.jpg);
color: #080808; }
.mdpick-19-ss-wrestling .section-3 .inner {
width: 85%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.mdpick-19-ss-wrestling .section-3 .inner .inner-box {
width: 31.2%;
margin-top: 1.5vw; }
.mdpick-19-ss-wrestling .section-3 .inner .img1 {
float: left; }
.mdpick-19-ss-wrestling .section-3 .inner .img2 {
float: right; }
.mdpick-19-ss-wrestling .section-3 .inner .title {
font-size: 2.6vw;
line-height: 1; }
.mdpick-19-ss-wrestling .section-3 .inner .desc {
font-size: 0.9vw;
font-weight: 300; }
.mdpick-19-ss-wrestling .section-4 {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/mdpick/19ss_wrestling/v3/4_bg.jpg); }
.mdpick-19-ss-wrestling .section-4 .inner {
width: 85%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.mdpick-19-ss-wrestling .section-4 .inner .inner-box .img-box {
width: 31.2%;
float: right; }
.mdpick-19-ss-wrestling .section-4 .inner .title {
font-size: 2.5vw; }
.mdpick-19-ss-wrestling .section-4 .inner .desc {
position: absolute;
bottom: 0;
font-size: 0.9vw;
font-weight: 300;
color: #bbb;
margin: 2.2vw 0; }
.mdpick-19-ss-wrestling .section-4 .inner .sub-desc {
font-size: 0.9vw;
color: #bbb;
font-weight: 300; }
.mdpick-19-ss-hybrid-running {
width: 100%;
box-sizing: border-box;
text-align: center;
font-size: 0; }
.mdpick-19-ss-hybrid-running * {
font-family: 'Noto Sans KR', sans-serif; }
.mdpick-19-ss-hybrid-running p, .mdpick-19-ss-hybrid-running h1, .mdpick-19-ss-hybrid-running h2, .mdpick-19-ss-hybrid-running h3, .mdpick-19-ss-hybrid-running h4 {
margin: 0; }
.mdpick-19-ss-hybrid-running img {
width: 100%; }
.mdpick-19-ss-hybrid-running .title {
font-family: 'DINNextLTProBold', sans-serif; }
.mdpick-19-ss-hybrid-running .main-section {
position: relative; }
.mdpick-19-ss-hybrid-running .main-section .title {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10%;
font-size: 5vw;
text-align: left;
color: #fff; }
.mdpick-19-ss-hybrid-running .sub-title-section {
margin: 10% 0; }
.mdpick-19-ss-hybrid-running .sub-title-section .title {
font-size: 4.2vw; }
.mdpick-19-ss-hybrid-running .sub-title-section .desc {
font-size: 1.5vw; }
.mdpick-19-ss-hybrid-running .product-section .product-banner {
position: relative; }
.mdpick-19-ss-hybrid-running .product-section .product-banner .text-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10%;
color: #fff; }
.mdpick-19-ss-hybrid-running .product-section .product-banner .text-box .title {
font-size: 3.3vw;
font-family: 'Noto Sans KR', sans-serif;
line-height: 1.2;
margin-top: 2em; }
.mdpick-19-ss-hybrid-running .product-section .product-banner .text-box .desc {
margin-top: 1.3vw;
font-size: 1.2vw; }
.mdpick-19-ss-hybrid-running .product-section .inner {
margin: 0 10%;
margin-top: 5%; }
.mdpick-19-ss-hybrid-running .product-section .inner .product-grid .item {
width: 45%;
display: inline-block;
vertical-align: top; }
.mdpick-19-ss-hybrid-running .product-section .inner .product-grid .item .desc {
margin-top: 1.2vw;
font-size: 1.3vw;
line-height: 1.4; }
.mdpick-19-ss-hybrid-running .product-section .inner .product-grid .item.mg {
margin-right: 10%; }
.mdpick-19-ss-hybrid-running .product-section .inner .product-shop {
position: relative;
text-align: left;
margin-top: 10%;
margin-bottom: 8%;
margin-left: 3%; }
.mdpick-19-ss-hybrid-running .product-section .inner .product-shop .img {
width: 50%; }
.mdpick-19-ss-hybrid-running .product-section .inner .product-shop .text-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
top: 45%;
right: 4%;
width: 40%; }
.mdpick-19-ss-hybrid-running .product-section .inner .product-shop .text-box .product-info {
text-align: center;
margin-top: -8vw; }
.mdpick-19-ss-hybrid-running .product-section .inner .product-shop .text-box .product-info .name {
font-size: 1.6vw;
margin-bottom: 1.5vw; }
.mdpick-19-ss-hybrid-running .product-section .inner .product-shop .text-box .product-info .price {
font-size: 1.4vw;
margin-right: 1.5vw;
font-weight: normal; }
.mdpick-19-ss-hybrid-running .product-section .inner .product-shop .text-box .product-info .shop-btn {
display: inline-block;
font-size: 1.4vw;
color: #ff0000;
padding: 0.5vw 1.5vw;
border: 1px solid;
font-weight: bold; }
.mdpick-19-ss-hybrid-running .product-section .inner .product-shop .text-box .product-info.mg {
margin-top: 4vw; }
.mdpick-19-ss-utilitybag {
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 1000;
color: #000;
font-size: 0;
box-sizing: border-box;
background-color: #fff; }
.mdpick-19-ss-utilitybag * {
font-family: 'Noto Sans KR', sans-serif; }
.mdpick-19-ss-utilitybag .title {
font-family: 'DINNextLTProBold', sans-serif; }
.mdpick-19-ss-utilitybag p, .mdpick-19-ss-utilitybag h1, .mdpick-19-ss-utilitybag h2, .mdpick-19-ss-utilitybag h3, .mdpick-19-ss-utilitybag h4 {
margin: 0; }
.mdpick-19-ss-utilitybag img {
width: 100%; }
.mdpick-19-ss-utilitybag a {
color: #000; }
.mdpick-19-ss-utilitybag .close-button-img {
cursor: pointer;
position: absolute;
right: 15px;
top: 15px;
z-index: 10;
bottom: 30px;
width: 30px; }
.mdpick-19-ss-utilitybag .scroll-img {
cursor: pointer;
position: absolute;
left: 50%;
bottom: 10px;
transform: translateX(-50%);
width: 150px;
z-index: 10; }
.mdpick-19-ss-utilitybag .wrap {
position: relative;
width: 100%;
height: 100%;
background-size: cover;
background-position: center; }
.mdpick-19-ss-utilitybag .show {
transition: opacity 1s;
transition-delay: .5s;
opacity: 1; }
.mdpick-19-ss-utilitybag .show.hide {
opacity: 0; }
.mdpick-19-ss-utilitybag .section-1 {
background-position: right; }
.mdpick-19-ss-utilitybag .section-1 .text-box {
position: absolute;
top: 6%;
left: 4%; }
.mdpick-19-ss-utilitybag .section-1 .text-box .title {
font-size: 2.8vw;
line-height: 1; }
.mdpick-19-ss-utilitybag .section-1 .text-box .category-link {
margin-top: 4%;
width: 45%;
margin-left: -3%; }
.mdpick-19-ss-utilitybag .section-1 .inner {
position: absolute;
bottom: 4%;
left: 4%; }
.mdpick-19-ss-utilitybag .section-1 .inner .product-list {
width: 65vw; }
.mdpick-19-ss-utilitybag .section-1 .inner .product-list .item {
display: inline-block;
width: 23%;
margin-right: 2%;
margin-bottom: 2%;
overflow: hidden;
position: relative; }
.mdpick-19-ss-utilitybag .section-1 .inner .product-list .item .dim {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 8%;
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
display: none; }
.mdpick-19-ss-utilitybag .section-1 .inner .product-list .item .dim .title {
font-size: 0.8vw;
line-height: 1.1; }
.mdpick-19-ss-utilitybag .section-1 .inner .product-list .item .dim .price {
font-size: 0.65vw;
margin-top: 0.2vw; }
.mdpick-19-ss-utilitybag .section-1 .inner .product-list .item .dim .more {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
width: 35%; }
.mdpick-19-ss-utilitybag .section-1 .inner .product-list .item:hover .dim {
display: inline-block; }
.mdpick-19-ss-utilitybag .product-section .full {
width: 100vw;
height: 100vh;
background-size: cover;
background-position: center; }
.mdpick-19-ss-utilitybag .product-section .btn {
width: 70px;
cursor: pointer; }
.mdpick-19-ss-utilitybag .product-section .p1-1 .inner {
display: inline-block;
position: absolute;
top: 50%;
transform: translateY(-50%);
top: 45%;
left: 56%; }
.mdpick-19-ss-utilitybag .product-section .p1-1 .inner .title {
font-size: 43px;
line-height: 43px; }
.mdpick-19-ss-utilitybag .product-section .p1-1 .inner .price {
font-size: 20px;
margin-top: 0.8vw;
font-weight: 300;
color: #676767; }
.mdpick-19-ss-utilitybag .product-section .p1-1 .inner .video-box {
position: relative;
width: 32vw;
margin-top: 2vw; }
.mdpick-19-ss-utilitybag .product-section .p1-1 .inner .video-box .poster {
position: absolute;
top: 0;
left: 0; }
.mdpick-19-ss-utilitybag .product-section .p1-1 .inner .video-box .poster .play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 43%; }
.mdpick-19-ss-utilitybag .product-section .p1-1 .inner .desc {
font-size: 1vw;
margin-top: 1vw; }
.mdpick-19-ss-utilitybag .product-section .p1-1 .inner .shop-btn {
width: 80px;
margin-top: 40px; }
.mdpick-19-ss-utilitybag .product-section .p1-1 .inner .list-btn {
width: 80px;
margin-top: 40px;
margin-left: 1vw; }
.mdpick-19-ss-utilitybag .product-section .p1-2 .title {
font-size: 1.3vw;
line-height: 1.3;
position: absolute;
top: 65%;
left: 10%; }
.mdpick-19-ss-utilitybag .product-section .p1-2 .btn-box {
position: absolute;
bottom: 10%;
right: 5%; }
.mdpick-19-ss-utilitybag .product-section .p1-2 .btn-box .shop-btn {
margin-left: 1vw; }
.mdpick-19-ss-utilitybag .product-section .p1-3 .title {
font-size: 1.3vw;
line-height: 1.3;
position: absolute;
top: 55%;
right: 10%; }
.mdpick-19-ss-utilitybag .product-section .p1-3 .btn-box {
position: absolute;
bottom: 10%;
right: 5%; }
.mdpick-19-ss-utilitybag .product-section .p1-3 .btn-box .shop-btn {
margin-left: 1vw; }
.mdpick-19-ss-utilitybag .product-section.p2 .p1-2 .product-detail-box {
position: absolute;
left: 57%;
top: 23%;
width: 20%; }
.mdpick-19-ss-utilitybag .product-section.p2 .p1-2 .title {
position: relative;
left: 0;
font-size: 0.9vw;
margin-top: 1vw;
line-height: 1.5; }
.mdpick-19-ss-utilitybag .spyder-carousel .owl-controls .owl-page span {
width: 90px; }
.mdpick-19-ss-utilitybag .spyder-carousel .owl-controls .owl-page.active span, .mdpick-19-ss-utilitybag .spyder-carousel .owl-controls.clickable .owl-page:hover span {
content: '';
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/baselayer/on_w.svg); }
.mdpick-19-ss-utilitybag .spyder-carousel .owl-controls .owl-page span {
content: '';
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/baselayer/off_w.svg);
width: 80px;
height: 3px; }
.mdpick-19-ss-cycle {
width: 100%;
box-sizing: border-box;
text-align: center;
font-size: 0;
background-color: #fff; }
.mdpick-19-ss-cycle * {
font-family: 'Noto Sans KR', sans-serif; }
.mdpick-19-ss-cycle .title {
font-family: 'DINNextLTProBold', sans-serif; }
.mdpick-19-ss-cycle p, .mdpick-19-ss-cycle h1, .mdpick-19-ss-cycle h2, .mdpick-19-ss-cycle h3, .mdpick-19-ss-cycle h4 {
margin: 0; }
.mdpick-19-ss-cycle img {
width: 100%; }
.mdpick-19-ss-cycle a {
color: #000; }
.mdpick-19-ss-cycle .banner-section {
position: relative;
text-align: left; }
.mdpick-19-ss-cycle .banner-section .text-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 6.8%; }
.mdpick-19-ss-cycle .banner-section .text-box .title {
margin-bottom: 3%;
font-weight: bold;
font-size: 5vw; }
.mdpick-19-ss-cycle .banner-section .text-box .desc {
font-size: 1.4vw; }
.mdpick-19-ss-cycle .product-section {
padding: 0 6.8%;
padding-bottom: 7vw;
background-size: cover; }
.mdpick-19-ss-cycle .product-section .title-wrap {
position: relative;
text-align: left; }
.mdpick-19-ss-cycle .product-section .title-wrap .main-img {
width: 43.2%;
margin: 4vw 0;
margin-left: 90px; }
.mdpick-19-ss-cycle .product-section .title-wrap .text-box {
width: 37.5%;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 7%;
text-align: center; }
.mdpick-19-ss-cycle .product-section .title-wrap .text-box .title {
margin-bottom: 2.5%;
font-weight: bold;
font-size: 2vw; }
.mdpick-19-ss-cycle .product-section .title-wrap .text-box .desc {
font-size: 1.2vw; }
.mdpick-19-ss-cycle .product-section .title-wrap .text-box .table {
margin-top: 1.5vw; }
.mdpick-19-ss-cycle .product-section .title-wrap .text-box .table .price {
display: inline-block;
font-weight: 700;
font-size: 1.5vw;
margin-right: 1.5vw; }
.mdpick-19-ss-cycle .product-section .title-wrap .text-box .table .shop-btn {
display: inline-block;
width: 20%;
padding: .5vw 0;
font-size: 1.4vw;
border: 1px solid #ee1d25;
color: #ee1d25;
font-weight: 700; }
.mdpick-19-ss-cycle .product-section .img-table .item {
width: 27%;
margin-right: 3.5%;
display: inline-block;
vertical-align: top; }
.mdpick-19-ss-cycle .product-section .img-table .item:last-child {
margin-right: 0; }
.mdpick-19-ss-cycle .product-section .img-table .item .desc {
font-size: 1.2vw;
margin-top: 1vw; }
.mdpick-19-ss-cycle .product-section.revert .title-wrap {
text-align: right;
margin-right: 3%; }
.mdpick-19-ss-cycle .product-section.revert .title-wrap .text-box {
left: 2%;
margin-left: 6%; }
.mdpick-19-ss-cycle .bottom-img-section {
padding: 0 6.8%;
padding-top: 6.8%;
padding-bottom: 13vw;
background-size: cover; }
.mdpick-19-ss-cycle .bottom-img-section .item {
width: 24%;
margin-right: 1.333%;
display: inline-block; }
.mdpick-19-ss-cycle .bottom-img-section .item:last-child {
margin-right: 0; }
.app-children-box-100 .mdpick-19-training-men {
height: 100%; }
.app-children-box-100 .mdpick-19-training-men section {
position: relative;
width: 100%;
margin-top: 100px;
height: calc(100% - 100px); }
.app-children-box-140 .mdpick-19-training-men {
height: 100%; }
.app-children-box-140 .mdpick-19-training-men section {
position: relative;
width: 100%;
margin-top: 140px;
height: calc(100% - 140px); }
.mdpick-19-training-men {
left: 0;
top: 0;
right: 0;
bottom: 0;
position: fixed;
color: #000;
font-size: 0;
box-sizing: border-box;
background-color: #fff; }
.mdpick-19-training-men * {
font-family: 'Noto Sans KR', sans-serif; }
.mdpick-19-training-men .title {
font-family: 'DINNextLTProBold', sans-serif;
font-size: 4.2vw; }
.mdpick-19-training-men p, .mdpick-19-training-men h1, .mdpick-19-training-men h2, .mdpick-19-training-men h3, .mdpick-19-training-men h4 {
margin: 0; }
.mdpick-19-training-men img {
width: 100%; }
.mdpick-19-training-men a {
color: #000; }
.mdpick-19-training-men .main-page {
position: relative; }
.mdpick-19-training-men .main-page .main-video {
position: absolute;
top: 50%;
transform: translateY(-50%); }
.mdpick-19-training-men .main-page .main-video video {
object-fit: cover; }
.mdpick-19-training-men .product-section {
position: relative; }
.mdpick-19-training-men .product-section .p-img {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 33.85%; }
.mdpick-19-training-men .product-section .p-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 31.25%;
margin-top: 1vw; }
.mdpick-19-training-men .product-section .p-box .text-box {
position: relative; }
.mdpick-19-training-men .product-section .p-box .text-box .title {
display: inline-block;
font-size: 11vw;
color: #f0f0f0;
vertical-align: top;
margin-top: 1.5vw; }
.mdpick-19-training-men .product-section .p-box .text-box .text-list {
display: inline-block;
margin-top: 5.7vw;
vertical-align: top; }
.mdpick-19-training-men .product-section .p-box .text-box .text-list .item {
margin-bottom: 1vw;
text-align: right; }
.mdpick-19-training-men .product-section .p-box .text-box .text-list .item .p-text {
display: inline-block;
font-size: 0.7vw;
vertical-align: middle;
font-weight: 500;
text-align: left; }
.mdpick-19-training-men .product-section .p-box .text-box .text-list .item .shop-btn {
width: 4vw;
margin-left: 1vw;
vertical-align: middle; }
.mdpick-19-training-men .product-section.p-l .p-img {
right: 52%; }
.mdpick-19-training-men .product-section.p-l .p-box {
left: 52%; }
.mdpick-19-training-men .product-section.p-r .p-img {
left: 52%; }
.mdpick-19-training-men .product-section.p-r .p-box {
right: 52%; }
.mdpick-19-training-women {
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 1000;
color: #000;
font-size: 0;
box-sizing: border-box;
background-color: #fff; }
.mdpick-19-training-women * {
font-family: 'Noto Sans KR', sans-serif; }
.mdpick-19-training-women .title {
font-family: 'DINNextLTProBold', sans-serif;
font-size: 40px; }
.mdpick-19-training-women .desc {
font-size: 16px; }
.mdpick-19-training-women p, .mdpick-19-training-women h1, .mdpick-19-training-women h2, .mdpick-19-training-women h3, .mdpick-19-training-women h4 {
margin: 0; }
.mdpick-19-training-women a {
color: #000; }
.mdpick-19-training-women .img1, .mdpick-19-training-women .img2, .mdpick-19-training-women .img3 {
cursor: pointer; }
.mdpick-19-training-women .close-button-img {
cursor: pointer;
position: absolute;
right: 15px;
top: 15px;
z-index: 10;
bottom: 30px;
width: 30px; }
.mdpick-19-training-women .page {
position: relative;
width: 100%;
height: 100%; }
.mdpick-19-training-women .page:after {
content: 'SCROLL';
display: inline-block;
width: 186px;
line-height: 2;
text-align: right;
color: #979797;
border-top: 1px solid #979797;
position: absolute;
bottom: 10%;
left: 0;
font-size: 16px;
font-weight: bold; }
.mdpick-19-training-women .rolling-page {
position: relative;
width: 100%;
height: 100%; }
.mdpick-19-training-women .spyder-carousel {
width: 100%;
height: 100%; }
.mdpick-19-training-women .spyder-carousel .owl-wrapper-outer {
width: 100%;
height: 100%; }
.mdpick-19-training-women .spyder-carousel .owl-wrapper-outer .owl-wrapper {
width: 100%;
height: 100%; }
.mdpick-19-training-women .spyder-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
width: 100%;
height: 100%; }
.mdpick-19-training-women .spyder-carousel .owl-pagination {
display: none; }
.mdpick-19-training-women .video-box .poster {
position: absolute;
top: 0;
left: 0; }
.mdpick-19-training-women .video-box .poster .thumb-img {
width: 100.2%; }
.mdpick-19-training-women .video-box .poster .play-btn {
position: absolute;
bottom: 8%;
right: 5%;
width: 40px; }
.mdpick-19-training-women .main-section {
background-color: #0f182a; }
.mdpick-19-training-women .main-section .text-box {
position: absolute;
top: 20%;
left: 5%; }
.mdpick-19-training-women .main-section .text-box .title {
line-height: 1.13;
color: #ffffff; }
.mdpick-19-training-women .main-section .text-box .desc {
line-height: 1.5;
color: #cccccc;
margin-top: 40px; }
.mdpick-19-training-women .main-section .img1 {
position: absolute;
bottom: 0;
left: 20%;
height: 40%; }
.mdpick-19-training-women .main-section .img2 {
display: block;
height: 100%;
margin: 0 auto; }
.mdpick-19-training-women .main-section .img3 {
position: absolute;
bottom: 0;
right: 0;
height: 68%; }
.mdpick-19-training-women .page-text-box {
display: inline-block; }
.mdpick-19-training-women .page-text-box .title {
font-size: 16px;
line-height: 1.25;
color: #080808; }
.mdpick-19-training-women .page-text-box .desc {
font-size: 13px;
line-height: 1.38;
color: #8e8e8e; }
.mdpick-19-training-women .page-text-box .price {
font-size: 14px;
line-height: 1.71;
color: #525252;
margin-top: 20px; }
.mdpick-19-training-women .section-1 {
background-color: #ececec; }
.mdpick-19-training-women .section-1 .rolling-page-1 .img1-box {
width: 100%;
height: 100%; }
.mdpick-19-training-women .section-1 .rolling-page-1 .img1-box .img1 {
height: 100%;
vertical-align: top; }
.mdpick-19-training-women .section-1 .rolling-page-1 .img1-box .page-text-box {
margin-top: 64px;
margin-left: 20px; }
.mdpick-19-training-women .section-1 .rolling-page-1 .img2-box {
width: auto;
height: 100vh;
position: absolute;
top: 0;
right: 0;
text-align: right; }
.mdpick-19-training-women .section-1 .rolling-page-1 .img2-box .img2 {
height: 100%;
vertical-align: top; }
.mdpick-19-training-women .section-1 .rolling-page-1 .img2-box .page-text-box {
margin-top: 175px;
margin-left: 20px;
width: 185px;
text-align: left; }
.mdpick-19-training-women .section-1 .rolling-page-1 .video-box {
position: absolute;
top: 60%;
left: 30%;
width: 26%; }
.mdpick-19-training-women .section-1 .rolling-page-2 .img1-box {
width: 50vw;
height: 68.5vh;
position: absolute;
bottom: 0;
left: 0; }
.mdpick-19-training-women .section-1 .rolling-page-2 .img1-box .img1 {
height: 100%;
vertical-align: top; }
.mdpick-19-training-women .section-1 .rolling-page-2 .img1-box .page-text-box {
margin-left: 14%;
width: 185px;
text-align: left; }
.mdpick-19-training-women .section-1 .rolling-page-2 .img2-box {
width: 100%;
height: 100%;
text-align: right; }
.mdpick-19-training-women .section-1 .rolling-page-2 .img2-box .img2 {
height: 100%;
vertical-align: top; }
.mdpick-19-training-women .section-1 .rolling-page-2 .img2-box .page-text-box {
margin: 63px 25px;
text-align: left; }
.mdpick-19-training-women .section-2 {
background-color: #131313; }
.mdpick-19-training-women .section-2 .page-text-box .title {
color: #ffffff; }
.mdpick-19-training-women .section-2 .page-text-box .price {
color: #eeeeee; }
.mdpick-19-training-women .section-2 .rolling-page-1 .img1-box {
width: 100%;
height: 100%; }
.mdpick-19-training-women .section-2 .rolling-page-1 .img1-box .img1 {
height: 100%;
vertical-align: top; }
.mdpick-19-training-women .section-2 .rolling-page-1 .img1-box .page-text-box {
margin: 28px 65px; }
.mdpick-19-training-women .section-2 .rolling-page-1 .img2-box {
width: 50vw;
height: 50vh;
position: absolute;
bottom: 0;
right: 0;
text-align: right; }
.mdpick-19-training-women .section-2 .rolling-page-1 .img2-box .img2 {
height: 100%;
vertical-align: top;
margin-right: 14%; }
.mdpick-19-training-women .section-2 .rolling-page-1 .img2-box .page-text-box {
text-align: left;
transform: translate(100%, -120%); }
.mdpick-19-training-women .section-2 .rolling-page-2 .video-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 20%;
width: 32.29%; }
.mdpick-19-training-women .section-2 .rolling-page-2 .img2-box {
width: 100%;
height: 100%;
text-align: right; }
.mdpick-19-training-women .section-2 .rolling-page-2 .img2-box .img2 {
height: 100%;
vertical-align: top; }
.mdpick-19-training-women .section-2 .rolling-page-2 .img2-box .page-text-box {
margin: 63px 85px;
text-align: left; }
.mdpick-19-training-women .section-3 {
background-color: #ececec; }
.mdpick-19-training-women .section-3 .rolling-page-1 .img1-box {
width: 100%;
height: 100%; }
.mdpick-19-training-women .section-3 .rolling-page-1 .img1-box .img1 {
height: 60%;
vertical-align: top; }
.mdpick-19-training-women .section-3 .rolling-page-1 .img1-box .page-text-box {
display: block;
margin: 28px 188px; }
.mdpick-19-training-women .section-3 .rolling-page-1 .img2-box {
width: 100vw;
height: 50vh;
position: absolute;
bottom: 0;
left: 0;
text-align: right; }
.mdpick-19-training-women .section-3 .rolling-page-1 .img2-box .img2 {
height: 100%;
vertical-align: top; }
.mdpick-19-training-women .section-3 .rolling-page-1 .img2-box .page-text-box {
margin-top: 175px;
margin-left: 20px;
margin-right: 7%;
width: 185px;
text-align: left; }
.mdpick-19-training-women .section-3 .rolling-page-2 .video-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 12%;
width: 53.12%; }
.mdpick-19-training-women .section-3 .rolling-page-2 .img2-box {
width: 100%;
height: 100%;
text-align: right;
background-position: right;
background-size: cover; }
.mdpick-19-training-women .section-3 .rolling-page-2 .img2-box .img2 {
height: 100%;
vertical-align: top; }
.mdpick-19-training-women .section-4 {
background-color: #0f182a; }
.mdpick-19-training-women .section-4 .page-text-box .title {
color: #ffffff; }
.mdpick-19-training-women .section-4 .page-text-box .price {
color: #eeeeee; }
.mdpick-19-training-women .section-4 .rolling-page-1 .img1-box {
width: 100%;
height: 100%; }
.mdpick-19-training-women .section-4 .rolling-page-1 .img1-box .img1 {
height: 100%;
vertical-align: top; }
.mdpick-19-training-women .section-4 .rolling-page-1 .img1-box .page-text-box {
margin-top: 28px;
margin-left: 110px;
margin-right: 65px; }
.mdpick-19-training-women .section-4 .rolling-page-1 .img2-box {
width: 50vw;
height: 50vh;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
text-align: right; }
.mdpick-19-training-women .section-4 .rolling-page-1 .img2-box .img2 {
height: 100%;
vertical-align: top; }
.mdpick-19-training-women .section-4 .rolling-page-1 .img2-box .page-text-box {
margin-top: 175px;
margin-left: 20px;
margin-right: 14%;
width: 185px;
text-align: left; }
.mdpick-19-training-women .section-4 .rolling-page-2 .video-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 74.68%; }
.mdpick-19-ss-cycle-new {
width: 100%;
box-sizing: border-box;
text-align: center;
font-size: 0;
background-color: #fff; }
.mdpick-19-ss-cycle-new * {
font-family: 'Noto Sans KR', sans-serif; }
.mdpick-19-ss-cycle-new .title {
font-family: 'DINNextLTProBold', sans-serif;
font-size: 40px; }
.mdpick-19-ss-cycle-new .desc {
font-size: 16px; }
.mdpick-19-ss-cycle-new .price {
font-size: 14px; }
.mdpick-19-ss-cycle-new p, .mdpick-19-ss-cycle-new h1, .mdpick-19-ss-cycle-new h2, .mdpick-19-ss-cycle-new h3, .mdpick-19-ss-cycle-new h4 {
margin: 0; }
.mdpick-19-ss-cycle-new img {
width: 100%; }
.mdpick-19-ss-cycle-new a {
color: #000; }
.mdpick-19-ss-cycle-new .main-section {
padding-bottom: 7.8%; }
.mdpick-19-ss-cycle-new .main-section .text-box .title {
margin-top: 7.8%;
font-weight: bold;
font-size: 3.8vw; }
.mdpick-19-ss-cycle-new .main-section .text-box .desc {
margin-top: 0.8%;
font-size: 1.4vw; }
.mdpick-19-ss-cycle-new .product-section .rolling-section .spyder-carousel.indicator-large .owl-controls .owl-page span {
width: 80px; }
.mdpick-19-ss-cycle-new .product-section .product-desc-section {
padding: 2.8% 0; }
.mdpick-19-ss-cycle-new .product-section .product-desc-section .item {
display: inline-block;
width: 50%;
vertical-align: top; }
.mdpick-19-ss-cycle-new .product-section .product-desc-section .item .text-box {
padding-top: 11%;
padding-left: 10%;
text-align: left; }
.mdpick-19-ss-cycle-new .product-section .product-desc-section .item .text-box.left {
padding-left: 27%; }
.mdpick-19-ss-cycle-new .product-section .product-desc-section .item .text-box .title-desc {
font-size: 1.1vw; }
.mdpick-19-ss-cycle-new .product-section .product-desc-section .item .text-box .title-desc:after {
content: '';
display: inline-block;
width: 2.3vw;
height: 2px;
background-color: #000000;
margin-bottom: 0.4vw;
margin-left: 0.6vw; }
.mdpick-19-ss-cycle-new .product-section .product-desc-section .item .text-box .title {
margin-top: 1.5%;
font-weight: bold;
font-size: 2.5vw;
line-height: 1.1; }
.mdpick-19-ss-cycle-new .product-section .product-desc-section .item .text-box .desc {
margin-top: 3.5%;
font-size: 1vw;
font-weight: 300; }
.mdpick-19-ss-cycle-new .product-section .product-desc-section .item .text-box .table {
margin-top: 1.5vw; }
.mdpick-19-ss-cycle-new .product-section .product-desc-section .item .text-box .table .price {
display: inline-block;
font-weight: 700;
font-size: 1.2vw;
margin-right: 1.5vw; }
.mdpick-19-ss-cycle-new .product-section .product-desc-section .item .text-box .table .shop-btn {
display: inline-block;
width: 14%;
padding: 0.7vw 0;
font-size: 1.2vw;
border: 1px solid #ee1d25;
color: #ee1d25;
font-weight: 500;
text-align: center;
line-height: 1.2; }
.mdpick-19-hyper-bolt {
width: 100%;
box-sizing: border-box;
text-align: center;
font-size: 0;
background-color: #fff; }
.mdpick-19-hyper-bolt * {
font-family: 'Noto Sans KR', sans-serif; }
.mdpick-19-hyper-bolt .title {
font-family: 'DINNextLTProBold', sans-serif;
font-size: 40px; }
.mdpick-19-hyper-bolt .desc {
font-size: 16px; }
.mdpick-19-hyper-bolt .price {
font-size: 14px; }
.mdpick-19-hyper-bolt p, .mdpick-19-hyper-bolt h1, .mdpick-19-hyper-bolt h2, .mdpick-19-hyper-bolt h3, .mdpick-19-hyper-bolt h4 {
margin: 0; }
.mdpick-19-hyper-bolt img {
width: 100%; }
.mdpick-19-hyper-bolt a {
color: #000; }
.mdpick-19-hyper-bolt .half {
display: inline-block;
vertical-align: middle;
width: 50%; }
.mdpick-19-hyper-bolt .text-box {
text-align: left;
vertical-align: middle;
display: inline-block; }
.mdpick-19-hyper-bolt .text-box .title {
line-height: 1;
margin-bottom: 0.5vw;
font-weight: bold;
font-size: 4.16667vw; }
.mdpick-19-hyper-bolt .text-box .desc {
font-size: 1.35417vw; }
.mdpick-19-hyper-bolt .text-box .table {
margin-top: 2.5vw; }
.mdpick-19-hyper-bolt .text-box .table .price {
display: inline-block;
font-weight: 700;
font-size: 1.14583vw;
margin-right: 1.5vw; }
.mdpick-19-hyper-bolt .text-box .table .shop-btn {
display: inline-block;
width: 5.9vw;
padding: .5vw 0;
font-size: 1.4vw;
border: 1px solid #ee1d25;
color: #ee1d25;
font-weight: 700;
text-align: center; }
.mdpick-19-protack {
width: 100%;
box-sizing: border-box;
text-align: center;
font-size: 0;
background-color: #fff; }
.mdpick-19-protack * {
font-family: 'Noto Sans KR', sans-serif; }
.mdpick-19-protack .title {
font-family: 'DINNextLTProBold', sans-serif;
font-size: 40px; }
.mdpick-19-protack .desc {
font-size: 16px; }
.mdpick-19-protack .price {
font-size: 14px; }
.mdpick-19-protack p, .mdpick-19-protack h1, .mdpick-19-protack h2, .mdpick-19-protack h3, .mdpick-19-protack h4 {
margin: 0; }
.mdpick-19-protack img {
width: 100%; }
.mdpick-19-protack a {
color: #000; }
.mdpick-19-protack .top-section {
position: relative; }
.mdpick-19-protack .top-section .text-box {
position: absolute;
bottom: 50%;
right: 2vw;
width: 50vw;
text-align: center;
vertical-align: middle;
display: inline-block;
color: #fff; }
.mdpick-19-protack .top-section .text-box .title {
line-height: 1;
margin-bottom: 0.5vw;
font-weight: bold;
font-size: 3.30189vw; }
.mdpick-19-protack .top-section .text-box .desc {
font-size: 1.3vw;
font-weight: 300; }
.mdpick-19-protack .desc-section .d-s-1 {
margin-top: 17.08333vw; }
.mdpick-19-protack .desc-section .d-s-1 .half {
width: 35.9375vw;
display: inline-block; }
.mdpick-19-protack .desc-section .d-s-1 .half.right {
width: 31.25vw; }
.mdpick-19-protack .desc-section .d-s-1 .half .inner {
transform: translateY(-15%);
width: 26.04167vw;
padding-left: 5.20833vw; }
.mdpick-19-protack .desc-section .d-s-1 .desc {
margin-top: 6.77083vw;
font-size: 1.41509vw; }
.mdpick-19-protack .desc-section .d-s-2 {
padding: 0 9.375vw;
margin-top: 10.41667vw; }
.mdpick-19-protack .desc-section .d-s-3 {
position: relative;
text-align: right;
margin-top: 17.70833vw;
margin-bottom: 10.41667vw; }
.mdpick-19-protack .desc-section .d-s-3 .img4 {
position: absolute;
left: 0;
transform: translateY(-15%);
width: 34.27083vw; }
.mdpick-19-protack .desc-section .d-s-3 .inner {
text-align: left;
width: 55.72917vw;
display: inline-block; }
.mdpick-19-protack .desc-section .d-s-3 .inner .desc {
margin-bottom: 10.41667vw;
font-size: 1.41509vw; }
.mdpick-19-protack .product-section {
padding: 0 9.375vw;
padding-top: 10.41667vw;
padding-bottom: 5.20833vw;
background-color: #0f172a; }
.mdpick-19-protack .product-section section {
padding-bottom: 5.20833vw; }
.mdpick-19-protack .product-section .rolling-section .spyder-carousel .owl-controls .owl-buttons .owl-prev {
left: -8vw; }
.mdpick-19-protack .product-section .rolling-section .spyder-carousel .owl-controls .owl-buttons .owl-next {
right: -8vw; }
.mdpick-19-protack .product-section .half {
display: inline-block;
vertical-align: middle;
width: 50%; }
.mdpick-19-protack .product-section .text-box {
text-align: left;
vertical-align: middle;
display: inline-block;
color: #fff; }
.mdpick-19-protack .product-section .text-box .title {
line-height: 1;
margin-bottom: 0.5vw;
font-weight: bold;
font-size: 2.64151vw; }
.mdpick-19-protack .product-section .text-box .desc {
font-size: 1.22642vw;
font-weight: 300; }
.mdpick-19-protack .product-section .text-box .table {
margin-top: 2.5vw; }
.mdpick-19-protack .product-section .text-box .table .price {
display: inline-block;
font-weight: 700;
font-size: 1.3vw;
margin-right: 1.5vw; }
.mdpick-19-protack .product-section .text-box .table .shop-btn {
display: inline-block;
width: 5.9vw;
padding: .5vw 0;
font-size: 1.4vw;
border: 1px solid #ee1d25;
color: #ee1d25;
font-weight: 700;
text-align: center; }
.mdpick-19-ss-rashguard {
width: 100%;
box-sizing: border-box;
text-align: center;
font-size: 0;
background-color: #fff; }
.mdpick-19-ss-rashguard * {
font-family: 'Noto Sans KR', sans-serif; }
.mdpick-19-ss-rashguard .title {
font-family: 'DINNextLTProBold', sans-serif;
font-size: 40px; }
.mdpick-19-ss-rashguard .desc {
font-size: 16px; }
.mdpick-19-ss-rashguard .price {
font-size: 14px; }
.mdpick-19-ss-rashguard p, .mdpick-19-ss-rashguard h1, .mdpick-19-ss-rashguard h2, .mdpick-19-ss-rashguard h3, .mdpick-19-ss-rashguard h4 {
margin: 0; }
.mdpick-19-ss-rashguard img {
width: 100%; }
.mdpick-19-ss-rashguard a {
color: #000; }
.mdpick-19-ss-rashguard .half {
display: inline-block;
vertical-align: middle;
width: 50%; }
.mdpick-19-ss-rashguard .title-section {
padding: 7.8125vw 0; }
.mdpick-19-ss-rashguard .title-section .title {
line-height: 1;
font-size: 3.77358vw; }
.mdpick-19-ss-rashguard .product-section .one-img-sec {
width: 66.66667vw;
margin: 0 auto;
margin-bottom: 7.8125vw; }
.mdpick-19-ss-rashguard .product-section .two-img-sec {
margin-bottom: 7.8125vw; }
.mdpick-19-ss-rashguard .product-section .desc {
font-size: 1vw;
line-height: 1;
margin-top: 0.78125vw; }
.mdpick-19-ss-rashguard .product-section .desc .price {
font-size: 1vw;
margin-left: 1.04167vw; }
.mdpick-19-ss-running-collection {
width: 100%;
box-sizing: border-box;
text-align: center;
font-size: 0;
background-color: #fff; }
.mdpick-19-ss-running-collection * {
font-family: 'Noto Sans KR', sans-serif; }
.mdpick-19-ss-running-collection .title {
font-family: 'DINNextLTProBold', sans-serif;
font-size: 40px; }
.mdpick-19-ss-running-collection .desc {
font-size: 16px; }
.mdpick-19-ss-running-collection .price {
font-size: 14px; }
.mdpick-19-ss-running-collection p, .mdpick-19-ss-running-collection h1, .mdpick-19-ss-running-collection h2, .mdpick-19-ss-running-collection h3, .mdpick-19-ss-running-collection h4 {
margin: 0; }
.mdpick-19-ss-running-collection img {
width: 100%; }
.mdpick-19-ss-running-collection a {
color: #000; }
.mdpick-19-ss-running-collection .half {
position: relative;
display: inline-block;
vertical-align: middle;
width: 50%; }
.mdpick-19-ss-running-collection .inner-box {
position: absolute;
text-align: left;
color: #fff;
padding: 2.60417vw;
left: 0;
bottom: 0; }
.mdpick-19-ss-running-collection .inner-box .text-box .title {
font-size: 0.9434vw;
line-height: 1; }
.mdpick-19-ss-running-collection .inner-box .text-box .price {
font-size: 0.75472vw;
margin-top: 0.625vw;
color: #e5e5e5; }
.mdpick-19-ss-running-collection .inner-box .label-box {
margin-top: 1.82292vw; }
.mdpick-19-ss-running-collection .inner-box .label-box .label {
width: 4.6875vw;
margin-right: 0.52083vw; }
.mdpick-19-ss-running-collection .p1 .title-img {
width: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.mdpick-19-ss-running-collection .text-section .title {
font-size: 1.5566vw;
line-height: 1.27;
padding: 6.25vw 0;
color: #2f3952; }
.mdpick-19-ss-running-collection .p2 {
position: relative;
margin-bottom: 7.8125vw; }
.mdpick-19-ss-running-collection .p2 .inner-box-2 {
position: absolute;
top: 0;
left: 50%;
padding: 2.60417vw; }
.mdpick-19-ss-running-collection .p2 .inner-box-2 .desc {
font-size: 0.75472vw;
color: #e5e5e5;
text-align: left; }
.mdpick-19-ss-running-collection .p3-p4 {
text-align: left;
margin-bottom: 7.8125vw; }
.mdpick-19-ss-running-collection .p3-p4 .p3 {
display: inline-block;
width: 56.77083vw;
position: relative; }
.mdpick-19-ss-running-collection .p3-p4 .p3 .inner-box .text-box .title {
color: #080808; }
.mdpick-19-ss-running-collection .p3-p4 .p3 .inner-box .text-box .price {
color: #6d6d6d; }
.mdpick-19-ss-running-collection .p3-p4 .p4 {
float: right;
display: inline-block;
width: 41.40625vw;
position: relative; }
.mdpick-19-ss-running-collection .p5 {
position: relative;
margin-bottom: 15.625vw; }
.mdpick-19-ss-running-collection .p5 .inner-box-2 {
position: absolute;
top: 0;
right: 0;
padding: 2.60417vw; }
.mdpick-19-ss-running-collection .p5 .inner-box-2 .desc {
font-size: 0.75472vw;
color: #e5e5e5;
text-align: left; }
.mdpick-19-henry-training {
width: 100%;
box-sizing: border-box;
text-align: left;
font-size: 0;
background-color: #1d212d;
color: white; }
.mdpick-19-henry-training * {
font-family: 'Noto Sans KR', sans-serif; }
.mdpick-19-henry-training .title {
font-family: 'DINNextLTProBold', sans-serif;
font-size: 1.88679vw; }
.mdpick-19-henry-training .desc {
font-size: 0.84906vw; }
.mdpick-19-henry-training .price {
font-size: 0.66038vw; }
.mdpick-19-henry-training p, .mdpick-19-henry-training h1, .mdpick-19-henry-training h2, .mdpick-19-henry-training h3, .mdpick-19-henry-training h4 {
margin: 0; }
.mdpick-19-henry-training img {
width: 100%; }
.mdpick-19-henry-training a {
color: white; }
.mdpick-19-henry-training .half {
position: relative;
display: inline-block;
vertical-align: middle;
width: 50%; }
.mdpick-19-henry-training .main-section .text-box {
position: absolute;
top: 3.2%;
left: 8%; }
.mdpick-19-henry-training .main-section .text-box .sub-title {
font-family: 'DINNextLTProBold', sans-serif;
font-size: 1.5vw;
font-weight: bold; }
.mdpick-19-henry-training .main-section .text-box .title {
font-size: 4.71698vw;
font-weight: bold; }
.mdpick-19-henry-training .main-section .text-box .desc {
font-size: 1.22642vw;
margin-top: 0.6vw; }
.mdpick-19-henry-training .product-set-list .bg {
height: 23.4375vw; }
.mdpick-19-henry-training .product-set-list .list {
padding: 0 7.8125vw;
height: 13.54167vw;
background-color: #d94000; }
.mdpick-19-henry-training .product-set-list .list .items-wrap {
transform: translateY(-58%); }
.mdpick-19-henry-training .product-set-list .list .items-wrap .item {
display: inline-block;
width: 23%;
padding-right: 2.6%;
vertical-align: top; }
.mdpick-19-henry-training .product-set-list .list .items-wrap .item:last-child {
padding-right: 0; }
.mdpick-19-henry-training .product-set-list .list .items-wrap .item .title {
font-size: 1.03774vw;
margin-top: 1.04167vw;
font-weight: bold; }
.mdpick-19-henry-training .product-set-list .list .items-wrap .item .price {
font-size: 0.9434vw; }
.mdpick-19-henry-training .s1-section {
background-size: 81%;
background-repeat: no-repeat;
background-position: 100% 9%; }
.mdpick-19-henry-training .s1-section .p-imgs {
position: relative;
height: 100.72917vw; }
.mdpick-19-henry-training .s1-section .p-imgs .img1 {
width: 57.08333vw;
position: absolute;
bottom: 0;
left: 0; }
.mdpick-19-henry-training .s1-section .p-imgs .img2 {
width: 35.57292vw;
position: absolute;
bottom: 9%;
right: 0; }
.mdpick-19-henry-training .s1-section .p-imgs .img3 {
display: inline-block;
width: 37vw;
height: 25vw;
position: absolute;
bottom: 0;
left: 22%; }
.mdpick-19-henry-training .s1-section .p-imgs .text-box {
position: absolute;
top: 27%;
left: 59%; }
.mdpick-19-henry-training .s1-section .p-imgs .text-box .title {
font-size: 23px;
color: #ef3e00;
font-weight: bold;
position: relative; }
.mdpick-19-henry-training .s1-section .p-imgs .text-box .title:before {
content: 'Q.';
position: absolute;
top: -0.3vw;
left: -1.7vw; }
.mdpick-19-henry-training .s1-section .p-imgs .text-box .desc {
color: #bbbbbb;
font-size: 20px;
margin-top: 1.82292vw;
font-weight: 300; }
.mdpick-19-henry-training .s2-section {
background-size: 80%;
background-repeat: no-repeat;
background-position: 0 8.6%; }
.mdpick-19-henry-training .s2-section .p-imgs {
position: relative;
height: 104.16667vw; }
.mdpick-19-henry-training .s2-section .p-imgs .img1 {
width: 67.13542vw;
position: absolute;
top: 18.90625vw;
right: 0; }
.mdpick-19-henry-training .s2-section .p-imgs .img2 {
width: 29.6875vw;
position: absolute;
bottom: 6%;
left: 0; }
.mdpick-19-henry-training .s2-section .p-imgs .img3 {
width: 50vw;
position: absolute;
top: 68.90625vw;
right: 5.26042vw; }
.mdpick-19-henry-training .s2-section .p-imgs .text-box {
position: absolute;
top: 27.4%;
left: 11%;
background-color: #1d212d;
padding: 2.8125vw;
padding-bottom: 4.21875vw; }
.mdpick-19-henry-training .s2-section .p-imgs .text-box .title {
font-size: 23px;
color: #ef3e00;
font-weight: bold;
position: relative; }
.mdpick-19-henry-training .s2-section .p-imgs .text-box .title:before {
content: 'Q.';
position: absolute;
top: -0.3vw;
left: -1.7vw; }
.mdpick-19-henry-training .s2-section .p-imgs .text-box .desc {
color: #bbbbbb;
font-size: 20px;
margin-top: 1.82292vw;
font-weight: 300; }
.mdpick-19-henry-training .s3-section {
background-size: 93%;
background-repeat: no-repeat;
background-position: 100% 8.6%; }
.mdpick-19-henry-training .s3-section .p-imgs {
position: relative;
height: 104.16667vw; }
.mdpick-19-henry-training .s3-section .p-imgs .img1 {
width: 31.92708vw;
position: absolute;
top: 18.90625vw;
left: 0; }
.mdpick-19-henry-training .s3-section .p-imgs .img2 {
width: 34.42708vw;
position: absolute;
top: 66.35417vw;
left: 4.6875vw; }
.mdpick-19-henry-training .s3-section .p-imgs .img3 {
width: 56.19792vw;
position: absolute;
top: 45.98958vw;
right: 0; }
.mdpick-19-henry-training .s3-section .p-imgs .text-box {
position: absolute;
top: 25%;
right: 16%;
background-color: #1d212d;
padding-top: 2vw;
padding-bottom: 5vw;
padding-right: 5vw;
padding-left: 3vw; }
.mdpick-19-henry-training .s3-section .p-imgs .text-box .title {
font-size: 23px;
color: #ef3e00;
font-weight: bold;
position: relative; }
.mdpick-19-henry-training .s3-section .p-imgs .text-box .title:before {
content: 'Q.';
position: absolute;
top: -0.3vw;
left: -1.7vw; }
.mdpick-19-henry-training .s3-section .p-imgs .text-box .desc {
color: #bbbbbb;
font-size: 20px;
margin-top: 1.82292vw;
font-weight: 300; }
.backboard {
background: #fff;
width: 100%;
position: absolute;
min-height: 6500px;
z-index: 99999;
margin-top: -140px; }
.mdpick-fwcmg-box {
max-width: 1980px;
margin: 0 auto; }
.mdpick-fwcmg-box .logo {
top: 30px;
position: fixed;
cursor: pointer;
width: 100px;
left: 30px;
z-index: 99999; }
.mdpick-fwcmg1 {
width: 100%;
position: relative;
z-index: 9999;
background: #fff; }
.mdpick-fwcmg1 .wow {
visibility: hidden; }
.mdpick-fwcmg1 .sec-1 {
position: relative;
width: 100%;
min-height: 1676px; }
.mdpick-fwcmg1 .sec-1 .title-logo {
position: absolute;
top: 12%;
left: 10%;
z-index: 6;
width: 20px !important; }
.mdpick-fwcmg1 .sec-1 .img1st {
position: absolute;
z-index: 1;
width: 55%;
max-width: 1110px;
left: 0;
top: 25%; }
.mdpick-fwcmg1 .sec-1 .img1st img {
width: 100%; }
.mdpick-fwcmg1 .sec-1 .img1st .f90 {
transform: rotate(90deg);
font-size: 23px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
top: 168px;
position: absolute; }
.mdpick-fwcmg1 .sec-1 .img2nd {
position: absolute;
right: 0;
top: 0;
z-index: 2;
width: 75%;
max-width: 1400px;
cursor: pointer; }
.mdpick-fwcmg1 .sec-1 .img2nd img {
width: 100%; }
.mdpick-fwcmg1 .sec-1 .img2nd .f90 {
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: right;
color: #b3bec7;
position: absolute;
bottom: 30px;
right: 30px;
white-space: pre-line; }
.mdpick-fwcmg1 .sec-1 .x-btn {
z-index: 999999;
position: fixed;
top: 30px;
right: 30px;
width: 30px;
height: 30px;
z-index: 100;
cursor: pointer; }
.mdpick-fwcmg1 .sec-2 {
position: relative;
width: 100%;
top: 10%;
min-height: 1480px; }
.mdpick-fwcmg1 .sec-2 .img1st {
z-index: 1;
width: 23%;
max-width: 470px;
position: absolute;
left: 0; }
.mdpick-fwcmg1 .sec-2 .img2nd {
z-index: 2;
position: absolute;
right: 0;
width: 50%;
top: 195px;
max-width: 868px;
cursor: pointer; }
.mdpick-fwcmg1 .sec-2 .img2nd img {
width: 100%; }
.mdpick-fwcmg1 .sec-2 .img2nd .f90 {
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #cdcdd4;
position: absolute;
left: 40px;
bottom: 40px;
white-space: pre-line; }
.mdpick-fwcmg1 .sec-2 .img3rd {
width: 56%;
max-width: 1170px;
z-index: 3;
position: absolute;
left: 82px;
cursor: pointer; }
.mdpick-fwcmg1 .product {
position: relative;
margin: auto;
text-align: center;
margin-top: 197px;
display: block; }
.mdpick-fwcmg1 .product .card {
display: inline-block;
text-align: left;
width: 25%;
margin: 0 20px;
cursor: pointer; }
.mdpick-fwcmg1 .product .card .title {
font-size: 14px;
font-weight: bold;
display: block;
color: #9b9b9b;
margin-top: 10px; }
.mdpick-fwcmg1 .product .card .price {
color: #9b9b9b;
margin-top: 10px;
font-size: 12px;
display: block; }
.mdpick-fwcmg1 .product .product-img {
width: 100%;
display: block; }
.mdpick-fwcmg1 .sec-3 {
margin-top: 300px;
position: relative;
min-height: 1529px; }
.mdpick-fwcmg1 .sec-3 .img1st {
z-index: 1;
width: 45%;
position: absolute;
top: 413px;
left: 0;
max-width: 1400px; }
.mdpick-fwcmg1 .sec-3 .img2nd {
z-index: 2;
position: absolute;
right: 0;
width: 50%;
max-width: 1400px;
top: 0;
cursor: pointer; }
.mdpick-fwcmg1 .sec-3 .img3rd {
width: 40%;
max-width: 1400px;
top: 266px;
z-index: 3;
position: absolute;
left: 0;
cursor: pointer; }
.mdpick-fwcmg1 .sec-3 .img3rd img {
width: 100%; }
.mdpick-fwcmg1 .sec-3 .img3rd .f90 {
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #cdcdd4;
position: absolute;
left: 40px;
top: 30px;
white-space: pre-line; }
.mdpick-fwcmg1 .white-back {
background: #fff;
z-index: 10; }
.mdpick-fwcmg1 .up {
margin-top: -80px; }
.mdpick-fwcmg1 font {
display: none; }
.womancollection {
width: auto;
overflow-x: scroll;
position: relative;
height: 100vh; }
.womancollection img {
cursor: pointer; }
.womancollection .logo {
position: fixed;
top: 30px;
left: 30px;
width: 60px;
z-index: 999; }
.womancollection .slide-page {
height: 100vh;
display: inline-block; }
.womancollection .slide-page .page-1-box {
margin-left: 200px;
height: 100vh;
display: inline-block;
position: relative; }
.womancollection .slide-page .page-1-box .page-1-img {
width: auto;
height: 100%; }
.womancollection .slide-page .page-1-box .title {
font-weight: 500;
font-size: 45px;
position: absolute;
top: 80px;
left: 80%;
font-family: FFDINWebProBold;
z-index: 9; }
.womancollection .slide-page .page-2-box {
position: relative;
display: inline-block;
height: 100vh;
margin-left: 200px; }
.womancollection .slide-page .page-2-box p {
white-space: pre-line;
font-size: 15px;
margin: 0;
position: absolute;
top: 7.6%;
left: 40%; }
.womancollection .slide-page .page-2-box img {
bottom: 0;
height: 100vh; }
.womancollection .slide-page .page-3-box {
position: relative;
display: inline-block;
height: 100vh; }
.womancollection .slide-page .page-3-box .page-3-img {
height: 50%;
display: block; }
.womancollection .slide-page .page-4-box {
position: relative;
display: inline-block;
height: 100vh;
margin-left: 200px; }
.womancollection .slide-page .page-4-box .title {
position: absolute;
top: 14%;
left: 35%;
font-size: 15px;
color: #fff; }
.womancollection .slide-page .page-4-box .page-4-img {
height: 100vh;
margin: auto 0;
display: block;
margin-left: 50px; }
.womancollection .slide-page .page-5-box {
position: relative;
display: inline-block;
height: 100vh; }
.womancollection .slide-page .page-5-box .title {
position: absolute;
top: 7.6%;
left: 225px;
font-size: 15px; }
.womancollection .slide-page .page-5-box .page-5-img {
width: auto;
height: 100%; }
.womancollection .slide-page .page-5-box table {
width: 1200px;
height: 100vh;
border-collapse: separate;
border-spacing: 0; }
.womancollection .slide-page .page-5-box table img {
height: 50vh; }
.womancollection .slide-page .page-5-box table td {
border: none !important; }
.womancollection .slide-page .page-5-box table td:first-child {
text-align: right; }
.womancollection .slide-page .page-5-box .flex {
display: flex; }
.womancollection .slide-page .page-5-box .flex img {
height: 50vh; }
.womancollection .slide-page .page-5-box .block {
display: block; }
.womancollection .slide-page .page-5-box:last-child {
margin-left: 200px; }
.wmc-scrolling {
overflow-x: scroll;
white-space: nowrap; }
.mg200 {
margin: 0 200px; }
.mdpick-MDPickTemplate2019 {
width: 100%;
box-sizing: border-box;
text-align: center;
font-size: 0;
padding-bottom: 7.8125vw; }
.mdpick-MDPickTemplate2019 * {
font-family: 'Noto Sans KR', sans-serif; }
.mdpick-MDPickTemplate2019 p, .mdpick-MDPickTemplate2019 h1, .mdpick-MDPickTemplate2019 h2, .mdpick-MDPickTemplate2019 h3, .mdpick-MDPickTemplate2019 h4 {
margin: 0; }
.mdpick-MDPickTemplate2019 img {
width: 100%; }
.mdpick-MDPickTemplate2019 a {
color: white; }
.mdpick-MDPickTemplate2019 .title {
font-family: 'DINNextLTProBold', sans-serif;
font-size: 3.39623vw;
line-height: 1.1; }
.mdpick-MDPickTemplate2019 .name {
font-size: 1.13208vw;
line-height: 1;
margin-top: 1.61458vw; }
.mdpick-MDPickTemplate2019 .price {
font-size: 1.13208vw;
line-height: 1;
margin-top: 0.36458vw; }
.mdpick-MDPickTemplate2019 .half {
position: relative;
display: inline-block;
vertical-align: middle;
width: 50%; }
.mdpick-MDPickTemplate2019 .cal {
display: inline-block;
font-size: 2.83019vw;
font-weight: bold;
line-height: 0.96;
position: absolute;
top: 0;
left: 0; }
.mdpick-MDPickTemplate2019 .cal .m, .mdpick-MDPickTemplate2019 .cal .d {
font-family: 'DINNextLTProBold', sans-serif; }
.mdpick-MDPickTemplate2019 .title-section {
padding: 7.8125vw 5.20833vw; }
.mdpick-MDPickTemplate2019 .title-section .title {
text-align: left; }
.mdpick-MDPickTemplate2019 .product-pack {
margin-bottom: 7.8125vw; }
.mdpick-MDPickTemplate2019 .product-pack .line-1 .inner {
margin-left: 2.60417vw;
width: 61.45833vw; }
.mdpick-MDPickTemplate2019 .product-pack .line-1 .inner .half {
width: 46%;
margin-left: 4%;
position: relative; }
.mdpick-MDPickTemplate2019 .product-pack .line-1 .cal {
top: 1.5625vw;
left: 1.5625vw; }
.mdpick-MDPickTemplate2019 .product-pack .line-2 {
margin-top: 7.8125vw;
position: relative; }
.mdpick-MDPickTemplate2019 .product-pack .line-2 .cal {
top: 2.08333vw;
left: 2.60417vw; }
.mdpick-MDPickTemplate2019 .product-pack .line-3 {
margin-top: 7.8125vw; }
.mdpick-MDPickTemplate2019 .product-pack .line-3 .inner {
position: relative;
display: inline-block; }
.mdpick-MDPickTemplate2019 .product-pack .line-3 .img {
width: 56.25vw; }
.mdpick-MDPickTemplate2019 .product-pack .line-3 .cal {
top: 2.08333vw;
left: 2.60417vw; }
.mdpick-19-fw-campaign-part2 {
width: 100%;
box-sizing: border-box;
text-align: center;
font-size: 0;
background-color: #000;
color: white;
background-position: top;
background-size: cover; }
.mdpick-19-fw-campaign-part2 * {
font-family: 'Noto Sans KR', sans-serif; }
.mdpick-19-fw-campaign-part2 .title {
font-family: 'DINNextLTProBold', sans-serif;
font-size: 2.77778vw; }
.mdpick-19-fw-campaign-part2 .desc {
font-size: 1.25vw; }
.mdpick-19-fw-campaign-part2 .price {
font-size: 0.97222vw; }
.mdpick-19-fw-campaign-part2 p, .mdpick-19-fw-campaign-part2 h1, .mdpick-19-fw-campaign-part2 h2, .mdpick-19-fw-campaign-part2 h3, .mdpick-19-fw-campaign-part2 h4 {
margin: 0; }
.mdpick-19-fw-campaign-part2 img {
width: 100%; }
.mdpick-19-fw-campaign-part2 a {
color: white; }
.mdpick-19-fw-campaign-part2 .half {
position: relative;
display: inline-block;
vertical-align: top;
width: 50%; }
.mdpick-19-fw-campaign-part2 .logo {
position: fixed;
z-index: 9999;
width: 3vw;
top: 2.5vw;
left: 2.5vw; }
.mdpick-19-fw-campaign-part2 .close {
position: fixed;
z-index: 9999;
width: 2vw;
top: 2vw;
right: 2vw; }
.mdpick-19-fw-campaign-part2 .top-section {
padding-top: 14.86111vw;
padding-bottom: 7.63889vw; }
.mdpick-19-fw-campaign-part2 .top-section .title {
font-size: 2.08333vw;
color: #e4e4e4;
padding-bottom: 1.59722vw; }
.mdpick-19-fw-campaign-part2 .top-section .desc {
font-size: 1.38889vw;
color: #c2c2c2; }
.mdpick-19-fw-campaign-part2 .half-section {
padding-bottom: 15.97222vw;
min-height: 67.36111vw; }
.mdpick-19-fw-campaign-part2 .one-p-section {
padding-bottom: 15.97222vw;
min-height: 67.36111vw; }
.mdpick-19-fw-campaign-part2 .one-p-section img {
width: 62.5vw; }
.mdpick-19-downjacket {
width: 100%;
box-sizing: border-box;
text-align: center;
font-size: 0;
color: #080808; }
.mdpick-19-downjacket * {
font-family: 'Noto Sans KR', sans-serif; }
.mdpick-19-downjacket .title {
font-family: 'DINNextLTProBold', sans-serif;
font-size: 2.08333vw; }
.mdpick-19-downjacket .desc {
font-size: 0.9375vw; }
.mdpick-19-downjacket .price {
font-size: 0.72917vw; }
.mdpick-19-downjacket p, .mdpick-19-downjacket h1, .mdpick-19-downjacket h2, .mdpick-19-downjacket h3, .mdpick-19-downjacket h4 {
margin: 0; }
.mdpick-19-downjacket img {
width: 100%; }
.mdpick-19-downjacket a {
color: white; }
.mdpick-19-downjacket .top-section {
padding-top: 7.8125vw;
padding-bottom: 8.85417vw; }
.mdpick-19-downjacket .top-section .title {
font-size: 4.16667vw;
padding-bottom: 1.19792vw; }
.mdpick-19-downjacket .top-section .desc {
font-size: 1.5625vw; }
.mdpick-19-downjacket .top-section .btn {
display: inline-block;
font-size: 20px;
line-height: 60px;
font-weight: bold;
color: #ffffff;
background-color: black;
margin-top: 2.60417vw;
width: 310px;
height: 60px; }
.mdpick-19-downjacket .product-section {
margin-bottom: 8.33333vw; }
.mdpick-19-downjacket .product-section .p-name .bar {
display: inline-block;
width: 7.8125vw;
height: 0.52083vw;
background-color: black; }
.mdpick-19-downjacket .product-section .p-name .name {
margin-top: 0.52083vw;
font-size: 2.60417vw;
font-weight: bold; }
.mdpick-19-downjacket .product-section .roll {
width: 73.85417vw;
margin: 2.60417vw auto; }
.mdpick-19-downjacket .product-section .roll .spyder-carousel.indicator-large .owl-controls .owl-page span {
margin: 0;
width: 65px; }
.mdpick-19-downjacket .product-section .roll .spyder-carousel .owl-pagination {
text-align: right;
padding-right: 100px;
width: 96%; }
.mdpick-19-downjacket .product-section .sub-desc {
font-size: 1.5625vw;
margin-bottom: 8.33333vw;
line-height: 2.5vw; }
.mdpick-19-downjacket .product-section .p-list {
width: 88.54167vw;
margin: 0 auto; }
.mdpick-19-downjacket .product-section .p-list .item {
display: inline-block;
width: 23%;
margin-right: 2%; }
.mdpick-19-downjacket .product-section .p-list .item:last-child {
margin-right: 0; }
.mdpick-19-downjacket .product-section .p-list .item .desc {
font-size: 0.83333vw;
line-height: 1.88;
margin-top: 1.04167vw; }
.tshrit-box .t-box-img {
width: 100%; }
.tshrit-box .p-root-box {
width: 65.6%;
margin: 0 auto; }
.tshrit-box .p1 {
display: flex; }
.tshrit-box .p1 .kk-0, .tshrit-box .p1 .kk-1, .tshrit-box .p1 .kk-2 {
margin-right: 20px; }
.tshrit-box .p1-box {
margin-top: 80px; }
.tshrit-box .info-box {
display: grid;
margin-top: 16px; }
.tshrit-box .info-box .title {
font-size: 16px;
font-family: NotoSansCJKkr; }
.tshrit-box .info-box .price {
font-size: 16px;
font-family: NotoSansCJKkr;
color: #888888;
margin-top: 5px; }
.mt240 {
margin-top: 240px; }
.mt200 {
margin-top: 200px; }
.mens-running-training20-body .main-section {
position: relative;
font-size: 0px; }
.mens-running-training20-body .main-section .mainImg {
width: 100%; }
.mens-running-training20-body .main-section .mainSvc {
width: 25%;
position: absolute;
top: 46%;
left: 6%; }
.mens-running-training20-body .section {
display: flex;
flex-direction: row;
font-size: 0px; }
.mens-running-training20-body .section .imgBox {
width: 50%; }
.mens-running-training20-body .section .imgBox img {
width: 100%; }
.mens-running-training20-body .section .sub-section {
width: 50%;
display: flex;
flex-direction: column;
justify-content: space-around;
justify-content: space-evenly;
font-size: 0px; }
.mens-running-training20-body .section .sub-section .product {
width: 50%;
overflow: hidden;
margin: 0 auto; }
.mens-running-training20-body .section .sub-section .product img {
width: 100%; }
.mens-running-training20-body .section .sub-section .product .info {
margin-top: 12px; }
.mens-running-training20-body .section .sub-section .product .info span {
display: block;
margin-top: 10px;
margin-bottom: 10px; }
.mens-running-training20-body .section .sub-section .product .info .title {
font-family: NotoSansCJKkr;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #080808;
margin-top: 12px; }
.mens-running-training20-body .section .sub-section .product .info .desc {
font-family: NotoSansCJKkr;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #444444; }
.mens-running-training20-body .section .sub-section .product .info .price {
font-family: NotoSansCJKkr;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #080808;
margin-top: 15px; }
.modal-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 999; }
.modal-wrapper .modal-box {
width: 360px;
height: 210px;
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.27);
background-color: #ffffff;
position: relative; }
.modal-wrapper .modal-box .x-btn {
width: 16px;
height: 15px;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer; }
.modal-wrapper .modal-box .modal-title {
width: 115px;
height: 19px;
font-family: AppleSDGothicNeo;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #080808;
margin: 44px auto 0; }
.modal-wrapper .modal-box .select-lang {
display: flex;
justify-content: center; }
.modal-wrapper .modal-box .select-lang .lang-korean {
margin-right: 40px; }
.modal-wrapper .modal-box .select-lang .lang-korean, .modal-wrapper .modal-box .select-lang .lang-english {
margin-top: 24px;
cursor: pointer; }
.modal-wrapper .modal-box .select-lang .lang-korean img, .modal-wrapper .modal-box .select-lang .lang-english img {
width: 100px;
height: 60px; }
.modal-wrapper .modal-box .select-lang .lang-korean p, .modal-wrapper .modal-box .select-lang .lang-english p {
font-family: NotoSansCJKkr;
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #080808;
width: 50px;
margin: 6px auto 0;
text-align: center; }
.header-fixed {
background-color: #fff;
height: auto;
left: 0;
top: 0;
position: fixed;
width: 100%;
z-index: 200; }
.app-children-box-100 {
position: relative;
width: 100%; }
.app-children-box-140 {
height: auto;
margin-top: 125px;
position: relative;
width: 100%; }
.header-wide-container {
background-color: #fff;
height: auto;
position: relative;
width: 100%;
z-index: 200; }
.header-event-banner {
height: 40px;
line-height: 40px;
position: relative;
text-align: center;
width: 100%;
z-index: 210; }
.header-event-banner a {
text-decoration: none; }
.header-event-banner .close-button-img {
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
width: 13px;
z-index: 10; }
.header-main-menus-area {
position: relative;
width: 100%; }
.header-wrap {
border-bottom: 1px solid #e8e8e8;
background-color: #fff;
height: 80px;
position: relative;
text-align: center;
width: 100%;
z-index: 200; }
.header-box {
background-color: #fff;
height: 80px;
left: 0;
margin: 0 auto;
position: relative;
right: 0;
text-align: center;
width: 100%; }
.header-area {
position: relative;
height: 68px;
width: 100%; }
.header-logo {
cursor: pointer;
height: 58px;
float: left;
margin: 10px 0 0 28px;
width: auto; }
.header-up-menu {
height: 25px;
line-height: 25px;
position: absolute;
top: 7px;
text-align: center;
width: 100%; }
.header-up-menu .item {
color: #777;
cursor: pointer;
font-size: 12px;
font-weight: 400; }
.header-main-menus {
bottom: 0px;
font-size: 16px;
height: 30px;
line-height: 30px;
margin: 0 auto;
position: relative;
text-align: center;
width: 800px; }
.header-main-menus li {
display: inline-block;
width: 124px; }
.header-box .menu-right-mypage-icon {
right: 90px; }
.header-wrap .header-box .change-lang {
position: absolute;
right: 20px;
width: 50px;
height: 30px;
top: 25px;
cursor: pointer; }
.header-right-menus {
top: -4px;
color: #777;
font-size: 9px;
height: 25px;
line-height: 25px;
overflow: hidden;
position: absolute;
right: 100px;
text-align: right;
white-space: nowrap; }
.header-right-menus .menu-item {
color: #777;
cursor: pointer;
font-size: 12px;
font-weight: 400;
margin-top: 3px;
margin-right: 5px; }
.header-right-menus .img-mypage {
cursor: pointer;
position: absolute;
right: 82px;
top: 5px;
width: 15px; }
.header-right-menus .img-cart {
position: absolute;
right: 53px;
top: 5px;
width: 17px; }
.header-left-menus {
top: 0px;
color: #777;
font-size: 9px;
height: 25px;
line-height: 25px;
margin: 5px 0 0 28px;
overflow: hidden;
position: absolute;
left: 0;
text-align: left;
white-space: nowrap; }
.header-left-menus .menu-item {
color: #777;
cursor: pointer;
font-size: 11px;
font-weight: 400;
float: left;
margin-right: 20px; }
.header-left-menus .menu-item:hover {
color: #a90000; }
.header-searchbox-wrap {
position: absolute;
right: 28px;
top: 50px;
height: 40px;
overflow: hidden;
text-align: right;
transition: height .3s; }
.header-searchbox-wrap .header-searchbox {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_search_grey.svg);
background-repeat: no-repeat;
background-size: 16px 16px;
background-position: right 10px center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
bottom: 10px;
border: 1px solid #e5e5e5;
color: #777;
font-size: 12px;
font-weight: 300;
height: 36px;
padding-left: 10px;
width: 190px;
transition: width .7s; }
.header-searchbox-wrap .header-searchbox:focus {
width: 260px;
outline: none; }
.header-searchbox-wrap .search-box-recommand-table {
background-color: #eee;
color: #080808;
font-size: 14px;
height: auto;
width: 274px;
margin-top: 3px;
text-align: center;
opacity: 0;
transition: opacity .3s; }
.header-searchbox-wrap .search-box-recommand-table .link-font {
color: #333; }
.header-searchbox-wrap .search-box-recommand-table .left-td-1 {
border-bottom: 1px solid #fff;
color: #ed1c24;
height: 40px;
width: 137px; }
.header-searchbox-wrap .search-box-recommand-table .right-td-1 {
border-bottom: 1px solid #fff;
color: #080808;
font-weight: bold;
height: 40px;
width: 137px; }
.header-searchbox-wrap .search-box-recommand-table .td-2 {
cursor: pointer;
height: 44px;
padding-top: 5px;
width: 137px; }
.header-searchbox-wrap .search-box-recommand-table .td-3 {
cursor: pointer;
height: 44px;
width: 137px; }
.header-searchbox-wrap.open {
height: 410px; }
.header-searchbox-wrap.open .search-box-recommand-table {
opacity: 1; }
.header-main-menus-area .header-sliding-menu {
box-shadow: 0 6px 10px -6px;
background-color: #fff;
min-height: 200px;
height: auto;
left: 0px;
position: absolute;
padding-bottom: 30px;
width: 100%;
z-index: 200;
top: -350px;
transition: all .7s; }
.header-main-menus-area .header-sliding-menu .menu-table-box {
height: 100%;
min-width: 1200px;
margin: 0 auto;
position: relative;
text-align: center; }
.header-main-menus-area .header-sliding-menu .menu-left-box {
vertical-align: top;
text-align: left;
padding-left: 20px;
display: inline-block;
margin-top: 37px; }
.header-main-menus-area .header-sliding-menu .menu-left-box .menu-link {
display: block;
font-size: 14px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #080808;
margin-bottom: 10px;
margin-right: 20px;
cursor: pointer; }
.header-main-menus-area .header-sliding-menu .menu-left-box a {
color: #080808; }
.header-main-menus-area .header-sliding-menu .menu-collection-box {
vertical-align: top;
text-align: left;
padding-left: 20px;
display: inline-block;
margin-top: 6px; }
.header-main-menus-area .header-sliding-menu .menu-collection-box .menu-link {
display: block;
font-size: 14px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #080808;
margin-bottom: 10px;
margin-right: 20px;
cursor: pointer; }
.header-main-menus-area .header-sliding-menu .menu-collection-box a {
color: #080808; }
.header-main-menus-area .header-sliding-menu .menu-guide-wrap {
display: inline-block;
vertical-align: top;
text-align: center; }
.header-main-menus-area .header-sliding-menu .menu-guide-wrap .menu-guide {
vertical-align: top;
text-align: left; }
.header-main-menus-area .header-sliding-menu .menu-guide-wrap .menu-guide .border-left {
border-left: 0.2px solid #e5e5e5;
margin-top: 30px;
min-height: 200px; }
.header-main-menus-area .header-sliding-menu .menu-guide-wrap .menu-guide .menu-table {
display: inline-block;
height: auto;
vertical-align: top;
width: 160px;
margin-top: -10px;
padding-left: 20px; }
.header-main-menus-area .header-sliding-menu .menu-guide-wrap .menu-guide .menu-table .link-font-2-depth {
color: #080808;
font-size: 14px; }
.header-main-menus-area .header-sliding-menu .menu-guide-wrap .menu-guide .menu-table .link-font-3-depth {
color: #777;
font-size: 14px; }
.header-main-menus-area .header-sliding-menu .menu-guide-wrap .menu-guide .menu-table .header-td {
color: #080808;
font-size: 7px;
height: 50px;
text-align: left;
width: 160px;
font-family: HelveticaNeue; }
.header-main-menus-area .header-sliding-menu .menu-guide-wrap .menu-guide .menu-table .body-td {
color: #777;
font-size: 7px;
text-align: left;
width: 200px;
font-family: HelveticaNeue;
height: 26px; }
.header-main-menus-area .header-sliding-menu .menu-guide-wrap .menu-guide .menu-table .menu-blank-row {
padding-top: 12px; }
.header-main-menus-area .header-sliding-menu .menu-guide-wrap .menu-guide .menu-table:not(:first-child) {
padding-left: 0px; }
.header-main-menus-area .header-sliding-menu .menu-category-banner-div-wrap {
display: inline-block;
text-align: left;
padding-left: 0px; }
.header-main-menus-area .header-sliding-menu .menu-category-banner-div-wrap .menu-category-banner-div {
display: inline-block;
position: relative;
margin-top: 10px;
height: auto;
left: 10px;
border-left: 0.2px solid #e5e5e5;
min-width: 20%; }
.header-main-menus-area.open .header-sliding-menu {
top: 80px; }
.lang-drop {
border: 1px solid #e5e5e5;
position: fixed;
background: #fff;
margin-top: -8px;
font-size: 8px; }
.lang-drop li {
margin: 0;
padding: 5px;
height: 15px;
width: 45px; }
.lang-drop li .kr {
top: 2px;
position: absolute;
right: 5px; }
.lang-drop li .en {
top: 26px;
position: absolute;
right: 5px; }
.lang-drop li img {
width: 25px;
height: 15px;
margin-right: 2px;
position: absolute;
left: 5px; }
.lang-drop li:hover {
background: #eaeaea; }
.display-none {
display: none; }
.click-area {
width: 50px;
height: 50px;
position: absolute;
right: 0;
cursor: pointer;
z-index: 99999;
top: 0; }
.category-banner-image {
cursor: pointer;
padding: 5px 0px 5px 20px;
max-width: 190px;
max-height: 325px; }
/* chatbot*/
.Chatbot_container {
width: 360px;
height: 210px;
z-index: 9999;
font-weight: bold;
background-color: #FFF;
opacity: 0.99;
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.5);
position: relative; }
.talk_close {
cursor: pointer;
top: 20px;
left: 324px;
width: 16px;
height: 16px;
position: absolute; }
.talk_blk_icon_small {
width: 25px;
height: 23px;
vertical-align: -7px; }
.talk_blk_icon {
cursor: pointer;
top: 54px;
left: 63px;
width: 86px;
height: 76px;
position: absolute; }
.talk_blk_label {
color: #000;
top: 129px;
left: 65px;
width: 86px;
height: 18px;
font-size: 12px;
text-align: center;
font-weight: 400;
position: absolute; }
.talk_kakao_icon {
cursor: pointer;
top: 54px;
left: 213px;
width: 86px;
height: 76px;
position: absolute; }
.talk_kakao_label {
color: #000;
top: 129px;
left: 210px;
width: 92px;
height: 18px;
font-size: 12px;
font-weight: 400;
position: absolute; }
.footer-wide-container {
min-width: 1200px;
width: 100%; }
.footer-wrap {
margin: 0 auto;
position: relative;
width: 90%;
border-top: 1px solid #080808; }
.footer-wrap .menu-text {
color: #080808;
font-size: 13px;
margin-left: -5px;
padding: 28px 0 13px;
position: relative; }
.footer-wrap .info-text {
color: #777;
font-size: 12px;
position: relative; }
.footer-wrap .copy-text {
color: #777;
font-size: 12px;
padding-bottom: 50px; }
.footer-right-menus {
bottom: 8px;
color: #969696;
font-size: 16px;
overflow: hidden;
position: absolute;
right: 0;
text-align: right;
width: 350px;
white-space: nowrap; }
.footer-right-menus .menu-item {
cursor: pointer;
display: inline-block;
margin-left: 50px;
vertical-align: bottom; }
.footer-fb-logo {
cursor: pointer;
position: absolute;
right: 106px;
top: 30px;
width: 33px; }
.footer-instagram-logo {
cursor: pointer;
position: absolute;
right: 53px;
top: 30px;
width: 33px; }
.footer-youtube-logo {
cursor: pointer;
position: absolute;
right: 0px;
top: 30px;
width: 33px; }
.spyder-popup {
position: fixed;
width: 1000px;
height: 650px;
top: 50%;
left: 50%;
margin: -325px -500px;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
z-index: 900; }
.spyder-popup .spyder-popup__btns {
height: 50px; }
.spyder-popup .spyder-popup__btns .x-btn:before {
content: url(http://d319d1tzjwpwbb.cloudfront.net/common/icons/x_grey.svg);
font-size: 24px;
color: #a5a5a5;
float: right;
margin-right: 20px;
margin-top: 10px;
cursor: pointer;
width: 20px; }
.spyder-popup .spyder-popup__inner .spyder-popup__contents {
margin: 50px; }
.loginPop {
width: 480px;
box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.4);
background-color: #ffffff;
margin: auto;
margin-top: 110px;
overflow-y: hidden;
height: 500px;
position: relative; }
.loginPop .round {
position: relative;
padding: 22px 48px;
padding-bottom: 0px; }
.loginPop .fp-title {
text-align: center;
font-family: HelveticaNeue;
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #333333; }
.loginPop #find {
position: relative; }
.loginPop #find .member-btn {
margin-bottom: 30px; }
.loginPop #find .find-result {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
padding: 80px 40px; }
.loginPop #find .find-result img {
width: 20px;
position: absolute;
right: 100px;
top: 40px;
cursor: pointer; }
.loginPop #find .find-result h1 {
font-size: 20px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.43;
letter-spacing: normal;
color: #333333; }
.loginPop #find .find-result h1 b {
font-weight: bold; }
.loginPop #find .find-result p {
font-size: 14px;
line-height: 1.43; }
.loginPop #find .find-result2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
padding: 80px 40px; }
.loginPop #find .find-result2 img {
width: 20px;
position: absolute;
right: 100px;
top: 40px;
cursor: pointer; }
.loginPop #find .find-result2 h1 {
font-size: 20px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.43;
letter-spacing: normal;
color: #333333; }
.loginPop #find .find-result2 h1 b {
font-weight: bold; }
.loginPop #find .find-result2 p {
font-size: 14px;
line-height: 1.43; }
.loginPop #find p {
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
color: #333333;
margin-top: 5px; }
.loginPop #find input {
border: solid 1px #e5e5e5;
height: 45px;
margin-bottom: 10px;
width: 99%;
text-indent: 10px; }
.loginPop #find .btn-find {
margin-top: 10px;
background: #333;
color: #fff;
font-size: 16px;
padding: 14px 23px;
width: 100%;
height: 50px;
cursor: pointer; }
.loginPop #find .input-box {
margin: 30px 0 10px 0; }
.loginPop .x-btn {
display: block;
text-align: right;
cursor: pointer; }
.loginPop .x-btn img {
cursor: pointer;
width: 20px;
height: 20px;
margin-right: -30px; }
.loginPop .member-btn {
display: block;
width: 100%;
margin-top: 40px; }
.loginPop .member-btn .black {
background: #080808;
border-top: 1px solid #080808;
border-bottom: 1px solid #080808;
width: 50%;
height: 52px;
color: #fff;
font-size: 18px;
outline: none;
cursor: pointer;
font-weight: 500; }
.loginPop .member-btn .white {
background: #fff;
border-top: 1px solid #080808;
border-bottom: 1px solid #080808;
width: 50%;
height: 52px;
color: #080808;
font-size: 18px;
font-weight: 500;
outline: none;
cursor: pointer; }
.loginPop .login-box {
width: 100%;
padding: 20px 0px; }
.loginPop .login-box input {
width: 336px;
margin-top: 10px;
border: solid 1px #e5e5e5;
font-size: 14px;
color: #333;
padding: 14px 23px; }
.loginPop .login-box input::placeholder {
color: #999; }
.loginPop .login-box input:focus {
outline: none; }
.loginPop .login-box input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
font-size: 14px;
color: #999; }
.loginPop .login-box input::-moz-placeholder {
/* Firefox 19+ */
font-size: 14px;
color: #999; }
.loginPop .login-box input:-ms-input-placeholder {
/* IE 10+ */
font-size: 14px;
color: #999; }
.loginPop .login-box input:-moz-placeholder {
/* Firefox 18- */
font-size: 14px;
color: #999; }
.loginPop .login-box button {
margin-top: 10px;
background: #333;
color: #fff;
font-size: 16px;
padding: 14px 23px;
width: 100%;
height: 50px;
cursor: pointer; }
.loginPop .remember {
display: block;
font-size: 15px;
color: #333; }
.loginPop .remember .find {
float: right;
text-decoration: none; }
.loginPop .remember .find a {
color: #333;
margin-left: 10px;
display: inline-block; }
.loginPop .bottom {
width: 100%;
height: 41px;
background-image: linear-gradient(305deg, #656565, #181818);
text-align: center;
padding: 17px 0px;
margin-top: 52px;
position: absolute;
bottom: 0;
display: flex;
justify-content: center;
align-items: center; }
.loginPop .bottom h1 {
color: #fff;
text-decoration: underline;
font-weight: bold;
font-size: 18px; }
.loginPop .bottom p {
color: #fff;
font-size: 14px;
white-space: pre-line;
font-weight: 300;
margin: 0;
line-height: 19px; }
.loginPop #guest {
text-align: center;
padding-bottom: 53px; }
.loginPop #guest .tempuser-btn {
margin-top: 10px;
background: #333;
color: #fff;
font-size: 16px;
padding: 14px 23px;
width: 100%;
height: 50px;
margin: 51px 0px 18px 0px;
cursor: pointer; }
.loginPop #guest .check-order {
font-size: 15px;
color: #333;
text-decoration: underline;
cursor: pointer; }
.loginPop #round-bottom {
position: absolute;
width: 384px;
text-align: center;
top: 300px; }
.loginPop #round-bottom.member {
top: 390px; }
.loginPop #round-bottom span {
font-size: 15px;
color: #333;
text-decoration: underline;
cursor: pointer; }
.loginPop #order h1 {
font-size: 18px;
color: #333333;
text-align: center;
margin-bottom: 25px; }
.loginPop #order p {
margin-top: 9px;
color: #080808;
text-align: center;
font-size: 13px; }
.loginPop #order .search-box {
display: flex;
margin-bottom: 10px; }
.loginPop #order .search-box span {
font-size: 15px;
color: #333;
width: 97px;
padding-top: 10px; }
.loginPop #order .search-box input {
width: 265px;
padding: 15px 10px;
border: solid 1px #e5e5e5; }
.loginPop #order .search-box button {
font-size: 16px;
width: 190px;
height: 50px;
border: solid 1px #333333;
margin-top: 27px;
cursor: pointer; }
.loginPop #order .search-box .white {
background: #fff;
color: #333;
margin-right: 5px; }
.loginPop #order .search-box .black {
background: #333;
color: #fff; }
.modal img {
width: 100px; }
.modal p {
font-size: 15px; }
.popup_info {
margin-top: 19px;
width: 385px;
height: 36px;
font-family: NotoSansCJKkr;
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.38;
letter-spacing: normal;
text-align: center;
color: #080808; }
.delivery-info-content {
background-color: #ffffff;
height: auto;
margin: 50px auto;
position: relative;
padding: 20px 20px 30px 20px;
width: 550px; }
.delivery-info-content .close-button {
color: #ccc;
cursor: pointer;
font-size: 32px;
height: 32px;
line-height: 32px;
position: absolute;
right: 15px;
top: 15px;
text-align: center;
width: 32px; }
.delivery-info-content .popup-title {
color: #ed1c24;
font-size: 30px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 20px;
position: relative;
text-align: center;
width: 100%; }
.delivery-info-content .delivery-customer-table {
background-color: #f5f5f5;
color: #777;
font-size: 16px;
height: auto;
position: relative;
width: 100%; }
.delivery-info-content .delivery-customer-table .left-td {
border-right: 1px solid #e5e5e5;
height: 40px;
padding-left: 20px;
width: 150px; }
.delivery-info-content .delivery-customer-table .right-td {
height: 40px;
padding-left: 20px;
width: 410px; }
.delivery-info-content .delivery-customer-table .td-padding-top {
padding-top: 10px; }
.delivery-info-content .delivery-customer-table .td-padding-bottom {
padding-bottom: 10px; }
.delivery-info-content .delivery-info-table {
background-color: #f5f5f5;
color: #777;
font-size: 14px;
height: auto;
position: relative;
margin-top: 10px;
width: 100%; }
.delivery-info-content .delivery-info-table .header-td {
border-bottom: 1px solid #e5e5e5;
font-size: 16px;
height: 50px;
text-align: center; }
.delivery-info-content .delivery-info-table .normal-td {
height: 55px;
text-align: center; }
.delivery-info-content .delivery-info-table .td-1 {
width: 120px; }
.delivery-info-content .delivery-info-table .td-2 {
width: 100px; }
.delivery-info-content .delivery-info-table .td-3 {
width: 100px; }
.delivery-info-content .delivery-info-table .td-4 {
width: 100px; }
.delivery-info-content .delivery-info-table .td-5 {
width: 140px; }
.delivery-info-content .delivery-announce {
color: #ed1c24;
font-size: 18px;
height: 40px;
line-height: 40px;
margin-top: 30px;
position: relative;
width: 100%; }
.delivery-info-content .delivery-announce-table {
color: #777;
font-size: 14px;
position: relative;
width: 100%; }
.delivery-info-content .delivery-announce-table .left-td {
height: 25px;
width: 100px; }
.delivery-info-content .delivery-announce-table .right-td {
height: 25px;
width: auto; }
/**
* desktop/stylesheets/pages/_cart.scss
* 위 파일에 의존적임
*/
.cart-popup {
position: fixed;
top: 0;
right: 0;
background-color: #fff;
height: 100%;
z-index: 10000;
box-shadow: -1px 0 4px rgba(0, 0, 0, 0.5);
transition: right .4s; }
.cart-popup.hide {
right: -430px; }
.cart-popup .cart-contents {
height: 100%;
margin: 0;
position: relative;
width: 420px;
padding: 0; }
.cart-popup .cart-popup-section-middle {
height: calc(100% - 327px); }
.cart-popup .cart-popup-section-bottom {
position: absolute;
bottom: 0;
width: 420px; }
.cart-popup .cart-popup-section-bottom .uk-sub {
font-size: 15px;
padding: 0px 30px; }
.cart-popup .cart-name-section {
border-bottom: 1px solid #e5e5e5;
height: 32px;
line-height: 32px;
position: relative;
width: 100%;
border-bottom: 0;
text-align: center;
margin: 0 auto;
padding: 40px 0; }
.cart-popup .cart-name-section .cart-close-btn {
position: absolute;
top: 28px;
right: 28px;
color: #c90000;
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/x_red.svg);
cursor: pointer;
width: 15px; }
.cart-popup .cart-name-section .cart-close-btn:after {
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/x_red.svg); }
.cart-popup .cart-name-section .name {
display: inline-block;
width: 120px;
font-size: 30px;
font-weight: 500;
color: #080808; }
.cart-popup .cart-name-section .order-name {
display: inline-block;
font-size: 28px;
width: 115px; }
.cart-popup .cart-name-section .count {
color: #ed1c24;
display: inline-block;
font-size: 28px;
width: 420px; }
.cart-popup .cart-list-section {
position: relative;
border: 0;
width: 360px;
overflow: auto;
margin: 0 30px; }
.cart-popup .cart-list-section .header {
display: none; }
.cart-popup .cart-list-section .contents {
width: 100%;
min-height: 148px;
height: auto;
margin-bottom: 0;
background-color: #ffffff;
border-top: 1px solid #e5e5e5; }
.cart-popup .cart-list-section .contents .contents-empty {
color: #969696;
font-size: 18px;
font-weight: 300;
height: 200px;
line-height: 200px;
text-align: center;
width: 100%; }
.cart-popup .cart-product-item-mini {
display: inline-block;
width: 100%;
height: 114px;
position: relative;
margin: 13px 0; }
.cart-popup .cart-product-item-mini .product-info {
display: inline-block;
width: 100%;
height: 100%;
border: 0; }
.cart-popup .cart-product-item-mini .product-info .checkbox {
display: none; }
.cart-popup .cart-product-item-mini .product-info .product-img {
display: inline-block;
float: left;
width: 114px;
height: 114px;
margin: 0;
position: relative; }
.cart-popup .cart-product-item-mini .product-info .product-img img {
height: auto;
position: relative;
width: 100%; }
.cart-popup .cart-product-item-mini .product-info .product-img .event-tag {
bottom: 5px;
content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/set.svg);
height: auto;
position: absolute;
right: 5px;
width: 40px;
z-index: 100; }
.cart-popup .cart-product-item-mini .product-info .product-img .event-sac {
bottom: 5px;
content: url(//d319d1tzjwpwbb.cloudfront.net/common/sac/badge.svg);
height: auto;
position: absolute;
right: 5px;
width: 40px;
z-index: 100; }
.cart-popup .cart-product-item-mini .product-info .cart-info-box {
display: inline-block;
float: left;
width: 200px;
height: 110px;
text-align: left;
margin: 0;
margin-left: 15px;
position: relative; }
.cart-popup .cart-product-item-mini .product-info .cart-info-box .name {
color: #080808;
display: inline-block;
width: 100%;
font-size: 13px;
font-weight: bold; }
.cart-popup .cart-product-item-mini .product-info .cart-info-box .spec {
display: inline-block;
width: 100%;
font-size: 11px;
font-weight: 300;
color: #969696;
text-align: left;
margin-top: 5px;
position: absolute;
bottom: 25px;
left: 0; }
.cart-popup .cart-product-item-mini .product-info .cart-info-box .spec ul {
width: 100%;
margin: 0;
padding: 0; }
.cart-popup .cart-product-item-mini .product-info .cart-info-box .spec li {
list-style-type: none; }
.cart-popup .cart-product-item-mini .product-info .cart-info-box .price {
position: absolute;
bottom: 0;
font-size: 13px;
font-weight: 300;
color: #6d6d6d; }
.cart-popup .cart-product-item-mini .product-info .confirmed-box {
display: inline-block;
float: left;
width: 80%;
height: 118px;
margin-top: 20px;
margin-left: 10px; }
.cart-popup .cart-product-item-mini .product-info .confirmed-box .confirmed-name {
display: inline-block;
width: 100%;
font-size: 16px;
font-weight: bold; }
.cart-popup .cart-product-item-mini .product-info .confirmed-box .confirmed-detail {
display: inline-block;
height: 50px;
width: 674px;
font-size: 14px;
color: #969696;
text-align: left;
margin-top: 30px;
background-color: #f5f5f5; }
.cart-popup .cart-product-item-mini .product-info .confirmed-box .confirmed-detail .value {
color: #080808; }
.cart-popup .cart-product-item-mini .product-info .confirmed-box .confirmed-detail ul {
display: inline-block;
width: 20%;
margin: 4px 220px 0px 6px;
padding: 0; }
.cart-popup .cart-product-item-mini .product-info .confirmed-box .confirmed-detail li {
list-style-type: none;
margin-bottom: 3px; }
.cart-popup .cart-product-item-mini .product-info .confirmed-box .confirmed-detail .confirmed-text {
display: inline-block;
height: 50px;
line-height: 50px;
vertical-align: top;
width: 80px;
text-align: right; }
.cart-popup .cart-product-item-mini .product-info .confirmed-box .confirmed-detail .confirmed-price {
color: #000000;
display: inline-block;
font-weight: bold;
height: 50px;
line-height: 50px;
text-align: right;
vertical-align: top;
width: 120px; }
.cart-popup .cart-product-item-mini .product-info .confirmed-box .confirmed-detail .confirmed-won {
display: inline-block;
height: 50px;
line-height: 50px;
vertical-align: top; }
.cart-popup .cart-product-item-mini .product-info .quantity-box {
display: none; }
.cart-popup .cart-product-item-mini .product-info .delete-button {
position: absolute;
top: 3px;
right: 0;
margin-right: 30px;
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/x_grey.svg);
cursor: pointer;
width: 13px; }
.cart-popup .cart-product-item-mini .product-info .delete-button:after {
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/x_grey.svg); }
.cart-popup .cart-product-item-mini .product-price {
display: none; }
.cart-popup .cart-order-info-up {
border: 0;
background-color: #fff;
border-top: 1px solid #e5e5e5;
margin-top: 15px; }
.cart-popup .cart-order-info-up .item {
width: 100%;
margin-top: 15px;
margin-left: 30px;
text-align: left; }
.cart-popup .cart-order-info-up .item .text {
text-align: left;
font-weight: bold;
font-size: 13px; }
.cart-popup .cart-order-info-up .item .text.totalPrice {
font-size: 15px; }
.cart-popup .cart-order-info-up .item .result {
float: right;
margin-right: 60px;
text-align: right;
font-weight: bold;
font-size: 13px; }
.cart-popup .cart-order-info-up .item .result.totalPrice {
font-size: 15px;
color: #c90000; }
.cart-popup .cart-button-section {
margin-bottom: 30px; }
.cart-popup .cart-button {
border-radius: 0;
font-size: 13px;
font-weight: 400;
height: 40px;
line-height: 40px; }
.cart-popup .cart-button.cart-shopping-button {
border: 1px solid #dddddd;
background-color: #ffffff;
color: #606060; }
.cart-popup .cart-button.cart-member-order-button {
background-color: #ed1c24;
color: #ffffff; }
.cart-popup .login-line {
border: 0; }
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
/*
const carouselProps = {
baseClass: 'owl-carousel spyder-carousel',
// theme: 'owl-theme indicator-dot', // [indicator-large, indicator-dot, indicator-wide-bottom]
autoPlay: 5000,
singleItem: true,
scrollPerPage: false,
mouseDrag: true,
touchDrag: true,
navigation: true,
navigationText: [
'
', // eslint-disable-line
'
', // eslint-disable-line
],
};
*/
.spyder-carousel {
/*.owl-theme*/
/*.owl-theme*/
/*.owl-theme*/
/* Styling Pagination*/
/*.owl-theme*/
/*.owl-theme*/
/*.owl-theme*/
/* If PaginationNumbers is true */
/*.owl-theme*/
/* preloading images */ }
.spyder-carousel .owl-controls .owl-buttons {
margin: 0 auto;
position: absolute;
top: 50%;
transform: translateY(-30px);
width: 100%; }
.spyder-carousel .owl-controls .owl-buttons .owl-prev {
position: absolute;
left: 0;
padding: 20px; }
.spyder-carousel .owl-controls .owl-buttons .owl-next {
position: absolute;
right: 0;
padding: 20px; }
.spyder-carousel .owl-pagination {
bottom: 30px;
position: absolute;
text-align: center;
width: 100%; }
.spyder-carousel .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */ }
.spyder-carousel .owl-controls .owl-page span {
background: #ccc;
opacity: 1;
display: block;
margin: 0 4px;
width: 45px;
height: 4px; }
.spyder-carousel .owl-controls .owl-page.active span,
.spyder-carousel .owl-controls.clickable .owl-page:hover span {
content: url(//d319d1tzjwpwbb.cloudfront.net/common/indicator/indicator_on_red.svg);
background: #ca0000;
opacity: 1; }
.spyder-carousel.indicator-large .owl-controls .owl-page span {
width: 85px; }
.spyder-carousel.indicator-small .owl-controls .owl-page span {
width: 45px; }
.spyder-carousel.indicator-dot {
/*.owl-theme*/
/*.owl-theme*/ }
.spyder-carousel.indicator-dot .owl-controls .owl-page span {
width: 8px;
height: 8px;
margin: 0 4px;
filter: Alpha(Opacity=50);
/*IE7 fix*/
opacity: 1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #bfbfbf; }
.spyder-carousel.indicator-dot .owl-controls .owl-page.active span,
.spyder-carousel.indicator-dot .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1;
background: #E62E04; }
.spyder-carousel.indicator-wide-bottom .owl-pagination {
display: table;
bottom: 0; }
.spyder-carousel.indicator-wide-bottom .owl-controls .owl-page {
display: table-cell; }
.spyder-carousel.indicator-wide-bottom .owl-controls .owl-page span {
content: '';
margin: 0;
width: 100%;
display: block;
height: 4px;
background: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/baselayer/off_w.svg);
background-size: 200%;
background-position: center; }
.spyder-carousel.indicator-wide-bottom .owl-controls .owl-page.active span,
.spyder-carousel.indicator-wide-bottom .owl-controls.clickable .owl-page:hover span {
background: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/baselayer/on_w.svg);
background-size: 200%;
background-position: center; }
.spyder-carousel.indicator-wide-bottom_75 .owl-pagination {
display: table;
width: 200px;
left: 50%;
bottom: 22px;
transform: translateX(-50%);
background: #ccc; }
.spyder-carousel.indicator-wide-bottom_75 .owl-controls .owl-page {
display: table-cell;
padding-left: 0px; }
.spyder-carousel.indicator-wide-bottom_75 .owl-controls .owl-page span {
content: '';
margin: 0;
width: 100%;
display: block;
height: 3px;
background: #ccc;
opacity: 1;
background-size: 200%;
background-position: center; }
.spyder-carousel.indicator-wide-bottom_75 .owl-controls .owl-page.active span,
.spyder-carousel.indicator-wide-bottom_75 .owl-controls.clickable .owl-page:hover span {
background: url(//d319d1tzjwpwbb.cloudfront.net/common/indicator/indicator_on_red.svg);
background-size: 200%;
background-position: center;
opacity: 1; }
.spyder-carousel .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
.spyder-carousel .owl-item.loading {
min-height: 150px; }
.spyder-carousel .owl-item.animated {
visibility: visible; }
.spyder-carousel .owl-topBannerFade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease; }
.spyder-carousel .owl-topBannerFade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
opacity: 1; }
@-webkit-keyframes fadeIn {
0%, 50%, 90% {
opacity: 1; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0%, 50%, 100% {
opacity: 0; }
100% {
opacity: 0; } }
.spyder-carousel-white .owl-controls .owl-page span {
margin: 0; }
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.mdpick-banner-slide {
height: auto;
margin-bottom: 50px;
position: relative;
width: 100%;
/* Styling Pagination*/
/* If PaginationNumbers is true */
/* preloading images */ }
.mdpick-banner-slide .owl-theme .owl-controls .owl-buttons {
margin: 0 auto;
top: 0;
position: absolute;
top: 36%;
transform: translateY(-20px);
width: 100%; }
.mdpick-banner-slide .owl-theme .owl-controls .owl-buttons .owl-prev {
height: 40px;
left: 15px;
padding: 0;
position: absolute;
width: 22px; }
.mdpick-banner-slide .owl-theme .owl-controls .owl-buttons .owl-next {
height: 40px;
padding: 0;
position: absolute;
right: 20px;
width: 22px; }
.mdpick-banner-slide .owl-pagination {
bottom: 205px;
position: absolute;
text-align: center;
width: 100%; }
.mdpick-banner-slide .owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */ }
.mdpick-banner-slide .owl-theme .owl-controls .owl-page span {
display: block;
width: 6px;
height: 6px;
margin: 0 0 0 0;
padding: 0 0 0 0;
margin-right: 7px;
filter: Alpha(Opacity=50);
/*IE7 fix*/
opacity: 1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #fff; }
.mdpick-banner-slide .owl-theme .owl-controls .owl-page.active span,
.mdpick-banner-slide .owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1;
background: #E62E04; }
.mdpick-banner-slide .owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
.mdpick-banner-slide .owl-item.loading {
min-height: 150px; }
.mdpick-banner-slide .owl-item.animated {
visibility: visible; }
.owl-topBannerFade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease; }
.owl-topBannerFade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
opacity: 1; }
@-webkit-keyframes fadeIn {
0%, 50%, 90% {
opacity: 1; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0%, 50%, 100% {
opacity: 0; }
100% {
opacity: 0; } }
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.mdpick-cycle-slide {
height: auto;
position: relative;
width: 100%;
/* Styling Pagination*/
/* If PaginationNumbers is true */
/* preloading images */ }
.mdpick-cycle-slide .owl-theme .owl-controls .owl-buttons {
margin: 0 auto;
top: 0;
position: absolute;
top: 50%;
transform: translateY(-15px);
width: 100%; }
.mdpick-cycle-slide .owl-theme .owl-controls .owl-buttons .owl-prev {
height: 22px;
left: 15px;
padding: 0;
position: absolute;
width: 15px; }
.mdpick-cycle-slide .owl-theme .owl-controls .owl-buttons .owl-next {
height: 22px;
padding: 0;
position: absolute;
right: 28px;
width: 15px; }
.mdpick-cycle-slide .owl-pagination {
bottom: 60px;
position: absolute;
text-align: center;
width: 100%; }
.mdpick-cycle-slide .owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */ }
.mdpick-cycle-slide .owl-theme .owl-controls .owl-page span {
display: block;
width: 8px;
height: 8px;
margin: 0 0 0 0;
padding: 0 0 0 0;
margin-right: 8px;
filter: Alpha(Opacity=50);
/*IE7 fix*/
opacity: 1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #E0E0E0; }
.mdpick-cycle-slide .owl-theme .owl-controls .owl-page.active span,
.mdpick-cycle-slide .owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1;
background: #E62E04; }
.mdpick-cycle-slide .owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
.mdpick-cycle-slide .owl-item.loading {
min-height: 150px; }
.mdpick-cycle-slide .owl-item.animated {
visibility: visible; }
.owl-topBannerFade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease; }
.owl-topBannerFade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
opacity: 1; }
@-webkit-keyframes fadeIn {
0%, 50%, 90% {
opacity: 1; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0%, 50%, 100% {
opacity: 0; }
100% {
opacity: 0; } }
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.rashguard-banner-slide {
height: 100%;
position: relative;
z-index: 100;
/* Styling Pagination*/
/* If PaginationNumbers is true */
/* preloading images */ }
.rashguard-banner-slide .owl-theme .owl-controls .owl-buttons {
margin: 0 auto;
top: 0;
position: absolute;
top: 50%;
transform: translateY(-20px);
width: 100%; }
.rashguard-banner-slide .owl-theme .owl-controls .owl-buttons .owl-prev {
height: 40px;
left: 15px;
padding: 0;
position: absolute;
width: 22px; }
.rashguard-banner-slide .owl-theme .owl-controls .owl-buttons .owl-next {
height: 40px;
padding: 0;
position: absolute;
right: 20px;
width: 22px; }
.rashguard-banner-slide .owl-pagination {
box-sizing: border-box;
bottom: 40px;
padding-left: 30px;
position: absolute;
width: 100%; }
.rashguard-banner-slide .owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */ }
.rashguard-banner-slide .owl-theme .owl-controls .owl-page span {
display: block;
width: 8px;
height: 8px;
margin: 0 0 0 0;
padding: 0 0 0 0;
margin-right: 8px;
filter: Alpha(Opacity=50);
/*IE7 fix*/
opacity: 1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #5a5e75; }
.rashguard-banner-slide .owl-theme .owl-controls .owl-page.active span,
.rashguard-banner-slide .owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1;
background: #fff; }
.rashguard-banner-slide .owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
.rashguard-banner-slide .owl-item.loading {
min-height: 150px; }
.rashguard-banner-slide .owl-item.animated {
visibility: visible; }
.owl-topBannerFade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease; }
.owl-topBannerFade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
opacity: 1; }
@-webkit-keyframes fadeIn {
0%, 50%, 90% {
opacity: 1; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0%, 50%, 100% {
opacity: 0; }
100% {
opacity: 0; } }
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.main-category-slide {
/* Styling Next and Prev buttons */
/* Styling Pagination*/
/* If PaginationNumbers is true */
/* preloading images */ }
.main-category-slide .owl-theme {
position: relative;
margin: 0 auto;
width: 1000px;
height: 100%;
left: 0px;
overflow: visible; }
.main-category-slide .owl-theme .owl-controls {
bottom: 10px;
left: 0px;
top: -45px;
right: 160px;
position: absolute;
width: 980px; }
.main-category-slide .owl-theme .owl-controls .owl-buttons div {
position: absolute;
background: #ffffff;
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1; }
.main-category-slide .owl-theme .owl-controls .owl-buttons .owl-prev {
width: 17px;
height: 30px;
left: -48px;
top: 155px; }
.main-category-slide .owl-theme .owl-controls .owl-buttons .owl-next {
width: 17px;
height: 30px;
right: -48px;
top: 155px; }
.main-category-slide .owl-pagination {
position: absolute;
right: 0;
top: 10px; }
.main-category-slide .owl-theme .owl-controls .owl-page {
display: inline-block;
position: relative;
zoom: 1;
*display: inline;
/*IE7 life-saver */ }
.main-category-slide .owl-theme .owl-controls .owl-page span {
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 0 0;
padding: 0 0 0 0;
margin-right: 8px;
filter: Alpha(Opacity=50);
/*IE7 fix*/
opacity: 1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #bfbfbf; }
.main-category-slide .owl-theme .owl-controls .owl-page.active span,
.main-category-slide .owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1;
background: #E62E04; }
.main-category-slide .owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
.main-category-slide .owl-item.loading {
min-height: 150px; }
.main-category-slide .owl-wrapper-outer {
z-index: 20; }
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.modularbagbook-slide {
height: 100%;
position: relative;
z-index: 100;
/* Styling Pagination*/
/* If PaginationNumbers is true */
/* preloading images */ }
.modularbagbook-slide .owl-theme .owl-controls .owl-buttons {
margin: 0 auto;
top: 0;
position: absolute;
top: 50%;
transform: translateY(-20px);
width: 100%; }
.modularbagbook-slide .owl-theme .owl-controls .owl-buttons .owl-prev {
height: 40px;
left: 15px;
padding: 0;
position: absolute;
width: 22px; }
.modularbagbook-slide .owl-theme .owl-controls .owl-buttons .owl-next {
height: 40px;
padding: 0;
position: absolute;
right: 20px;
width: 22px; }
.modularbagbook-slide .owl-pagination {
bottom: 50px;
position: absolute;
text-align: center;
width: 100%; }
.modularbagbook-slide .owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */ }
.modularbagbook-slide .owl-theme .owl-controls .owl-page span {
display: block;
width: 8px;
height: 8px;
margin: 0 0 0 0;
padding: 0 0 0 0;
margin-right: 8px;
filter: Alpha(Opacity=50);
/*IE7 fix*/
opacity: 1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #bfbfbf; }
.modularbagbook-slide .owl-theme .owl-controls .owl-page.active span,
.modularbagbook-slide .owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1;
background: #E62E04; }
.modularbagbook-slide .owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
.modularbagbook-slide .owl-item.loading {
min-height: 150px; }
.modularbagbook-slide .owl-item.animated {
visibility: visible; }
.owl-topBannerFade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease; }
.owl-topBannerFade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
opacity: 1; }
@-webkit-keyframes fadeIn {
0%, 50%, 90% {
opacity: 1; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0%, 50%, 100% {
opacity: 0; }
100% {
opacity: 0; } }
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.modularbagproduct-slide {
height: auto;
position: relative;
z-index: 100;
/* Styling Pagination*/
/* If PaginationNumbers is true */
/* preloading images */ }
.modularbagproduct-slide .owl-theme .owl-controls .owl-buttons {
margin: 0 auto;
top: 0;
position: absolute;
top: 50%;
transform: translateY(-20px);
width: 100%; }
.modularbagproduct-slide .owl-theme .owl-controls .owl-buttons .owl-prev {
height: 40px;
left: 15px;
padding: 0;
position: absolute;
width: 22px; }
.modularbagproduct-slide .owl-theme .owl-controls .owl-buttons .owl-next {
height: 40px;
padding: 0;
position: absolute;
right: 20px;
width: 22px; }
.modularbagproduct-slide .owl-pagination {
bottom: 50px;
position: absolute;
text-align: center;
width: 100%;
display: none; }
.modularbagproduct-slide .owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */ }
.modularbagproduct-slide .owl-theme .owl-controls .owl-page span {
display: block;
width: 8px;
height: 8px;
margin: 0 0 0 0;
padding: 0 0 0 0;
margin-right: 8px;
filter: Alpha(Opacity=50);
/*IE7 fix*/
opacity: 1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #bfbfbf; }
.modularbagproduct-slide .owl-theme .owl-controls .owl-page.active span,
.modularbagproduct-slide .owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1;
background: #E62E04; }
.modularbagproduct-slide .owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
.modularbagproduct-slide .owl-item.loading {
min-height: 150px; }
.modularbagproduct-slide .owl-item.animated {
visibility: visible; }
.owl-topBannerFade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease; }
.owl-topBannerFade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
opacity: 1; }
@-webkit-keyframes fadeIn {
0%, 50%, 90% {
opacity: 1; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0%, 50%, 100% {
opacity: 0; }
100% {
opacity: 0; } }
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.modularbagutility-slide {
top: 0;
position: absolute;
width: 100%;
/* Styling Pagination*/
/* If PaginationNumbers is true */
/* preloading images */ }
.modularbagutility-slide .owl-theme {
position: relative;
margin: 0 auto;
width: 100%;
height: 100%;
left: 0px;
overflow: hidden; }
.modularbagutility-slide .owl-theme .owl-controls .owl-buttons {
margin: 0 auto;
position: absolute;
top: 50%;
transform: translateY(-20px); }
.modularbagutility-slide .owl-theme .owl-controls .owl-buttons .owl-prev {
height: 40px;
left: 15px;
padding: 0;
position: absolute;
width: 22px; }
.modularbagutility-slide .owl-theme .owl-controls .owl-buttons .owl-next {
height: 40px;
padding: 0;
position: absolute;
right: 20px;
width: 22px; }
.modularbagutility-slide .owl-pagination {
bottom: 30px;
position: absolute;
text-align: center;
width: 100%; }
.modularbagutility-slide .owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */ }
.modularbagutility-slide .owl-theme .owl-controls .owl-page span {
display: block;
width: 8px;
height: 8px;
margin: 0 0 0 0;
padding: 0 0 0 0;
margin-right: 8px;
filter: Alpha(Opacity=50);
/*IE7 fix*/
opacity: 1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #bfbfbf; }
.modularbagutility-slide .owl-theme .owl-controls .owl-page.active span,
.modularbagutility-slide .owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1;
background: #E62E04; }
.modularbagutility-slide .owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
.modularbagutility-slide .owl-item.loading {
min-height: 150px; }
.modularbagutility-slide .owl-item.animated {
visibility: visible; }
.owl-topBannerFade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease; }
.owl-topBannerFade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
opacity: 1; }
@-webkit-keyframes fadeIn {
0%, 50%, 90% {
opacity: 1; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0%, 50%, 100% {
opacity: 0; }
100% {
opacity: 0; } }
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.mdpick-winter-cycle-slide {
height: auto;
position: relative;
width: 100%;
/* Styling Pagination*/
/* If PaginationNumbers is true */
/* preloading images */ }
.mdpick-winter-cycle-slide .owl-theme .owl-controls .owl-buttons {
margin: 0 auto;
top: 0;
position: absolute;
top: 50%;
transform: translateY(-15px);
width: 100%; }
.mdpick-winter-cycle-slide .owl-theme .owl-controls .owl-buttons .owl-prev {
height: 22px;
left: 50px;
padding: 0;
position: absolute;
width: 15px; }
.mdpick-winter-cycle-slide .owl-theme .owl-controls .owl-buttons .owl-next {
height: 22px;
padding: 0;
position: absolute;
right: 63px;
width: 15px; }
.mdpick-winter-cycle-slide .owl-pagination {
bottom: 60px;
position: absolute;
text-align: center;
width: 100%; }
.mdpick-winter-cycle-slide .owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */ }
.mdpick-winter-cycle-slide .owl-theme .owl-controls .owl-page span {
display: none;
width: 8px;
height: 8px;
margin: 0 0 0 0;
padding: 0 0 0 0;
margin-right: 8px;
filter: Alpha(Opacity=50);
/*IE7 fix*/
opacity: 1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #E0E0E0; }
.mdpick-winter-cycle-slide .owl-theme .owl-controls .owl-page.active span,
.mdpick-winter-cycle-slide .owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1;
background: #E62E04; }
.mdpick-winter-cycle-slide .owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 0;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
.mdpick-winter-cycle-slide .owl-item.loading {
min-height: 150px; }
.mdpick-winter-cycle-slide .owl-item.animated {
visibility: visible; }
.owl-topBannerFade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease; }
.owl-topBannerFade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
opacity: 1; }
@-webkit-keyframes fadeIn {
0%, 50%, 90% {
opacity: 1; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0%, 50%, 100% {
opacity: 0; }
100% {
opacity: 0; } }
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.mdpick-compression-slide {
height: auto;
width: 100%;
/* Styling Next and Prev buttons */
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
/* Styling Next and Prev buttons */
/* Styling Pagination*/
/* If PaginationNumbers is true */
/* preloading images */ }
.mdpick-compression-slide .owl-theme .owl-controls {
bottom: 0px;
margin: 0 auto;
position: relative;
width: 100%; }
.mdpick-compression-slide .owl-theme .owl-controls .owl-buttons div {
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);
/*IE7 fix*/
opacity: 0.5; }
.mdpick-compression-slide .owl-theme .owl-controls.clickable .owl-buttons div:hover {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1;
text-decoration: none; }
.mdpick-compression-slide .owl-theme .owl-controls .owl-buttons div {
position: absolute;
background: #ffffff;
background: rgba(255, 255, 255, 0);
filter: alpha(Opacity=0);
/*IE7 fix*/
opacity: 1; }
.mdpick-compression-slide .owl-theme .owl-controls .owl-buttons .owl-prev {
height: auto;
left: -70px;
padding: 0;
top: -558px;
width: 20px; }
.mdpick-compression-slide .owl-theme .owl-controls .owl-buttons .owl-next {
height: auto;
padding: 0;
right: -70px;
top: -558px;
width: 20px; }
.mdpick-compression-slide .owl-pagination {
bottom: 30px;
position: absolute;
text-align: center;
width: 100%; }
.mdpick-compression-slide .owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */ }
.mdpick-compression-slide .owl-theme .owl-controls .owl-page span {
display: block;
width: 6px;
height: 6px;
margin: 0 0 0 0;
padding: 0 0 0 0;
margin-right: 7px;
filter: Alpha(Opacity=50);
/*IE7 fix*/
opacity: 1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #E0E0E0; }
.mdpick-compression-slide .owl-theme .owl-controls .owl-page.active span,
.mdpick-compression-slide .owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1;
background: #E62E04; }
.mdpick-compression-slide .owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
.mdpick-compression-slide .owl-item.loading {
min-height: 150px; }
.mdpick-compression-slide .owl-item.animated {
visibility: visible; }
.owl-topBannerFade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease; }
.owl-topBannerFade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
opacity: 1; }
@-webkit-keyframes fadeIn {
0%, 50%, 90% {
opacity: 1; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0%, 50%, 100% {
opacity: 0; }
100% {
opacity: 0; } }
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.mdpick-cycle-2018 {
height: auto;
position: relative;
width: 100%;
/* Styling Pagination*/
/* If PaginationNumbers is true */
/* preloading images */ }
.mdpick-cycle-2018 .owl-theme .owl-controls .owl-buttons {
margin: 0 auto;
top: 0;
position: absolute;
top: 50%;
transform: translateY(-15px);
width: 100%; }
.mdpick-cycle-2018 .owl-theme .owl-controls .owl-buttons .owl-prev {
height: 22px;
left: 15px;
padding: 0;
position: absolute;
width: 15px; }
.mdpick-cycle-2018 .owl-theme .owl-controls .owl-buttons .owl-next {
height: 22px;
padding: 0;
position: absolute;
right: 28px;
width: 15px; }
.mdpick-cycle-2018 .owl-pagination {
bottom: 60px;
position: absolute;
text-align: center;
width: 100%; }
.mdpick-cycle-2018 .owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */ }
.mdpick-cycle-2018 .owl-theme .owl-controls .owl-page span {
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/2018cycle_1/off_w.svg);
display: block;
height: auto;
margin: 0 8px 0 0;
padding: 0 0 0 0;
width: 110px; }
.mdpick-cycle-2018 .owl-theme .owl-controls .owl-page.active span,
.mdpick-cycle-2018 .owl-theme .owl-controls.clickable .owl-page:hover span {
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/2018cycle_1/on_w.svg); }
.mdpick-cycle-2018 .owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
.mdpick-cycle-2018 .owl-item.loading {
min-height: 150px; }
.mdpick-cycle-2018 .owl-item.animated {
visibility: visible; }
.owl-topBannerFade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease; }
.owl-topBannerFade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
opacity: 1; }
@-webkit-keyframes fadeIn {
0%, 50%, 90% {
opacity: 1; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0%, 50%, 100% {
opacity: 0; }
100% {
opacity: 0; } }
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.mdpick-baselayer {
height: auto;
position: relative;
width: 100%;
/* Styling Pagination*/
/* If PaginationNumbers is true */
/* preloading images */ }
.mdpick-baselayer .owl-theme .owl-controls .owl-buttons {
margin: 0 auto;
top: 0;
position: absolute;
top: 50%;
transform: translateY(-30px);
width: 100%; }
.mdpick-baselayer .owl-theme .owl-controls .owl-buttons .owl-prev {
height: 22px;
left: 15px;
padding: 0;
position: absolute;
width: 15px; }
.mdpick-baselayer .owl-theme .owl-controls .owl-buttons .owl-next {
height: 22px;
padding: 0;
position: absolute;
right: 28px;
width: 15px; }
.mdpick-baselayer .owl-pagination {
bottom: 30px;
position: absolute;
text-align: center;
width: 100%; }
.mdpick-baselayer .owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */ }
.mdpick-baselayer .owl-theme .owl-controls .owl-page span {
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/baselayer/off_w.svg);
display: block;
height: auto;
margin: 0 8px 0 0;
padding: 0 0 0 0;
width: 110px; }
.mdpick-baselayer .owl-theme .owl-controls .owl-page.active span,
.mdpick-baselayer .owl-theme .owl-controls.clickable .owl-page:hover span {
content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/baselayer/on_w.svg); }
.mdpick-baselayer .owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
.mdpick-baselayer .owl-item.loading {
min-height: 150px; }
.mdpick-baselayer .owl-item.animated {
visibility: visible; }
.owl-topBannerFade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease; }
.owl-topBannerFade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
opacity: 1; }
@-webkit-keyframes fadeIn {
0%, 50%, 90% {
opacity: 1; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0%, 50%, 100% {
opacity: 0; }
100% {
opacity: 0; } }
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.mdpic_rashguard_2018 {
height: 100%;
position: relative;
z-index: 100;
/* Styling Pagination*/
/* If PaginationNumbers is true */ }
.mdpic_rashguard_2018 .owl-carousel {
height: 100%; }
.mdpic_rashguard_2018 .owl-carousel .owl-wrapper-outer {
height: 100%; }
.mdpic_rashguard_2018 .owl-carousel .owl-wrapper-outer .owl-wrapper {
height: 100%; }
.mdpic_rashguard_2018 .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
height: 100%; }
.mdpic_rashguard_2018 .owl-pagination {
margin-left: 3px;
bottom: 50px;
position: absolute;
text-align: center;
width: 100%; }
.mdpic_rashguard_2018 .owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */ }
.mdpic_rashguard_2018 .owl-theme .owl-controls .owl-page span {
display: block;
width: 8px;
height: 8px;
margin: 0 0 0 0;
padding: 0 0 0 0;
margin-right: 8px;
filter: Alpha(Opacity=50);
/*IE7 fix*/
opacity: 1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #bfbfbf; }
.mdpic_rashguard_2018 .owl-theme .owl-controls .owl-page.active span,
.mdpic_rashguard_2018 .owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1;
background: #E62E04; }
.mdpic_rashguard_2018 .owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.mdpic_summer_style_2018_owlCarousel {
height: 100%;
position: relative;
z-index: 100;
/* Styling Pagination*/
/* If PaginationNumbers is true */ }
.mdpic_summer_style_2018_owlCarousel .owl-pagination {
bottom: 200px;
position: absolute;
text-align: center;
width: 100%; }
.mdpic_summer_style_2018_owlCarousel .owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */ }
.mdpic_summer_style_2018_owlCarousel .owl-theme .owl-controls .owl-page:first-child {
margin-left: 8px; }
.mdpic_summer_style_2018_owlCarousel .owl-theme .owl-controls .owl-page span {
display: block;
width: 8px;
height: 8px;
margin: 0 0 0 0;
padding: 0 0 0 0;
margin-right: 8px;
filter: Alpha(Opacity=50);
/*IE7 fix*/
opacity: 1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #bfbfbf; }
.mdpic_summer_style_2018_owlCarousel .owl-theme .owl-controls .owl-page.active span,
.mdpic_summer_style_2018_owlCarousel .owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1;
background: #E62E04; }
.mdpic_summer_style_2018_owlCarousel .owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
.n-order-box .order-phone-dropdown {
display: inline-block;
width: 25%; }
.n-order-box .order-phone-dropdown .result {
padding: 0; }
.n-order-box .order-phone-dropdown .Dropdown-root {
position: relative;
height: 45px;
width: 100%;
color: #969696;
font-size: 14px; }
.n-order-box .order-phone-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #e5e5e5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: default;
outline: none;
width: 100%;
height: 45px;
text-align: center;
line-height: 30px; }
.n-order-box .order-phone-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.n-order-box .order-phone-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 10px 13px;
height: 13px;
position: absolute;
right: 5px;
top: 16px;
width: 10px; }
.n-order-box .order-phone-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.n-order-box .order-phone-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.n-order-box .order-phone-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.n-order-box .order-phone-dropdown .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 45px;
line-height: 45px; }
.n-order-box .order-phone-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.n-order-box .order-phone-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.n-order-box .order-phone-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.n-order-box .order-phone-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.n-order-box .order-phone-dropdown .Dropdown-control {
color: #080808;
display: flex;
align-items: center;
margin-top: 10px; }
.n-order-box .order-phone-dropdown .Dropdown-control .Dropdown-placeholder.is-selected {
margin-left: 45px; }
.n-order-box .order-phone-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/open_gray.svg); }
.n-order-box .order-phone-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/close_gray.svg); }
.product-detail-sticky .dropdown-box .result {
padding: 0; }
.product-detail-sticky .dropdown-box .Dropdown-root {
position: relative;
height: 38px;
width: 124px;
color: #6d6d6d;
font-size: 12px; }
.product-detail-sticky .dropdown-box .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #e5e5e5;
color: #6d6d6d;
cursor: default;
width: 124px;
height: 38px;
text-align: left;
line-height: 38px; }
.product-detail-sticky .dropdown-box .Dropdown-control .Dropdown-placeholder {
padding-left: 10px;
line-height: 38px;
height: 38px;
font-size: 12px; }
.product-detail-sticky .dropdown-box .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.product-detail-sticky .dropdown-box .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/open_gray.svg);
background-repeat: no-repeat;
background-size: 11px 15px;
height: 15px;
position: absolute;
right: 6px;
top: 12.5px;
width: 11px;
fill: #999999; }
.product-detail-sticky .dropdown-box .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/close_gray.svg);
fill: #999999; }
.product-detail-sticky .dropdown-box .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-sizing: border-box;
max-height: 170px;
overflow-y: auto;
overflow-x: hidden;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.product-detail-sticky .dropdown-box .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #6d6d6d;
text-transform: capitalize; }
.product-detail-sticky .dropdown-box .Dropdown-option {
box-sizing: border-box;
color: #6d6d6d;
cursor: pointer;
display: block;
text-align: left;
padding-left: 10px;
height: 38px;
width: 124px;
line-height: 38px; }
.product-detail-sticky .dropdown-box .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.product-detail-sticky .dropdown-box .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.product-detail-sticky .dropdown-box .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.product-detail-sticky .dropdown-box .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.product-detail-sticky .dropdown-box .Dropdown-placeholder, .product-detail-sticky .dropdown-box .Dropdown-option {
display: flex;
align-items: center; }
.product-detail-sticky .dropdown-box .Dropdown-option:hover {
margin-left: 1px;
margin-bottom: 1px;
width: 123px; }
.product-detail-sticky .dropdown-box .Dropdown-control {
color: #080808; }
.cart-dropdown-new .result {
padding: 0; }
.cart-dropdown-new .Dropdown-root {
position: relative;
height: 30px;
width: 70px;
color: #969696;
font-size: 14px; }
.cart-dropdown-new .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: default;
outline: none;
width: 70px;
height: 30px;
text-align: center;
line-height: 30px; }
.cart-dropdown-new .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.cart-dropdown-new .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 10px 13px;
height: 13px;
position: absolute;
right: 5px;
top: 11px;
width: 10px; }
.cart-dropdown-new .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.cart-dropdown-new .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.cart-dropdown-new .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.cart-dropdown-new .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 30px;
line-height: 30px; }
.cart-dropdown-new .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.cart-dropdown-new .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.cart-dropdown-new .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.cart-dropdown-new .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.cart-dropdown {
position: relative;
top: 59px; }
.cart-dropdown .result {
padding: 0; }
.cart-dropdown .Dropdown-root {
position: relative;
height: 30px;
width: 70px;
color: #969696;
font-size: 14px; }
.cart-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: default;
outline: none;
width: 70px;
height: 30px;
text-align: center;
line-height: 30px; }
.cart-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.cart-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 10px 13px;
height: 13px;
position: absolute;
right: 5px;
top: 11px;
width: 10px; }
.cart-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.cart-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.cart-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.cart-dropdown .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 30px;
line-height: 30px; }
.cart-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.cart-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.cart-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.cart-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.cart-order-dropdown {
position: relative;
display: inline-block;
margin-top: 6px;
margin-right: 2px; }
.cart-order-dropdown .result {
padding: 0; }
.cart-order-dropdown .Dropdown-root {
position: relative;
height: 43px;
width: 80px;
color: #080808;
font-size: 14px; }
.cart-order-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #bbb;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #080808;
cursor: default;
outline: none;
width: 80px;
height: 43px;
text-align: center;
line-height: 43px; }
.cart-order-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.cart-order-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 10px 13px;
height: 13px;
position: absolute;
right: 5px;
top: 15px;
width: 10px; }
.cart-order-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.cart-order-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.cart-order-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.cart-order-dropdown .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 43px;
line-height: 43px; }
.cart-order-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.cart-order-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.cart-order-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.cart-order-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.card-dropdown {
position: relative;
display: inline-block;
margin-top: 5px; }
.card-dropdown .result {
padding: 0; }
.card-dropdown .Dropdown-root {
position: relative;
height: 30px;
width: 150px;
color: #969696;
font-size: 14px; }
.card-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: default;
outline: none;
width: 150px;
height: 30px;
text-align: center;
line-height: 30px; }
.card-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.card-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 20px 13px;
height: 13px;
position: absolute;
right: 10px;
top: 12px;
width: 20px; }
.card-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.card-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.card-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.card-dropdown .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 30px;
line-height: 30px; }
.card-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.card-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.card-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.card-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.cash-receipt-phone-dropdown {
position: relative;
display: inline-block;
padding-top: 5px; }
.cash-receipt-phone-dropdown .result {
padding: 0; }
.cash-receipt-phone-dropdown .Dropdown-root {
position: relative;
height: 30px;
width: 160px;
color: #969696;
font-size: 14px; }
.cash-receipt-phone-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: default;
outline: none;
width: 160px;
height: 30px;
text-align: center;
line-height: 30px; }
.cash-receipt-phone-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.cash-receipt-phone-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 20px 13px;
height: 13px;
position: absolute;
right: 10px;
top: 12px;
width: 20px; }
.cash-receipt-phone-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.cash-receipt-phone-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.cash-receipt-phone-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.cash-receipt-phone-dropdown .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 30px;
line-height: 30px; }
.cash-receipt-phone-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.cash-receipt-phone-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.cash-receipt-phone-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.cash-receipt-phone-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.coupon-select-dropdown {
position: relative;
display: inline-block;
padding-top: 5px; }
.coupon-select-dropdown .result {
padding: 0; }
.coupon-select-dropdown .Dropdown-root {
position: relative;
height: 30px;
width: 340px;
color: #969696;
font-size: 13px; }
.coupon-select-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: default;
outline: none;
width: 340px;
height: 30px;
text-align: center;
line-height: 30px; }
.coupon-select-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.coupon-select-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 20px 13px;
height: 13px;
position: absolute;
right: 10px;
top: 12px;
width: 20px; }
.coupon-select-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.coupon-select-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.coupon-select-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.coupon-select-dropdown .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 30px;
line-height: 30px; }
.coupon-select-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.coupon-select-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.coupon-select-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.coupon-select-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.product-detail-quantity-dropdown {
float: right;
margin-right: 2px;
position: relative; }
.product-detail-quantity-dropdown .result {
padding: 0; }
.product-detail-quantity-dropdown .Dropdown-root {
position: relative;
height: 43px;
width: 248px;
color: #969696;
font-size: 14px; }
.product-detail-quantity-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #bbb;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: default;
outline: none;
width: 248px;
height: 43px;
text-align: center;
line-height: 43px; }
.product-detail-quantity-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.product-detail-quantity-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 17px 13px;
height: 13px;
position: absolute;
right: 10px;
top: 18px;
width: 17px; }
.product-detail-quantity-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.product-detail-quantity-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.product-detail-quantity-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.product-detail-quantity-dropdown .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 43px;
line-height: 43px; }
.product-detail-quantity-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.product-detail-quantity-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.product-detail-quantity-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.product-detail-quantity-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.category-dropdown {
float: right;
height: 50px;
margin: 0 20px 20px 0;
text-align: left; }
.category-dropdown .result {
padding: 0; }
.category-dropdown .Dropdown-root {
position: relative;
height: 50px;
width: 136px;
color: #6d6d6d;
font-size: 15px; }
.category-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #999999;
color: #6d6d6d;
cursor: default;
width: 136px;
height: 50px;
text-align: left;
line-height: 52px; }
.category-dropdown .Dropdown-control .Dropdown-placeholder {
padding-left: 10px;
line-height: 52px;
height: 50px;
font-size: 15px; }
.category-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.category-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/open_gray.svg);
background-repeat: no-repeat;
background-size: 17px 15px;
height: 15px;
position: absolute;
right: 8px;
top: 17px;
width: 17px;
fill: #999999; }
.category-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/close_gray.svg);
fill: #999999; }
.category-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-sizing: border-box;
max-height: 170px;
overflow-y: auto;
overflow-x: hidden;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.category-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #6d6d6d;
text-transform: capitalize; }
.category-dropdown .Dropdown-option {
box-sizing: border-box;
color: #6d6d6d;
cursor: pointer;
display: block;
text-align: left;
padding-left: 10px;
height: 50px;
width: 136px;
line-height: 52px; }
.category-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.category-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.category-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.category-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.category-dropdown .Dropdown-control, .Dropdown-menu {
border-radius: 0 !important; }
.category-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important; }
.year-dropdown {
display: inline-block;
margin-top: 3px;
z-index: 100; }
.year-dropdown .result {
padding: 0; }
.year-dropdown .Dropdown-root {
position: relative;
height: 30px;
width: 65px;
color: #080808;
font-size: 14px; }
.year-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #bbb;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #080808;
cursor: default;
outline: none;
width: 65px;
height: 30px;
text-align: center;
line-height: 30px; }
.year-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.year-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 9px 13px;
height: 13px;
position: absolute;
right: 3px;
top: 11px;
width: 9px; }
.year-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.year-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.year-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.year-dropdown .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 30px;
line-height: 30px; }
.year-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.year-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.year-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.year-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.return-product-dropdown {
margin-left: 25px;
z-index: 100; }
.return-product-dropdown .result {
padding: 0; }
.return-product-dropdown .Dropdown-root {
position: relative;
height: 30px;
width: 70px;
color: #969696;
font-size: 14px; }
.return-product-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: default;
outline: none;
width: 70px;
height: 30px;
text-align: center;
line-height: 30px; }
.return-product-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.return-product-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 12px 13px;
height: 13px;
position: absolute;
right: 5px;
top: 10px;
width: 12px; }
.return-product-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.return-product-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.return-product-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.return-product-dropdown .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 30px;
line-height: 30px; }
.return-product-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.return-product-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.return-product-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.return-product-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.return-product-editor-dropdown .result {
padding: 0; }
.return-product-editor-dropdown .Dropdown-root {
position: relative;
height: 30px;
width: 300px;
color: #969696;
font-size: 14px; }
.return-product-editor-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: default;
outline: none;
width: 300px;
height: 30px;
text-align: center;
line-height: 30px; }
.return-product-editor-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.return-product-editor-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 20px 13px;
height: 13px;
position: absolute;
right: 5px;
top: 10px;
width: 20px; }
.return-product-editor-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.return-product-editor-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.return-product-editor-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.return-product-editor-dropdown .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 30px;
line-height: 30px; }
.return-product-editor-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.return-product-editor-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.return-product-editor-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.return-product-editor-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.return-product-delivery-dropdown .result {
padding: 0; }
.return-product-delivery-dropdown .Dropdown-root {
position: relative;
height: 30px;
width: 200px;
color: #969696;
font-size: 14px; }
.return-product-delivery-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: default;
outline: none;
width: 200px;
height: 30px;
text-align: center;
line-height: 30px; }
.return-product-delivery-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.return-product-delivery-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 20px 13px;
height: 13px;
position: absolute;
right: 5px;
top: 10px;
width: 20px; }
.return-product-delivery-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.return-product-delivery-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.return-product-delivery-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.return-product-delivery-dropdown .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 30px;
line-height: 30px; }
.return-product-delivery-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.return-product-delivery-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.return-product-delivery-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.return-product-delivery-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.bank-select-dropdown .result {
padding: 0; }
.bank-select-dropdown .Dropdown-root {
position: relative;
height: 30px;
width: 180px;
color: #969696;
font-size: 14px; }
.bank-select-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: default;
outline: none;
width: 180px;
height: 30px;
text-align: center;
line-height: 30px; }
.bank-select-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.bank-select-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 20px 13px;
height: 13px;
position: absolute;
right: 5px;
top: 10px;
width: 20px; }
.bank-select-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.bank-select-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.bank-select-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.bank-select-dropdown .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 30px;
line-height: 30px; }
.bank-select-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.bank-select-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.bank-select-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.bank-select-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.alignment-select-dropdown {
position: absolute;
right: 0px;
top: -6px; }
.alignment-select-dropdown .result {
padding: 0; }
.alignment-select-dropdown .Dropdown-root {
position: relative;
height: 30px;
width: 130px;
color: #969696;
font-size: 14px; }
.alignment-select-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: default;
outline: none;
width: 130px;
height: 30px;
text-align: center;
line-height: 30px; }
.alignment-select-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.alignment-select-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 16px 13px;
height: 13px;
position: absolute;
right: 6px;
top: 10px;
width: 16px; }
.alignment-select-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.alignment-select-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.alignment-select-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.alignment-select-dropdown .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 30px;
line-height: 30px; }
.alignment-select-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.alignment-select-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.alignment-select-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.alignment-select-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.email-select-dropdown {
display: inline-block;
height: 35px;
margin-left: 10px;
margin-right: 20px;
vertical-align: middle; }
.email-select-dropdown .result {
padding: 0; }
.email-select-dropdown .Dropdown-root {
position: relative;
height: 33px;
width: 110px;
color: #969696;
font-size: 14px; }
.email-select-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: default;
outline: none;
width: 110px;
height: 33px;
text-align: center;
line-height: 30px; }
.email-select-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.email-select-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 16px 13px;
height: 13px;
position: absolute;
right: 8px;
top: 12px;
width: 16px; }
.email-select-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.email-select-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.email-select-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.email-select-dropdown .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 33px;
line-height: 33px; }
.email-select-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.email-select-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.email-select-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.email-select-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.phone-dropdown {
display: inline-block;
height: 35px;
margin-right: 2px;
vertical-align: middle; }
.phone-dropdown .result {
padding: 0; }
.phone-dropdown .Dropdown-root {
position: relative;
height: 33px;
width: 85px;
color: #969696;
font-size: 14px; }
.phone-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: default;
outline: none;
width: 85px;
height: 33px;
text-align: center;
line-height: 30px; }
.phone-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.phone-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 16px 13px;
height: 13px;
position: absolute;
right: 6px;
top: 12px;
width: 16px; }
.phone-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.phone-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.phone-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.phone-dropdown .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 33px;
line-height: 33px; }
.phone-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.phone-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.phone-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.phone-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.register-phone-dropdown {
height: 43px;
width: 123px; }
.register-phone-dropdown .result {
padding: 0; }
.register-phone-dropdown .Dropdown-root {
position: relative;
height: 43px;
width: 100%;
color: #969696;
font-size: 14px; }
.register-phone-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: default;
outline: none;
width: 100%;
height: 43px;
text-align: center;
line-height: 43px; }
.register-phone-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.register-phone-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 20px 13px;
height: 13px;
position: absolute;
right: 10px;
top: 17px;
width: 20px; }
.register-phone-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.register-phone-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.register-phone-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.register-phone-dropdown .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 43px;
line-height: 43px; }
.register-phone-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.register-phone-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.register-phone-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.register-phone-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.register-phone-dropdown-en {
height: 43px; }
.register-phone-dropdown-en .result {
padding: 0; }
.register-phone-dropdown-en .Dropdown-root {
position: relative;
height: 43px;
width: 100%;
color: #969696;
font-size: 14px; }
.register-phone-dropdown-en .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: default;
outline: none;
width: 100%;
height: 43px;
text-align: center;
line-height: 43px; }
.register-phone-dropdown-en .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.register-phone-dropdown-en .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 20px 13px;
height: 13px;
position: absolute;
right: 10px;
top: 17px;
width: 20px; }
.register-phone-dropdown-en .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.register-phone-dropdown-en .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.register-phone-dropdown-en .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.register-phone-dropdown-en .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 43px;
line-height: 43px; }
.register-phone-dropdown-en .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.register-phone-dropdown-en .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.register-phone-dropdown-en .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.register-phone-dropdown-en .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.birth-dropdown {
display: inline-block;
height: 35px;
margin-right: 7px;
vertical-align: top; }
.birth-dropdown .result {
padding: 0; }
.birth-dropdown .Dropdown-root {
position: relative;
height: 33px;
width: 85px;
color: #969696;
font-size: 14px; }
.birth-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: default;
outline: none;
width: 85px;
height: 33px;
text-align: center;
line-height: 30px; }
.birth-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.birth-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 16px 13px;
height: 13px;
position: absolute;
right: 6px;
top: 12px;
width: 16px; }
.birth-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.birth-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.birth-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.birth-dropdown .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 33px;
line-height: 33px; }
.birth-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.birth-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.birth-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.birth-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.register-birth-dropdown {
display: inline-block;
margin-right: 6px;
vertical-align: middle; }
.register-birth-dropdown .result {
padding: 0; }
.register-birth-dropdown .Dropdown-root {
position: relative;
height: 43px;
width: 132px;
color: #969696;
font-size: 14px; }
.register-birth-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: default;
outline: none;
width: 132px;
height: 43px;
text-align: center;
line-height: 43px; }
.register-birth-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.register-birth-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 20px 13px;
height: 13px;
position: absolute;
right: 10px;
top: 18px;
width: 20px; }
.register-birth-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.register-birth-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.register-birth-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.register-birth-dropdown .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 43px;
line-height: 43px; }
.register-birth-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.register-birth-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.register-birth-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.register-birth-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.register-email-dropdown {
display: inline-block;
vertical-align: top; }
.register-email-dropdown .result {
padding: 0; }
.register-email-dropdown .Dropdown-root {
position: relative;
height: 45px;
width: 152px;
color: #333333;
font-size: 14px; }
.register-email-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #e5e5e5;
color: #333333;
cursor: default;
width: 152px;
height: 45px;
text-align: left;
line-height: 45px; }
.register-email-dropdown .Dropdown-control .Dropdown-placeholder {
padding-left: 10px;
line-height: 45px;
height: 45px;
font-size: 14px; }
.register-email-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.register-email-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/open_gray.svg);
background-repeat: no-repeat;
background-size: 20px 15px;
height: 15px;
position: absolute;
right: 10px;
top: 18px;
width: 20px;
fill: #333333; }
.register-email-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/close_gray.svg);
fill: #333333; }
.register-email-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-sizing: border-box;
max-height: 170px;
overflow-y: auto;
overflow-x: hidden;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.register-email-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #6d6d6d;
text-transform: capitalize; }
.register-email-dropdown .Dropdown-option {
box-sizing: border-box;
color: #6d6d6d;
cursor: pointer;
display: block;
text-align: left;
padding-left: 10px;
height: 45px;
width: 152px;
line-height: 45px; }
.register-email-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.register-email-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.register-email-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.register-email-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.register-country-dropdown .result {
padding: 0; }
.register-country-dropdown .Dropdown-root {
position: relative;
height: 45px;
width: 500px;
color: #333333;
font-size: 14px; }
.register-country-dropdown .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #e5e5e5;
color: #333333;
cursor: default;
width: 500px;
height: 45px;
text-align: left;
line-height: 45px; }
.register-country-dropdown .Dropdown-control .Dropdown-placeholder {
padding-left: 10px;
line-height: 45px;
height: 45px;
font-size: 14px; }
.register-country-dropdown .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.register-country-dropdown .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/open_gray.svg);
background-repeat: no-repeat;
background-size: 20px 15px;
height: 15px;
position: absolute;
right: 10px;
top: 18px;
width: 20px;
fill: #333333; }
.register-country-dropdown .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/close_gray.svg);
fill: #333333; }
.register-country-dropdown .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-sizing: border-box;
max-height: 170px;
overflow-y: auto;
overflow-x: hidden;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.register-country-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #6d6d6d;
text-transform: capitalize; }
.register-country-dropdown .Dropdown-option {
box-sizing: border-box;
color: #6d6d6d;
cursor: pointer;
display: block;
text-align: left;
padding-left: 10px;
height: 45px;
width: 500px;
line-height: 45px; }
.register-country-dropdown .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.register-country-dropdown .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.register-country-dropdown .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.register-country-dropdown .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
.store-filter {
display: inline-block;
vertical-alin: top;
margin: 0 15px; }
.store-filter .result {
padding: 0; }
.store-filter .Dropdown-root {
position: relative;
height: 45px;
width: 215px;
color: #969696;
font-size: 14px; }
.store-filter .Dropdown-control {
overflow: hidden;
background-color: white;
border: 1px solid #d8d8d8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #969696;
cursor: default;
outline: none;
width: 215px;
height: 45px;
text-align: center;
line-height: 45px; }
.store-filter .Dropdown-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
.store-filter .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
background-repeat: no-repeat;
background-size: 20px 13px;
height: 13px;
position: absolute;
right: 10px;
top: 18px;
width: 20px; }
.store-filter .is-open .Dropdown-arrow {
background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
.store-filter .Dropdown-menu {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
-webkit-overflow-scrolling: touch; }
.store-filter .Dropdown-menu .Dropdown-group > .Dropdown-title {
color: #969696;
text-transform: capitalize; }
.store-filter .Dropdown-option {
box-sizing: border-box;
color: #969696;
cursor: pointer;
display: block;
text-align: center;
height: 45px;
line-height: 45px; }
.store-filter .Dropdown-option:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.store-filter .Dropdown-option:hover {
background-color: #f2f9fc;
color: #333; }
.store-filter .Dropdown-option.is-selected {
background-color: #f2f9fc;
color: #333; }
.store-filter .Dropdown-noresults {
box-sizing: border-box;
color: #ccc;
cursor: default;
display: block; }
/*!
* animate.css -https://daneden.github.io/animate.css/
* Version - 3.7.2
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2019 Daniel Eden
*/
@-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); }
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); }
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom; }
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1; }
25%,
75% {
opacity: 0; } }
@keyframes flash {
from,
50%,
to {
opacity: 1; }
25%,
75% {
opacity: 0; } }
.flash {
-webkit-animation-name: flash;
animation-name: flash; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse; }
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand; }
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
.shake {
-webkit-animation-name: shake;
animation-name: shake; }
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg); }
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg); }
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg); }
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg); }
50% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg); }
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg); }
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg); }
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg); }
50% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake; }
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing; }
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.tada {
-webkit-animation-name: tada;
animation-name: tada; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble; }
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
transform: skewX(0.39062deg) skewY(0.39062deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
transform: skewX(0.39062deg) skewY(0.39062deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center; }
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3); }
28% {
-webkit-transform: scale(1);
transform: scale(1); }
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3); }
70% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3); }
28% {
-webkit-transform: scale(1);
transform: scale(1); }
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3); }
70% {
-webkit-transform: scale(1);
transform: scale(1); } }
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn; }
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp; }
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig; }
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip; }
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX; }
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY; }
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important; }
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY; }
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge; }
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom; }
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg); }
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg); }
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom; }
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg); }
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg); }
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut; }
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft; }
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight; }
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown; }
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight; }
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp; }
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp; }
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s; }
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s; }
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s; }
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s; }
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s; }
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms; }
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms; }
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s; }
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s; }
@media (print), (prefers-reduced-motion: reduce) {
.animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important; } }
@font-face {
font-family: 'DINCondensed-Regular';
src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37C5E0_0_0.eot");
src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37C5E0_0_0.eot?#iefix") format("embedded-opentype"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37C5E0_0_0.woff2") format("woff2"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37C5E0_0_0.woff") format("woff"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37C5E0_0_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTPro-Roman';
src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37C5E0_1_0.eot");
src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37C5E0_1_0.eot?#iefix") format("embedded-opentype"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37C5E0_1_0.woff2") format("woff2"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37C5E0_1_0.woff") format("woff"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37C5E0_1_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTPro-Hv';
src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37FA3B_0_0.eot");
src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37FA3B_0_0.eot?#iefix") format("embedded-opentype"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37FA3B_0_0.woff2") format("woff2"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37FA3B_0_0.woff") format("woff"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37FA3B_0_0.ttf") format("truetype"); }
@font-face {
font-family: 'FFDINWebProBold';
src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/33D715_0_0.eot");
src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/33D715_0_0.eot?#iefix") format("embedded-opentype"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/33D715_0_0.woff2") format("woff2"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/33D715_0_0.woff") format("woff"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/33D715_0_0.ttf") format("truetype"); }
@font-face {
font-family: 'NotoSansCJKkr-bold';
src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Bold.eot");
src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Bold.woff") format("woff2"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Bold.woff") format("woff"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Bold.ttf") format("truetype"); }
@font-face {
font-family: 'NotoSansCJKkr';
src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Medium.eot");
src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Medium.eot?#iefix") format("embedded-opentype"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Medium.woff") format("woff2"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Medium.woff") format("woff"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Medium.ttf") format("truetype"); }
@font-face {
font-family: 'NotoSansCJKkr-light';
src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Light.eot");
src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Light.eot?#iefix") format("embedded-opentype"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Light.woff") format("woff2"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Light.woff") format("woff"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Light.ttf") format("truetype"); }
* {
font-family: HelveticaNeueLTPro-Roman, 'Noto Sans KR', sans-serif; }
.ProAthlWrestling{position:relative}
.proAthl .owl-prev,
.proAthl .owl-next{position:absolute;top:50%;transform:translateY(-50%)}
.proAthl .owl-prev{left:130px}
.proAthl .owl-next{right:130px}
.slick-dots{position:absolute;bottom:55px;left:50%;right:0;transform:translateX(-50%);width:500px;text-align:center;font-size:0}
.slick-dots li{display:inline-block;height:2px}
.slick-dots li button{width:100%;height:2px;background:#BEBEBE;overflow:hidden;text-indent:-999px}
.slick-dots li.slick-active button{background:#CD0000}
.slick-dots li:first-child:nth-last-child(1){width:50%}
.slick-dots li:first-child:nth-last-child(2),
.slick-dots li:first-child:nth-last-child(2) ~ li{width:50%}
.slick-dots li:first-child:nth-last-child(3),
.slick-dots li:first-child:nth-last-child(3) ~ li{width:calc(100% / 3)}
.slick-dots li:first-child:nth-last-child(4),
.slick-dots li:first-child:nth-last-child(4) ~ li{width:calc(100% / 4)}
.slick-dots li:first-child:nth-last-child(5),
.slick-dots li:first-child:nth-last-child(5) ~ li{width:calc(100% / 5)}
.slick-dots li:first-child:nth-last-child(6),
.slick-dots li:first-child:nth-last-child(6) ~ li{width:calc(100% / 6)}
.slick-dots li:first-child:nth-last-child(7),
.slick-dots li:first-child:nth-last-child(7) ~ li{width:calc(100% / 7)}
.slick-dots li:first-child:nth-last-child(8),
.slick-dots li:first-child:nth-last-child(8) ~ li{width:calc(100% / 8)}
.slick-dots li:first-child:nth-last-child(9),
.slick-dots li:first-child:nth-last-child(9) ~ li{width:calc(100% / 9)}
.slick-dots li:first-child:nth-last-child(10),
.slick-dots li:first-child:nth-last-child(10) ~ li{width:calc(100% / 10)}
.slick-dots li:first-child:nth-last-child(11),
.slick-dots li:first-child:nth-last-child(11) ~ li{width:calc(100% / 11)}
.slick-dots li:first-child:nth-last-child(12),
.slick-dots li:first-child:nth-last-child(12) ~ li{width:calc(100% / 12)}
.slick-dots li:first-child:nth-last-child(13),
.slick-dots li:first-child:nth-last-child(13) ~ li{width:calc(100% / 13)}
.slick-dots li:first-child:nth-last-child(14),
.slick-dots li:first-child:nth-last-child(14) ~ li{width:calc(100% / 14)}
.slick-dots li:first-child:nth-last-child(15),
.slick-dots li:first-child:nth-last-child(15) ~ li{width:calc(100% / 15)}
.slick-dots li:first-child:nth-last-child(16),
.slick-dots li:first-child:nth-last-child(16) ~ li{width:calc(100% / 16)}
.slick-dots li:first-child:nth-last-child(17),
.slick-dots li:first-child:nth-last-child(17) ~ li{width:calc(100% / 17)}
.slick-dots li:first-child:nth-last-child(18),
.slick-dots li:first-child:nth-last-child(18) ~ li{width:calc(100% / 18)}
.slick-dots li:first-child:nth-last-child(19),
.slick-dots li:first-child:nth-last-child(19) ~ li{width:calc(100% / 19)}
.slick-dots li:first-child:nth-last-child(20),
.slick-dots li:first-child:nth-last-child(20) ~ li{width:calc(100% / 20)}
.new_sub_event_page .video-sec {padding:0;margin:120px 0}
.new_sub_event_page .video-sec .title{margin-bottom:10px;font-size:52px;line-height:60px;}
.new_sub_event_page .video-sec .sub-title{font-family:'GillSansMTPro', sans-serif;font-size:36px;line-height:41px;}
.new_sub_event_page .milan-fashion-show .content-runway-story .video-sec .desc{padding:24px 0 0;line-height:1.5}
.new_sub_event_page .milan-fashion-show .content-runway-story .video-sec iframe{width:100%;height:100%}
.new_sub_event_page .milan-fashion-show .content-runway-story .video-sec .video-cont{height:37.6vw;background:#fff}
.new_sub_event_page .milan-fashion-show .content-runway-story .roll-sec .inner{padding:0 0 6.25vw}
.new_sub_event_page .milan-fashion-show .content-runway-story .roll-sec .inner .title{padding:6.25vw 0 8px;font-size:3.3333vw;line-height:1.5;color:#fff;text-align:left}
.new_sub_event_page .milan-fashion-show .content-runway-story .roll-sec .inner .txt{font-size:0.9375vw;line-height:1.5;color:#fff;text-align:left}
.new_sub_event_page .img_box .img_type_overlapping{overflow:hidden}
.new_sub_event_page .img_box .img_type_overlapping .left{float:left;width:62%}
.new_sub_event_page .img_box .img_type_overlapping .right{float:right;width:54%;margin-top:-8.5vw}
.new_sub_event_page .img_box video{margin:6.25vw 0}
.new_sub_event_page .img_box .img_type_cen_and_left{width:66.66667vw;padding:0;margin:0 auto}
.new_sub_event_page .img_box .img_type_right{float:right;width:55%}
.new_sub_event_page .img_box .img_type_full{clear:both;width:100%}
.new_sub_event_page .img_box .img_type_cen{width:66.66667vw;padding:0;margin:0 auto}
.new_sub_event_page .img_box .img_type_overlapping2{overflow:hidden}
.new_sub_event_page .img_box .img_type_overlapping2 .right{float:right;width:60%}
.new_sub_event_page .img_box .img_type_overlapping2 .left{float:left;width:76.3%}
.new_sub_event_page .img_box1 .img_type_cen_and_left{padding-bottom:4.1667vw}
.new_sub_event_page .img_box1 .img_type_full{padding-top:6.25vw}
.new_sub_event_page .img_box2 .img_type_overlapping2{padding-bottom:6.25vw}
.new_sub_event_page .img_box3 .img_type_overlapping .left{width:73.5%}
.new_sub_event_page .img_box3 .img_type_overlapping .right{width:51.4%;margin-top:-4.1667vw}
.new_sub_event_page .img_box3 .img_type_full{padding-top:6.25vw}
.new_sub_event_page .img_box4 .img_type_overlapping .left{width:79.6%}
.new_sub_event_page .img_box4 .img_type_overlapping .right{width:56.25%;margin-top:0}
.new_sub_event_page .img_box4 .img_type_full{padding-top:6.25vw}
.new_sub_event_page .roll-sec.green{background:#238B98}
.new_sub_event_page .roll-sec.gray{background:#525252}
.new_sub_event_page .roll-sec.red{background:#DD2A03}
.new_sub_event_page .roll-sec.red .text-box .desc{padding:6.25vw 0;line-height:1.5;color:#000}
.new_sub_event_page .btn_txt{font-size:0.8333vw;height:4.1667vw;line-height:4.1667vw;font-weight:700}
.new_sub_event_page .milan-fashion-show .content-collection{padding-top:6.25vw}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup{background-color:rgba(0, 0, 0, 0.5);}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .full-img{width:100%}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .close{top:80px;right:40px;width:40px;height:40px;padding:0}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .close img{filter:none;-webkit-filter:none;}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .arrow{position:absolute;top:50%;width:21px;margin-top:-22.5px}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .arrow.prev{left:40px}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .arrow.next{right:40px}
.now_link{display:inline-block;padding:3px 10px;border:1px solid #000;text-align:center;margin:0 10px;vertical-align:middle;font-size: 1.4rem;}
/* brand story 21fw */
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_boxs{position:relative;margin-bottom:100px}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_boxs:last-of-type{margin-bottom:0}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_boxs::after{content:'';display:block;clear:both}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box img{display:block}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_01 img{width:calc(100% - 375px)}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_02{margin-bottom:200px;margin-left:auto;margin-right:auto;width:calc(100% - 320px)}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_02 img:first-of-type{position:absolute;bottom:0;left:0;margin-bottom:-100px;width:40%}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_02 img:last-of-type{float:right;padding-left:72px;width:calc(100% - 43%)}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_03 img{margin:0 auto;width:calc(100% - 620px)}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_05 img{margin:0 auto;width:calc(100% - 620px)}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_06{margin-bottom:340px}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_06 img:first-of-type{width:62%}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_06 img:last-of-type{position:absolute;bottom:0;right:0;margin-bottom:-240px;width:42%}
.new_sub_event_page .milan-fashion-show .fw_btn_area{margin:120px 0 0}
.new_sub_event_page .milan-fashion-show .fw_btn_area .btn{display:block;margin:0 auto;width:400px;height:80px;color:#fff;font-size:16px;font-weight:700;text-align:center;line-height:80px;background:#000}
/* sec-main */
.sec-main-video{margin: 0 auto 80px;width:990px}
', // eslint-disable-line
'
', // eslint-disable-line
],
};