input, textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input::-ms-clear, input::-ms-reveal {
    display: none
}

input, textarea, button, select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.scroll {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.header {
    position: relative;
    width: 100%;
    height: 55px;
    background: #fff
}

.header .logo {
    position: absolute;
    width: 124px;
    top: 18px;
    font-size: 0;
    left: 16px;
    margin-top: 0
}

.header img {
    max-width: 100%
}

.header .header_btn_box {
    position: absolute;
    top: 15px;
    right: 8px
}

.header .header_btn_box div {
    width: 30px;
    padding: 3px;
    float: left
}

.header .my_btn {
    margin-left: 10px
}

.main_banner img {
    width: 100%
}

.main_nav {
    position: relative;
    overflow: hidden
}

.main_nav_list {
    overflow: hidden;
    position: relative;
    width: 432px;
    margin: 0 auto
}

.main_nav_list a {
    float: left;
    font-size: 13px;
    line-height: 45px;
    padding: 0 20px;
    color: #000;
    text-decoration: none
}

.main_nav_list a.active {
    color: #f50506;
    font-weight: 700
}

.main_nav_list a.active span::after {
    content: "";
    position: absolute;
    left: -10%;
    bottom: 0;
    width: 120%;
    height: 3px;
    background-color: #f50506
}

.main_nav_list a span {
    display: block;
    font-weight: 400;
    position: relative
}

.main_prod_list {
    display: inline-block;
    width: 100%;
    padding: 25px 10px
}

.main_prod_list ul li:nth-child(even) {
    margin-left: 4vw
}

.main_prod_list ul li {
    float: left;
    width: calc(50% - 2vw);
    margin-bottom: 30px
}

.prod_list_img {
    width: 100%;
    height: 45.3vw;
    border-radius: 6px;
    border: 1px solid #f4f4f4;
    margin-bottom: 10px
}

.prod_list_title {
    font-size: 15px;
    color: #333;
    line-height: 1.23;
    margin-bottom: 8px
}

.prod_list_price {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px
}

.prod_list_price span {
    text-decoration: line-through;
    font-size: 13px;
    color: #aaa;
    font-weight: 400;
    margin-left: 4px
}

.prod_list_stuts {
    font-size: 12px;
    min-height: 12px;
    color: #999
}

.content_hr {
    background-color: #eee;
    height: 8px;
    border: 0
}

.content_tab {
    display: inline-block;
    width: 100%
}

.content_tab ul li {
    width: calc(100% / 4);
    box-sizing: border-box;
    color: #333;
    line-height: 48px;
    font-size: 13px;
    text-align: center;
    float: left;
    border-bottom: 1px solid #e1e1e1;
    position: relative
}

.content_tab ul li.active {
    color: #f50506;
    font-weight: 700;
    border-bottom: 1px solid #f50506
}

.content_tab ul li.active::after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: #f50506
}

.content_tab_content {
    padding: 32px 16px;
    height: 16px
}

.content_title {
    font-size: 16px;
    padding: 16px;
    font-weight: 700
}

.content_title.link {
    padding: 16px 35px;
    position: relative
}

.content_title.link .back_link {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: 10px
}

.back_link {
    background: url(/resources/images/rewardmall/tmapmall/btn_arrow.png);
    background-size: cover;
    height: 24px;
    width: 24px;
    transform: rotate(180deg)
}

.link_button {
    padding: 16px;
    font-size: 15px;
    color: #111;
    border: 1px solid #f4f4f4;
    margin-bottom: 8px;
    position: relative
}

.link_button::after {
    content: "";
    width: 32px;
    height: 32px;
    background: url(/resources/images/rewardmall/tmapmall/button_arrow.png);
    background-size: cover;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -16px
}

.point_section_search {
    padding: 24px 16px
}

.point_section_search select {
    width: 100%;
    height: 48px;
    text-align-last: center;
    font-size: 15px;
    color: #111;
    font-weight: 700;
    border: 1px solid #f4f4f4;
    background: url(/resources/images/rewardmall/tmapmall/dropdown_.png) no-repeat;
    background-size: 7px;
    background-position: 97% 50%;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-bottom: 19px
}

.point_section_search select::-ms-expand {
    display: none
}

.point_section_search_title {
    margin-bottom: 12px
}

.point_section_search_title span {
    font-size: 12px;
    color: #888
}

.point_section_search_title img {
    width: 18px;
    height: 18px;
    margin-left: 4px;
    vertical-align: middle
}

.point_section_search_button {
    display: inline-block;
    width: 100%
}

.point_section_search_button li {
    width: calc(100% / 4);
    line-height: 40px;
    text-align: center;
    float: left;
    color: #555;
    border: 1px solid #f4f4f4;
    font-size: 12px;
    border-right: 0;
    background: #fafafa
}

.point_section_search_button li:last-child {
    border-right: 1px solid #f4f4f4
}

.point_section_search_button li.active {
    font-weight: 700;
    color: #f50506;
    border: 1px solid #f50506;
    background: #fff
}

.point_section_list_content {
    padding: 0 13px;
    width: calc(100% - 90px);
    float: left
}

.point_section_list_content_title {
    font-size: 13px;
    overflow: hidden;
    margin-bottom: 8px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.point_section_list_content_date {
    font-size: 12px;
    color: #888
}

.point_section_list li {
    padding: 23px 16px;
    display: inline-block;
    width: 100%
}

.point_section_list_status {
    width: 43px;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    float: left
}

.point_section_list_status.on {
    border: 1px solid #f50506;
    color: #f50506;
    line-height: 41px
}

.point_section_list_status.off {
    border: 1px solid #888;
    color: #888;
    padding: 6.5px 0
}

.point_section_list_point {
    line-height: 41px;
    font-size: 13px;
    color: #f50506;
    float: left;
    font-weight: 700
}

.point_section_no {
    padding: 40px 0;
    text-align: center
}

.point_section_no img {
    width: 72px;
    height: 72px;
    margin-bottom: 14px
}

.point_section_no p {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    letter-spacing: -1px
}

.point_section_noList {
    padding: 80px 0;
    text-align: center
}

.point_section_noList img {
    width: 72px;
    height: 72px;
    margin-bottom: 14px
}

.point_section_noList p {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    letter-spacing: -1px
}

.acco_content {
    padding: 0 20px
}

.detail_section_list_1 {
    display: inline-block;
    width: 100%;
    padding: 16px 0;
    font-size: 13px;
    border-bottom: 1px solid #eee
}

.detail_section_list_1 li:nth-child(1) {
    float: left
}

.detail_section_list_1 li:nth-child(2) {
    float: right;
    font-weight: 700
}

.detail_section_sub_list {
    padding: 4px 10px;
    background-color: #fafafa
}

.detail_section_list_4 {
    font-size: 11px;
    color: #888;
    padding: 6px 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 0
}

.detail_section_list_4 li:nth-child(1) {
    float: left
}

.detail_section_list_4 li:nth-child(2) {
    float: right
}

.detail_section_list_2 .arrow_btn.on {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/resources/images/rewardmall/tmapmall/arrow_btn.png);
    background-size: cover;
    vertical-align: middle;
    margin-left: 5px
}

.detail_section_list_2 .arrow_btn.off {
    display: inline-block;
    width: 16px;
    height: 16px;
    transform: rotate(180deg);
    background: url(/resources/images/rewardmall/tmapmall/arrow_btn.png);
    background-size: cover;
    vertical-align: middle;
    margin-left: 5px
}

.detail_section_list_2 {
    display: inline-block;
    width: 100%;
    padding: 8px 0;
    margin-bottom: 0;
    font-size: 14px
}

.detail_section_list_2 li:nth-child(1) {
    float: left;
    color: #888
}

.detail_section_list_2 li:nth-child(2) {
    float: right;
    font-weight: 700
}

.detail_section_list_3 {
    display: inline-block;
    width: 100%;
    padding: 16px 0;
    font-size: 15px;
    border-top: 1px solid #eee;
    margin-bottom: 0
}

.detail_section_list_3 li:nth-child(1) {
    float: left
}

.detail_section_list_3 li:nth-child(2) {
    float: right;
    font-weight: 700
}

.detail_section_list_5 {
    display: inline-block;
    width: 100%;
    padding: 16px 0;
    font-size: 13px;
    border-top: 1px solid #eee
}

.detail_section_list_5 li:nth-child(1) {
    float: left;
    color: #888
}

.detail_section_list_5 li:nth-child(2) {
    float: right;
    color: #f43142;
    font-weight: 700
}

.delivery_section {
    padding: 16px 0;
    display: inline-block;
    width: 100%
}

.delivery_section_btn {
    width: 96px;
    line-height: 32px;
    border: 1px solid #f4f4f4;
    text-align: center;
    font-size: 13px;
    float: right;
    position: relative;
    padding-right: 10px
}

.delivery_section_btn_box {
    display: inline-block;
    margin-bottom: 8px;
    width: 100%
}

.delivery_section_btn::after {
    content: "";
    width: 15px;
    height: 15px;
    background: url(/resources/images/rewardmall/tmapmall/btn_arrow.png);
    background-size: cover;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -7.5px
}

.acco_title {
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 12px 20px !important;
    color: #000 !important;
    position: relative;
    line-height: 30px;
    border-bottom: 1px solid #e1e1e1
}

.acco_button {
    float: right;
    width: auto;
    text-align: right
}

.acco_button span {
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    color: #000;
    text-align: center;
    padding: 5px 10px;
    font-weight: 400;
    background: #fff;
    vertical-align: middle;
    font-size: 12px;
    position: relative;
    top: 5px
}

.acco.off .acco_title_arrow {
    width: 16px;
    height: 16px;
    background: url(/resources/images/rewardmall/tmapmall/arrow_n.png);
    background-size: cover;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 16px
}

.pro_buy_popup_bag_button {
    border: 1px solid #ff1394
}

.acco_title span img {
    width: 25px
}

.acco.on .acco_title_arrow {
    width: 16px;
    height: 16px;
    background: url(/resources/images/rewardmall/tmapmall/arrow_p.png);
    background-size: cover;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 16px
}

.acco_title_arrow_wrapper {
    padding-right: 30px
}

.point_section_sign {
    padding: 40px 0;
    text-align: center
}

.point_section_sign p {
    font-size: 13px;
    margin-bottom: 16px;
    letter-spacing: -.8px
}

.point_section_sign img {
    height: 12px
}

.point_section_sign button {
    width: 280px;
    height: 48px;
    border: 1px solid #f50506;
    font-size: 15px;
    color: #f50506;
    font-weight: 700;
    letter-spacing: -1px;
    background-color: #fff
}

.point_section_result {
    width: 100%;
    background-color: #eee;
    padding: 20px 16px;
    display: inline-block;
    bottom: 0;
    left: 0;
    width: 100%
}

.point_section_result_title {
    font-size: 13px;
    float: left
}

.point_section_result_point {
    font-size: 13px;
    float: right
}

.delivery_section_select {
    padding: 16px 0 8px;
    border-top: 1px solid #eee
}

