.cursor{cursor:pointer;}

#sub{
    width:100%;
}

#sub .company{
    width:100%;
    padding:80px 65px 80px;
    background:#fff2d9;
    box-sizing:border-box;
}

#sub .company .tit{
   font-size:48px;
   color:#dd2226;
   font-family:'montserrat';
   font-weight:bold;
   word-break:keep-all;
   text-align:Center;
   margin-top:80px;
}

#sub .company .logo{
   width:50%;
   margin:0 auto;
}

#sub .company .logo img{
   width:100%;
}


#sub .company .slogan{
   font-size:30px;
   color:#222;
   font-weight:bold;
   margin-top:80px;
   word-break:Keep-all;
   text-align:Center;
}

#sub .company .chList{
   width:100%;
   margin-top:120px;
}

#sub .company .chList li{
   width:100%;
   border:2px solid #222;
   background:#fff;
   border-radius:20px;
   padding:50px 20px;
   box-sizing:border-box;
   margin-top:20px;
}

#sub .company .chList li:first-child{
   margin-top:0px;
}


#sub .company .chList li .icon{
   width:100%;
   text-align:center;
}


#sub .company .chList li .icon img{
   width:90px;
}


#sub .company .chList li .subs{
   text-align:Center;
   font-size:18px;
   color:#222;
   margin-top:50px;
}

#sub .company .chList li .subj{
   text-align:Center;
   font-size:36px;
   color:#222;
   margin-top:8px;
   font-weight:bold;
}


#sub .company .make{
   width:100%;
   margin-top:40px;
   color:#222;
   font-size:36px;
   font-weight:bold;
   text-align:Center;
}


#sub .company span{
   width:100%;
   display:block;
   text-align:Right;
   margin-top:80px;
}


#sub .company span img{
   width:90px;
}




@media screen and (max-width: 540px) {
    #sub{
        width:100%;
    }
    
    #sub .company{
        width:100%;
        padding:80px 35px 80px;
        background:#fff2d9;
        box-sizing:border-box;
    }
    
    #sub .company .tit{
       font-size:48px;
       color:#dd2226;
       font-family:'montserrat';
       font-weight:bold;
       word-break:keep-all;
    }
    
    #sub .company .slogan{
       font-size:30px;
       color:#222;
       font-weight:bold;
       margin-top:80px;
       word-break:Keep-all;
    }
    
    #sub .company .chList{
       width:100%;
       margin-top:120px;
    }
    
    #sub .company .chList li{
       width:100%;
       border:2px solid #222;
       background:#fff;
       border-radius:20px;
       padding:50px 20px;
       box-sizing:border-box;
       margin-top:20px;
    }
    
    #sub .company .chList li:first-child{
       margin-top:0px;
    }
    
    
    #sub .company .chList li .icon{
       width:100%;
       text-align:center;
    }
    
    
    #sub .company .chList li .icon img{
       width:90px;
    }
    
    
    #sub .company .chList li .subs{
       text-align:Center;
       font-size:18px;
       color:#222;
       margin-top:50px;
    }
    
    #sub .company .chList li .subj{
       text-align:Center;
       font-size:32px;
       color:#222;
       margin-top:8px;
       font-weight:bold;
    }
    
    
    #sub .company .make{
       width:100%;
       margin-top:80px;
       color:#222;
       font-size:36px;
       font-weight:bold;
    }
    
    
    #sub .company span{
       width:100%;
       display:block;
       text-align:Right;
       margin-top:80px;
    }
    
    
    #sub .company span img{
       width:90px;
    }
    

}




@media screen and (max-width: 374px) {
    #sub{
        width:100%;
    }
    
    #sub .company{
        width:100%;
        padding:80px 20px 80px;
        background:#fff2d9;
        box-sizing:border-box;
    }
    
    #sub .company .tit{
       font-size:36px;
       color:#dd2226;
       font-family:'montserrat';
       font-weight:bold;
       word-break:keep-all;
    }
    
    #sub .company .slogan{
       font-size:24px;
       color:#222;
       font-weight:bold;
       margin-top:80px;
       word-break:Keep-all;
    }
    
    #sub .company .chList{
       width:100%;
       margin-top:120px;
    }
    
    #sub .company .chList li{
       width:100%;
       border:2px solid #222;
       background:#fff;
       border-radius:20px;
       padding:50px 20px;
       box-sizing:border-box;
       margin-top:20px;
    }
    
    #sub .company .chList li:first-child{
       margin-top:0px;
    }
    
    
    #sub .company .chList li .icon{
       width:100%;
       text-align:center;
    }
    
    
    #sub .company .chList li .icon img{
       width:70px;
    }
    
    
    #sub .company .chList li .subs{
       text-align:Center;
       font-size:16px;
       color:#222;
       margin-top:50px;
    }
    
    #sub .company .chList li .subj{
       text-align:Center;
       font-size:28px;
       color:#222;
       margin-top:8px;
       font-weight:bold;
    }
    
    
    #sub .company .make{
       width:100%;
       margin-top:80px;
       color:#222;
       font-size:30px;
       font-weight:bold;
    }
    
    
    #sub .company span{
       width:100%;
       display:block;
       text-align:Right;
       margin-top:80px;
    }
    
    
    #sub .company span img{
       width:70px;
    }
    

}





#sub .topBanner{
    width:100%;
    padding:100px 20px 40px 20px;
    box-sizing:border-box;
}


#sub .back_red{
    background:#dd2226
}

#sub .back_yellow{
    background:#ffc100
}

#sub .back_beige{
    background:#f2ecd2
}

#sub .color_black{
    color:#000
}

#sub .color_white{
    color:#fff
}


#sub .poNV{
    font-size:18px;
    font-weight:bold;
    font-family:'montserrat';
}

#sub .subPTit{
    font-size:28px;
    font-weight:bold;
    margin-top:8px;
    word-break:keep-all;
}

#sub .listArea{
    width:100%;
    margin-bottom:140px;
    padding:20px 20px;
    box-sizing:border-box;
}


#sub .listArea .tabmenu{
    width:100%;
}

.listArea .tabmenu li.none{
    display:inline-block;
    border:1px solid #e5e5e5;
    box-sizing:border-box;
    padding:10px 18px;
    border-radius:50px;
    font-size:13px;
}

