@charset "utf-8";
/*******************************************************
	mypage
*******************************************************/
.mypage_section{display:flex;flex-wrap:wrap;}
.mypage_section_left {width: 210px;padding-right: 20px;}
.mypage_section_right {width: calc(100% - 210px);}
.mypage_section_right>h3{padding: 0 0 10px 0; margin-bottom: 20px; font-family: 'NotoSansKR-Bold';font-size: 20px; line-height: 1;}
.mypage_section.hide_left .mypage_section_right{width:100%;}

.myinfobox{padding: 15px 15px;background: #f5f5f5;border-radius: 10px;font-size:13px;color:#111;}
.myinfobox>p{margin:2px 0;}
.myinfobox .userName{padding:0 4px;background: #ffffff;font-weight:700;}

.mypage_nav {margin-top:30px;}
.mypage_nav li>a{display:block;padding: 10px 10px;border-right:2px solid #e0e0e0;font-size:14px;}
.mypage_nav li>a:hover,
.mypage_nav li>a:focus{font-weight:700;}
.mypage_nav li.active>a{background: #f5f5f5;font-weight:700;border-color: #5ea6d1;}
.mypage_nav br{display:none;}

.intro_myinfo_txt{margin:20px 0 10px 0;line-height:1; font-size:13px;color:#666;}

.mypage_wrap .tab__nav_top {position:relative; margin:5px auto 25px;}
.mypage_wrap .tab__nav_top .order_slider_group {overflow:hidden;border-bottom:1px solid #eee;}
.mypage_wrap .tab__nav_top .order_slider_group>div {display:-webkit-box; display:-ms-flexbox; display:flex;  font-size:.8125rem;}
.mypage_wrap .tab__nav_top .order_slider_group>div a {position:relative;padding: 10px 12px;margin: 0 10px 0 0px;font-size: 14px;color: #949797;font-family: 'NotoSansKR-Medium';vertical-align: middle;}
.mypage_wrap .tab__nav_top .order_slider_group>div a.on{color:#333;}
.mypage_wrap .tab__nav_top .order_slider_group>div a.on:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:3px; background:#231b19;}
.myinfo_status{margin-bottom:20px;padding:20px;background:#f5f5f5;border-radius: 10px;font-size:16px;}

.mypage_wrap .folder_item .btn_fold{position: relative;}
.mypage_wrap .folder_item .btn_fold:after{content:"▼";}
.mypage_wrap .folder_item.active .btn_fold:after{content:"▲";}
.mypage_wrap .folder_content{display:none;}
.mypage_wrap .folder_content td{padding:0 !important;}

.ico_employee_mark{display:inline-block;width:15px;height:15px;background:url('https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_employee_badge.svg')no-repeat;vertical-align:middle;}

@media all and (max-width:1180px){
	.mypage_section{display:block;flex-direction: inherit;}
	.mypage_section_left, .mypage_section_right{width:100%;}
	.mypage_section_left{padding-right:0;}
	.mypage_section_right{padding:30px 0 0 0;}
	.mypage_section_right>h3{margin-bottom:10px;}
    .mypage_section_right>h3{margin-bottom:10px;}
    .mypage_nav{padding:20px 40px;overflow:hidden;}
    .mypage_nav li>a{padding: 10px;background:#f5f5f5;border:1px solid #e0e0e0;border-left:0;text-align:center;}
    .mypage_nav li:nth-of-type(4n)>a{border-right:0;}
    .mypage_nav li.active > a{background:#333;color:#fff;font-weight:400;}
    .mypage_nav .slick-list .slick-track{display:flex;overflow:hidden;max-height:40px;}
    .mypage_nav li,

    .mypage_nav .slick-initialized .slick-slide{display:inline-block;white-space: nowrap;}
    .mypage_nav .slick-arrow{position: absolute;top:50%;transform:translateY(-50%);position:absolute;width:30px;height:30px;border:0;text-indent:-9999px;overflow:hidden;}
    .mypage_nav .slick-prev{left:-40px;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/slider_left_arr.png) 0 0 no-repeat;background-size:100%;}
    .mypage_nav .slick-next{right:-40px;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/slider_right_arr.png) 0 0 no-repeat;background-size:100%;}
	.mypage_nav .slick-disabled{display:none !important;}
}
@media all and (max-width:640px){
	.mypage_section_right>h3{font-size:17px;}
	.mypage_wrap .tab__nav_top .swiper_group>div a{padding:10px 4px;font-size:12px;}
	.mypage_nav li:nth-of-type(4n)>a{border-right:1px solid #e0e0e0;}
	.mypage_nav li:last-of-type>a{border-right:0;}
	.mypage_wrap .button_group{text-align: right;}
	
	.intro_myinfo_txt{padding:10px;background:#f9f9f9;line-height:1.6;}
	
	.myinfo_status{font-size:14px;}
}
@media all and (max-width:540px){
	.mypage_nav li>a,
	.mypage_wrap .tab__nav_top .order_slider_group>div a{font-size:12px;}
	
}
@media all and (max-width:414px){
	.mypage_nav{margin-top:10px;padding:20px 30px;}
	.mypage_nav li>a{padding:10px 4px;}
	.mypage_nav .slick-arrow{width:25px;height:25px;}
	.mypage_nav .slick-prev{left:-30px;}
	.mypage_nav .slick-next{right:-30px;}
	.mypage_section_right{padding-top:10px;}
}

/* now_service_status */
.now_service_status {display:block; position:relative;padding: 25px 0 15px 0;border-radius: 10px;background: #f9f9f9;}
.now_service_status .service_box{margin:0 auto;width:620px;}
.now_service_status .service_status {display:flex;justify-content:space-between;position:relative; width:100%;}
.now_service_status .service_status:after{content:"";position:absolute;top:6px;left:0; width:100%;height:1px;background: #d7d7d7;z-index: 0;}
.now_service_status .service_status p {display: block;text-align: center;z-index: 1;}
.now_service_status .service_status p span {display:block;margin: 0 auto;}
.now_service_status .point_dot {display:block; width:13px;height:13px; background:#fff; border:1px solid #d4202b; border-radius:100%;}
.now_service_status .point_dot.on {display:block; width:13px;height:13px; background:#d4202b; border:1px solid #d4202b; border-radius:50%;}
.now_service_status .point_rental_txt {display:block;text-align:center; line-height:2; font-size:12px; color:#666;}
.after_sevice_status .service_status p:first-child{margin-left:-20px;}
.after_sevice_status .service_status p:last-child{margin-right:-10px;}

/*기간 조회*/
.date_lookup_box{border:1px solid #ebebeb;padding:10px 10px 0;font-size:0;text-align:center;margin-bottom:20px}
.date_lookup_box > *{display:inline-block;vertical-align:middle;margin-bottom:10px}
.date_lookup_box .title{color:#111;font-size:13px;font-family:'NotoSansKR-Regular';width:84px;text-align:left}
.date_lookup_box li{float:left;margin-right:5px}
.date_lookup_box li > button{padding:0;width:45px;height:30px;border:1px solid #949797;line-height:1;background:#fff;border-radius:4px;color:#777;font-size:13px;text-align:center}
.date_lookup_box .date_wrapper input{padding:3px 20px 3px 7px;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/ico_calendar.png) no-repeat right 5px center;width:140px;height:30px;border:1px solid #eee;font-size:13px}
.date_lookup_box .date_wrapper > *{float:left}
.date_lookup_box .date_wrapper .bullet{margin:5px 3px 0;font-size:13px}
.date_lookup_box .date_wrapper .btn_black{padding:0;margin-left:5px;line-height:30px;height:30px;width:50px;color:#fff;background:#333;font-size:13px;text-align:center;border-radius:4px}

@media all and (max-width:540px){
	.date_lookup_box .date_wrapper input{width:108px;}
	.date_lookup_box .title{display:none;}
}

/* 렌탈신청내역 */
.table__order_list .btn_white{margin:0 1px 0 0;padding:2px 4px;font-size:12px;border-color:#e0e0e0;}
.table__order_list .date{width:20%;text-align: center;}
.table__order_list .date a{display:inline-block;}
.table__order_list p{margin-bottom:4px;}
.table__order_list .goods_info{width:40%;}
.table__order_list .thumbnail{display:inline-block;margin-right:10px;width:80px;width:80px;vertical-align: top;}
.table__order_list .thumbnail img{border:1px solid #e0e0e0;width:100%;height:100%;}
.table__order_list .caption{display:inline-block;width:calc(100% - 90px);}
.table__order_list .caption strong{display:block;margin-bottom:5px;font-size:12px;color:#333;}
.table__order_list .caption .count{margin-bottom:5px;}
.table__order_list .caption .price{display:block;font-family: 'NotoSansKR-Medium';}
.table__order_list .caption .option{font-size:12px;}
.table__order_list .caption .goods_cate{display:inline-block;padding:2px 8px;margin-bottom:5px;font-size:12px;color:#777;border-radius:4px;background:#f5f5f5; font-weight:700;}
.table__order_list .caption .order_num{display:inline-block;margin-bottom:5px;font-weight:700;font-size:12px;color:#777;}
.table__order_list .status{width:15%;text-align: center;}
.table__order_list .status a,.table__order_list .status button{display:inline-block;}
.table__order_list .action{width:15%;text-align:center;}

.table__order_list.order_cancel .caption{width:calc(100% - 100px);}


@media all and (max-width:640px){
	.table__order_list thead tr,
	.table__order_list tbody tr{display:flex;flex-direction: column;}
	.table__order_list thead{display:none;}
	.table__order_list .status{display:flex;justify-content: flex-end;border-bottom:0;border-top:1px dashed #e0e0e0;}
	.table__order_list .status a, .table__order_list .status button{margin-left:10px;}
	.table__order_list .date{display:flex;justify-content: space-between;border-bottom:0;}
	.table__order_list .action{text-align: right;}
	.table__order_list .goods_info,
	.table__order_list tbody td{display:block;padding:10px !important;width:100% !important;border-bottom:0;}
	.table__order_list tbody td:last-of-type{border-bottom:2px solid #e0e0e0;}
	.table__order_list tbody tr:nth-child(2n) td{background:#f9f9f9;}
	.table__order_list .caption{text-align: right;}
	.table__order_list .caption.assemble{text-align: left;}
	.table__order_list .caption .price,
	.table__order_list .caption strong{font-size:14px;font-family: 'NotoSansKR-Bold';}
	.table__order_list tbody tr.no{display:table-row;flex-direction: inherit;}
	.table__order_list tbody tr.no td{display:table-cell;}
}


/* 제품사용정보 */
.product_myinfo_list .nodata{display:block;padding:20px;background:#f9f9f9;text-align: center;}
.product_myinfo_item{margin-bottom:20px;padding:20px;background:#fff;border:1px solid #e0e0e0;font-size:13px;transition:all .3s;}
.product_myinfo_item:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
.product_myinfo_item .status{margin-bottom:20px;font-weight:700;color:#777;}
.product_myinfo_item .status > em{margin-right:10px;padding:2px 10px; border:1px solid #d4202b;color:#d4202b;}
.product_myinfo_item .goods_info{display:flex;flex-wrap:wrap;}
.product_myinfo_item .goods_info .thumbnail{margin-right:10px;max-width:80px;vertical-align: top;}
.product_myinfo_item .goods_info .thumbnail img{border:1px solid #e0e0e0;width:100%;}
.product_myinfo_item .goods_info .caption{width:calc(100% - 90px);}
.product_myinfo_item .goods_info .caption strong{font-weight:700;font-size:15px;}
.product_myinfo_priview{display:flex;flex-wrap: wrap;background: #f9f9f9;padding:10px;margin-top: 15px;}
.product_myinfo_priview dt{padding:5px 0;width:100px;color:#777;}
.product_myinfo_priview dd{padding:5px 0;width: calc(100% - 100px);text-align: right;}
.btn_show_detail{position: relative;margin-top:10px;padding:8px 10px;width:100%;background:#333;border:0;color:#fff;text-align: left;}
.btn_show_detail:before,
.btn_show_detail:after{content:"";position: absolute;top:15px; width:10px;height:1px;background:#fff;transition:all .3s;}
.btn_show_detail:before{transform:rotate(-45deg);right:12px;}
.btn_show_detail:after{transform:rotate(45deg);right:18px;}
.btn_show_detail.active:before{transform:rotate(45deg);}
.btn_show_detail.active:after{transform:rotate(-45deg);}
.product_myinfo_detail_wrap{display:none;}
.product_myinfo_detail_wrap.active{display:block;}
.product_myinfo_detail_wrap .btn_area{margin-top:10px;text-align: right;}
.product_myinfo_detail_wrap .btn_area button,
.product_myinfo_detail_wrap .btn_area a{margin-left:5px;padding:8px 20px;border-radius: 4px;}
.product_myinfo_detail{display:flex;flex-wrap:wrap;justify-content:space-between; margin-top:10px;}
.product_detail_item{margin:0 4px 8px 0;width:calc(50% - 4px);border:1px solid #eee;}
.product_detail_item:nth-child(2n){margin-right:0;}
.product_detail_item > strong{display:block;padding:8px 10px;background:#f9f9f9;font-weight:700;border-bottom:1px solid #eee;}
.product_detail_item > ul > li{display:flex;justify-content:space-between; padding:0 10px 10px 10px}
.product_detail_item > ul > li:first-child{padding-top:10px;}
.product_detail_item span{text-align: right;}
.product_detail_item .cate{text-align: left;color:#777;}
.product_detail_item .strong{font-weight:700;}

.product_detail_item .btn_more{display:block;float:right;position:relative; padding:0 10px;background:none;border:0;font-size:13px;font-weight:500;color:#2f80ed;}
.product_detail_item .btn_more:after{content:"";position: absolute;top:50%;right:0;width:6px;height:6px;border-top:1px solid #2f80ed;border-right:1px solid #2f80ed;transform:rotate(45deg) translateY(-50%);}

@media all and (max-width:640px){
.product_myinfo_item{padding:10px;}
.product_myinfo_list .nodata{font-size:14px;}
.product_detail_item{margin:0 0 8px 0;width:100%;}
}
@media all and (max-width:414px){
.product_myinfo_item .goods_info .caption{width:100%;margin:5px 0 0 0;}
.product_myinfo_priview{margin-top:10px;}
.product_myinfo_priview dt,
.product_myinfo_priview dd{width:100%;text-align: left;}
}

/*납부 정보, 포인트 사용정보*/
.payinfo_top .goods_name{font-size:17px;}
.payinfo_top .payinfo_user{display:flex;flex-wrap:wrap;margin:5px 0;padding:10px;background:#f5f5f5;font-size:14px;}
.payinfo_top .payinfo_user dt,
.payinfo_top .payinfo_user dd{margin-bottom:5px;}
.payinfo_top .payinfo_user dt:last-child,
.payinfo_top .payinfo_user dd:last-child{margin-bottom:0;}
.payinfo_top .payinfo_user dt{width:30%;color:#666;}
.payinfo_top .payinfo_user dd{width:70%;text-align: right;}
.payinfo_top .payinfo_user dd span{position:relative; padding:0 8px;}
.payinfo_top .payinfo_user dd span:before{content:"";position: absolute;top:5px;left:0;width:1px;height:12px;background:#9b9b9b;}
.payinfo_top .payinfo_user dd span:first-child:before{display:none;}
.payinfo_top .payinfo_user dd span b{font-weight:600;}
.payinfo_top .btn_area{display:flex;justify-content: center; margin: 10px 0;}
.payinfo_top .btn_area a{padding: 8px 20px; border-radius: 4px;font-size:14px;}
.payinfo_top .notice{line-height:1.6;font-size:12px;}
.payinfo_con{margin:10px 0 10px 0;max-height:500px;}
.payinfo_intro{padding:15px 0;font-size:14px;border-top:1px solid #000;border-bottom:1px solid #cdcdcd;}
.payinfo_intro .title{display:block;margin-bottom:5px;}
.payinfo_con li{display:flex;justify-content: space-between;align-items: center; padding:10px 0;font-size:14px;}
.payinfo_con li .right{text-align: right;}
.payinfo_con li{border-bottom:1px solid #cdcdcd;}
.payinfo_con li .date{padding:4px 0;}
.payinfo_intro .notice,
.payinfo_con li span{display:block;color:#838383;}
.payinfo_con li .price,
.payinfo_con li .price *{font-weight:600;}
.payinfo_con table .col2{display: flex; justify-content: space-between;margin-bottom: 5px;}
.payinfo_con table th{padding:10px;text-align:left;font-weight:700;border-bottom:1px solid #8e8e8e;}
.payinfo_con table td{padding:10px;border-bottom:1px solid #8e8e8e;}
.payinfo_con table .complete{color:#767676}
.payinfo_con table .minap{color:#f00;}
.payinfo_con table .wating{color:#437ef7;}
.payinfo_con table td em{color:#767676;}
.payinfo_con .paymethod{padding:2px 4px;font-size:12px;background:#eee}
@media all and (max-width:640px){

}

/* 쿠폰 내역 */
.coupon_item{margin-bottom:20px;padding:20px;background:#fff;border:1px solid #e0e0e0;font-size:13px;}
.coupon_item .status{margin-bottom:20px;font-weight:700;color:#777;}
.coupon_item .status > em{margin-right:10px;padding:2px 10px; border:1px solid #d4202b;color:#d4202b;}
.coupon_item .coupone_info {margin-bottom:10px;padding:0 0 10px 0;border-bottom:1px solid #e0e0e0;}
.coupon_item .coupone_info strong{font-weight:700;font-size:15px;line-height:1.4;}
.coupon_item dl{display:flex;flex-wrap: wrap;}
.coupon_item dt{padding:5px 0;width:100px;color:#777;}
.coupon_item dd{padding:5px 0;width: calc(100% - 100px);text-align: right;}
.coupon_item.coupon_end{background:#f9f9f9;}
.coupon_item.coupon_end .status > em{color:#666;border-color:#ccc;}
.coupon_item.coupon_end .coupone_info strong{text-decoration: line-through; color:#777;}

@media all and (max-width:640px){
.coupon_item{padding:10px;}
}

/* ==========================================================================
서비스접수 내역
========================================================================== */

/*서비스 접수 내역 리스트*/
.service_list{margin-top:10px;border-top:2px solid #434343;}
.service_item{display:block;position:relative; padding:20px 10px;background:#fff;border-bottom:1px solid #e0e0e0;font-size:13px;}
.service_item .service strong {display:block;margin-bottom:5px;font-weight:700;font-size:15px;line-height:1.4;white-space: nowrap;overflow: hidden;max-width: 90%;text-overflow: ellipsis;}
.service_item .service strong > em {position:relative; padding-right:10px;margin-right:10px;color:#666;}
.service_item .service strong > em:after{content:"";position: absolute;top:4px;right:0;width:1px;height:15px;background:#ccc;}
.service_item .service .date{color:#666;}
.service_item .status{position:absolute;top:50%;right:10px;transform:translateY(-50%); padding:2px 10px; border:1px solid #d4202b;color:#d4202b;}

/*서비스 접수 상세 , 간편 배송 조회*/
.service_step_wrap{padding:30px 0;background:#f5f5f5;}
.service_step_wrap ul{display:flex;width:100%;margin-top:20px;}
.service_step_wrap ul li{position: relative;flex-grow:1;}
.service_step_wrap ul li:before{content:"";position: absolute;top:0;left:50%;transform:translateX(-50%); width:12px;height:12px;background:#ddd;border-radius: 50%;z-index: 1;}
.service_step_wrap ul li:after{content:"";position: absolute;top:5px;left:50%;height:1px;background:#ddd;}
.service_step_wrap ul li:nth-child(1):after{width:100%;}
.service_step_wrap ul li:nth-child(2):after{width:100%;}
.service_step_wrap ul li:nth-child(3):after{width:100%;}
.service_step_wrap ul li:nth-child(4):after{width:100%;}
.service_step_wrap ul li:last-child:after{display:none;}
.service_step_wrap ul li em{display:block;padding-top:27px;font-size:12px;color:#666;text-align: center;}
.service_step_wrap .step1 ul li:nth-child(1):before,
.service_step_wrap .step2 ul li:nth-child(2):before,
.service_step_wrap .step3 ul li:nth-child(3):before,
.service_step_wrap .step4 ul li:nth-child(4):before,
.service_step_wrap .RECEIVE ul li:nth-child(1):before,
.service_step_wrap .CONFIRM ul li:nth-child(2):before,
.service_step_wrap .ENGINEER ul li:nth-child(3):before,
.service_step_wrap .VISIT ul li:nth-child(4):before,
.service_step_wrap .COMPLETE ul li:nth-child(5):before{top:-4px;width:22px;height:22px;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_apply.webp)no-repeat center;}
.service_step_wrap .cancel_word{display:none;}
.service_step_wrap .CANCEL ul{display:none;}
.service_step_wrap .CANCEL .cancel_word{display: block;color: #111; font-size: 15px; background: #f5f5f5; padding: 15px; font-weight: 600;text-align: center;}

.service_userinfo {margin-top: 30px;padding: 20px;border: 1px solid #e0e0e0;font-size:13px;}
.service_userinfo table td{padding:5px 0;font-size:13px;color:#111;line-height:1.4;vertical-align: top;}
.service_userinfo table td:first-child{color:#828282;}
.service_userinfo table td .date{position:relative;display:inline-block; padding-right:10px;margin-right:10px;}
.service_userinfo table td .date:after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);background:#111;width:1px;height:14px;}
.service_innerinfo{margin-top:20px;padding:20px 0;border-top:1px solid #e0e0e0;font-size:13px;}
.service_innerinfo h4{margin-bottom:5px;color:#666;}
.service_innerinfo p{color:#111;line-height:1.4;}

.service_btn_area{margin-top:20px;text-align:center;}
.service_btn_area input{padding:8px 18px;}
.service_btn_area p{margin-top:15px;font-size:14px;}


@media all and (max-width:640px){
	.service_item .service strong{max-width:80%;font-size:13px;}
	
}


/*내역 상세*/
.order_detail_wrap{padding:20px;background:#fff;border:1px solid #e0e0e0;font-size:13px;}
.order_detail_wrap.vertical{padding:0;}
/*분해조립 상세*/
.order_detail_wrap .tbl_inner_info_top .tit_top{padding:10px;background:#f5f5f5;font-size:15px;}
.order_detail_wrap .tbl_inner_info_top dl,
.order_detail_wrap .tbl_inner_info dl{display:flex;flex-wrap: wrap;}
.order_detail_wrap .tbl_inner_info_top dt,
.order_detail_wrap .tbl_inner_info dt{width:120px;color:#666;}
.order_detail_wrap .tbl_inner_info_top dd,
.order_detail_wrap .tbl_inner_info dd{width:calc(100% - 120px);font-weight:700;}
.order_detail_wrap .tbl_inner_info_top dt,
.order_detail_wrap .tbl_inner_info_top dd,
.order_detail_wrap .tbl_inner_info dt,
.order_detail_wrap .tbl_inner_info dd{padding:10px;}
.order_detail_wrap .tbl_inner_info .tt{padding:10px;background:#f5f5f5;}


/* 주문배송조회 상세, 이전설치 상세 */
.order_detail_wrap .order_info{margin-bottom:20px;}
.order_detail_wrap .order_info .status{font-weight:700;color:#777;}
.order_detail_wrap .delivery_info{display:flex;margin:10px 0;padding:10px;background:#f5f5f5;}
.order_detail_wrap .delivery_info dt{width:120px;font-weight:700;}
.order_detail_wrap .delivery_info dd{width:calc(100% - 120px);text-align: right;}
.order_detail_wrap .delivery_info .btn_white{margin-left:5px;padding:2px 10px;font-size:13px;}

.order_detail_wrap .goods_name{font-size:15px;}
.order_detail_wrap .goods_info{display:flex;margin:15px 0;}
.order_detail_wrap .goods_info .thumbnail{margin-right:10px;max-width:80px;vertical-align: top;}
.order_detail_wrap .goods_info .thumbnail>a{display:block;width:80px;height:80px;border:1px solid #e0e0e0;}
.order_detail_wrap .goods_info .thumbnail img{width:100%;height:100%;}
.order_detail_wrap .goods_info .caption {width:calc(100% - 80px);}
.order_detail_wrap .goods_info .caption dl{display:flex;flex-wrap:wrap;}
.order_detail_wrap .goods_info .caption dt,
.order_detail_wrap .goods_info .caption dd{padding:2px 0;}
.order_detail_wrap .goods_info .caption dt{width:120px;color:#666;}
.order_detail_wrap .goods_info .caption dd{width:calc(100% - 120px);text-align: right;}
.order_detail_wrap .btn_area{margin-top:10px;padding:10px 0;text-align: right;}
.order_detail_wrap .btn_area .btn_black{display:inline-block;padding:8px 20px;border-radius: 4px;}
.order_detail_wrap .order_payment{display:flex;flex-wrap:wrap;padding:6px 0;border-top:1px solid #e0e0e0;}
.order_detail_wrap .order_payment dt,
.order_detail_wrap .order_payment dd{padding:4px 0;}
.order_detail_wrap .order_payment dt{width:120px;color:#666;}
.order_detail_wrap .order_payment dd{width:calc(100% - 120px);text-align: right;}
.order_detail_wrap .order_payment .mytotal_paymemt{font-weight:700;color:#111;font-size:15px;}

.order_detail_wrap .goods_info .caption.flex_start dl{justify-content: flex-start;}
.order_detail_wrap .goods_info .caption.flex_start dd{text-align: left;}

.order_detail_wrap.order_pay .goods_info{padding-bottom:10px;border-bottom:1px dashed #e0e0e0;}
.order_detail_wrap.order_pay .goods_info:last-of-type{border-bottom:0}

.order_detail1{display:flex;padding:20px 0 40px 0;border-bottom:1px solid #e4e4e4;}
.order_detail1 .thumbnail .goods_name{display:none;}
.order_detail1 .thumbnail a{display:flex;width:120px;height:120px;border-radius:10px;overflow: hidden; }
.order_detail1 .thumbnail img{width:100%;height:100%;}
.order_detail1 .goods_info {width:calc(100% - 140px);margin-left:20px;}
.order_detail1 .goods_info .goods_name{display:block;margin:10px 0 10px 0;font-size:20px;}
.order_detail1 .caption{column-count:2;font-size:16px;}
.order_detail1 .caption.wide{column-count:1;}
.order_detail1 .caption.col{column-count: inherit;width:100%;}
.order_detail1 .caption dl{display:flex;margin:0 0 10px 0;}
.order_detail1 .caption dt{padding:0 15px;color:#898989;width:110px;}
.order_detail1 .caption dt:first-child{padding-left:0;}
.order_detail1 .caption dt.wide{width:130px;}
.order_detail1 .caption dd{color:#000;}
.order_detail1 .caption dd > span{position: relative;padding:0 10px 0 0;margin-right:10px;}
.order_detail1 .caption dd > span:last-child{padding-right:0;margin-right:0;}
.order_detail1 .caption dd > span:after{content:"";position: absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:12px;background:#ccc;}
.order_detail1 .caption dd > span:last-child:after{display:none;}

.order_detail2{padding:35px 0;}
.order_detail3 dl,
.order_detail2 dl{display:flex;justify-content: space-between;align-items: center;margin-bottom:15px;}
.order_detail3 dt,
.order_detail2 .level1 dt{font-weight:700;color:#2E2E2E;}
.order_detail2 .level1 strong{font-weight:700;}
.order_detail2 .totalPrice{ font-size:20px; color:#9a1e23;}
.order_detail2 .totalPrice strong{font-size:22px;}
.order_detail2 .level2{color:#898989;font-weight:400;}
.order_detail2 .level2 dt{position:relative; padding-left:20px;}
.order_detail2 .level2 dt:before,
.order_detail2 .level2 dt:after{content:"";position: absolute;left:5px;background:#898989;}
.order_detail2 .level2 dt:before{width:1px;height:7px;top:5px;}
.order_detail2 .level2 dt:after{width:7px;height:1px;top:12px;}
.order_detail2 .level2 dd{font-size:14px;text-align:right;}
.order_detail2 .level2 strong{font-weight:400;font-size:16px;}
.order_detail3 .file_item{display:inline-block;padding:9px 20px 9px 20px;background:#dacc9f;border:1px solid #dacc9f; color:#fff;font-size:16px;border-radius: 10px;}


@media all and (max-width:1180px){
	.order_detail1 .caption{width:70%;}	
}
@media all and (max-width:640px){
	.order_detail_wrap{padding:10px;}
	
	.order_detail1{flex-direction: column;padding:10px 0 30px 0;}
	.order_detail1 .thumbnail{display:flex;align-items: center;}
	.order_detail1 .goods_info{margin:20px 0 0 0;width:100%;}
	.contract_item  .order_detail1 .goods_info{margin-top:0;}
	.order_detail3,
	.order_detail1 .goods_name,
	.order_detail2 .rentalPrice{font-size:16px;}
	.order_detail1 .goods_info .goods_name{display:none;}
	.contract_item  .order_detail1 .goods_info .goods_name{display:block;margin-top:0;font-size:16px;}
	.order_detail1 .caption{column-count:1;width:100%;font-size:14px;}
	.order_detail1 .caption dl{justify-content: space-between;}
	.order_detail1 .caption dd{text-align: right;word-break:keep-all;}
	.order_detail2{padding:30px 0;font-size:16px;}
	.order_detail2 dl{margin-bottom:10px;}
	.order_detail2 .rentalPrice strong{font-size:18px;}
	#rentalColor{flex-wrap:wrap;}
	#rentalColor dt,
	#rentalColor dd{margin-bottom:10px;width:50%;}
	#rentalColor dt{padding-left:0}
}
@media all and (max-width:414px){
	.order_detail_wrap .goods_info{display:block;}
	.order_detail_wrap .goods_info .thumbnail{width:100%;margin:0 0 10px 0;}
	.order_detail_wrap .goods_info .caption{width:100%;}
	
	.order_detail3 dl{flex-direction: column;}
	.order_detail3 .file_item{margin:10px 0 0 0;}
}

/*구매후기*/
.review_list img{max-width:100%;}
.review_list .title{margin:0 0 5px 0;line-height:1.3;font-size:14px;}
.review_list .thumbnail{position:absolute;top:20px;right:140px; max-width:80px;max-height:80px;vertical-align: top;overflow:hidden;}
.review_list .thumbnail img{border:1px solid #e0e0e0;width:100%;min-width:80px;min-height:80px;}
.review_list .caption{ width:calc(100% - 230px);}
.review_list .caption.noimg{width:calc(100% - 130px);}
.review_list .product{margin:5px 0 0 0;color:#666;}
.review_list .btn_area{position: absolute;top:50%;right:30px;transform: translateY(-50%);}
.review_list .btn_area .btn_white{padding:4px 10px;border-color:#e0e0e0;}

@media all and (max-width:640px){
	
	.review_list .caption{width:calc(100% - 110px);}
	.review_list .caption.noimg{width:100%;}
	.review_list .thumbnail{top:30px;right:20px;max-width:70px;}
	.review_list .thumbnail img{min-width:70px;min-width:70px;max-width:70px;max-height:70px;}
	.review_list .btn_area{position: relative; display: flex; right: inherit; top: inherit;transform: inherit;padding: 10px 0 0 0;justify-content: end;}
	.review_list .btn_area a{margin-left:5px;}
}

/*찜한상품*/
.order_detail_wrap.favorite_item{margin-bottom: 15px;}
.order_detail_wrap.favorite_item .title_area{display: flex;justify-content: space-between;}
.order_detail_wrap.favorite_item .goods_info .thumbnail>a.deactive{position: relative;}
.order_detail_wrap.favorite_item .goods_info .thumbnail>a.deactive::after{position: absolute; content: "품절"; width: 100%;height: 100%; background-color: #6b6b6b; top: 0; left: 0; opacity: 0.8; display: flex; justify-content: center; align-items: center;color: #fff; font-weight: 500;font-size: 18px;}
.order_detail_wrap.favorite_item .btn_like.active {background: url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/ico_heart2_on.svg) no-repeat center; width: 20px;  height: 20px;}


/* ==========================================================================
요금납부
========================================================================== */
.payment_wrap .order_info,
.payment_wrap .order_info2 {margin-top:50px;}
.payment_wrap .order_info:last-child{margin-bottom:0;}
.payment_wrap .order_info > h4,
.payment_wrap .order_info2 > h4{display:inline-block;font-size:22px;font-weight:600;}
.payment_wrap .order_detail_wrap{border-radius: 10px;margin-top:20px;}
.payment_wrap .order_detail_wrap .goods_name{font-size:20px;font-weight:600;}
.payment_wrap .order_detail_inner{display:flex;margin-top:20px;} 
.payment_wrap .order_detail_inner .thumbnail > a{display:block;width:150px;height:150px;border-radius: 10px;overflow:hidden;}
.payment_wrap .order_detail_inner .thumbnail > a > img{width:100%;}
.payment_wrap .payinfo_user{margin:20px 0 0 30px;display:flex;flex-direction: column;} 
.payment_wrap .payinfo_user dl{display:flex;margin-bottom:5px;font-size:16px;}
.payment_wrap .payinfo_user dt{color:#898989;width:110px;}
.payment_wrap .payinfo_user dd{width:calc(100% - 110px);}
.payment_wrap .payinfo_user dd i{display: inline-block;margin: 0 2px;width:1px;height:10px;background: #898989;}
.payment_wrap .payment_info_wrap{margin-top:20px;border:1px solid #e0e0e0;border-radius: 10px;}
.payment_wrap .more_minap{position: relative;padding:0 10px 0 0;font-size:16px;}
.payment_wrap .more_minap:after{content:"";position: absolute;top:50%;right:0;width:6px;height:6px;border-top:1px solid #1d1d1d;border-right:1px solid #1d1d1d;transform:rotate(45deg) translateY(-50%);}
.payment_wrap .payment_info{border-top:1px solid #e0e0e0;}
.payment_wrap .payment_info:first-child{border-top:0;}
.payment_wrap .payment_info .inner{display:flex;justify-content:space-between; align-items:center; padding:25px 35px;}
.payment_wrap .payment_info h5{display:inline-block;font-size:20px;font-weight:600;}
.payment_wrap .payment_info .cnt_list{margin:0 35px;padding:30px 0 0 0;border-top:1px solid #e0e0e0;}
.payment_wrap .payment_info .cnt_list dl{margin:0 0 35px 0;font-size:18px;}
.payment_wrap .payment_info .cnt_list dt{font-weight:600;}
.payment_wrap .payment_info .cnt_list dd,
.payment_wrap .payment_info .cnt_list dd *{font-size:18px;}
.payment_wrap .payment_info .total,
.payment_wrap .payment_info .total *{font-size:22px;}
.payment_wrap .payment_info .cnt_list dl,
.payment_wrap .change_pay_cnt .cnt_wrap,
.payment_wrap .change_pay_cnt{display:flex;justify-content: space-between;align-items: center;}
.payment_wrap .change_pay_cnt .cnt_wrap{font-size:18px;}
.payment_wrap .change_pay_cnt .quantity{margin-right:20px;border-radius: 10px;width:145px;}
.payment_wrap .change_pay_cnt .btn_quantity, 
.payment_wrap .change_pay_cnt .quantity_cnt{width:44px;height: 44px; line-height: 44px;background:#fff;}
.payment_wrap .change_pay_cnt .quantity_cnt{margin-left:44px;padding-left:8px;width:calc(100% - 88px);}
.payment_wrap .change_pay_cnt .quantity_up{background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_plus.svg)no-repeat center;}
.payment_wrap .change_pay_cnt .quantity_down{background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_minus.svg)no-repeat center;}
.payment_wrap .radio_chk input{width:0;padding:0 !important;border:0 !important;}
.payment_wrap .radio_chk input[type=radio] + label{position:relative; padding-left: 30px; font-size: 18px;cursor: pointer;}
.payment_wrap .radio_chk input[type=radio] + label:before {content:""; position: absolute;left: 0;border: 0}
.payment_wrap .radio_chk input[type=radio] + label:before {top: 4px; width: 20px;height: 20px; background: url("https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_check_round_off.svg")no-repeat 0 0 / 100%; }
.payment_wrap .radio_chk input[type=radio]:checked + label:before {width: 20px; height: 20px; background: url("https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_check_round_on.svg") no-repeat 0 0 / 100%;}
.payment_wrap .change_pay_cnt .all_chk{margin-right:30px;min-height:24px;}
.payment_wrap .change_pay_cnt .all_chk input + label{display:inline-block;padding-left:25px;min-height:24px;background-position:0 3px; background-repeat:no-repeat;background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_check_round4_off.svg);font-size:16px;cursor:pointer}
.payment_wrap .change_pay_cnt .all_chk input:checked + label{background-position:0 3px;background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_check_round4_on.svg);}
.payment_wrap .pay_folder{margin:0 35px;padding:30px 0 30px 0;background: url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_arrow_down.svg)no-repeat calc(100% - 10px) 35px/20px;}
.payment_wrap .pay_folder.active{background: url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_arrow_up.svg)no-repeat calc(100% - 10px) 35px/20px;}
.payment_wrap .pay_folder.first{padding:30px 0 0 0;border-top:1px solid #e0e0e0;}
.payment_wrap .fold_btn{display:block;padding:0 65px 0 0;}
.payment_wrap .fold_btn > span{display:inline-block;vertical-align: top;}
.payment_wrap .fold_btn .tt{width:120px;padding-left:20px;font-weight:600;font-size:18px;word-break:keep-all;}
.payment_wrap .fold_btn .cnt{font-size:16px;color:#898989;}
.payment_wrap .fold_btn .price{float:right;font-size:18px;}
.payment_wrap .fold_con{padding:10px 65px 10px 120px;}
.payment_wrap .fold_con dl{display:flex;justify-content:space-between;margin:5px 0 10px 0; color:#898989;}
.payment_wrap .fold_con dt{position:relative; padding-left:20px;}
.payment_wrap .fold_con dt:before,
.payment_wrap .fold_con dt:after{content:"";position: absolute;left:5px;background:#898989;}
.payment_wrap .fold_con dt:before{width:1px;height:7px;top:5px;}
.payment_wrap .fold_con dt:after{width:7px;height:1px;top:12px;}
.payment_info .napbu_state{margin-left:20px;}
.napbu_state{display:inline-block;padding:5px 15px;border-radius: 40px;background:#B7B7B7;font-weight:600;font-size:16px;color:#fff;}
.napbu_state *{font-weight:600;}
.napbu_state.on{background:#9a1e23;}

.modal_payment_product_list,
.modal_payment_state{border-radius: 40px;overflow: hidden;min-width:600px;}
.modal_payment_product_list .modal__top,
.modal_payment_state .modal__top{border:0;padding:40px 40px 20px 40px;}
.modal_payment_product_list .modal__top h5,
.modal_payment_state .modal__top h5{font-size:22px;}
.modal_payment_product_list .modal__con{padding:0 40px 40px 40px;}
.modal_payment_state .modal__con{padding:40px;}
.modal_payment_state .payinfo_user{display:flex;justify-content:space-between; margin:0 auto 80px auto;width:60%;}
.modal_payment_state .payinfo_inner{position:relative; text-align: center;}
.modal_payment_state .payinfo_inner dt{position: absolute;bottom: -50px; left: 50%; transform: translateX(-50%); width:100%; font-size:20px;font-weight:600;}
.modal_payment_state .payinfo_inner dd{display:flex;align-items:center;justify-content:center; width:115px;height:115px;border-radius: 20px;background:#f5f5f5;font-size:24px;}
.modal_payment_state .payinfo_inner dd strong{font-size:34px;}
.modal_payment_state .payinfo_inner.minap dd{color:#9a1e23;}

.modal_payment_state .notice,
.payment_wrap .notice{margin-top:40px;padding:40px;background:#f5f5f5;}
.modal_payment_state .notice{border-radius: 10px;padding:30px 40px;}
.modal_payment_state .notice p,
.payment_wrap .notice p{padding-left:8px;text-indent:-8px;font-size:16px;color:#424242;}
.modal_payment_state .notice a,
.payment_wrap .notice a{color:#424242;}


.payinfo_tbl{margin-top:40px;}
.payinfo_tbl table{border-radius: 10px;border-collapse : initial;border-spacing : 0;border:1px solid #d4d4d4;border-radius: 10px;}
.payinfo_tbl table th{border-bottom:1px solid #d4d4d4;}
.payinfo_tbl table th,
.payinfo_tbl table td{padding:15px 20px;text-align: center;}
.payinfo_tbl table th{padding:20px;font-size:20px;}

.modal_payment_product_list .product_myinfo_list li{padding:10px 0;border-bottom:1px solid #d4d4d4;}
.modal_payment_product_list .product_myinfo_list li > a{display:block;background: url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_radio_off.svg)no-repeat 0 3px / 20px;}
.modal_payment_product_list .product_myinfo_list li > a.active{background-image:url("https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_radio_on.svg");}
.modal_payment_product_list .product_myinfo_list li > a.active .payinfo *{font-weight:600;}
.modal_payment_product_list .product_myinfo_list .goods_name{margin-left:30px;font-size:16px;}
.modal_payment_product_list .product_myinfo_list .info{display:flex;margin:15px 0; }
.modal_payment_product_list .thumbnail{margin-right:10px;max-width:80px;vertical-align: top;}
.modal_payment_product_list .thumbnail img{border:1px solid #e0e0e0;width:100%;}
.modal_payment_product_list .payinfo_item{width:calc(100% - 100px);}
.modal_payment_product_list .product_myinfo_list .payinfo{display:flex;justify-content: space-between;margin-bottom:5px;font-size:14px;}
.modal_payment_product_list .product_myinfo_list .payinfo i{display: inline-block;margin: 0 2px;width:1px;height:10px;background: #898989;}
.modal_payment_product_list .product_myinfo_list .payinfo dt{width:75px;}
.modal_payment_product_list .product_myinfo_list .payinfo dd{text-align: right;}

@media all and (max-width:1024px){
	.modal_payment_state .notice{padding:20px 40px;font-size:14px;}
	.payinfo_tbl{margin-top:20px;}
	.payinfo_tbl table th,
	.payinfo_tbl table td{padding:12px 15px;font-size:14px;}
	.napbu_state{padding:5px 12px;font-size:14px;}
}

@media all and (max-width:830px){
	.modal_payment_state .payinfo_inner dd{width:100px;height:100px;font-size:17px;}
	.payment_info .napbu_state{margin-left:10px;padding:3px 10px;}
	.payment_wrap .payment_info .cnt_list{margin:0 25px;padding:20px 0 0 0;}
	.payment_wrap .pay_folder,
	.payment_wrap .payment_info .cnt_list dl{margin:0 0 25px 0;}
	.payment_wrap .payment_info .inner{padding:15px 25px;}
	.payment_wrap .payment_info h5{font-size:17px;}
}

@media all and (max-width:640px){
	.payment_wrap .payment_info .inner{padding:20px;}
	.payment_wrap .payment_info .cnt_list{margin:0 20px;}
	.payment_wrap .pay_folder{margin:0 20px;padding:20px 0 20px 0;}
	.payment_wrap .order_info,
	.payment_wrap .order_info2 {margin-top:30px;}
	.payment_wrap .order_detail_wrap{margin-top:10px;padding:20px}
	.payment_wrap .order_detail_inner .thumbnail > a{width:80px;height:80px;}
	.payment_wrap .order_detail_inner{display:block;}
	.payment_wrap .payinfo_user{margin:20px 0 0 0;}
	.payment_wrap .totalpay dl,
	.payment_wrap .radio_chk input[type=radio] + label,
	.payment_wrap .order_info h5,
	.payment_wrap .order_detail_wrap .goods_name,
	.payment_wrap .order_info > h4,
	.payment_wrap .order_info2 > h4,
	.modal_payment_state .payinfo_inner dt,
	.payment_wrap .fold_btn .price,
	.payment_wrap .fold_btn .tt,
	.payment_wrap .payment_info .cnt_list dl,
	.payinfo_tbl table th,
	.modal_payment_state .notice{font-size:16px;}
	.payment_wrap .fold_con dl,
	.payment_wrap .more_minap,
	.payment_wrap .payinfo_user dl,
	.payinfo_tbl table th, 
	.payinfo_tbl table td,
	.modal_payment_state .notice{font-size:14px;}
	.payment_wrap .notice p{font-size:13px;}
	.napbu_state{font-size:12px;}
	.payment_wrap .payinfo_user dd{text-align: right;}
	
	.payment_wrap .change_pay_cnt .all_chk{margin:0 15px 0 0;}
	.payment_wrap .payment_info .total, .payment_wrap .payment_info .total *{font-size:20px;}
	.payment_wrap .fold_btn .tt{padding:0;width:60px;}
	.payment_wrap .fold_con{padding:10px 65px 10px 60px}
	
	.modal_payment_state .modal__top{padding:20px;font-size:18px;}
	.modal_payment_state .payinfo_inner dd strong,
	.modal_payment_state .payinfo_inner dd,
	.modal_payment_state .modal__top h5{font-size:18px;}
	.modal_payment_product_list .modal__top{padding:20px 20px 10px 20px;}
	.modal_payment_state .notice,
	.modal_payment_state .modal__con{padding:20px;}
	.modal_payment_product_list .modal__con{padding:0 20px 20px 20px;}
	
	.modal_payment_product_list,
	.modal_payment_state{min-width:inherit;width:calc(100% - 20px);}
	.modal_payment_state .payinfo_user{margin-bottom:40px;}
	.modal_payment_state .payinfo_inner dt{bottom:-30px;}
	.payinfo_tbl{margin-top:20px;}
	.payinfo_tbl table th, .payinfo_tbl table td{padding:10px 5px}
}
@media all and (max-width:540px){
	.payment_wrap .button_size2 > button{padding:12px;width:100%;}
	.modal_payment_product_list .product_myinfo_list .info{display:block;}
	.modal_payment_product_list .payinfo_item{margin-top:20px;width:100%;}
}
@media all and (max-width:450px){
	.payment_wrap .payment_info .inner.step2{display:block;}
	.payment_wrap .change_pay_cnt{flex-direction: column; align-items: end;}
	.payment_wrap .change_pay_cnt .all_chk{margin:0;}
	.payment_wrap .change_pay_cnt .cnt_wrap{margin-top:20px;}
	.payment_wrap .fold_btn .price{margin-top:6px;}
	.payment_info .napbu_state{margin-left:10px;}
	.modal_payment_state .payinfo_user{width:80%;}
	.modal_payment_state .payinfo_inner dd{width:95px;height:95px;}
	.napbu_state{padding:5px 10px;}
	.payinfo_tbl colgroup col:nth-child(3){width:30% !important;}
	.payinfo_tbl table th, .payinfo_tbl table td{font-size:12px;}
	.payment_wrap .notice a{display:block;margin-left:8px;word-break:keep-all;}
}
@media all and (max-width:375px){
	.modal_payment_state .notice, .payment_wrap .notice{padding:20px;}
	.payment_wrap .payment_info .cnt_list dd, 
	.payment_wrap .payment_info .cnt_list dd *,
	.payment_wrap .payment_info .total, 
	.payment_wrap .payment_info .total *{font-size:17px;}
	.napbu_state{padding:3px 5px;font-size:11px;width:55px;text-align: center;}
	.payment_wrap .fold_con{padding:10px 45px;}
	.payment_wrap .fold_btn .tt{width:45px;}
	.payment_wrap .fold_btn{padding:0 45px 0 0;}
	.payment_wrap .pay_folder,
	.payment_wrap .pay_folder.active{background-position: calc(100% - 5px) 38px;background-size:15px;}
}

@media all and (max-width:320px){

}
/* ==========================================================================
내제품 찾기
========================================================================== */
.modal_serial .modal__top{padding:20px;border:0;}
.modal_serial .modal_con_inner{padding:20px;width:600px; }
.modal_serial h4{margin-bottom:40px;font-size:36px;text-align: center;}
.modal_serial .txt{margin:10px 0;font-size:18px;}
.modal_serial .btn_unknow_serial{margin-top:10px;text-decoration: underline;font-size:18px;}
.modal_serial .info{margin-top:40px;}
.modal_serial .info p{position:relative; font-size:14px;color:#000;padding-left:10px;}
.modal_serial .info p:before{content:"";position: absolute;top:9px;left:0;width:3px;height:3px;border-radius: 50%;background:#000;}
.modal_serial .form_item{margin-bottom:15px;width:100% !important;}
.modal_serial .form_write__item .form_item{margin:0;padding:10px 0;}
.modal_serial .form_write__item input,
.modal_serial .form_write__item button{padding:15px;border:0;border-radius: 10px;vertical-align:middle;}
.modal_serial .form_write__item input{margin-right:5px;width:calc(100% - 130px);background:#FAFAFA;}
.modal_serial .form_write__item button{padding-left:20px;padding-right:20px;background:#9a1e23;color:#fff;}
#serialChkTxt{width: 100%;margin:0 0 10px 0; padding: 10px 0; text-align: center; display: block; background: #FAFAFA;}
.modal_serial .button_group{margin-top:50px;}
#btnMyGoodsInsert{font-size:20px;width:240px;padding:15px 0;border-radius: 10px;}
.modal_serial img{width:100%;}
@media all and (max-width:640px){	
.modal_serial .modal_con_inner{width:100%;min-width:420px;}
.modal_serial h4{font-size:30px;}
.modal_serial .txt{font-size:14px;}
.modal_serial .form_write__item input, 
.modal_serial .form_write__item button{padding:8px;}
#btnMyGoodsInsert{width:auto;padding:15px 20px;font-size:16px;}
}

@media all and (max-width:540px){
.modal_serial .modal_con_inner{min-width:320px;}

}



/*******************************************************
    mypage_link_section 리뷰 등록 상품 목록(알림톡)
*******************************************************/
.mypage_link_section .top{text-align:center;}
.mypage_link_section .top h3{font-size:28px;margin-bottom:20px;}
.mypage_link_section .top p{color:#666;font-size:16px;}
.mypage_link_section .list{margin:40px auto;font-size:16px;width:540px;}
.mypage_link_section .no_product{padding-top:30px;border-top:1px solid #eee;text-align:center;}
.mypage_link_section a{margin-bottom:10px;border:1px solid #eee;padding:20px;}
.mypage_link_section .goods_info{display:flex;flex-wrap:wrap;}
.mypage_link_section .goods_info .thumbnail{margin-right:20px;max-width:80px;vertical-align: top;}
.mypage_link_section .goods_info .thumbnail img{border:1px solid #e0e0e0;width:100%;}
.mypage_link_section .goods_info .caption{width:calc(100% - 100px);}
.mypage_link_section .goods_info .caption > strong{display:block;font-size:18px;margin-bottom:10px;}
.mypage_link_section .goods_info .product_info{display:flex;flex-wrap:wrap;color:#666;}
.mypage_link_section .goods_info .product_info dt{padding-right:15px;}

@media all and (max-width:640px){
    .mypage_link_section .top h3{font-size:20px;}
    .mypage_link_section .list{width:100%;}
}

@media all and (max-width:450px){
    .mypage_link_section .list{margin:30px auto;}
    .mypage_link_section a{padding:10px;}
    .mypage_link_section .goods_info .thumbnail{margin-right:10px;max-width:60px;}
    .mypage_link_section .goods_info .caption > strong{font-size:16px;margin-bottom:5px;}
    .mypage_link_section .goods_info .product_info{font-size:14px;}
}