.order_input {
    margin-bottom: 8px;
    display: inline-block;
    width: 100%
}

.order_input label {
    min-width: 100px;
    line-height: 32px;
    height: 32px;
    letter-spacing: -1px;
    font-size: 12px;
    display: block;
    float: left;
    font-size: 13px;
    color: #111
}

.order_input select {
    border: 1px solid #f4f4f4;
    width: calc(100% - 100px);
    height: 32px;
    padding: 0 12px;
    font-size: 12px;
    color: #999;
    background: #fff;
    box-sizing: border-box
}

.order_input input:-moz-read-only {
    background: #f4f4f4
}

.order_input input:read-only {
    background: #f4f4f4
}

.order_input_check {
    position: relative
}

.order_input_check input {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0
}

.order_input_check label {
    padding-left: 32px;
    background: url(/resources/images/rewardmall/tmapmall/check_n.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 0 5px;
    color: #000
}

.order_input_check input:checked + label {
    background: url(/resources/images/rewardmall/tmapmall/check_p.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 0 5px
}

.pay_section {
    padding-top: 16px
}

.order_input_radio {
    margin-bottom: 16px;
    position: relative
}

.order_input_radio input {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0
}

.order_input_radio label {
    padding-left: 38px;
    height: 32px;
    display: block;
    line-height: 32px;
    background: url(/resources/images/rewardmall/tmapmall/radio_d.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 0 5px;
    font-size: 13px;
    color: #888
}

.order_input_radio input:checked + label {
    background: url(/resources/images/rewardmall/tmapmall/radio_s.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 0 5px
}

.coupon_section_select {
    padding: 16px 0;
    border-bottom: 1px solid #f4f4f4
}

.coupon_section_select .order_input {
    margin-bottom: 0
}

.use_point {
    padding: 15px 0
}

.use_point_title {
    line-height: 18px;
    font-size: 13px;
    color: #111;
    margin-bottom: 7px
}

.use_point_title img {
    width: 18px;
    height: 18px;
    margin-left: 5px;
    vertical-align: middle
}

.use_point_has li {
    float: left;
    font-size: 12px
}

.use_point_has {
    width: 75%;
    display: inline-block;
    margin-bottom: 8px
}

.use_point_has li:nth-child(1) {
    float: left;
    color: #888
}

.use_point_has li:nth-child(2) {
    float: right
}

.use_point_input {
    display: inline-block;
    width: 100%
}

.use_point_input button {
    float: left;
    width: 25%
}

.point_input {
    float: left;
    width: 75%;
    position: relative
}

.point_input .delete_icon {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 12px;
    background: url(/resources/images/rewardmall/tmapmall/del_icon.png);
    background-size: cover;
    margin-top: -10px
}

.point_input input {
    width: 100%;
    box-sizing: border-box;
    height: 40px;
    border: 1px solid #f4f4f4;
    padding: 0 12px;
    font-weight: 700;
    font-size: 16px;
    text-align: right
}

.use_point_input button {
    font-size: 13px;
    color: #111;
    border: 1px solid #f4f4f4;
    border-left: 0;
    background-color: #fff;
    height: 40px
}

.order_pay_button {
    line-height: 56px;
    background-color: #f43142;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.order_terms_section {
    padding: 16px
}

.order_terms_section_title {
    line-height: 32px;
    font-size: 13px;
    color: #888;
    position: relative
}

.order_terms_section_title.off::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(/resources/images/rewardmall/tmapmall/arrow_n.png);
    background-size: cover;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 0
}

.order_terms_section_title.on::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(/resources/images/rewardmall/tmapmall/arrow_p.png);
    background-size: cover;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 0
}

.order_terms_section_content {
    padding: 10px;
    background-color: #fafafa;
    font-size: 12px;
    color: #888
}

.identity {
    padding: 16px 0 18px
}

.identity_text {
    text-align: center;
    font-size: 13px;
    color: #333;
    line-height: 1.4;
    margin-bottom: 23px
}

.identity_button {
    width: 100%;
    height: 48px;
    text-align: center;
    border: 1px solid #f50506;
    line-height: 43px;
    color: #f50506
}

.prod_section_title {
    display: inline-block;
    width: 100%;
    padding: 12px 0
}

.prod_section_title_text {
    float: left;
    font-size: 14px
}

.prod_section_title_status {
    float: right;
    font-size: 12px;
    color: #111;
    padding-left: 20px;
    background: url(/resources/images/rewardmall/tmapmall/free-icon.png) !important;
    background-size: 13px !important;
    background-position: 2px 2px !important;
    background-repeat: no-repeat !important
}

f .prod_section_cotent {
    display: inline-block;
    width: 100%
}

.prod_section_cotent li {
    padding: 12px 0 0;
    width: 100%;
    display: inline-block
}

.prod_section_cotent li.shopLast {
    border-bottom: 1px solid #f4f4f4
}

.prod_section_cotent li:last-child .prod_section_cotent_text {
    border-bottom: 0;
    padding-bottom: 0
}

.prod_section_cotent li.shopLast .prod_section_cotent_text {
    border-bottom: 0;
    padding-bottom: 0
}

.prod_section_cotent li.last .prod_section_cotent_text {
    border-bottom: 0
}

.prod_section_cotent li:last-child {
    border-bottom: 0
}

.prod_section_cotent_img {
    width: 86px;
    height: 86px;
    float: left;
    border: 1px solid #f4f4f4
}

.prod_section_cotent_text {
    width: calc(100% - 94px);
    float: left;
    margin-left: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid #f4f4f4
}

.prod_section_cotent_text_title {
    font-size: 14px;
    color: #555;
    margin-bottom: 8px
}

.prod_section_cotent_text_option {
    font-size: 12px;
    line-height: 1.5;
    color: #888;
    margin-bottom: 8px
}

.prod_section_cotent_text_price {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px
}

.prod_section_cotent_text select {
    width: 100%
}

.pro_title_grid p {
    font-size: 15px;
    color: #000;
    margin-bottom: 14px
}

.pro_price_box {
    color: #000;
    vertical-align: middle;
    font-size: 22px;
    margin-left: 10px
}

.pro_price_box span {
    font-size: 17px;
    vertical-align: middle;
    position: relative;
    top: -3px
}

.pro_salep_box {
    color: #f43142;
    font-size: 22px
}

.pro_price_liner {
    width: 100%
}

.pro_sale_box {
    display: inline-block;
    text-decoration: line-through;
    margin-top: 3px;
    margin-left: 10px;
    font-size: 13px;
    vertical-align: middle
}

.pro_detail_navi_liner {
    padding: 0;
    display: block
}

.pro_text_wrapper {
    padding: 12px 15px 8px
}

.pro_detail_grid {
    background: #fff
}

.pro_detail_navi_box li.on {
    font-weight: 700;
    color: #f50506;
    border-bottom: 2px solid #f50506
}

.pro_detail_navi_box {
    display: table;
    width: 100%;
    margin: 0
}

.pro_buy_popup_buy_button {
    background: #f50506
}

.pro_detail_navi_box li {
    box-sizing: border-box;
    text-align: center;
    display: table-cell;
    font-size: 13px;
    width: 25%;
    padding: 15px 0;
    border-bottom: 2px solid #fff
}

.product-content-area {
    border-top: 0
}

.pro_buy_button_wrapper .pro_buy_button_grid {
    background-color: #f50506
}

.pro_buy_button_wrapper .pro_buy_button_grid.line {
    border: 2px solid #ff1394;
    background-color: #fff !important;
    color: #ff1394;
    border-right: 0;
    border-left: 0
}

.pro_buy_button_wrapper .buy_option_select_total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
}

.pro_buy_button_wrapper .buy_option_select_total .total_price {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
}

.pro_buy_button_wrapper .buy_option_select_total .total_price b {
    color: #F60097;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;

}

.pro_buy_button_wrapper .buy_option_select_total .total_price span {
    color: #F60097;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    margin-left: 10px;
}

.pro_buy_button_wrapper .buy_option_select_total .total_pro {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
}

.pro_info_wrapper {
    margin-top: 0
}

.pro_info_wrapper .pro_info_grid:nth-child(1) {
    border-top: 1px solid #eee
}

.pro_info_wrapper .pro_info_grid:nth-child(1) .pro_info_title_liner {
    vertical-align: top
}

.header .cart_btn {
    position: relative
}

.header .cart_btn_new {
    width: 15px;
    line-height: 14px;
    font-size: 10px;
    font-weight: 700;
    background-color: #f50506;
    position: absolute;
    text-align: center;
    border-radius: 50%;
    right: -3px;
    top: -2px;
    color: #fff
}

.pro_info_grid {
    border-bottom: 1px solid #eee
}

.qna_navi ul li.active {
    color: #ff1394 !important
}

.qna_under_bar {
    background-color: #ff1394 !important
}

.pro_info_cont_liner_line p {
    color: #ff3984
}

.pro_buy_popup_wrapper .pro_buy_select_grid .select li span {
    width: 100%
}

.pro_img_wrapper {
    margin-top: 0
}

.pro_buy_button_wrapper {
    display: block;
    height: auto
}

.pro_buy_list_title {
    width: calc(100% - 140px)
}

.pro_info_title_liner {
    font-size: 13px;
    font-weight: 400
}

.pro_img_grid img {
    width: 100%
}

.pro_info_cont_liner {
    font-size: 13px;
    line-height: 22px;
    color: #777;
    opacity: 1
}

.pro_info_date_liner {
    font-size: 13px;
    line-height: 22px;
    color: #777;
    opacity: 1
}

.pro_info_where_liner {
    font-size: 13px;
    line-height: 22px;
    color: #777;
    opacity: 1
}

.pro_buy_button_wrapper .pro_buy_button_grid {
    background-color: #ff1394 !important
}

.pro_detail_navi_box li.on {
    color: #ff1394 !important;
    border-bottom: 1px solid #ff1394 !important
}

.pro_salep_box {
    color: #ff001e !important
}

.pro_buy_popup_wrapper .pro_buy_select_grid .select_title.on {
    border: 1px solid #ff1394 !important
}

.pro_buy_popup_buy_button {
    background-color: #ff1394 !important
}

.order_pay_button {
    background-color: #fa5f8c !important;
    font-size: 16px !important
}

a {
    color: #ff1394
}

.order_input_radio input:checked + label {
    background: url(/resources/images/rewardmall/uplus/radio_s.png) !important;
    background-size: 24px !important;
    background-repeat: no-repeat !important;
    background-position: 0 5px !important
}

.orderstatus_boxes_conut {
    color: #ababab !important
}

.pro_buy_popup_wrapper .pro_buy_select_grid .select li:hover {
    background-color: #ff1394 !important
}

.qna_list_box_b .who_b {
    background: #ff1394
}

.qna_list_box_b .id_b {
    color: #000
}

.pro_info_cont_liner.arrow {
    padding-right: 10px;
    display: inline-block;
    width: auto
}

.pro_info_cont_liner.arrow::after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 1px solid #777;
    border-top: 1px solid #777;
    display: block;
    transform: rotate(45deg);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px
}