.listArea .tabmenu li.none a{
    color:#999;
    font-size:13px;
    cursor:pointer;
}

.listArea .tabmenu li.current{
    display:inline-block;
    box-sizing:border-box;
    padding:10px 18px;
    border-radius:50px;
    background:#222;
    border:1px solid #222;
}

.listArea .tabmenu li.current a{
    color:#fff;
    font-size:13px;
    cursor:pointer;
}

#sub .listArea .listType01{
    width:100%;
    margin-top:20px;
    display:flex;
    flex-flow:wrap;
    gap:50px 20px;
}

#sub .listArea .listType01 .ListWrap{
    width:100%;
    display:flex;
    flex-flow:wrap;
    gap:50px 20px;
}

#sub .listArea .listType01 .ListWrap dd{
    width:calc(100% / 2 - 10px);
}

#sub .listArea .listType02 .ListWrap dd{
    width:100%;
}


#sub .listArea .listType01 .ListWrap dd .thum{
    width:100%;
}

#sub .listArea .listType01 .ListWrap dd .thum img{
    width:100%;
	border-radius: 12px;
}

#sub .listArea .listType01 .ListWrap dd .topLine{
    width:100%;
    display:flex;
    justify-content:space-between;
    margin-top:12px;

}

#sub .listArea .listType01 .ListWrap dd .topLine .tagList{
    width:100%;
    place-self:Center;
}

#sub .listArea .listType01 .ListWrap dd .topLine .tagList li{
    width:auto;
    display:inline-block;
    border:1px solid #222;
    padding:5px 8px;
    color:#222;
    font-size:13px;
    border-radius:50px;
    margin:2px 0px;
}

#sub .listArea .listType01 .ListWrap dd .topLine .heart-off{
    place-self:center;
    width:16px;
    filter:grayscale(100%);
    opacity:0.5;
    cursor:pointer;
}

#sub .listArea .listType01 .ListWrap dd .topLine .heart img{
    width:100%;
}

#sub .listArea .listType01 .ListWrap dd .topLine .heart-on{
    place-self:center;
    width:16px;
    filter:grayscale(0%);
    opacity:1;
}




#sub .listArea .listType01 .ListWrap dd .brandNm{
    font-size:15px;
    color:#222;
    margin-top:12px;
    font-weight:bold;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
    color:#999;
}



#sub .listArea .listType01 .ListWrap dd .subj{
    font-size:18px;
    color:#222;
    margin-top:12px;
    font-weight:bold;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    line-height:25px;
    word-break:keep-all;
}

#sub .listArea .listType01 .ListWrap dd .subs{
    font-size:15px;
    color:#999;
    margin-top:4px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    line-height:25px;
}




#sub .listArea .listType01 .ListWrap dd .priceLine{
    width:100%;
    margin-top:12px;
}

#sub .listArea .listType01 .ListWrap dd .priceLine .bf{
    font-size:15px;
    color:#999;
    text-decoration:line-through;
    font-weight:400;
}


#sub .listArea .listType01 .ListWrap dd .priceLine .price{
    font-size:20px;
    color:#222;
    font-weight:bold;
    margin-top:4px;
}


#sub .listArea .listType01 .ListWrap dd .deadLine{
    width:100%;
    margin-top:8px;
    color:#de2726;
    font-size:15px;
}






@media screen and (max-width: 423px) {
        
    #sub .topBanner{
        width:100%;
        padding:70px 20px 20px 20px;
        box-sizing:border-box;
    }
    
    
    #sub .back_red{
        background:#dd2226
    }
    
    #sub .back_yellow{
        background:#ffc100
    }
    
    #sub .back_beige{
        background:#f2ecd2
    }
    
    #sub .color_black{
        color:#000
    }
    
    #sub .color_white{
        color:#fff
    }
    
    
    #sub .poNV{
        font-size:16px;
        font-weight:bold;
        font-family:'montserrat';
    }
    
    #sub .subPTit{
        font-size:24px;
        font-weight:bold;
        margin-top:8px;
        word-break:keep-all;
    }
    
    #sub .listArea{
        width:100%;
        margin-bottom:140px;
        padding:20px 20px;
        box-sizing:border-box;
    }
    
    
    #sub .listArea .tabmenu{
        width:100%;
    }
    
    #sub .listArea .tabmenu li{
        display:inline-block;
        border:1px solid #e5e5e5;
        box-sizing:border-box;
        color:#999;
        padding:8px 12px;
        cursor:pointer;
        border-radius:50px;
        font-size:13px;
    }
    
    #sub .listArea .tabmenu li.current{
        background:#222;
        color:#fff;
        border:1px solid #222;
    }
    
    #sub .listArea .listType01{
        width:100%;
        margin-top:20px;
        display:flex;
        flex-flow:wrap;
        gap:50px 20px;
    }
    
    #sub .listArea .listType01 .ListWrap{
        width:100%;
        display:flex;
        flex-flow:wrap;
        gap:50px 20px;
    }

    #sub .listArea .listType01 .ListWrap dd{
        width:100%;
    }
    
    #sub .listArea .listType02 .ListWrap dd{
        width:100%;
    }
    
    
    #sub .listArea .listType01 .ListWrap dd .thum{
        width:100%;
    }
    
    #sub .listArea .listType01 .ListWrap dd .thum img{
        width:100%;
    }
    
    #sub .listArea .listType01 .ListWrap dd .topLine{
        width:100%;
        display:flex;
        justify-content:space-between;
        margin-top:12px;
    
    }
    
    #sub .listArea .listType01 .ListWrap dd .topLine .tagList{
        width:100%;
        place-self:Center;
    }
    
    #sub .listArea .listType01 .ListWrap dd .topLine .tagList li{
        width:auto;
        display:inline-block;
        border:1px solid #222;
        padding:5px 8px;
        color:#222;
        font-size:13px;
        border-radius:50px;
        margin:2px 0px;
    }
    
    #sub .listArea .listType01 .ListWrap dd .topLine .heart-off{
        place-self:center;
        width:16px;
        filter:grayscale(100%);
        opacity:0.5;
        cursor:pointer;
    }
    
    
    #sub .listArea .listType01 .ListWrap dd .brandNm{
        font-size:14px;
        color:#222;
        margin-top:12px;
        font-weight:bold;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:1;
        color:#999;
    }
    
    
    
    #sub .listArea .listType01 .ListWrap dd .subj{
        font-size:16px;
        color:#222;
        margin-top:12px;
        font-weight:bold;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:2;
        line-height:24px;
        word-break:keep-all;
    }
    
    #sub .listArea .listType01 .ListWrap dd .subs{
        font-size:14px;
        color:#999;
        margin-top:4px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:2;
        line-height:25px;
    }
    
    
    
    
    #sub .listArea .listType01 .ListWrap dd .priceLine{
        width:100%;
        margin-top:12px;
    }
    
    #sub .listArea .listType01 .ListWrap dd .priceLine .bf{
        font-size:14px;
        color:#999;
        text-decoration:line-through;
        font-weight:400;
    }
    
    
    #sub .listArea .listType01 .ListWrap dd .priceLine .price{
        font-size:18px;
        color:#222;
        font-weight:bold;
        margin-top:4px;
    }
    
    
    #sub .listArea .listType01 .ListWrap dd .deadLine{
        width:100%;
        margin-top:8px;
        color:#de2726;
        font-size:14px;
    }
    

  
    
}






