/******************************************************* 마이페이지 상단, 좌측메뉴 *********************************************************/
.mypage_topbg {background-color:#fff}
.mypage_topbg:after {height:2px;background-color:#888;display:block;content:'';clear:both;box-shadow:3px 3px 3px rgba(0,0,0,0.1);}


.mypage_top {position:relative;}
.mypage_top .cont{padding:8px;position:relative;}
.mypage_top .cont.cont1{padding-top:5px;clear:both;width:100%;float:none;height:80px;background-color:var(--color-point)}
.mypage_top .cont .info {padding-top:10px;text-align:left}
.mypage_top .cont .info .profile {width:70px;height:70px;border:1px solid #111;border-radius:100%;margin:auto;display:block;overflow:hidden;float:left;margin-right:10px}
.mypage_top .cont .info .profile img{height:70px;width:70px;border-radius:100%}
.mypage_top .cont .info .profile_text {}
.mypage_top .cont .info .profile_text span{display:inline-block;font-size:14px;color:#fff;letter-spacing:-0.5px}
.mypage_top .cont .info .profile_text span.gray999{color:rgba(255,255,255,0.4) !important}
.mypage_top .cont .info .profile_text span.gray999:before{content:'님 '}
.mypage_top .cont .info .profile_text strong{display:block;padding:2px 0;color:#ffb6b6 !important;font-weight:normal;;}
.mypage_top .cont .edit {display:inline-block;color:rgba(255,255,255,0.7);font-size:13px;letter-spacing:-1px;border-bottom:1px solid rgba(255,255,255,0.7);padding:2px 0;margin-right:5px;margin-top:7px}

.mypage_top .cont{float:left;width:50%;}
.mypage_top .cont {text-align:center;border-right:1px solid #eaeaea}
.mypage_top .cont:last-child {border-right:none}
.mypage_top .cont h3{display:inline-block;font-weight:normal;margin:auto;border:1px solid #222;padding:2px 8px;border-radius:25px;font-size:12px}
.mypage_top .cont ul:after {clear:both;content:'';display:block;}
.mypage_top .cont li{float:left;width:50%;text-align:center;padding-top:8px;position:relative;font-size:12px}
.mypage_top .cont li a{display:block;margin:5px 0;color:var(--color-point);line-height:20px;font-size:16px}

#my_container {margin:auto}
#my_container:after {clear:both;content:'';display:block}

#my_container .leftbox {}
#my_container .leftbox h3{display:none;}
#my_container .leftbox .left_menu{white-space:nowrap;overflow-x:scroll;font-size:0px;}
#my_container .leftbox .left_menu li{display:inline-block;}
#my_container .leftbox .left_menu a{display:block;line-height:42px;padding:0 8px;letter-spacing:-0.5px;position:relative;font-size:14px;border-bottom:1px solid #cecfce;}
#my_container .leftbox .left_menu li.on a{color:#fff;background-color:var(--color-point)}
.mypage_content {padding:0 10px}

.mypage_title {font-size:17px;display:block;padding:10px 0 5px;letter-spacing:-0.5px}


/**** 리스트 *****/
.myboard_list {}
.myboard_list colgroup{display:none}
.myboard_list tr:first-child {display:none}
.myboard_list tr:nth-child(2){border-top:2px solid #333;width:100%;}
.myboard_list tr{display:block;width:100%;border-bottom:1px solid #eaeaea;padding:10px 5px}
.myboard_list th{display:none}
.myboard_list td{padding:3px 0;text-align:left;font-size:15px;display:block;width:100%}
.myboard_list td span.import1{display:block;}
.myboard_list td .state {display:block;padding:5px 0;font-weight:500}
.myboard_list td .state.step1 {color:#e1a622}
.myboard_list td .state.step2 {color:var(--color-point)}
.myboard_list td .state.step3 {color:#333}
.myboard_list td .state.step4 {color:#999}
.myboard_list td .state span {display:block;color:#999;font-size:13px;}
.myboard_list td.title {text-align:left}
.myboard_list td.title .tit{font-size:17px;font-weight:500;display:block;padding-top:10px}
.myboard_list td.title .day_app{padding:5px 0}
.myboard_list td .date {font-size:14px;color:#999}
.myboard_list label {margin-right:10px;display:inline-block}
.myboard_list label span {cursor:pointer;display:inline-block;}
.myboard_list input[type="checkbox"] {display: none;}
.myboard_list input[type="checkbox"] + label:before {display: inline-block; content:'';width:20px; height: 20px; background:url(/images/icon/checked_gray.png) #fff center no-repeat;background-size:12px;border:1px solid #cecfce;cursor: pointer; border-radius: 5px;vertical-align:middle;margin-right:5px}
.myboard_list input[type="checkbox"]:checked + label:before {background:url(/images/icon/checked.png) var(--color-point) no-repeat center;background-size:12px;border:1px solid var(--color-point)}

.myboard_list .bg {background-color:#f2f2f2}
.myboard_list input[type="text"] {max-width:100%;border:1px solid #cecfce;line-height:28px;height:30px;padding:0 10px}
.myboard_list select {max-width:100%;border:1px solid #cecfce;line-height:28px;height:30px;padding:0 10px}

.myboard_list td .iconbox span{border-radius: 5px; padding:3px 8px;display:inline-block;line-height:1;font-size:14px;font-weight:normal;}
.myboard_list td .iconbox span.icon1{border:1px solid var(--color-sub);color:var(--color-sub)}
.myboard_list td .iconbox span.icon2{border:1px solid var(--color-sub3);color:var(--color-sub3)}

.myboard_title {position:relative;margin:5px 0;padding:5px 0}
.myboard_title input[type="text"] {padding:5px;width:100px;border:1px solid #cecfce;}
.myboard_title input[type="date"] {padding:5px;width:100px;border:1px solid #cecfce;}
.myboard_title select {padding:5px;border:1px solid #cecfce;}
.myboard_title .search{display:block;padding:5px 0 0}
.myboard_title .rarea{padding:5px 0}
.myboard_title .sort .on{font-weight:500}



.myboard_view {border-top:2px solid #333}
.myboard_view tr{display:block;width:100%;}
.myboard_view th{display:block;width:100%;padding:10px 0 5px 0;font-size:14px;font-weight:400;text-align:left;}
.myboard_view td{display:block;width:100%;padding:5px 0 10px 0;text-align:left;border-bottom:1px solid #eaeaea;font-size:14px;color:#666}
.myboard_view td input[type="text"] {border:1px solid #cecfce;line-height:32px;padding:0 5px;border-radius:3px}
.myboard_view td input[type="date"] {border:1px solid #cecfce;line-height:32px;padding:0 5px;border-radius:3px}
.myboard_view td input[type="password"] {border:1px solid #cecfce;line-height:32px;padding:0 5px;border-radius:3px}
.myboard_view td select {border:1px solid #cecfce;height:34px;padding:5px;border-radius:3px}
.myboard_view td textarea {border:1px solid #cecfce;line-height:32px;padding:5px;border-radius:3px;height:100px;}
.myboard_view td .file a{display: inline-block;padding: 5px 0;background: url(/images/icon/icon_file.gif) left center no-repeat;padding-left: 20px}

.myboard_view label {margin-right:10px;display:inline-block}
.myboard_view label span {cursor:pointer;display:inline-block;}
.myboard_view input[type="radio"] {display: none;}
.myboard_view input[type="radio"] + label:before {display: inline-block; content:'';width:20px; height: 20px; background:url(/images/icon/checked_gray.png) #fff center no-repeat;background-size:12px;border:1px solid #cecfce;cursor: pointer; border-radius: 100px;vertical-align:middle;margin-right:5px}
.myboard_view input[type="radio"]:checked + label:before {background:url(/images/icon/checked.png) var(--color-point) no-repeat center;background-size:12px;border:1px solid var(--color-point)}

.myboard_view .total_price {font-size:24px;padding:15px 0;color:var(--color-point)}


.btnbox2 {padding:15px 0;}


/*** 회원탈퇴 **/

.tal_list li{padding:5px;float:left;line-height:26px;}
.tal_list li *{vertical-align:middle}
.tal_list li.etc textarea{border:1px solid #cecfce;width:240px;height:25px}


.help_box {line-height:21px;border:1px solid #cecfce;padding:20px;border-radius:10px;margin-top:50px;clear:both}
.help_box strong{background:url(/images/icon/icon_b.png) left center no-repeat;background-size:14px;padding-left:20px;display:block;padding-bottom:5px}



/********************************* 주문배송조회 *********************************/

.order_sch *{vertical-align:middle}
.order_sch {text-align:center;margin-bottom:10px}
.order_sch .input{padding:6px 10px;font-size:14px;line-height:14px;border:1px solid #cecfce}

/******** 주문내역조회 ********/

.myorder .list{clear:both;border-top:2px solid #333;padding:10px 0}
.myorder .shopinfo{position:relative;font-family:Tahoma, verdana;font-size:13px;letter-spacing:-0.5px;color:#888}
.myorder .shopinfo .shophome{margin-right:5px;line-height:24px}
.myorder .shopinfo .shophome:after{content:'';display:block;width:100%;clear:both;}
.myorder .shopinfo .link{position:absolute;right:0px;top:0px;font-size:14px;text-decoration:underline;background-color:#fff;z-index:2;}
.myorder .shopinfo .link .more{color:var(--color-point)}
.myorder .shopinfo .mobile_br {display:block;height:5px}
.myorder .orderlist {}
.myorder .orderlist .prolist {}
.myorder .orderlist .prolist li{padding:15px 0;border-bottom:1px solid #eaeaea;}
.myorder .orderlist .prolist li:after {clear:both;content:'';display:block;}
.myorder .orderlist .prolist .imgbox{width:60px;height:60px;overflow:hidden;float:left;}
.myorder .orderlist .prolist .imgbox .cimg{width:60px;height:60px}
.myorder .orderlist .prolist .name {width:calc(100% - 80px);padding-left:10px;float:left;font-size:14px}
.myorder .orderlist .prolist .name span{display:block;font-size:14px;color:#999;}
.myorder .orderlist .prolist:after {clear:both;content:'';display:block;}
.myorder .orderlist .statebox {display:flex;-webkit-box-align:center;align-items:center;position:relative;justify-content:spaxe-between;padding:10px 0}
.myorder .orderlist .statebox .btnbox {width:calc(100% - 80px);text-align:right}
.myorder .orderlist .statebox .btnbox.auctiondate {color:#888}
.myorder .orderlist .statebox .btnbox div{display:inline-block}
.myorder .orderlist .statebox .state{width:80px}

/** 주문내역-상세페이지 **/
.total_myordernum {position:relative;border-bottom:1px solid #cecfce;padding:10px 0;}
.total_myordernum .rarea{position:absolute;righT:0px;top:0px;}

.my_order_view h3 {font-weight: normal;    font-size: 20px;    display: block;    border-bottom: 2px solid #333;    padding: 15px 0 10px;position:relative;}
.my_order_view h3 .rarea {position:absolute;right:0px;bottom:10px;font-size:14px}
.my_order_view .probox {display:flex;-webkit-box-align:center;align-items:center;position:relative;padding:10px 0}
.my_order_view .probox .imgbox{width:60px;height:60px;overflow:hidden}
.my_order_view .probox .imgbox img{width:60px;height:60px;}
.my_order_view .probox .name{width:calc(100% - 210px);padding:0 20px;font-size:16px}
.my_order_view .probox .name span{display:block;font-size:14px;color:#999}
.my_order_view .probox .state{width:150px;text-align:center;}

.myview h3.view_tit {margin-bottom:15px;font-size:20px;font-weight:normal}

.myview {border:1px solid #cecfce;padding:25px;margin-bottom:20px;position:relative;border-radius:10px;border-top-left-radius:0px;border-top-right-radius:0px;border-top:2px solid #333}
.myview_conlist li{padding:5px 0;margin-bottom:5px;position:relative;display:flex;-webkit-box-align:center;align-items:center;}
.myview_conlist .view_th{width:120px;min-height:36px;line-height:36px}
.myview_conlist .view_td{width:calc(100% - 120px);padding-left:20px;min-height:36px;line-height:36px}
.myview_conlist .view_td *{vertical-align:middle}


.total_cart_order {padding:10px;border:1px solid #cecfce;background-color:#f2f2f2}
.total_cart_order li{text-align:right;font-size:12px;font-weight:bold;line-height:24px;}
.total_cart_order li.total{font-size:14px;}
.total_cart_order li.total strong{color:#6a3218;}