.pro_info_cont_liner.arrow::before {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 1px solid #777;
    border-top: 1px solid #777;
    display: block;
    transform: rotate(45deg);
    position: absolute;
    right: -8px;
    top: 50%;
    margin-top: -4px
}

.pro_card_popup {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 51;
    display: none
}

.pro_card_popup_content {
    width: 80%;
    height: 80%;
    overflow: scroll;
    background: #fff;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.pro_card_popup .close {
    right: 10px;
    position: absolute;
    width: 22px;
    height: 22px;
    top: 10px
}

.pro_card_popup_table thead {
    color: #fff;
    background: #000
}

.pro_card_popup_table {
    font-size: 10px
}

.pro_card_popup_table th, .pro_card_popup_table td {
    border: 1px solid #777;
    text-align: center;
    padding: 3px;
    font-weight: 400
}

.pro_card_popup_title {
    margin-bottom: 12px
}

.uplus_line_button {
    margin-top: 15px;
    width: 100%;
    line-height: 48px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #ff1394;
    background-color: #ff1394;
    color: #fff;
    display: table
}

.select-product-option-quantity {
    max-width: 80px;
    background-color: #fff;
    padding-left: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.select-product-option-quantity::-ms-expand {
    display: none
}

.prod_section_cotent li {
    position: relative
}

.cart-info-box-check {
    position: absolute;
    left: 5px;
    top: 20px;
    height: auto;
    width: auto
}

.top_btn_fixed {
    margin-left: 180px !important;
    margin-bottom: 75px !important;
    padding-bottom: 0
}

@media only screen and (min-width: 801px) {
    .top_btn_fixed_recently > a > div {
        margin-bottom: 10px !important
    }

    .top_btn_fixed_search > a > div {
        margin-bottom: 64px !important
    }

    .pro_text_wrapper.product-time-sale > div {
        top: -1px
    }

    .top_btn_fixed_search.product > a > div {
        margin-bottom: 32px !important
    }

    .pro_card_popup {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 51
    }

    .pro_card_popup_content {
        width: 380px;
        position: fixed;
        margin: auto
    }

    #personal-information-collect-alert {
        width: 480px !important
    }

    #personal-information-collect-detail-alert {
        width: 480px !important
    }

    #wish-add-msg-popup, #wish-remove-msg-popup {
        width: 420px !important;
        margin-left: -210px !important
    }

    .top_btn_fixed {
        margin-left: 180px !important;
        margin-bottom: 55px;
        padding-bottom: 0
    }

    .gift-delivery-info-alert {
        width: 480px !important
    }

    .popup_wrap {
        top: 50% !important
    }

    .search-order-fixed {
        width: 480px !important;
        left: 50% !important;
        transform: translate(-50%, 0)
    }
}

.gray-bar {
    padding: 6px 0;
    background: #f7f
}

.mypage-info {
    padding: 24px 0
}

.mypage-info .title {
    text-align: center;
    padding-bottom: 34px;
    position: relative
}

.mypage-info .title span {
    display: block;
    font-size: 11px;
    color: #999
}

.mypage-info .title {
    font-size: 22px;
    color: #000;
    font-weight: 800
}

.mypage-info .list {
    display: table;
    width: 100%
}

.mypage-info .list li {
    display: table-cell;
    text-align: center;
    width: 33.333333333%;
    position: relative;
    font-size: 13px
}

.mypage-info .list li::after {
    content: '';
    width: 1px;
    height: 18px;
    background: #333;
    display: block;
    top: 0;
    right: 0;
    position: absolute
}

.mypage-info .list li:last-child::after {
    display: none
}

.search_cont_wrap {
    background-color: #fff;
    padding: 10px 20px
}

.search_cont_wrap .placeholder {
    position: absolute;
    top: 7px;
    left: 17px;
    font-size: 13px;
    color: #bbb
}

.search_cont_wrap * {
    background-color: #fff
}

.search_history_grid {
    border: none
}

.search_history_ul {
    padding: 0 !important
}

.search_history_ul li:last-child .search_history_li_txt, .search_history_ul li:last-child .search_history_li_cls {
    border: 0
}

.search_history_li {
    border: none
}

.search_history_li_txt {
    border: none;
    border-bottom: 1px solid #f7f7f7;
    font-size: 15px
}

.search_history_li_txt:last-child {
    border: none
}

.search_history_li_txt_count {
    color: #f91c97;
    width: 35px;
    font-weight: 700;
    font-size: 16px
}

.search_history_li_cls {
    border: none;
    border-bottom: 1px solid #f7f7f7
}

.search_history_li .close_button {
    width: 18px;
    height: 18px
}

.search_history_li .close_button .line {
    content: '';
    display: block;
    height: 18px;
    width: 2px;
    margin-left: 12px;
    background-color: #d0d0d0;
    transform: rotate(45deg);
    z-index: 1
}

.search_history_li .close_button .line::after {
    content: '';
    display: block;
    height: 18px;
    width: 2px;
    background-color: #d0d0d0;
    transform: rotate(90deg);
    z-index: 2
}

.search_history_wrap {
    position: static;
    padding: 0
}

.mb_mypage_hds span {
    border: none;
    padding-left: 0;
    font-weight: 700;
    font-size: 14px
}

.mb_mypage_state {
    background: #f4f4f4;
    margin-top: 20px;
    width: 100%
}

.mb_mypage_state > div {
    display: table-cell;
    position: relative;
    width: 50%;
    text-align: center;
    font-size: 13px;
    padding: 10px 0
}

.mb_mypage_state > div span {
    margin-left: 15px;
    font-weight: 700
}

.order_status .all {
    font-size: 11px;
    float: right;
    padding: 5px 15px;
    border: 1px solid #000;
    border-radius: 14px;
    color: #000;
    top: -2px
}

.order_status .all.active {
    color: #ff1394;
    border: 1px solid #ff1394
}

.mb_mypage_state > div:first-child::after {
    content: '';
    width: 1px;
    height: 20px;
    background: #ababab;
    position: absolute;
    right: -1px;
    top: 50%;
    margin-top: -10px
}

.search_hd_grid {
    width: 100%;
    height: 28px;
    border-radius: 1px;
    overflow: hidden
}

.search_hd_grid p {
    padding-left: 15px;
    margin: 4px 0;
    color: #ccc
}

.search_hd_grid input {
    padding-right: 22px;
    font-size: 13px;
    position: absolute;
    z-index: 2;
    top: 3px;
    background: transparent
}

.search_hd_grid input:focus {
    outline: none !important
}

/*.search-input {*/
/*    width: 100%;*/
/*    line-height: 28px;*/
/*    height: 28px !important;*/
/*    padding: 0;*/
/*    font-family: 'Noto Sans KR', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif*/
/*}*/

.search_cancle {
    display: none !important
}

.gray-bar {
    padding: 6px 0;
    background: #f7f7f7
}

.mypage-info {
    padding: 24px 0
}

.mypage-info .title {
    text-align: center;
    padding-bottom: 34px
}

.mypage-info .title span {
    display: block;
    font-size: 11px;
    color: #999
}

.mypage-info .title {
    font-size: 22px;
    color: #000;
    font-weight: 800
}

.mypage-info .list {
    display: table;
    width: 100%
}

.mypage-info .list li {
    display: table-cell;
    text-align: center;
    width: 33.333333333%;
    position: relative;
    font-size: 13px
}

.mypage-info .list li::after {
    content: "";
    width: 1px;
    height: 18px;
    background: #333;
    display: block;
    top: 0;
    right: 0;
    position: absolute
}

.mypage-info .list li:last-child::after {
    display: none
}

.search_hd_wrap {
    border-radius: 3px;
    padding-top: 1px;
    position: relative;
    height: 35px;
    border: 1px solid gray
}

.nav_m1.active::after, .nav_m2.active::after, .nav_m3.active::after {
    display: none
}

.cm_hdnav_menu {
    border: 0
}

.cm_hdnav_menu_nav_button {
    border: 0
}

.nav_m1, .nav_m2, .nav_m3 {
    padding: 6px 12px !important
}

.cm_hdnav_menu_padding {
    padding: 0 10px
}

.sc_menutxt {
    height: auto
}

.cm_hdnav_menu_nav_button {
    height: 37px;
    width: 40px
}

.cm_hdnav_menu_grid {
    width: calc(100% - 42px)
}

.main_nav_txthd_h1, .main_nav_txthd_img {
    font-size: 15px;
    height: 34px;
    line-height: 30px
}

.cm_hdnav_menu_nav_button::after {
    border: 0;
    background: url(/resources/images/rewardmall/uplus/arrow_down.png);
    background-size: cover;
    transform: none;
    width: 23px;
    height: 23px;
    left: 3px;
    top: 2px
}

.cm_hdnav_menu_nav_button.on::after {
    border: 0;
    background-size: cover;
    transform: rotate(-180deg);
    width: 23px;
    height: 23px;
    left: 3px;
    top: 2px
}

.nav_m1.active .main_nav_txthd_h1 {
    color: #f91c97
}

.nav_m1.active .main_nav_txthd_h1::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 2px;
    background-color: #f91c97
}

.cm_hdnav_menu_nav {
    padding: 10px 20px;
    border: 0
}

.cm_hdnav_menu_nav ul li {
    line-height: 30px;
    padding: 0;
    height: 32px;
    border: 1px solid gray;
    border-radius: 2px;
    width: calc(100% / 3 - 4px);
    margin-right: 6px;
    margin-bottom: 6px
}

.cm_hdnav_menu_nav ul li.cm_hdnav_menu_nav-img {
    line-height: 26px
}

.main_nav_txthd_h1, .main_nav_txthd_img {
    font-weight: 700
}

.cm_hdnav_menu_nav ul li:nth-child(3n) {
    margin-right: 0
}

.cm_hdnav_menu_nav ul li.active {
    color: #f91c97;
    border: 1px solid #f91c97;
    font-weight: 700
}

.search_hd_wrap {
    padding-top: 1px
}

.search_hd_wrap .search_btn_grid {
    margin-right: 8px;
    width: 25px
}

.search_hd_wrap .search_btn {
    padding-top: 2px
}

.search_hd_wrap .search_btn img {
    width: 24px
}

.main_icon_header {
    top: 0;
    height: 50px;
    text-align: center;
    position: relative;
    line-height: 52px;
    background-color: #fff;
    border-bottom: 1px solid #dbdbdb;
    position: fixed;
    width: 100%;
    z-index: 50
}

.main_icon_header_wrapper {
    height: 50px
}

.main_icon_header .logo {
    height: 34px;
    z-index: 5;
    top: 6px;
    position: absolute;
    left: 50%;
    margin-left: -54px
}

.main_icon_header .menu_wrap > .right_icon {
    padding: 10px 6px
}

.menu_wrap {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    padding: 6px
}

.menu_wrap .right_icons {
    float: right;
    margin-right: 2px
}