#sub .review{
    width:100%;
    padding:80px 20px 140px;
    box-sizing:border-box;
}


#sub .sortList{
    width:100%;
    margin-top:30px;
}

#sub .sortList li{
    display:inline-block;
    font-size:14px;
    color:#222;
    border:1px solid #222;
    padding:8px 12px;
    box-sizing:border-box;
    margin:2px 0px;
    border-radius:50px;
    cursor:pointer;
}

#sub .sortList li.none{
    color:#222;
}

#sub .sortList li.current{
    color:#fff;
    background:#de2726;
}


#sub .reviewList{
    width:100%;
    margin-top:60px;
    display:flex;
    flex-flow:wrap;
    gap:20px;
}

#sub .reviewList dd{
    width:100%;
    border:2px solid #222;
    border-radius:30px;
}

#sub .reviewList dd .content{
    width:100%;
    padding:1.2em;
    box-sizing:border-box;
    display:Flex;
}


#sub .reviewList dd .content .thum{
    width:15%;
    place-self:Center;
}

#sub .reviewList dd .content .thum img{
    width:100%;
}


#sub .reviewList dd .content .subj{
    width:75%;
    place-self:Center;
    padding-left:10px;
    font-size:17px;
    color:#222;
    font-weight:bold;
    word-break:keep-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    line-height:25px;
}

#sub .reviewList dd .reviewThum{
    width:100%;
}

#sub .reviewList dd .reviewThum img{
    width:100%;
}

#sub .reviewList dd .subsA{
    width:100%;
    padding:1.5em;
    box-sizing:border-box;
}


#sub .reviewList dd .subsA .starA{
    display:flex;
    place-self:center;
    gap:2px;
}

#sub .reviewList dd .subsA .starA .star{
    place-self:center;
    width:14px;
}
#sub .reviewList dd .subsA .starA .star img{
    width:100%;
}

#sub .reviewList dd .subsA .starA .score{
    font-size:13px;
    place-self:Center;
    color:#de2726;
    font-weight:Bold;
}


#sub .reviewList dd .subsA .subs{
    font-size:16px;
    color:#444;
    margin-top:8px;
    word-break:keep-all;
    line-height:24px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* -webkit-line-clamp:6; */
}


#sub .reviewList dd .subsA .date{
    font-size:14px;
    color:#999;
    margin-top:12px;

}

#sub .reviewList dd .re_sub .re_img{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
	margin: 0 0 3% 6%;
}
#sub .reviewList .re_sub .re_img li{
    width: 28%;
    padding: 0; margin: 0;
    box-shadow: none;
    margin-left: 1%;
    margin-bottom: 1%;
}
#sub .reviewList .re_sub .re_img li:nth-child(3n){margin-right: 0;}
#sub .reviewList .re_sub .re_img img{
    width: 100%;height: 138px;
    object-fit: cover;
}
@media screen and (max-width: 450px) {
	#sub .reviewList .re_sub .re_img img{
		height: 100px;
	}
}


@media screen and (max-width: 374px) {
    
  
#sub .review{
    width:100%;
        padding:80px 20px 140px;
        box-sizing:border-box;
    }
    
    
    #sub .sortList{
        width:100%;
        margin-top:30px;
    }
    
    #sub .sortList li{
        display:inline-block;
        font-size:14px;
        color:#222;
        border:1px solid #222;
        padding:8px 12px;
        box-sizing:border-box;
        margin:2px 0px;
        border-radius:50px;
        cursor:pointer;
    }
    
    #sub .sortList li.current{
        color:#fff;
        background:#de2726;
    }


    #sub .reviewList{
        width:100%;
        margin-top:60px;
        display:flex;
        flex-flow:wrap;
        gap:20px;
    }
    
    #sub .reviewList dd{
        width:100%;
        border:2px solid #222;
        border-radius:30px;
    }
    
    #sub .reviewList dd .content{
        width:100%;
        padding:1em;
        box-sizing:border-box;
        display:Flex;
    }
    
    
    #sub .reviewList dd .content .thum{
        width:25%;
        place-self:Center;
    }
    
    #sub .reviewList dd .content .thum img{
        width:100%;
    }
    
    
    #sub .reviewList dd .content .subj{
        width:75%;
        place-self:Center;
        padding-left:10px;
        font-size:17px;
        color:#222;
        font-weight:bold;
        word-break:keep-all;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:2;
        line-height:25px;
    }
    
    #sub .reviewList dd .reviewThum{
        width:100%;
    }
    
    #sub .reviewList dd .reviewThum img{
        width:100%;
    }
    
    #sub .reviewList dd .subsA{
        width:100%;
        padding:1em;
        box-sizing:border-box;
    }
    
    
    #sub .reviewList dd .subsA .starA{
        display:flex;
        place-self:center;
        gap:2px;
    }
    
    #sub .reviewList dd .subsA .starA .star{
        place-self:center;
        width:13px;
    }
    #sub .reviewList dd .subsA .starA .star img{
        width:100%;
    }
    
    #sub .reviewList dd .subsA .starA .score{
        font-size:13px;
        place-self:Center;
        color:#de2726;
        font-weight:Bold;
    }
    
    
    #sub .reviewList dd .subsA .subs{
        font-size:16px;
        color:#444;
        margin-top:8px;
        word-break:keep-all;
        line-height:24px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:6;
    }
    
    
    #sub .reviewList dd .subsA .date{
        font-size:14px;
        color:#999;
        margin-top:12px;
       
    }
}


