.mypage_topbg {background-color:#fff;border-top:1px solid #eaeaea;}
.mypage_topbg:after {border-radius:15px;height:2px;background-color:var(--color-point);display:block;content:'';clear:both;box-shadow:3px 3px 3px rgba(0,0,0,0.1);margin-bottom:35px}


.mypage_top {position:relative;margin-top:35px;width:1200px;margin:auto}
.mypage_top .cont{float:left;width:33.3%;padding:15px;height:160px;position:relative;}
.mypage_top .cont.cont1{padding-top:25px}
.mypage_top .cont .info {padding-top:5px;text-align:left}
.mypage_top .cont .info .profile_text {}
.mypage_top .cont .info .profile_text .name{display:block;padding-top:5px;font-size:20px}
.mypage_top .cont .info .profile_text span{display:block;padding:10px 0}
.mypage_top .cont .edit {display:inline-block;color:#999;text-decoration:underline;font-size:13px;margin-right:5px}


.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:5px 20px;border-radius:25px}
.mypage_top .cont ul:after {clear:both;content:'';display:block;}
.mypage_top .cont li{float:left;width:50%;text-align:center;padding-top:25px;position:relative;}
.mypage_top .cont li:nth-child(1):after{height:80px;background: linear-gradient(#fff, #cecfce 90%, #fff);;width:1px;position:absolute;right:0px;top:50%;transform:translateY(-50%);display:block;content:''}
.mypage_top .cont li a{display:block;margin:15px 0;color:var(--color-point);line-height:26px;font-size:20px}




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

#my_container .leftbox {float:left;width:200px;}
#my_container .leftbox h3{font-size:15px;display:block;padding-bottom:10px;font-weight:normal;color:#999}
#my_container .leftbox h3 strong{display:block;font-size:24px;color:#222}
#my_container .leftbox .left_menu{border:1px solid #cecfce;border-top:2px solid var(--color-point)}
#my_container .leftbox .left_menu li{border-bottom:1px solid #cecfce;}
#my_container .leftbox .left_menu a{display:block;line-height:32px;padding:10px;position:relative;color:#333}
#my_container .leftbox .left_menu a:after{content:'';display:block;width:10px;height:10px;background:url('/images/icon/arr_r2.png') no-repeat;position:absolute;right:10px;top:50%;transform:translateY(-50%);background-size:5px}
#my_container .leftbox .left_menu li.on a {font-weight:500}
#my_container .leftbox .left_menu li.on a:after{background:url('/images/icon/arr_r2_on.png') no-repeat;background-size:5px;}
.mypage_content {float:left;width:calc(100% - 200px);padding-left:55px;}

.mypage_title {font-size:24px;display:block;padding:0 0 25px;letter-spacing:-0.5px}

/**** 리스트 *****/
.myboard_list {border-top:2px solid #333;width:100%;}
.myboard_list th{background-color:#fff;padding:15px 5px;font-size:16px;font-weight:400;border-bottom:1px solid #cecfce;}
.myboard_list td{padding:15px 5px;text-align:center;border-bottom:1px solid #eaeaea;font-size:15px}
.myboard_list td span.import1{display:block;}
.myboard_list td .state {display:block;padding:3px 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 .rarea{position:absolute;right:0px;bottom:5px;}
.myboard_title .sort .on{font-weight:500}



.myboard_view {border-top:2px solid #333}
.myboard_view th{background-color:#fff;padding:15px 5px;font-size:16px;font-weight:400;border-bottom:1px solid #cecfce;text-align:left;width:150px}
.myboard_view td{padding:15px 5px;text-align:left;border-bottom:1px solid #eaeaea;font-size:15px;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;min-height:20px;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:10px;float:left;line-height:32px;}
.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;padding:0px 0 10px 0;color:#888}
.myorder .shopinfo .shophome{margin-right:5px;line-height:24px;}
.myorder .shopinfo .link{position:absolute;right:0px;top:3px}
.myorder .shopinfo .more{color:#333;font-size:14px;letter-spacing:-0.5px;border:1px solid var(--color-point);color:var(--color-point);border-radius:3px;padding:5px 8px}
.myorder .orderlist {display:flex;-webkit-box-align:center;align-items:center;position:relative;border-top:1px solid #eaeaea}
.myorder .orderlist .prolist {width:calc(100% - 150px);}
.myorder .orderlist .prolist li{padding:10px 0;border-top:1px solid #eaeaea;}
.myorder .orderlist .prolist li:first-child{border-top:none}
.myorder .orderlist .prolist li:after {clear:both;content:'';display:block;}
.myorder .orderlist .prolist .imgbox{width:90px;height:90px;overflow:hidden;float:left;}
.myorder .orderlist .prolist .imgbox .cimg{width:90px;height:90px}
.myorder .orderlist .prolist .name {width:calc(100% - 100px);padding-left:10px;float:left;font-size:16px;line-height:1.6}
.myorder .orderlist .prolist .name span{display:block;font-size:14px;color:#999;}
.myorder .orderlist .prolist .name .price{color:#333;font-size:14px;}
.myorder .orderlist .prolist:after {clear:both;content:'';display:block;}
.myorder .orderlist .statebox {width:150px;text-align:center;}
.myorder .orderlist .statebox .state{font-size:15px;letter-spacing:-0.5px;color:var(--color-point)}
.myorder .orderlist .statebox .btnbox{padding-top:5px;}
.myorder .orderlist .statebox .btnbox_cancle{padding-bottom:5px}

/** 주문내역-상세페이지 **/
.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;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}
.myview_conlist .view_td input[type="text"] {padding:5px;border:1px solid #cecfce;}
.myview_conlist .view_td textarea {padding:5px;border:1px solid #cecfce;width:100%;height:150px}


.total_cart_order {padding:15px;border:1px solid #cecfce;background-color:#f2f2f2}
.total_cart_order li{text-align:right;font-weight:normal;line-height:36px;}
.total_cart_order li.total{font-size:20px;}
.total_cart_order li.total strong{color:#6a3218;}