.menu_wrap .right_icon {
    padding: 8px 6px;
    float: left;
    line-height: 0
}

.menu_wrap .right_icon img {
    width: 22px
}

.menu_wrap > .right_icon img {
    width: 16px
}

.top_btn_fixed {
    opacity: 1
}

.top_btn_fixed_search > a > div {
    margin-bottom: 64px
}

.top_btn_fixed_recently {
    display: block
}

.right_icon .cart_icon {
    width: 24px
}

.RecentlyView {
    padding: 20px;
    background-color: #fff;
    min-height: 540px
}

.RecentlyView .RecentlyItem {
    padding: 12px 0;
    font-size: 16px;
    position: relative;
    top: 1px;
    font-weight: 500;
    display: block
}

.mb_mypage_recently_array_padding {
    padding: 20px 0 0;
    overflow-y: hidden
}

.deleteButton .close_button {
    width: 18px;
    height: 18px
}

.deleteButton .close_button .line {
    content: '';
    display: block;
    height: 18px;
    width: 2px;
    margin-left: 12px;
    background-color: #d0d0d0;
    transform: rotate(45deg);
    z-index: 1
}

.deleteButton .close_button .line::after {
    content: '';
    display: block;
    height: 18px;
    width: 2px;
    background-color: #d0d0d0;
    transform: rotate(90deg);
    z-index: 2
}

.search_btn_grid {
    right: 10px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 16px;
    margin-right: 0
}

.search_btn {
    padding-top: 2px
}

.search_btn a img {
    width: 15px;
    float: left
}

.my_title .close_button {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 20px;
    top: 13px
}

.my_title .close_button .line {
    content: '';
    display: block;
    height: 18px;
    width: 2px;
    margin-left: 12px;
    background-color: #000;
    transform: rotate(45deg);
    z-index: 1
}

.my_title .close_button .line::after {
    content: '';
    display: block;
    height: 18px;
    width: 2px;
    background-color: #000;
    transform: rotate(90deg);
    z-index: 2
}

.my_title .right_icons {
    position: absolute;
    right: 12px;
    top: 0
}

.my_title .right_icon {
    padding: 14px 2px;
    float: left;
    line-height: 0
}

.my_title .right_icon img {
    width: 22px !important;
    height: auto !important;
    position: relative;
    top: 0
}

.qna_box {
    position: relative;
    background-color: #f0f0f0;
    float: right;
    border-radius: 5px;
    padding: 5px 20px 5px 10px;
    right: 25px;
    width: 100px;
    top: 40px
}

.qna_box a {
    color: #000 !important;
    font-size: 12px;
    display: block
}

.right_arrow {
    border-right: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    width: 10px;
    height: 10px;
    position: absolute;
    transform: rotate(-45deg);
    right: 8px;
    top: 8.5px
}

.mypage-info {
    padding: 0
}

.mypage-info .title {
    padding: 20px;
    display: inline-block;
    width: 100%;
    padding-bottom: 0
}

.mypage-info .title img {
    width: 61px;
    margin-right: 12px;
    margin-top: 10px;
    float: left
}

.mypage-info .title span {
    display: block;
    text-align: left;
    margin-top: 6px
}

.mypage-info .title #authinfo-phonenum {
    display: block;
    font-size: 17px
}

.order_status {
    font-size: 14px;
    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 8px;
    border-top: 1px solid #f0f0f0
}

.mb_mypage_grid15a {
    height: 113px
}

.orderstatus_boxes_inner_icon {
    width: 40px;
    height: 40px;
    top: 0
}

.mb_mypage_mypic_arrowright {
    top: 17px
}

.orderstatus_boxes_stat {
    padding: 0;
    font-size: 11px !important;
    text-align: center
}

.orderstatus_boxes_conut {
    text-align: center
}

.orderstatus_blank {
    height: 30px
}

.orderstatus_boxes.on .orderstatus_boxes_stat {
    color: #000 !important
}

.orderstatus_boxes.active .orderstatus_boxes_stat {
    color: #f91c97 !important
}

.orderstatus_boxes_stat {
    color: #ababab !important
}

.orderstatus_boxes.on .orderstatus_boxes_conut {
    color: #000 !important
}

.orderstatus_boxes.active .orderstatus_boxes_conut {
    color: #f91c97 !important
}

.order_list {
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
    padding: 20px 0;
    border-top: 1px solid #f0f0f0;
    padding-bottom: 8px
}

.mb_mypage_grid_bt10 {
    padding: 0;
    border: 0
}

.mb_mypage_grid_bt10 * {
    border: 0
}

.mb_mypage_hds {
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
    padding: 20px 0;
    border-top: 1px solid #f0f0f0
}

.mb_mypage_recently_array_padding {
    padding: 0
}

.recently_arr_price_h1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.deliver-info-btn.info-deliver-return {
    background-color: #f9f9f9;
    width: 100%;
    height: 48px;
    color: #222;
    border: 1px solid #E6E6E6;
    border-radius: 3px;
    margin-top: 24px;
    padding: 12px 19px;
    display: inline-block
}

.mypage_info_box {
    height: 44px;
    margin: 10px 0;
    border-radius: 3px;
    border: 1px solid #E6E6E6;
    vertical-align: middle;
    display: inline-block;
    line-height: 41px;
    width: 100%
}

.mypage_info_box:first-child {
    margin-bottom: 0
}

.mypage_info_box_text {
    font-size: 11px;
    color: #000;
    width: 100px;
    display: inline-block
}

.mypage_info_box_info {
    font-size: 11px;
    color: #999
}

.mypage_info_box_logo {
    width: 15px;
    height: 15px;
    margin: 0 10px
}

.mb_mypage_recently_array_padding {
    width: calc(100% + 20px);
    overflow-x: auto
}

.recently_arr_box {
    width: 1500px;
    display: inline-block;
    padding-right: 20px;
    height: 250px
}

.recently_arr_prd {
    background: #fff;
    width: 150px;
    height: 250px;
    float: left
}

.recnetly_arr_img {
    width: 150px;
    height: 150px
}

.recently_arr_price_wrap {
    width: 150px;
    float: left
}

.recently_arr_price_wrap * {
    width: 100%
}

.recently_arr_price_h1 {
    font-size: 13px
}

.recently_arr_price_h2 {
    float: left;
    text-align: left
}

.recently_arr_price_h3 span {
    font-size: 17px;
    font-weight: 900
}

.recently_arr_price_h4 {
    padding: 10px;
    background-color: #f5f5f5;
    width: 60px;
    border-radius: 3px;
    font-size: 10px;
    text-align: center;
    height: 26px;
    line-height: 5px
}

.recently_arr_prd.mb_mlf5 {
    margin-left: 13px
}

.mb_search_hds {
    font-size: 14px;
    font-weight: 700;
    padding: 20px 0
}

.search_result_hd_wrap {
    display: none !important
}

.mb_search_hds span {
    color: #f91c97
}

.themeTag {
    padding: 15px;
    padding-right: 45px;
    position: relative;
    height: 89px;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    background-color: #fff;
    z-index: 50
}

.themeTagBox {
    height: 71px;
    overflow: hidden;
    margin-bottom: -7px
}

.themeTag .tag {
    width: calc(100% / 4 - 5px);
    display: block;
    height: 28px;
    font-size: 12px;
    text-align: center;
    border: 1px solid gray;
    border-radius: 14px;
    vertical-align: middle;
    margin-right: 5px;
    color: gray;
    line-height: 25px;
    float: left;
    margin-bottom: 5px
}

.themeTag .tag.active {
    border: 1px solid #ff1394;
    border-radius: 14px;
    color: #ff1394
}

.themeTag .tag:nth-child(4n) {
    margin-right: 0
}

.themeTag .themeArrow {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 28px;
    height: 28px
}

.themeTag .themeArrow.active {
    transform: rotate(180deg)
}

.dim.on {
    display: block !important
}

.search_hd_grid {
    width: calc(100% - 29px)
}

.eventItem-badge-gray {
    padding: 10px;
    background-color: #f5f5f5;
    width: 60px;
    border-radius: 3px;
    font-size: 10px;
    text-align: center;
    height: 26px;
    line-height: 5px;
    color: #7d7d7d;
    line-height: 16px
}

.product-description-more button:focus {
    outline: 0 !important
}

.slide_items {
    height: 20px !important;
    margin-bottom: 0 !important
}

.top-swiper {
    height: 20px !important;
    margin-top: 4px;
    color: #b8b7b7
}

.search_btn_grid {
    z-index: 49
}

.qna_buttons {
    float: left;
    margin-bottom: 0
}

.qna_buttons button {
    border: 1px solid #dddbdb;
    color: #747474;
    font-size: 11px;
    background: #fff;
    padding: 3px 8px;
    border-radius: 3px
}

.qna_buttons button:focus {
    outline: none !important
}

.qna_buttons button:last-child {
    margin-left: 5px
}

.qna_buttons button:first-child {
    margin-left: 0
}

.qna_list_box_b {
    padding: 20px 16px 12px
}

.qna_list_box_b p {
    margin-bottom: 20px
}

.qna_list_box_b .qna_answer {
    bottom: 16px;
    right: 20px
}

.myPageTab {
    overflow: hidden;
    margin-top: 15px;
    border: none;
    padding: 0 24px
}

.no-coupon {
    position: relative
}

.myPageTab div {
    background-color: inherit;
    float: left;
    outline: none;
    border-bottom: 1px solid gray;
    padding: 7px 0;
    font-size: 14px;
    text-align: center;
    width: 50%
}

.myPageTab div.active {
    color: #f39;
    border-bottom: 2px solid #f39;
    font-weight: 700
}

.myPageTabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none
}

.input-code-wrapper {
    padding: 24px
}

.input-code-wrapper input {
    width: calc(100% - 90px);
    height: 40px;
    font-size: 12px;
    border: 1px solid #f4f4f4;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 10px
}