#sub .mypage{
    width:100%;
    padding:80px 20px 140px;
    box-sizing:border-box;
}

#sub .mypage .myInfo{
    width:100%;
    background:#060606;
    border-radius:30px;
    padding:1.5em;
    box-sizing:border-box;
}

#sub .mypage .myInfo .tabMenu{
    width:100%;
    display:flex;
    justify-content:space-between;
}

#sub .mypage .myInfo .tabMenu li{
    font-size:18px;
    color:#fff;
    font-weight:bold;
}

#sub .mypage .myInfo .tabMenu li a{
    color:#fff;
}

#sub .mypage .myInfo .nm{
    width:100;
    font-size:27px;
    margin-top:90px;
    color:#ffc100;
    font-weight:bold;
}


#sub .mypage .myInfo .priceA{
    width:100;
    margin-top:24px;
}

#sub .mypage .myInfo .priceA .subj{
    font-size:15px;
    font-weight:500;
    color:#fff;
}

#sub .mypage .myInfo .priceA .price{
    font-size:27px;
    font-weight:bold;
    color:#fff;
    margin-top:4px;
}

#sub .mypage .myInfo .tpoint{
    width:100;
    margin-top:24px;
}
#sub .mypage .myInfo .tpoint .subj{
    font-size:15px;
    font-weight:500;
    color:#fff;
}
#sub .mypage .myInfo .tpoint p{
    font-size:15px;
    font-weight:500;
    color:#fff;
}

#sub .mypage .myInfo .tpoint .price{
    font-size:27px;
    font-weight:bold;
    color:#fff;
    margin-top:4px;
}


#sub .mypage .myInfo .memberOut{
    font-size:15px;
    font-weight:500;
    color:#fff;
    text-decoration:underline;
    margin-top:24px;
}

#sub .mypage .myInfo .memberOut a{
    color:#fff;
}

#sub .mypage .pointList{
    width:100%;
    margin-top:80px;
}
#sub .mypage .pointList .subj{
    width:100%;
    font-size:27px;
    color:#222;
    font-weight:bold;
}
#sub .mypage .pointList .myPointTable{
    width:100%;
    margin-top:24px;
}
#sub .mypage .pointList .myPointTable li{
    display:flex;
    padding:1.5em;
    width:100%;
    border-radius:20px;
    background:#f7f7f7;
    box-sizing:border-box;
    font-size:16px;
    color:#222;
    font-weight:500;
    margin-top:10px;
}
#sub .mypage .pointList .myPointTable li div{
    padding: 0px 0px; 
	text-align: center;
	color:#222;
}
#sub .mypage .pointList .myPointTable li div.plus{color: #de2726;}
#sub .mypage .pointList .myPointTable li div:nth-child(1){width: 50%;}
#sub .mypage .pointList .myPointTable li div:nth-child(2){width: 50%; word-break: keep-all;}
#sub .mypage .pointList .myPointTable li div:nth-child(3){width: 100%;}
#sub .mypage .pointList .myPointTable .date{
    color: #848383;
    letter-spacing: -0.05em;
}
#sub .mypage .pointList .myPointTable .detail{
    color: #848383;
    letter-spacing: -0.05em;
    line-height: 1.6;
}
#sub .mypage .pointList .myPointTable .point{
    font-weight: 600;
    font-size: 16px;
}

#sub .mypage .coupon{
    width:100%;
    margin-top:80px;
}

#sub .mypage .coupon .subj{
    width:100%;
    font-size:27px;
    color:#222;
    font-weight:bold;
}


#sub .mypage .coupon .couponList{
    width:100%;
    margin-top:24px;
    position: relative;
}
#sub .mypage .coupon .couponList strong{
    font-size: 15px;
    letter-spacing: -0.05em;
}
#sub .mypage .coupon .couponList .desc .harin{
    margin-top: 20px;
    font-size: 18px;
}
#sub .mypage .coupon .couponList .desc .gigan{
    margin-top: 20px;
    margin-bottom: 30px;
    min-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
#sub .mypage .coupon .couponList .desc a{
    /* position: absolute;
    bottom: 12px; */
    text-decoration: underline;
}
#sub .mypage .coupon .couponList .coup_download{
    position: absolute;
    right: 50px; bottom: 50px;
    width: 50px; height: 50px;
}
#sub .mypage .coupon .couponList .coup_download img{
    width: 70px;
    height: 70px;
}
#sub .mypage .coupon .couponList .coup_download .downloadOk{
    position:relative;
    display:block; width: 100%;height: 100%;
    background: #ccc;
    border-radius:50%;
}
#sub .mypage .coupon .couponList .coup_download .downloadOk::after,
#sub .mypage .coupon .couponList .coup_download .downloadOk::before{
    content:'';
    position:absolute;
    left: 50%; top: 50%;
    transform:translate(-50%,-50%);
    background: #fff;
    width: 2px;
}
#sub .mypage .coupon .couponList .coup_download .downloadOk::after{
    transform: translate(3px, -8px) rotate(45deg);
    height: 16px;
}
#sub .mypage .coupon .couponList .coup_download .downloadOk::before{
    transform: translate(-5px, -3px) rotate(-45deg);
    height: 10px;
}

#sub .mypage .coupon .couponList li{
    padding:1.5em;
    width:100%;
    border-radius:20px;
    background:#f7f7f7;
    box-sizing:border-box;
    font-size:16px;
    color:#222;
    font-weight:500;
    margin-top:10px;
}

#sub .mypage .coupon .couponList li:first-child{
    margin-top:0;
}


#sub .mypage .listArea{
    width:100%;
    margin-top:80px;
    padding:0;
}