.input-code-wrapper button {
    width: 90px;
    background: #fff;
    border: 1px solid #000;
    float: right;
    font-size: 12px;
    color: #000;
    height: 40px;
    font-size: 14px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.have-coupon-page {
    min-height: 200px;
    text-align: center;
    background-color: #fff
}

.no-coupon img {
    position: absolute;
    width: 100px;
    top: 75px;
    left: 134px
}

.no-coupon p {
    height: 300px;
    line-height: 385px;
    color: #d8d8d8
}

.coupon-information {
    padding: 15px;
    font-size: 12px;
    background-color: #ededed
}

.coupon-warning-data-information {
    background-color: #ededed
}

.mypage-coupon-list {
    padding: 24px 20px;
    background: #f4f4f4;
    margin-bottom: 0
}

.mypage-coupon-list li:first-child {
    margin-top: 0
}

.mypage-coupon-list li {
    border: 1px solid #f39;
    border-radius: 5px;
    background: #fff;
    margin-top: 17px;
    position: relative;
    box-sizing: border-box
}

.mypage-coupon-list li .content {
    float: left;
    width: calc(100% - 62px);
    height: 114px;
    min-height: 114px;
    padding: 20px 13px;
    background-color: #fff;
    border-radius: 20px
}

.mypage-coupon-list li .img {
    width: 52px;
    height: 52px;
    display: inline-block;
    vertical-align: middle
}

.mypage-coupon-list li .text {
    font-size: 14px;
    width: calc(100% - 70px);
    color: #333;
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
    margin-left: 10px;
    height: 100px
}

.mypage-coupon-list li .state {
    color: #fff;
    background-color: #f39;
    line-height: 15px;
    font-size: 15px;
    float: right;
    width: 62px;
    padding: 42px 0;
    text-align: center;
    border-left: 2px dashed #f39;
    position: relative
}

.mypage-coupon-list li .state::before {
    content: "";
    width: 14px;
    height: 14px;
    border-bottom: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    border-left: 1px solid #f39;
    border-top: 1px solid #f39;
    border-radius: 14px;
    display: block;
    bottom: -8px;
    position: absolute;
    left: -9px;
    background: #f7f7f7;
    transform: rotate(45deg)
}

.clearfix {
    line-height: 20px
}

.clearfix:before, .clearfix:after {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.clearfix:before, .clearfix:after {
    display: table;
    content: " "
}

.mypage-coupon-list li .text .title {
    color: #333;
    width: 100%;
    font-size: 14px;
    text-overflow: ellipsis;
    text-align: left
}

.mypage-coupon-list li .text .sale {
    color: #f39;
    text-align: left;
    font-size: 16px;
    margin: 5px 0
}

.mypage-coupon-list li .text .sale span {
    color: #f39;
    text-align: left;
    font-size: 18px;
    font-weight: 700
}

.mypage-coupon-list li .text .limit {
    margin-top: 14px;
    font-size: 12px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

.mypage-coupon-list li .text .limit span {
    color: #f39
}

.mypage-coupon-list li .text .date {
    font-size: 10px;
    color: #a3a3a3;
    text-overflow: ellipsis;
    text-align: left;
    transform: scale(.9);
    line-height: 12px;
    white-space: nowrap;
    transform-origin: left
}

.mypage-coupon-list li .state::after {
    content: "";
    width: 14px;
    height: 14px;
    border-top: 1px solid #f7f7f7;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f39;
    border-bottom: 1px solid #f39;
    border-radius: 14px;
    display: block;
    top: -8px;
    position: absolute;
    left: -9px;
    background: #f7f7f7;
    transform: rotate(45deg)
}

.mypage-coupon-list li .img {
    width: 52px;
    height: 52px;
    display: inline-block;
    vertical-align: middle
}

.mypage-coupon-list li .img img {
    width: 100%
}

.mypage-coupon-list li.off .text .limit {
    width: 100%;
    color: #d8d8d8
}

.mypage-coupon-list li.off .text .title {
    color: #d8d8d8
}

.mypage-coupon-list li.off .text .limit span {
    color: #d8d8d8
}

.mypage-coupon-list li.off {
    border: 1px solid #d8d8d8
}

.mypage-coupon-list li.off .text .sale {
    color: #d8d8d8
}

.mypage-coupon-list li.off .text .sale span {
    color: #d8d8d8
}

.mypage-coupon-list li.off .state::after {
    content: "";
    width: 14px;
    height: 14px;
    border-top: 1px solid #f7f7f7;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 14px;
    display: block;
    top: -8px;
    position: absolute;
    left: -9px;
    background: #f7f7f7;
    transform: rotate(45deg)
}

.mypage-coupon-list li.off .state::before {
    content: "";
    width: 14px;
    height: 14px;
    border-bottom: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    border-left: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    border-radius: 14px;
    display: block;
    bottom: -8px;
    position: absolute;
    left: -9px;
    background: #f7f7f7;
    transform: rotate(45deg)
}

.mypage-coupon-list li.off .text .date {
    color: #d8d8d8
}

.mypage-coupon-list li.off .state {
    color: #fff;
    background-color: #d8d8d8;
    line-height: 15px;
    font-size: 13px;
    border-left: 2px dashed #d8d8d8
}

.warning-information {
    border-top: 1px solid #dbdbdb;
    padding: 20px
}

.qna_information {
    margin-bottom: 20px
}

.no-qnaList {
    width: 100%;
    height: 360px;
    line-height: 360px;
    text-align: center
}

.my_title {
    text-align: center;
    padding: 12px 0 !important
}

.my_title a img {
    position: absolute;
    height: 16px !important;
    width: 16px !important;
    margin-left: 8px !important;
    left: 0;
    top: 16px;
    padding: 0 !important
}

.my_title span {
    padding: 0 !important;
    font-size: 17px !important;
    top: -1px !important;
    font-weight: 400 !important;
    font-family: 'Noto Sans KR' !important
}

.blue_keyword {
    float: left;
    color: blue;
    font-size: 12px
}

.blue_keyword::after {
    content: '/';
    margin-right: 3px
}

.blue_keyword:last-child::after {
    content: ''
}

.after_keyword_arrow::before {
    content: '>'
}

.after_keyword_arrow {
    float: left;
    font-size: 12px;
    width: 20px;
    text-align: center
}

.pay_loading {
    text-align: center;
    width: 60px !important;
    height: 60px !important;
    background: url(/resources/images/rewardmall/uplus/kok_loading.gif);
    background-size: cover;
    margin: 0 auto
}

.pay_loading div {
    display: none
}

.after_star_total {
    background: #fff;
    padding: 15px;
    margin-bottom: 16px
}

.after_star_total > .title {
    font-size: 15px;
    font-weight: 700
}

.smry {
    overflow: hidden;
    margin: 10px 0
}

.smry_star {
    width: 50%;
    float: left;
    margin-top: 14px
}

.smry_star .title {
    width: 100px;
    font-size: 13px;
    color: #999;
    text-align: center
}

.smry_star .title span {
    font-size: 23px;
    font-weight: 700;
    color: #ff1394
}

.smry_star .star {
    width: 100px;
    background: url(https://kok.uplus.co.kr/resources/images/product/star_rate.png) no-repeat;
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat;
    height: 22px
}

.smry_star .star_per {
    overflow: hidden
}

.smry_star .star_per span {
    display: block;
    float: left;
    width: 100px;
    background: url(https://kok.uplus.co.kr/resources/images/product/star_rate.png) no-repeat;
    background-position: left 3px;
    background-size: cover;
    background-repeat: no-repeat;
    height: 22px
}

.smry_per {
    width: 50%;
    float: left
}

.smry_per li {
    position: relative;
    padding: 5px 38px 0 25px;
    height: 20px
}

.smry_per .score {
    position: absolute;
    font-size: 12px;
    line-height: 19px;
    left: 0;
    top: 0
}

.smry_per .graph {
    width: 100%;
    height: 10px;
    background: #e7e7e7;
    position: relative
}

.smry_per .graph span {
    display: block;
    position: absolute;
    height: 10px;
    left: 0;
    top: 0;
    background: #ffcf00
}

.smry_per .rate {
    position: absolute;
    width: 35px;
    font-size: 12px;
    line-height: 19px;
    right: 0;
    font-weight: 700;
    top: 0
}

.smry_item .text {
    padding: 2px 0;
    min-width: 30px;
    color: #999;
    font-size: 12px;
    display: inline-block
}

.smry_item {
    margin-top: 20px
}

.smry_item li {
    margin-top: 5px
}

.smry_item .info {
    display: inline-block;
    margin-left: 3px;
    font-size: 13px
}

.smry_item .per {
    display: inline-block;
    margin-left: 3px;
    font-size: 14px;
    color: #ff1394;
    font-weight: 700
}

.qna_pro_date {
    margin-bottom: 10px
}

.qna_pro_date .date {
    font-size: 11px;
    opacity: .5;
    line-height: 16px
}

.qna_pro_date .product-view {
    font-size: 11px;
    margin-left: 10px
}

.kt-theme-1-list {
    padding: 20px 20px 50px;
    text-align: left
}

.kt-theme-1-list li:first-child {
    margin-top: 0
}

.kt-theme-1-list li {
    background: #fff;
    margin-top: 15px;
    position: relative;
    z-index: 5;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #efefef
}

.kt-theme-1-list .badge_box {
    position: absolute;
    bottom: 6px;
    left: 140px
}

.kt-theme-1-list li .img > img {
    width: 130px;
    height: 130px;
    display: inline-block;
    vertical-align: middle
}

.kt-theme-1-list li .text {
    width: calc(100% - 140px);
    display: inline-block;
    vertical-align: middle;
    padding-left: 8px;
    box-sizing: border-box;
    padding-right: 10px;
    padding-top: 8px
}

.kt-theme-1-list li .text .title {
    color: #4c4c4c;
    font-size: 16px;
    line-height: 1.2;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 37px;
    overflow: hidden;
    text-align: left
}

.kt-theme-1-list li .text .price {
    font-weight: 700;
    margin-top: 5px;
    letter-spacing: -1px
}

.kt-theme-1-list li .text .price span {
    font-size: 11px;
    color: #000;
    font-weight: 400
}

.kt-theme-1-list li .text .price .sale {
    font-size: 24px;
    font-weight: 800;
    color: #ee0b00;
    float: left;
    margin-top: 12px;
    margin-right: 6px
}

.kt-theme-1-list li .text .price .num {
    vertical-align: bottom;
    float: left;
    font-size: 18px;
    font-weight: 800
}

.kt-theme-1-list li .text .price .num > span {
    font-size: 12px;
    position: relative;
    top: -1px;
    font-weight: 800
}

.kt-theme-1-list li .text .price .ori_price {
    font-size: 12px;
    text-decoration: line-through;
    font-weight: 400 !important;
    position: relative;
    bottom: -7px;
    opacity: .8;
    top: auto !important;
    color: #b4b4b4
}

.kt-theme-1-list li .text .price .sale span {
    font-size: 24px;
    color: #ee0b00;
    font-weight: 700
}

.kt-theme-1-list li .text .price > span {
    font-size: 12px;
    font-weight: 400
}

.my_coupon_downslist_h2 {
    color: #ff1394
}

.no-select-coupon {
    font-size: 11px
}

.kt-theme-1-list {
    padding: 20px 20px 50px;
    text-align: left
}

.kt-theme-1-list li:first-child {
    margin-top: 0
}

.kt-theme-1-list li {
    background: #fff;
    margin-top: 15px;
    position: relative;
    z-index: 5;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #efefef
}

.kt-theme-1-list li .img {
    width: 130px;
    height: 130px;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.kt-theme-1-list li .img > img {
    width: 130px;
    height: 130px;
    display: inline-block;
    vertical-align: middle
}

.kt-theme-1-list li .text {
    width: calc(100% - 140px);
    display: inline-block;
    vertical-align: middle;
    padding-left: 8px;
    box-sizing: border-box;
    padding-right: 10px;
    padding-top: 8px
}

.kt-theme-1-list li .text .title {
    color: #4c4c4c;
    font-size: 16px;
    line-height: 1.2;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 37px;
    overflow: hidden;
    text-align: left
}

.kt-theme-1-list li .text .price {
    font-weight: 700;
    margin-top: 5px;
    letter-spacing: -1px
}

.kt-theme-1-list li .text .price span {
    font-size: 11px;
    color: #000;
    font-weight: 400
}

.kt-theme-1-list li .text .price .sale {
    font-size: 24px;
    font-weight: 800;
    color: #ee0b00;
    float: left;
    margin-top: 12px;
    margin-right: 6px
}

.kt-theme-1-list li .text .price .num {
    vertical-align: bottom;
    float: left;
    font-size: 18px;
    font-weight: 800
}

.kt-theme-1-list li .text .price .num > span {
    font-size: 12px;
    position: relative;
    top: -1px;
    font-weight: 800
}

.kt-theme-1-list li .text .price .ori_price {
    font-size: 12px;
    text-decoration: line-through;
    font-weight: 400 !important;
    position: relative;
    bottom: -7px;
    opacity: .8;
    top: auto !important;
    color: #b4b4b4
}

.kt-theme-1-list li .text .price .sale span {
    font-size: 24px;
    color: #ee0b00;
    font-weight: 700
}

.kt-theme-1-list li .text .price > span {
    font-size: 12px;
    font-weight: 400
}

.my_coupon_downslist_h2 {
    color: #ff1394
}

.no-select-coupon {
    clear: both;
    display: inline-block;
    width: 100px;
    background: #222;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    padding: 10px
}

.theme-type-1 {
    padding: 10px 20px;
    background: #fff
}

.theme-type-1 .product_list_wrap {
    width: 100%;
    margin-right: 10px;
    overflow-x: auto;
    padding-bottom: 5px
}

.theme-type-1 .title h3 {
    font-weight: 700;
    font-size: 17px;
    margin: 0
}

.theme-type-1 .title p {
    font-weight: 300;
    font-size: 14px;
    margin-top: 3px;
    margin-bottom: 0;
    min-height: 20px
}

.theme-type-1 .product_list {
    display: flex;
    padding: 22px 15px 0 0;
    box-sizing: content-box
}

.theme-type-1 .eventItem-product-link {
    display: inline-block;
    flex-shrink: 0;
    padding-right: 10px;
    position: relative;
    width: 170px;
    padding-right: 0;
    margin-right: 10px
}

.theme-type-1 .eventItem-product-link .info {
    padding: 12px 18px
}

.theme-type-1 .eventItem-product-link .img {
    width: 170px;
    height: 170px;
    border: 1px solid #f5f5f5;
    border-radius: 14px
}

.theme-type-1 .eventItem-product-link .gray {
    background-color: #f5f5f5;
    width: 60px;
    border-radius: 3px;
    border: 1px solid #eee;
    font-size: 10px;
    text-align: center;
    height: 26px;
    color: #7d7d7d;
    line-height: 16px;
    margin-top: 8px;
    padding: 4px 6px
}

.theme-type-1 .eventItem-product-link .title {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.2;
    height: 34px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.theme-type-1 .eventItem-product-link .ori_price {
    height: 14px;
    margin-top: -3px;
    color: #cacaca;
    font-size: 10px;
    font-weight: 300;
    min-height: 14px
}

.theme-type-1 .eventItem-product-link .ori_price span {
    text-decoration: line-through;
    font-size: inherit;
    font-weight: inherit
}

.theme-type-1 .eventItem-product-link .sale_price {
    margin-top: 4px;
    letter-spacing: -1.5px
}

.theme-type-1 .eventItem-product-link .info .sale_price .price {
    color: #000;
    font-weight: 700;
    font-size: 19px
}

.theme-type-1 .eventItem-product-link .info .sale_price .per {
    color: #e7342c;
    font-weight: 700;
    font-size: 19px;
    margin-right: 2px
}

.theme-type-1 .eventItem-product-link .info .sale_price .per span {
    font-size: 17px;
    font-weight: inherit
}

.theme-type-1 .eventItem-product-link .eventItem-list-price {
    font-size: 18px;
    min-height: 35px;
    line-height: 1.2;
    margin-top: 4px;
    font-weight: 800;
    letter-spacing: -1.5px
}

.theme-type-1 .eventItem-product-link .eventItem-list-price div {
    display: inline-block
}

.theme-type-1 .eventItem-product-link .eventItem-list-price-sale {
    color: #f43545
}

.theme-type-1 .eventItem-product-link .eventItem-list-price-pri {
    font-size: 12px;
    text-decoration: line-through;
    color: #b4b4b4;
    font-weight: 400;
    display: block !important
}

.pro_text_wrapper.product-time-sale {
    position: static;
    transform: none;
    border-radius: 0;
    font-size: 12px;
    background: #fff;
    color: #fd1494 !important;
    text-align: left;
    padding: 10px 20px;
    padding-bottom: 0
}

.pro_text_wrapper.product-time-sale div {
    color: #fd1494 !important
}

.pro_text_wrapper.product-time-sale .time_num {
    display: inline-block;
    border: 1px solid #ff1394;
    padding: 4px 10px 2px;
    line-height: 20px !important;
    border-radius: 30px
}

.pro_text_wrapper.product-time-sale .time {
    font-size: 15px;
    top: 2px;
    position: relative
}

.pro_text_wrapper.product-time-sale .time img {
    width: 20px;
    margin-top: -1px;
    margin-right: 5px
}

.pro_text_wrapper.product-time-sale .time_num div {
    font-size: 15px;
    position: relative;
    display: inline-block
}

.pro_text_wrapper.product-time-sale .special-text {
    font-weight: 700;
    font-size: inherit;
    vertical-align: middle;
    color: #fff;
    position: relative;
    top: -1px
}

.pro_text_wrapper.product-time-sale div {
    font-size: 18px;
    font-weight: 700;
    font-size: inherit;
    vertical-align: middle;
    color: #fff;
    position: relative;
    top: -1px
}

.pro_text_wrapper.product-time-sale .special-dday {
    margin-right: 5px;
    font-size: 14px;
    font-weight: 700
}

.detail_section_list_3 .sale-percent {
    color: #fa5f8c;
    border-radius: 6px;
    clear: both;
    float: right;
    font-size: 13px;
    padding: 3px 0;
    font-weight: 700
}

.pro_text_wrapper.product-time-sale .time {
    margin-right: 5px;
    font-weight: 700;
    line-height: 17px;
    top: 0
}

.pro_text_wrapper.product-time-sale .special-dday::after {
    content: none
}

.eventItem-list-type-2 .eventItem-list-img {
    position: relative
}

.eventItem-list-type-3 .product-time-sale {
    bottom: 20px
}

.eventItem-list-type-1 .product-time-sale {
    bottom: 15px;
    left: 15px;
    transform: translateX(0)
}

.product-time-sale {
    position: absolute;
    left: 10px;
    bottom: 10px;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    border-radius: 15px;
    padding: 2px 10px 3px;
    display: table;
    font-size: 10px;
    min-width: 100px;
    white-space: nowrap
}

.product-time-sale .time img {
    width: 13px;
    margin-right: 4px;
    border: 0 !important;
    float: left;
    margin-top: 2px
}

.product-time-sale .special-text {
    margin-right: 4px
}

.product-time-sale .special-dday {
    font-size: 12px;
    font-weight: 700;
    margin-right: 6px
}

.product-time-sale > div {
    line-height: 17px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px
}

.eventItem-list-type-3 .eventItem-list-img::after {
    content: '';
    display: block;
    padding-bottom: 100%
}

.coupon-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

.coupon-wrapper div {
    width: calc(50% - 24px);
    text-align: center;
    border: none;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid lightgray;
    padding: 10px;
    background: none;
    position: relative;
    height: 42px
}

.coupon-wrapper div img {
    width: 20px;
    margin-top: -4px;
    margin-right: 5px
}

.coupon-wrapper div:focus {
    border: none
}

.coupon-wrapper div.active span {
    color: #f39
}

.coupon-wrapper div span {
    font-weight: 700;
    margin-left: 10px
}

.coupon-wrapper div:first-child::after {
    content: '';
    border-right: 1px solid lightgray;
    position: absolute;
    height: 30px;
    left: 100%;
    top: 5px
}

.mb_mypage_state {
    display: table;
    width: 100%;
    justify-content: center;
    background: none
}

.mb_mypage_state div {
    width: 50%;
    text-align: center;
    border: none;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid lightgray;
    padding: 10px;
    background: none;
    position: relative
}

.mb_mypage_state div.active {
    color: #f91c97
}

.mb_mypage_state div:focus {
    border: none
}

.mb_mypage_state div span {
    font-weight: 700;
    margin-left: 10px
}

.mb_mypage_state div:first-child::after {
    content: '';
    border-right: 1px solid lightgray;
    position: absolute;
    height: 30px;
    left: 100%;
    top: 14px
}

.order-decide-btn {
    text-align: right;
    margin-top: 12px !important
}

.mypage-coupon-list .clearfix .content {
    padding: 10px
}

.mypage-coupon-list .clearfix .content .text .title.dday {
    color: #fff;
    background-color: #f91c97;
    width: fit-content;
    padding: 3px 8px;
    border-radius: 30px;
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 5px
}

.deliver-info-text {
    float: right;
    position: relative;
    padding-right: 12px;
    font-weight: 400;
    color: #3498db;
    border-bottom: 1px solid #3498db
}

.deliver-info-arrow {
    content: " ";
    position: absolute;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    border-top: 1px solid #3498db;
    border-right: 1px solid #3498db;
    display: inline-block;
    margin-left: 2px;
    transform-origin: center center;
    margin-top: -4px;
    top: 50%
}

#personal-information-collect-alert {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 10000000;
    display: none
}

#personal-information-collect-alert .alert-page {
    position: relative;
    width: calc(100% - 60px);
    height: fit-content;
    background-color: #fff;
    margin: auto
}

.iphone-number a {
    color: #000
}

#personal-information-collect-alert .alert-page .header-text {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid #a2a2a2;
    padding-bottom: 10px
}

#personal-information-collect-alert .alert-page .info-text {
    text-align: center;
    font-size: 13px;
    margin-top: 30px
}

#personal-information-collect-alert .alert-page .info-desc-text {
    margin-top: 20px;
    text-align: center;
    color: #5a5a5a;
    font-size: 11px
}

#personal-information-collect-alert .alert-page .more-info-text {
    margin: 20px auto;
    text-align: center;
    font-size: 11px;
    width: fit-content;
    margin-bottom: 40px
}

#personal-information-collect-alert .alert-page .more-info-text span {
    border-bottom: 1px solid #000;
    font-size: 11px
}

#personal-information-collect-alert .alert-page .more-info-text:after {
    content: '▶';
    margin-left: 4px;
    display: inline-block;
    transform: scale(0.7)
}

#personal-information-collect-alert .alert-page .bottom-button-wrapper {
    margin-top: 20px;
    display: flex
}

#personal-information-collect-alert .alert-page .bottom-button {
    border: 1px solid #b7b7b7;
    text-align: center;
    padding: 0;
    font-weight: 500
}

#personal-information-collect-alert .alert-page .bottom-button.today-no-more-button {
    width: 50%;
    border-right: 0;
    background-color: #fff;
    color: #000
}

#personal-information-collect-alert .alert-page .bottom-button.agree-button {
    width: 50%;
    background-color: #fd1494;
    color: #fff
}

#personal-information-collect-alert .detail_wrapper {
    position: relative
}

#personal-information-collect-alert .detail_button {
    position: absolute;
    top: 56%;
    width: 25%;
    left: 50%;
    transform: translateX(-50%)
}

#personal-information-collect-alert .alert-page .close-button {
    right: 10px;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px
}

#personal-information-collect-alert .alert-page .close-button::after {
    content: " ";
    width: 2px;
    height: 17px;
    transform: rotate(45deg);
    background-color: #feb9df;
    display: block;
    position: absolute;
    left: 50%;
    top: 20%
}