@media screen and (max-width: 374px) {
    #sub .mypage{
        width:100%;
        padding:80px 20px 140px;
        box-sizing:border-box;
    }
    
    #sub .mypage .myInfo{
        width:100%;
        background:#060606;
        border-radius:30px;
        padding:1.2em;
        box-sizing:border-box;
    }
    
    #sub .mypage .myInfo .tabMenu{
        width:100%;
        display:flex;
        justify-content:space-between;
    }
    
    #sub .mypage .myInfo .tabMenu li{
        font-size:15px;
        color:#fff;
        font-weight:bold;
    }
    
    #sub .mypage .myInfo .tabMenu li a{
        color:#fff;
    }
    
    #sub .mypage .myInfo .nm{
        width:100;
        font-size:22px;
        margin-top:60px;
        color:#ffc100;
        font-weight:bold;
    }
    
    #sub .mypage .myInfo .tpoint{
        width:100;
        margin-top:24px;
    }
    
    #sub .mypage .myInfo .tpoint .subj{
        font-size:14px;
        font-weight:500;
        color:#fff;
    }
    
    #sub .mypage .myInfo .tpoint p{
        font-size:14px;
        font-weight:500;
        color:#fff;
    }

    #sub .mypage .myInfo .tpoint .price{
        font-size:22px;
        font-weight:bold;
        color:#fff;
        margin-top:4px;
    }

    #sub .mypage .myInfo .priceA{
        width:100;
        margin-top:24px;
    }
    
    #sub .mypage .myInfo .priceA .subj{
        font-size:14px;
        font-weight:500;
        color:#fff;
    }
    
    #sub .mypage .myInfo .priceA .price{
        font-size:22px;
        font-weight:bold;
        color:#fff;
        margin-top:4px;
    }
    
    
    #sub .mypage .myInfo .memberOut{
        font-size:14px;
        font-weight:500;
        color:#fff;
        text-decoration:underline;
        margin-top:24px;
    }
    
    #sub .mypage .myInfo .memberOut a{
        color:#fff;
    }
    

    #sub .mypage .coupon{
        width:100%;
        margin-top:80px;
    }
    
    #sub .mypage .coupon .subj{
        width:100%;
        font-size:22px;
        color:#222;
        font-weight:bold;
    }
    

    #sub .mypage .coupon .couponList{
        width:100%;
        margin-top:24px;
    }
    
    #sub .mypage .coupon .couponList li{
        padding:1.2em;
        width:100%;
        border-radius:15px;
        background:#f7f7f7;
        box-sizing:border-box;
        font-size:14px;
        color:#222;
        font-weight:500;
        margin-top:10px;
    }
   
    #sub .mypage .pointList .myPointTable{
        width:100%;
        margin-top:24px;
    }
    #sub .mypage .pointList .myPointTable li{
        display:flex;
        padding:1.2em;
        width:100%;
        border-radius:15px;
        background:#f7f7f7;
        box-sizing:border-box;
        font-size:14px;
        color:#222;
        font-weight:500;
        margin-top:10px;
    }
    #sub .mypage .pointList .myPointTable li div{
        padding: 0px 0px; 
        text-align: center;
        color:#222;
    }
    #sub .mypage .pointList .myPointTable li div.plus{color: #de2726;}
    #sub .mypage .pointList .myPointTable li div:nth-child(1){width: 50%;}
    #sub .mypage .pointList .myPointTable li div:nth-child(2){width: 50%; word-break: keep-all;}
    #sub .mypage .pointList .myPointTable li div:nth-child(3){width: 100%;}
    #sub .mypage .pointList .myPointTable .date{
        color: #848383;
        letter-spacing: -0.05em;
        font-size: 14px;
    }
    #sub .mypage .pointList .myPointTable .detail{
        color: #848383;
        letter-spacing: -0.05em;
        line-height: 1.6;
        font-size: 14px;
    }
    #sub .mypage .pointList .myPointTable .point{
        font-weight: 600;
        font-size: 14px;
    }
    
}
#sub .login{
    width:100%;
    padding:80px 20px 140px;
    box-sizing:border-box;
}

#sub .login .subj{
    font-size:36px;
    text-align:Center;
    font-weight:bold;
    font-family:'montserrat';
    color:#222;
}

#sub .login .subs{
	width:100%;
	text-align:Center;
	color:#444;
	margin-top:8px;
	font-size:20px;
}

#sub .login .kakaoLogin{
	width:100%;
	margin:24px auto 24px;
}
#sub .login .kakaoLogin img{
	width:100%;
}

#sub .login .formA{
	width:100%;
}

#sub .login .formA input{
	width:100%;
	padding:16px 0px;
	border-bottom:1px solid #d9d9d9;
	margin-bottom:16px;
	font-size:15px;
}


#sub .login .formA .submit{
	width:100%;
	background:#de2726;
	text-align:center;
	padding:16px 0px;
	text-align:center;
	display:block;
	color:#fff;
	font-size:15px;
	border-radius:10px;
}

#sub .login .othMenu{
	width:100%;
	text-align:Center;
	margin-top:12px;
}

#sub .login .othMenu li{
	display:inline-block;
	margin:0px 10px;
	font-size:14px;
	position:Relative;
}

#sub .login .othMenu li:after{
	content:'';
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:-14px;
	width:4px;
	height:4px;
	background:#d9d9d9;
	border-radius:100%;
}

#sub .login .othMenu li:last-child:after{
	display:none;
}





#sub .detail{
	width:100%;
    padding:0px 0px 140px;
    box-sizing:border-box;
}

#sub .detail .detailVisual{
	width:100%;
}

#sub .detail .detailVisual li img{
	width:100%;
}

#sub .detail .detailVisual-nav{
	width:100%;
	padding:4px 4px;
	box-sizing:border-box;
}
#sub .detail .detailVisual-nav .slick-list{
	padding:0 !important;
}
#sub .detail .detailVisual-nav li{
	width:100%;
	margin:0px 2px;
}

#sub .detail .detailVisual-nav li img{
	width:100%;
}


#sub .detail .infoA{
	width:100%;
	padding:20px;
	box-sizing:border-box;
}


#sub .detail .infoA .tagList{
    place-self:Center;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}



#sub .detail .infoA .tagList li{
    display:inline-block;
    border:1px solid #444;
    padding:8px 12px;
    box-sizing:border-box;
    font-size:14px;
    color:#444;
    border-radius:50px;
}

#sub .detail .infoA .subj{
    font-size:18px;
    color:#222;
    font-weight:bold;
    margin-top:12px;
    word-break:keep-all;
    line-height:28px;
}

#sub .detail .infoA .priceLine{
    width:100%;
    margin-top:12px;
}

#sub .detail .infoA .priceLine div{
    margin-top:4px;
}

#sub .detail .infoA .priceLine div span{
	display:inline-block;
	width:25%;
	box-sizing:border-box;
	vertical-align:Middle;
	font-size:16px;
	text-decoration:none;
	font-weight:normal;
}

#sub .detail .infoA .priceLine .bf{
	font-size:16px;
	color:#777;
	text-decoration:line-through;
}

#sub .detail .infoA .priceLine .price{
	font-size:20px;
	color:#222;
	font-weight:bold;
}

#sub .detail .infoA .detailInfoList{
	width:100%;
	margin-top:24px;
}

#sub .detail .infoA .detailInfoList li{
	width:100%;
	margin-top:8px;
}

#sub .detail .infoA .detailInfoList li .ico{
	width:20px;
	display:inline-block;
	vertical-align:middle;
	opacity:0.5;
	text-align:Center;
}

#sub .detail .infoA .detailInfoList li .ico img{
	height:15px;
	display:inline-block;
}

#sub .detail .infoA .detailInfoList li .tx{
	font-size:14px;
	color:#777;
	display:inline-block;
	vertical-align:middle;
	padding-left:4px;
	box-sizing:border-box;
}


#sub .detail .selectA{
	width:100%;
	padding:24px 0px;
	border-top:1px solid #d9d9d9;
	margin-top:24px;
}
#sub .detail .selectA select{
	width:100%;
	padding:20px 12px;
	box-sizing:border-box;
	border:0;
	background:#f7f7f7;
	color:#444;
	font-size:14px;
}

#sub .detail .totalPrice{
	width:100%;
	display:flex;
	justify-content:space-between;
	margin-top:28px;
}

#sub .detail .totalPrice .amout{
	font-size:14px;
	color:#de2726;
	place-self:center;
}

#sub .detail .totalPrice .price{
	font-size:20px;
	color:#de2726;
	place-self:center;
	font-weight:bold;
}

#sub .detail .whoWish{
	width:100%;
	margin-top:8px;
	color:#999;
	font-size:14px;
}

#sub .detail .btnA{
	width:100%;
	margin-top:24px;
	display:flex;
	gap:8px;
}

#sub .detail .btnA .submit{
	width:85%;
	padding:16px 0px;
	text-align:center;
	background:#de2726;
	color:#fff;
	border-radius:10px;
	cursor:pointer;
	font-size: 1.005rem;
}

#sub .detail .btnA .submit a{
	color:#fff;
}


#sub .detail .btnA .heart{
	width:15%;
	position:relative;
	background:#fff;
	border-radius:10px;
	border:1px solid #d9d9d9;
}

#sub .detail .btnA .heart span{
	display:block;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:100%;
}

#sub .detail .btnA .heart span .ico{
	width:15px;
	margin:0 auto;
}

#sub .detail .btnA .heart span .ico img{
	width:100%;
}

#sub .detail .btnA .heart span .tx{
	text-align:Center;
	font-size:13px;
	color:#777;
	text-align:center;
	margin-top:4px;
}



#sub .sub_de_tit{
	font-size:24px;
	padding-left:20px;
	color:#222;
	font-weight:bold;
}

#sub .detail .detailInfo{
	width:100%;
	margin-top:32px;
	padding:32px 0;
	border-top:1px solid #e5e5e5;
	box-sizing:border-box;
}

#sub .detail .detailInfo .detailImg{
	width:100%;
	margin-top:20px;
	max-height:800px;
	overflow:hidden;
	position:relative;
}

#sub .detail .detailInfo .detailImg:after{
	width:100%;
	position:absolute;
	height:150px;
	bottom:0;
	left:0;
	background-image:linear-gradient(180deg, rgba(255,255,255,5%), #fff 100%);
	content:'';
}
#sub .detail .detailInfo .detailImg.nonb:after{
	background-image:none;
}


#sub .detail .detailInfo .detailImg img{
	width:100%;
}

#sub .detail .detailInfo .imgMoreView{
	width:100%;
	border:1px solid #d9d9d9;
	margin-top:24px;
	text-align:center;
	padding:16px 0px;
	font-size:14px;
	color:#222;
	text-align:center;
}

#sub .detail .detailInfo .imgMoreView span{
	width:24px;
	display:inline-block;
	vertical-align:middle;
}

#sub .detail .detailInfo .imgMoreView span img{
	width:100%;
}


#sub .detail .review{
	width:100%;
	margin-top:32px;
	padding:0px 20px;
	box-sizing:border-box;
}

#sub .detail .review .reviewList{
	width:100%;
	margin-top:20px;
}

#sub .detail .returnChange{
	width:100%;
	margin-top:32px;
	padding:0px 20px;
	box-sizing:border-box;
}

#sub .detail .returnChange .subs{
	width:100%;
	margin-top:20px;
	color:#777;
	font-size:14px;
	word-break:keep-all;
	line-height:22px;
}







#sub .myorder{
	width:100%;
    padding:40px 20px 20px;
    box-sizing:border-box;
}
#sub .myorder .orderList{
	width:100%;
    margin-top:0px;
}

#sub .myorder .orderList dd{
	width:100%;
	border-bottom:1px solid #e5e5e5;
	padding:24px 0px;
}

#sub .myorder .orderList dd:last-child{
	border-bottom:0px solid #e5e5e5;
}

#sub .myorder .orderList dd .infoA{
	width:100%;
	display:flex;
	gap:12px;
}

#sub .myorder .orderList dd .infoA .thum{
	width:25%;
	place-self:center;
}

#sub .myorder .orderList dd .infoA .thum img{
	width:100%;
}

#sub .myorder .orderList dd .infoA .txA{
	width:75%;
	place-self:center;
}

#sub .myorder .orderList dd .infoA .txA .orderNum{
	font-size:13px;
	color:#777;
}

#sub .myorder .orderList dd .infoA .txA .subj{
	font-size:16px;
	color:#222;
	font-weight:bold;
	line-height:24px;
	margin-top:4px;
	word-break:keep-all;
}

#sub .myorder .orderList dd .infoA .txA .price{
	font-size:14px;
	color:#222;
	margin-top:8px;
	word-break:keep-all;
}

#sub .myorder .orderList dd .state{
	width:100%;
	display:flex;
	justify-content:space-between;
	margin-top:8px;
}