#personal-information-collect-alert .detail_wrapper {
    position: relative
}

#personal-information-collect-alert .detail_button {
    position: absolute;
    top: 56%;
    width: 25%;
    left: 50%;
    transform: translateX(10px);
    transform: translateX(-50%)
}

#personal-information-collect-alert .alert-page .close-button::before {
    content: " ";
    width: 2px;
    height: 17px;
    transform: rotate(135deg);
    background-color: #feb9df;
    display: block;
    position: absolute;
    left: 50%;
    top: 20%
}

#personal-information-collect-detail-alert {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 10000000;
    display: flex;
    overflow-y: scroll
}

#personal-information-collect-detail-alert .alert-page {
    position: relative;
    width: calc(100% - 60px);
    height: fit-content;
    padding: 10px;
    background-color: #fff;
    margin: auto
}

#personal-information-collect-detail-alert .alert-page .close-button {
    right: 10px;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px
}

#personal-information-collect-detail-alert .alert-page .close-button::after {
    content: " ";
    width: 2px;
    height: 17px;
    transform: rotate(45deg);
    background-color: #000;
    display: block;
    position: absolute;
    left: 50%;
    top: 20%
}

#personal-information-collect-detail-alert .alert-page .close-button::before {
    content: " ";
    width: 2px;
    height: 17px;
    transform: rotate(135deg);
    background-color: #000;
    display: block;
    position: absolute;
    left: 50%;
    top: 20%
}

#personal-information-collect-detail-alert .alert-page .info-text {
    font-size: 12px;
    margin-top: 35px;
    text-align: left;
    padding: 0 10px;
    padding-bottom: 20px
}

.orderstatus_boxes_inner_icon1 {
    background-image: url(/resources/images/rewardmall/uplus/result/icon_gy_01.png)
}

.orderstatus_boxes.on .orderstatus_boxes_inner_icon1 {
    background-image: url(/resources/images/rewardmall/uplus/result/icon_bk_01.png)
}

.orderstatus_boxes.active .orderstatus_boxes_inner_icon1 {
    background-image: url(/resources/images/rewardmall/uplus/result/icon_pk_01.png)
}

.orderstatus_boxes_inner_icon2 {
    background-image: url(/resources/images/rewardmall/uplus/result/icon_gy_02.png)
}

.orderstatus_boxes.on .orderstatus_boxes_inner_icon2 {
    background-image: url(/resources/images/rewardmall/uplus/result/icon_bk_02.png)
}

.orderstatus_boxes.active .orderstatus_boxes_inner_icon2 {
    background-image: url(/resources/images/rewardmall/uplus/result/icon_pk_02.png)
}

.orderstatus_boxes_inner_icon3 {
    background-image: url(/resources/images/rewardmall/uplus/result/icon_gy_03.png)
}

.orderstatus_boxes.on .orderstatus_boxes_inner_icon3 {
    background-image: url(/resources/images/rewardmall/uplus/result/icon_bk_03.png)
}

.orderstatus_boxes.active .orderstatus_boxes_inner_icon3 {
    background-image: url(/resources/images/rewardmall/uplus/result/icon_pk_03.png)
}

.orderstatus_boxes_inner_icon4 {
    background-image: url(/resources/images/rewardmall/uplus/result/icon_gy_04.png)
}

.orderstatus_boxes.on .orderstatus_boxes_inner_icon4 {
    background-image: url(/resources/images/rewardmall/uplus/result/icon_bk_04.png)
}

.orderstatus_boxes.active .orderstatus_boxes_inner_icon4 {
    background-image: url(/resources/images/rewardmall/uplus/result/icon_pk_04.png)
}

.orderstatus_boxes_inner_icon5 {
    background-image: url(/resources/images/rewardmall/uplus/result/icon_gy_05.png)
}

.orderstatus_boxes.on .orderstatus_boxes_inner_icon5 {
    background-image: url(/resources/images/rewardmall/uplus/result/icon_bk_05.png)
}

.orderstatus_boxes.active .orderstatus_boxes_inner_icon5 {
    background-image: url(/resources/images/rewardmall/uplus/result/icon_pk_05.png)
}

.orderstatus_boxes_inner_icon {
    background-size: cover
}

.product-count-order-wrapper {
    font-size: 12px;
    color: #4c4c4c;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: normal;
    margin-right: 15px
}

.product-count-info {
    display: inline-flex;
    width: 100%;
    justify-content: space-between
}

.product-count-wish-wrapper {
    min-width: 25px;
    line-height: 21px
}

.product-count-wish-wrapper img {
    width: 10px;
    margin-top: 0;
    margin-right: 3px
}

.product-count-wish-wrapper span {
    font-size: 12px;
    color: #fd1494;
    font-weight: 400
}

.eventItem-list-type-1 .product-count-info {
    float: right;
    width: fit-content
}

.eventItem-list-type-1 .product-count-wish-wrapper img {
    margin-top: 4px
}

.eventItem-list-type-2 .product-count-info {
    margin-top: 4px
}

.eventItem-list-type-3 .product-count-info {
    margin-top: 30px
}

.kt-theme-3-list .product-count-wish-wrapper span {
    margin-right: 3px
}

.kt-theme-3 .badge_box {
    position: absolute;
    bottom: 6px;
    left: 11px
}