#sub .myorder .orderList dd .state .subj{
	font-size:14px; 
	color:#de2726;
	place-self:Center;
}

#sub .myorder .orderList dd .state .subj span{
	color:#888;
}

#sub .myorder .orderList dd .state .btn{
	place-self:Center;
	padding:4px 12px;
	border:1px solid #d9d9d9;
	border-radius:3px;
	background:#fff;
}

#sub .coupon{
	width:100%;
    padding:40px 20px 140px;
    box-sizing:border-box;
}
#sub .coupon .subj{
	width:100%;
    margin-top:20px;
    font-size:16px;
    color:#222;
}

#sub .coupon .form{
	width:100%;
    gap:4px;
    margin-top:8px;
    display:flex;
}

#sub .coupon .form input{
	width:75%;
    border:1px solid #222;
    border-radius:5px;
    padding:16px 8px;
    box-sizing:border-box;
}
#sub .coupon .form button{
	width:25%;
    background:#222;
    text-align:center;
    color:#fff;
    cursor:pointer;
    border-radius:5px;
}

#sub .consult{
	width:100%;
	padding:80px 20px 140px;
	box-sizing:border-box;
}

#sub .consult .tableA{
	width:100%;
	margin-top:20px;
}

#sub .consult .tableA td,
#sub .consult .tableA th{
	padding:15px 10px;
	box-sizing:border-box;
	font-weight:normal;
	color:#222;
	border-bottom:1px solid #d9d9d9;
	font-size:14px;
}

#sub .consult .tableA table:first-child tr:first-child td,
#sub .consult .tableA table:first-child tr:first-child th{
	border-top:2px solid #222;
}

#sub .consult .tableA tr:last-child td,
#sub .consult .tableA tr:last-child th{
	border-bottom:2px solid #222;
}


#sub .consult .tableA th{
	border-right:1px solid #d9d9d9;
}


#sub .consult .viewBox{
	width:100%;
	margin-top:20px;
	box-shadow:5px 5px 10px rgba(0,0,0,0.05);
	padding:20px;
	box-sizing:border-box;
}

#sub .consult .viewBox .sort{
	display:inline-block;
	vertical-align:middle;
	padding:8px 12px;
	background:#FFEAEE;
	color:#de2726;
	border-radius:50px;
	font-size:13px;
	font-weight:500;
}

#sub .consult .viewBox .subj{
	display:inline-block;
	vertical-align:middle;
	font-size:18px;
	color:#222;
	font-weight:bold;
	padding-left:4px;
}

#sub .consult .viewBox .subs{
	width:100%;
	margin-top:20px;
	font-size:14px;
	color:#444;
	word-break:keep-all;
}

#sub .consult .viewBox .subs p{
	width:100%;
	display:block;
	margin:10px 0px;
}

#sub .consult .viewBox .subs p img{
	width:100%;
}

#sub .consult .btnA{
	width:100%;
	display:flex;
	justify-content:space-between;
	margin-top:8px;
}

#sub .consult .btnA .back{
	background:#222;
	border-radius:5px;
}

#sub .consult .btnA .delete{
	background:#de2726;
	border-radius:5px;
}

#sub .consult .btnA a{
	color:#fff;
	padding:12px 16px;
	display:inline-block;
	font-size:14px;
}

#sub .privacy{
	width:100%;
	padding:80px 20px 140px;
	box-sizing:border-box;
}


#sub .privacy .sub_de_tit{
	margin-bottom:20px;
}

#sub .privacy .inner div{
	color:#444;
	font-size:13px;
	word-break:keep-all;
	line-height:21px;
}


#sub .collabo{
	width:100%;
}
#sub .collabo .sec{
	width:100%;
	position:relative;
}

#sub .collabo .sec img{
	width:100%;
}

#sub .collabo .sec .btn{
	width:220px;
	bottom:50px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	background:#222;
	padding:16px 0px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	border-radius:50px;
}
#sub .collabo .sec .btn a{
	color:#fff;
	
}



#sub .collabo .collaboVisual{
    width:100%; 
    background:#000000; 
    padding-bottom:80px;
}

#sub .collabo .collaboVisual li{
    width:100%; 
    margin:0px 6px;
}

#sub .collabo .collaboVisual li img{
    width:100%; 
}

#sub .collabo .redback{
    width:100%;
    padding-bottom:120px;
    background:#e60012;
}

#sub .collabo .black_btnA{
    width:220px;
	background:#222;
	padding:16px 0px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	border-radius:50px;
	margin:0 auto;
}

#sub .collabo .black_btnA a{
	color:#fff;
}

#sub .collabo .blackback{
    width:100%;
    padding-bottom:120px;
    background:#000;
}

#sub .collabo .red_btnA{
    width:220px;
	background:#e60012;
	padding:16px 0px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	border-radius:50px;
	margin:0 auto;
}

#sub .collabo .red_btnA a{
	color:#fff;
}

#sub .order{
	width:100%;
	padding:80px 20px 140px;
	box-sizing:border-box;
}

#sub .order .orderInfo{
	width:100%;
	margin-top:20px;
}

#sub .order .orderInfo dd{
	width:100%;
	padding:20px;
	box-shadow:0px 4px 10px rgba(0,0,0,0.05);
	box-sizing:border-box;
}


#sub .order .orderInfo dd .subj{
	font-size:18px;
	color:#222;
	font-weight:600;
	margin-bottom:8px;
}

#sub .order .orderInfo dd .productInfo{
	width:100%;
	display:flex;
	gap:8px;
}

#sub .order .orderInfo dd .productInfo .thum{
	width:35%;
	place-self:Center;
}

#sub .order .orderInfo dd .productInfo .thum img{
	width:100%;
}

#sub .order .orderInfo dd .productInfo .txA{
	width:65%;
	place-self:Center;
}

#sub .order .orderInfo dd .productInfo .txA .subject{
	font-size:16px;
	color:#222;
	font-weight:bold;
	word-break:keep-all;
	line-height:24px;
}

#sub .order .orderInfo dd .productInfo .txA .option{
	width:100%;
	margin-top:4px;
	color:#777;
	font-size:14px;
}
#sub .order .orderInfo dd .productInfo .txA .option span{
	display:inline-block;
	font-size:12px;
	background:#f7f7f7;
	border:1px solid #e5e5e5;
	padding:4px 8px;
	border-radius:2px;
	margin-right:4px;

}