.product-detail-count-info {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.delivery_popup {
    width: 100%;
    height: 100%;
    padding: 20px;
    background: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: auto;
    z-index: 1100
}

.delivery_popup_wrap {
    width: 100%;
    background: #fff
}

.delivery_popup_header {
    background: #f91c97
}

.delivery_popup_header > .title {
    background: #f91c97;
    color: #fff;
    position: relative;
    font-size: 15px;
    padding: 15px 0 10px;
    font-weight: 700;
    text-align: center
}

.delivery_popup_header .close {
    opacity: 1;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 8px
}

.delivery_popup_header .close img {
    width: 100%
}

.delivery_popup .info {
    padding: 20px;
    color: #fff
}

.delivery_popup .info > div:last-child {
    margin-top: 10px
}

.delivery_popup .info_list > div {
    vertical-align: middle;
    display: inline-block
}

.delivery_popup .info_list .title {
    font-size: 12px;
    font-weight: 300;
    width: 85px;
    border: 1px solid #fff;
    border-radius: 15px;
    text-align: center;
    padding: 4px 0 5px
}

.delivery_popup .info_list .text {
    font-size: 18px;
    margin-top: -4px;
    margin-left: 15px;
    font-weight: 700
}

.delivery_status_list {
    display: flex;
    padding: 20px 12px;
    background: #fff;
    margin-bottom: 0
}

.delivery_status_list li {
    flex: 1;
    text-align: center;
    text-align: center
}

.delivery_status_list li .img {
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.delivery_status_text_list {
    background: #fff;
    margin-bottom: 0;
    padding: 24px
}

.delivery_status_list li:first-child .img {
    background: url(/resources/images/rewardmall/uplus/mypage/step01.png) 100% / cover
}

.delivery_status_list li:nth-child(2) .img {
    background: url(/resources/images/rewardmall/uplus/mypage/step02.png) 100% / cover
}

.delivery_status_list li:nth-child(3) .img {
    background: url(/resources/images/rewardmall/uplus/mypage/step03.png) 100% / cover
}

.delivery_status_list li:nth-child(4) .img {
    background: url(/resources/images/rewardmall/uplus/mypage/step04.png) 100% / cover
}

.delivery_status_list li:nth-child(5) .img {
    background: url(/resources/images/rewardmall/uplus/mypage/step05.png) 100% / cover
}

.delivery_status_list li.on:first-child .img {
    background: url(/resources/images/rewardmall/uplus/mypage/step01_ic_on.png) 100% / cover
}

.delivery_status_list li.on:nth-child(2) .img {
    background: url(/resources/images/rewardmall/uplus/mypage/step02_ic_on.png) 100% / cover
}

.delivery_status_list li.on:nth-child(3) .img {
    background: url(/resources/images/rewardmall/uplus/mypage/step03_ic_on.png) 100% / cover
}

.delivery_status_list li.on:nth-child(4) .img {
    background: url(/resources/images/rewardmall/uplus/mypage/step04_ic_on.png) 100% / cover
}

.delivery_status_list li.on:nth-child(5) .img {
    background: url(/resources/images/rewardmall/uplus/mypage/step05_ic_on.png) 100% / cover
}

.delivery_status_list li.on .text {
    color: #f91c97
}

.delivery_status_list li .text {
    font-size: 10px;
    margin-top: 10px;
    color: #999
}

.delivery_status_text_list li {
    padding-left: 40px;
    position: relative;
    margin-bottom: 30px
}

.delivery_status_text_list li::after {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    box-sizing: border-box;
    border: 1px solid #f91c97;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 6px
}

.delivery_status_text_list li:last-child::before {
    display: none
}

.delivery_status_text_list li::before {
    content: '';
    display: block;
    width: 1px;
    height: calc(100% + 23px);
    background: #f91c97;
    position: absolute;
    left: 5px;
    top: 13px
}

.delivery_status_text_list li .title {
    font-size: 12px;
    font-weight: 700;
    color: #999
}

.delivery_status_text_list li .date {
    font-size: 10px;
    margin-top: 2px;
    color: #999
}

.delivery_status_text_list li:first-child .title {
    color: #000
}

.delivery_status_text_list li .title span::before {
    content: '';
    width: 1px;
    height: 12px;
    background: #999;
    display: inline-block;
    position: relative;
    top: 1px;
    margin: 0 5px
}

.delivery_status_text_list li:first-child .title span {
    color: #f91c97
}

.delivery_status_text_list li:first-child::after {
    background: #f91c97
}

.delivery_status_text_list li:first-child .title span::before {
    background: #000
}

.order_input.active input {
    border: 1px solid #f81394 !important;
    color: #ed6387 !important;
    background-color: #fff4fa !important
}
.order_input.product-coupon-title.product-coupon-box.active input {
    color: #ed6387 !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 130%; /* 20.8px */
    letter-spacing: -0.32px;
}

.order_input input {
    font-size: 12px
}

.product-coupon-title input {
    text-align: center
}

.mypage_order_input_radio {
    position: relative;
    height: 44px;
    margin: 10px 0;
    padding: 0 13px;
    border-radius: 3px;
    border: 1px solid #E6E6E6;
    vertical-align: middle;
    display: inline-block;
    line-height: 41px;
    width: 100%
}

.mypage_order_input_radio input {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0
}

.mypage_order_input_radio label {
    padding-left: 31px;
    height: 32px;
    float: right;
    display: block;
    line-height: 32px;
    background: url(/resources/images/rewardmall/tmapmall/radio_d.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 0 5px;
    font-size: 11px;
    color: #888;
    margin-top: 5px;
    margin-right: 10px
}

.mypage_order_input_radio input:checked + label {
    background: url(/resources/images/rewardmall/tmapmall/radio_s.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 0 5px;
    background: url(/resources/images/rewardmall/uplus/radio_s.png) !important;
    background-size: 24px !important;
    background-repeat: no-repeat !important;
    background-position: 0 5px !important
}

.prod-coupon-dc-price {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px
}

.prod-coupon-dc-price span {
    color: #f81394;
    margin-left: 7px
}

.pay_terms {
    border: none;
    margin: 0
}

.pay_terms .pay_termsout img {
    float: left;
    width: 20px
}

.pay_termsout span {
    padding-left: 30px;
    border-radius: 50px;
    font-weight: 400
}

.pay_termsout {
    display: flex;
    align-items: center
}

.pay_terms .pay_termsout .switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 34px;
    margin: 0
}

.pay_terms .pay_termsout .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.agree_all_bar {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(223, 223, 223, .5);
    -webkit-transition: .4s;
    transition: .4s;
    margin: 11px;
    margin-top: 13px;
    margin-bottom: 9px
}

.agree_all_bar:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: -5px;
    bottom: -2px;
    background-color: #ded7d7;
    -webkit-transition: .4s;
    transition: .4s;
    border: none;
    border-radius: 50px
}

.pay_termsout.agree_all {
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #e1e1e1
}

.pay_termsout.agree_all span {
    padding-left: 0;
    font-weight: 700;
    font-size: 16px
}

.pay_terms_notice {
    padding: 10px 0;
    font-size: 13px;
    text-align: left
}

.pay_terms .pay_termsout .checkbox input[type="checkbox"] {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0
}

.pay_terms .pay_termsout .checkbox input[type="checkbox"] + span {
    background-image: url(/resources/images/rewardmall/uplus/check_n.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0 11px
}

.pay_terms .pay_termsout .checkbox input[type="checkbox"]:checked + span {
    background-image: url(/resources/images/rewardmall/uplus/check_p.png)
}

input:checked + .agree_all_bar {
    background-color: rgba(255, 19, 148, 0.3)
}

input:focus + .agree_all_bar {
    box-shadow: 0 0 1px #ff1394
}

.pay_termsout_arrowup {
    width: 10px;
    height: 10px;
    border: 1px solid #999;
    border-top: 0;
    border-right: 0;
    margin: auto;
    position: relative;
    right: 3px;
    transform: rotate(135deg);
    top: 19px
}

input:checked + .agree_all_bar:before {
    -webkit-transform: translateX(19px);
    -ms-transform: translateX(19px);
    transform: translateX(19px);
    background-color: #ff1394
}

.agree_all_bar.round {
    border-radius: 34px
}

.agree_all_bar.round:before {
    border-radius: 50%
}

.present-coupon-wrapper div {
    width: 50%
}

.present-coupon-wrapper div span:after {
    content: '';
    background-size: 20px 20px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px !important;
    position: absolute;
    left: 30px;
    top: 8.5px
}

.present-coupon-wrapper div span {
    color: #e1e1e1
}

.present-coupon-wrapper div span.active {
    color: #333
}

.present-coupon-wrapper div:first-child span:after {
    background-image: url(/resources/images/rewardmall/uplus/get_present_off.png)
}

.present-coupon-wrapper div:first-child.active span:after {
    background-image: url(/resources/images/rewardmall/uplus/get_present_on.png)
}

.present-coupon-wrapper div:not(first-child) span:after {
    background-image: url(/resources/images/rewardmall/uplus/send_present_off.png)
}

.present-coupon-wrapper div:not(first-child).active span:after {
    background-image: url(/resources/images/rewardmall/uplus/send_present_on.png)
}

.present-button {
    width: calc(50% - 10px);
    text-align: center;
    border-radius: 4px;
    color: #fff;
    float: left;
    padding: 8px;
    margin: 16px 0;
    margin-left: 6px;
    font-weight: 700;
    background-color: #cdcdcd
}

.present-button.on {
    background-color: #f91c97
}

.ins-gift-info {
    min-width: 100px;
    line-height: 32px;
    height: 32px;
    letter-spacing: -1px;
    font-size: 12px;
    display: block;
    float: left;
    font-size: 13px;
    color: #111;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

.gift-alert-information {
    font-size: 12px;
    color: #999
}

.gift-alert-information img {
    height: 18px;
    margin-top: -1px;
    margin-right: 1px
}

.gift_border_bottom {
    margin: 0 16px;
    padding-top: 18px;
    border-bottom: 1px solid #f4f4f4
}

.delivery_present_section .order_input input {
    border: 1px solid #f4f4f4;
    width: calc(100% - 100px);
    height: 32px;
    padding: 0 12px;
    box-sizing: border-box
}

.delivery_present_section .order_input span {
    min-width: 100px;
    line-height: 32px;
    height: 32px;
    letter-spacing: -1px;
    font-size: 12px;
    display: block;
    float: left;
    font-size: 13px;
    color: #111
}

.delivery_present_section .present_title {
    font-size: 12px;
    line-height: 32px;
    padding-top: 15px;
    color: #333;
    font-weight: 700
}

.delivery_present_section .gray_line {
    border: 1px solid #f4f4f4;
    margin-bottom: 8px
}

.personal_agree_line {
    padding: 11px;
    background-color: #f7f7f7;
    position: relative;
    font-size: 12px;
    background: #fff
}

.personal_agree_line label {
    margin: 0;
    position: relative;
    padding-left: 28px
}

.personal_agree_line label:before {
    width: 17px;
    height: 17px;
    content: " ";
    position: absolute;
    background-image: url(/resources/images/rewardmall/uplus/check_n.png);
    background-size: 17px;
    left: 0;
    top: 0
}

.personal_agree_line input {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden
}

.personal_agree_line input:checked + label::before {
    color: #fff;
    background-image: url(/resources/images/rewardmall/uplus/check_p.png)
}

.personal_agree_line {
    display: inline-block;
    max-width: 100%;
    width: 100% !important;
    margin-bottom: 5px;
    font-weight: 700
}

.personal_agree_line span {
    font-weight: 700;
    border-bottom: 1px solid #000;
    padding: 0 2px;
    position: absolute;
    right: 45px;
    top: 50%;
    transform: translate(0px, -50%)
}

.personal_agree_line span::after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 1px solid #777;
    border-top: 1px solid #777;
    display: block;
    transform: rotate(135deg);
    position: absolute;
    right: -17px;
    top: 50%;
    margin-top: -6px
}

.personal_agree_line.on span::after {
    transform: rotate(315deg);
    margin-top: -2px
}

.personal_agree_line_info {
    padding: 20px;
    font-size: 12px
}

.personal_agree_line_info h1 {
    font-size: 15px;
    font-weight: 700;
    margin-top: 5px
}

.personal_agree_line_info table {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px
}

.personal_agree_line_info table * {
    border: 1px solid #000;
    padding: 5px;
    font-size: 12px
}

.personal_agree_line_info table th {
    width: 25%;
    text-align: center;
    font-weight: 400
}

.personal_agree_line_info table td {
    width: 80%
}

.personal_agree_line_info_button {
    width: 50%;
    float: left;
    height: 50px;
    border: none;
    color: #fff;
    font-weight: 700
}

.have-gift-page {
    min-height: 300px;
    text-align: center;
    background-color: #fff
}

.gift-delivery-info-alert {
    position: fixed;
    background: rgba(1, 1, 1, 0.5);
    height: 100%;
    width: 100%;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center
}

.inner-box {
    margin: 0 auto;
    width: 70%;
    background: #fff;
    border-radius: 3px;
    padding: 21px;
    display: table;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 12px;
    color: #000
}

.inner-box button {
    border: none;
    color: #fff;
    font-weight: 700;
    float: left;
    width: calc(50% - 10px);
    margin: 20px 5px 0;
    height: 40px;
    border-radius: 3px;
    font-size: 12px
}

.inner-box .title {
    display: table;
    width: 100%;
    text-align: center;
    font-size: 15px;
    padding-bottom: 15px
}

.mypage-loading {
    min-height: 300px;
    padding: 50px 0;
    text-align: center
}

.search-order-fixed {
    position: fixed;
    bottom: 0;
    left: 0
}

.uplus-header-title .close_button {
    right: 20px;
    top: 13px !important
}

.uplus-header-title .close_button .line {
    content: '';
    display: block;
    height: 21px;
    width: 1px;
    margin-left: 12px;
    background-color: #000;
    transform: rotate(45deg);
    z-index: 1
}

.uplus-header-title .close_button .line::after {
    content: '';
    display: block;
    height: 21px;
    width: 1px;
    background-color: #000;
    transform: rotate(90deg);
    z-index: 2
}

.order-product-detail-btn {
    display: flex;
    justify-content: flex-end
}

.order-product-detail-btn div:first-child {
    margin-left: 0
}

.order-product-detail-btn div.on {
    border: 1px solid #f91c97;
    color: #f91c97
}

.order-product-detail-btn div {
    width: calc(100% / 4 - 5px);
    margin-left: 10px;
    line-height: 25px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 13px
}

.umobile .title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width:100%;
}

.umobile .title .text{
  display:flex;
}

.umobile .title .text div{
  font-size: 15px;
  font-weight: 500;
}

.umobile .title > .info{
  color:#fa5f8c;
  font-size: 12px;
}

.umobile .title > .info span{
  text-decoration: underline;
}

.umobile .title button{
  width: 15px;
  height: 15px;
  color: #ed6387;
  border-radius: 50%;
  font-size: 12px;
  border: 1.5px solid #ed6387;
  margin-left: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.umobile .btn_wrap{
  padding:0;
  margin-top: 15px;
}

.umobile .point{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.umobile .input__box{
  position:relative;
}

.umobile .input__box button{
  position: absolute;
  width:80px;
  height: 46px;
  right:0;
  top:0;
  border: 1px solid #d7dde7;
}

.umobile .input__box input{
  padding-right: 100px !important;
  text-align:right;
  color: #a2a2a2;
}

.umobile .input__box > span.point_text{
    position: absolute;
    top:50%;
    right: 90px;
    transform: translateY(-50%);
    color: #a2a2a2;
}