#sub .order .orderInfo dd .productInfo .txA .price{
	width:100%;
	margin-top:12px;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	color:#de2726;
}

#sub .order .orderInfo dd .memberInfo{
	width:100%;
}

#sub .order .orderInfo dd .memberInfo li{
	width:100%;
	font-size:14px;
	color:#444;
	line-height:24px;
}

#sub .order .orderInfo dd .sub_subj{
	font-size:16px;
	color:#222;
	font-weight:500;
}

#sub .order .orderInfo dd .formA{
	width:100%;
	margin-top:8px;
	display:flex;
	gap:4px;
}

#sub .order .orderInfo dd .formA input{
	width:75%;
	border:1px solid #222;
	border-radius:5px;
	padding:16px 12px;
	font-size:14px;
}

#sub .order .orderInfo dd .formA button{
	width:25%;
	background:#222;
	color:#fff;
	border-radius:5px;
	font-size:14px;
}

#sub .order .orderInfo dd .add{
	width:100%;
	margin-top:24px;
}
#sub .order .orderInfo dd .coupon_subj{
	margin-top:20px;
}
#sub .order .orderInfo dd .sub_subs{
	margin-top:4px;
	font-size:14px;
	color:#777;
}



#sub .order .orderInfo dd .priceInfoList{
	width:100%;
	margin-top:20px;
	gap:8px;
	flex-flow:wrap;
	display:flex;
	margin-bottom:12px;
}
#sub .order .orderInfo dd .priceInfoList li{
	width:100%;
	display:flex;
	justify-content:space-between;
	color:#222;
}

#sub .order .orderInfo dd .priceInfoList li .subject{
	color:#777;
	place-self:Center;
}


#sub .order .orderInfo dd .priceInfoList .all{
	width:100%;
	padding:20px 0px 0px;
	margin-top:12px;
	border-top:1px solid #e5e5e5;
}

#sub .order .orderInfo dd .priceInfoList .all .subs{
	font-size:20px;
	font-weight:bold;
	place-self:Center;
}

#sub .order .orderInfo dd .payMethod{
	width:100%;
}

#sub .order .orderInfo dd .payMethod li{
	width:100%;
	margin-top:8px;
	color:#444;
}

#sub .order .submitBtn{
	width:100%;
	margin-top:32px;
	color:#fff;
	background:#de2726;
	text-align:center;
	padding:16px 0px;
	font-size:15px;
	font-weight:bold;
	border-radius:5px;
}

#sub .order .submitBtn a{
	color:#fff;
}

#sub .campaign{
    width:100%;
    background:url(/renew/images/sub/campaignBg.png) no-repeat top center;
    padding-bottom:20px;
    background-color:#000;
}


#sub .campaign .poNV{
    color:#ffc100
}

#sub .campaign .listArea .listType01 dd .subj{
    color:#fff
}




#sub .couponA .form{
	width:100%;
    gap:4px;
    margin-top:8px;
    display:flex;
}

#sub .couponA .form input{
	width:75%;
    border:1px solid #222;
    border-radius:5px;
    padding:16px 8px;
    box-sizing:border-box;
}
#sub .couponA .form button{
	width:25%;
    background:#222;
    text-align:center;
    color:#fff;
    cursor:pointer;
    border-radius:5px;
}





#sub .mypage_re .title_r{
	font-size:28px;
	color:#222;
	font-weight:bold;
}

#sub .mypage_re .couponA{
	margin-top:40px;
}


#sub .mypage_re .bannerA{
	width:100%;
	margin-top:60px;
}

#sub .mypage_re .bannerA .subj{
	width:100%;
	margin-top:60px;
}

#sub .mypage_re .bannerA .couponDown{
	width:100%;
	border-radius:12px;
	background:#f4f2f2;
	padding:32px;
	box-sizing:border-box;
	margin-top:12px;
	display:flex;
	justify-content:space-between;
	align-items:end;
}

#sub .mypage_re .bannerA .couponDown .txA{
	width:100%;
	padding-right:20px;
	box-sizing:border-box;
}

#sub .mypage_re .bannerA .couponDown .txA .title{
	font-size:28px;
	font-weight:bold;
	color:#222;
	line-height:36px;
}


#sub .mypage_re .bannerA .couponDown .txA .period{
	font-size:15px;
	font-weight:500;
	color:#444;
	margin-top:20px;
}


#sub .mypage_re .bannerA .couponDown .downloadBtn{
	width:70px;
}

#sub .mypage_re .bannerA .couponDown .downloadBtn img{
	width:100%;
}


#sub .mypage_re .pointBox{
	width:100%;
	border-radius:12px;
	padding:32px;
	background:#222;
	box-sizing:border-box;
	margin-top:12px;
}

#sub .mypage_re .pointBox .subject{
	width:100%;
	font-size:28px;
	color:#fff;
	font-weight:bold;
}

#sub .mypage_re .pointBox .r_point{
	width:100%;
	font-size:28px;
	color:#fff;
	font-weight:bold;
	margin-top:20px;
}

#sub .mypage_re .pointBox .removePoint{
	width:100%;
	font-size:15px;
	color:#fff;
	font-weight:500;
	margin-top:12px;
}


#sub .mypage_re .pointInfoList{
	width:100%;
	margin-top:20px;
	padding-left:20px;
	box-sizing:border-box;
}

#sub .mypage_re .pointInfoList li{
	width:100%;
	list-style:disc;
	font-size:15px;
	color:#777;
	margin-top:8px;
	line-height:22px;
}


#sub .mypage_re .shortcutList{
	width:100%;
	display:flex;
	flex-flow:wrap;
	gap:16px 0px;
	margin-top:20px;
}

#sub .mypage_re .shortcutList li{
	width:25%;
	display:flex;
	flex-flow:column;
	padding:0px 8px;
	box-sizing:border-box;
	gap:8px;
}


#sub .mypage_re .shortcutList li .icon{
	width:60%;
	margin:0 auto;
}

#sub .mypage_re .shortcutList li .icon img{
	width:100%;
}

#sub .mypage_re .shortcutList li .tx{
	text-align:center;
	font-size:14px;
	color:#000;
	margin-top:8px;
}