/******************************************************* 마이페이지 상단, 좌측메뉴 *********************************************************/

#my_container {width:1200px;margin:auto}
#my_container:after {clear:both;content:'';display:block}
.mypage_content {width:1000px;margin:Auto;}
/**
.leftbox {float:left;width:200px;}
.leftbox h3{font-size:15px;display:block;padding-bottom:10px;font-weight:normal;color:#999}
.leftbox h3 strong{display:block;font-size:20px;color:#222}
.leftbox .left_menu{border:1px solid #cecfce;border-top:2px solid var(--color-point)}
.leftbox .left_menu li{border-bottom:1px solid #cecfce;}
.leftbox .left_menu a{display:block;line-height:32px;padding:10px;position:relative;color:#333}
.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}
.leftbox .left_menu li.on a {font-weight:500}
.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;min-height:450px}
**/

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

.myleft_title {background-color:#f0f6fc;padding:50px 0;background-size:2000px;text-align:Center;font-size:32px;font-weight:600;margin-bottom:20px}

/** 상품탭 **/
.leftbox .left_menu {padding:10px 0 30px;position:relative;background-color:#fff;z-index:1}
.leftbox .left_menu {display:flex;}
.leftbox .left_menu li {width:calc(20% + 1px);border:1px solid #cecfce;border-bottom:1px solid var(--color-point);margin-left:-1px;position:relative;}
.leftbox .left_menu li a{color:#7d7d7d;display:block;line-height:53px;text-align:center}
.leftbox .left_menu li.on {border:1px solid var(--color-point);border-bottom:1px solid #fff;z-index:3}
.leftbox .left_menu li.on a{color:var(--color-point)}




/******** 주문내역조회 ********/
.myorder .list{clear:both;border-top:2px solid #333;padding:10px 0}
.myorder .shopinfo{position:relative;padding:5px 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 select {padding:5px;border:1px solid #cecfce;}
.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;}


/******************************************************* 마이페이지 *********************************************************/

.my_title {background:url(/images/icon/ic_sub.gif) -5px 18px no-repeat;font-size:16px;color:#333;padding:10px 0 10px 25px;letter-spacing:-1px;font-weight:Bold}
.my_title3 {font-size:16px;color:#333;padding:10px 0 10px 25px;letter-spacing:-1px;font-weight:Bold}
.my_title2 {font-size:18px;color:#333;padding:10px 0 10px 0;letter-spacing:-1px;font-weight:Bold;position:relative;}
.my_title2:before {content:'';display:inline-block;background-color:#f7aa39;border-radius:2px;width:6px;height:17px;margin-right:5px;vertical-align:middle}
.my_category {position:relative;margin-bottom:20px;}
.my_category ul{border-left:1px solid #cecfce;}
.my_category li{float:left;width:16.6%;text-align:center;}
.my_category li a{display:block;line-height:40px;font-size:14px;font-weight:bold;color:#fff;border-right:1px solid #877167;border-top:1px solid #695248;border-bottom:2px solid #695248; background:#796257;}/** background:#644c41 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#806a5e), to(#644c41)); **/
.my_category li:first-child a{border-top-left-radius:5px;}
.my_category li:last-child a{border-top-right-radius:5px;}
.my_category li a.over{background:#fff;color:#695248;line-height:41px;border-right:2px solid #695248;border-left:2px solid #695248;border-top:2px solid #695248;border-bottom:none}
.my_category ul:after {clear:Both;content:'';display:block}

.my_category2 {margin-bottom:15px}
.my_category2 ul{font-size:0px;border-left:1px solid #cecfce;}
.my_category2 li{display:inline-block;text-align:center;width:16.666%;}
.my_category2 li i{display:inline-block;margin-right:3px;vertical-align:middle}
.my_category2 li a{display:block;line-height:40px;font-size:14px;font-weight:bold;color:#666;background-color:rgba(255,255,255,1);border:1px solid #cecfce;border-left:none;padding:0 20px}
.my_category2 li.over a{color:#fff;line-height:41px;background-color:#5189db;border-bottom:none;border:1px solid #5189db;}
.my_category2 ul:after {clear:Both;content:'';display:block}


.my_category3 {position:absolute;right:40px;top:20px}
.my_category3 ul{}
.my_category3 li{position:relative;}
.my_category3 li:before{position:absolute;left:-7px;content:'ㆍ';color:#fff;line-height:32px;font-size:24px}
.my_category3 li a{display:block;line-height:32px;font-size:14px;color:#fff;text-align:left;padding:0 20px;border-bottom:1px dotted rgba(255,255,255,0.2);}
.my_category3 li a.over{font-weight:bold;color:#ffeab6;border-bottom:1px dotted #fff}
.my_category3 li a:hover{border-bottom:1px dotted rgba(255,255,255,0.7);}
.my_category3 ul:after {clear:Both;content:'';display:block}

.mytit_box {border:1px solid #636f78;margin-bottom:20px;}
.mytit_box .mytit {font-size:14px;color:#fff;float:left;width:30%;text-align:Center;background-color:#636f78;line-height:55px}
.mytit_box .mytit .grade{color:#fff;}
.mytit_box ul{float:left;width:70%}
.mytit_box li{float:left;width:33.333%;font-size:14px;text-align:center;line-height:55px;height:55px; border-right: 1px solid #eeeeee;}
.mytit_box li a{color:#333;}
.mytit_box li a strong{color:#f7aa39;font-size:21px;}
.mytit_box li a:hover strong{text-decoration:underline}
.mytit_box ul:after {clear:both;content:'';display:block}
.mytit_box:after {clear:both;content:'';display:block}


.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}

.help_box {line-height:24px;border:1px solid #cecfce;padding:20px;border-radius:10px;margin-top:50px;clear:both}
.help_box strong{position:relative;;padding-left:10px;font-size:18px;display:block;margin-bottom:5px}
.help_box strong:before{content:'';display:inline-block;width:4px;height:18px;background:var(--color-point);position:absolute;left:0px;top:2px}
/**
.board_list.myboard th{background:#8c7c74;background:#8c7c74 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9d908a), to(#8c7c74));color:#fff;line-height:36px;border:none;}

**/
.board_list.myboard th{background:#fff;color:#333;line-height:42px;border:none;border-top:2px solid #333;border-bottom:1px solid #cecfce}
.board_list.myboard td{line-height:1.4;padding:15px 10px;border-bottom:1px solid #eaeaea;text-align:center}

.board_list.myboard span.br{display:block}
.board_list.myboard .price{font-weight:bold;text-align:right;}
.board_list.myboard .cmtit{font-weight:bold;line-height:21px;text-align:left;font-size:14px;}
.board_list.myboard .review{text-align:left;vertical-align:middle;}
.board_list.myboard .review img{vertical-align:middle;width:45px;}
.board_list.myboard td.title {text-align:left;font-size:15px;}
.board_list.myboard .date {color:#999}
.board_list.myboard .progubun  {padding-left:0px;letter-spacinG:-0.5px}

.board_write.myboard {border-top:2px solid #333}
.board_write.myboard th{background:#fff;border:1px solid #e5e5e5;border-top:none;padding:5px 0;}
.board_write.myboard td{padding:8px;line-height:16px;border-bottom:1px solid #ededee;}
.board_write.myboard td input[type="text"]{padding:5px;border:1px solid #cecfce;}
.board_write.myboard td input[type="password"]{padding:5px;border:1px solid #cecfce;}
.board_write.myboard td textarea{padding:5px;border:1px solid #cecfce;}
.board_write.myboard td select{padding:5px;border:1px solid #cecfce;}
.board_write.myboard .over td{background-color:#ffffdb}
.board_write.myboard .over td a{color:#000;font-weight:Bold}


.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}


.board_list .list_faq_view {background-color:#f2f2f2;text-align:left !important;padding:10px 10px;line-height:21px;font-size:13px}
.board_list .list_faq_view strong{display:block;color:#b16945;font-size:14px;}
.board_list .list_faq_view .list_faq_text{padding:5px 15px;line-height:21px;color:#666;line-height:21px;font-size:14px;border-bottom:1px dashed #cecfce;font-weight:normal;padding-bottom:5px;margin-bottom:5px;}
.board_list .list_faq_view .reply_box{padding:5px 15px}









.boardwrite {padding:30px 0;border-bottom:1px solid #cecfce}
.boardwrite.maxnone ul {max-width:880px}
.boardwrite ul{max-width:480px;margin:auto}
.boardwrite li{padding-bottom:25px;display:flex}
.boardwrite li .tit{font-size:16px;font-weight:bold;width:130px;line-height:1.4;padding-bottom:5px}
.boardwrite li .txt{color:#777;font-size:14px;letter-spacing:-0.5px;width:calc(100% - 130px);line-height:1.6;padding-bottom:5px}
.boardwrite.type2 li{display:block}
.boardwrite.type2 li .tit{width:100%;}
.boardwrite.type2 li .txt{width:100%;}
.boardwrite input[type="text"], 
.boardwrite textarea, 
.boardwrite input[type="password"], 
.boardwrite input[type="file"], 
.boardwrite select  {transition: border-color .2s,box-shadow .2s,background-color .2s;
    box-sizing: border-box;
    height: 40px;
    width: 100%;
    padding: 0 10px;
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    color: #424242;
    font-size: 15px;}
.boardwrite input[size="3"] {width:60px !important;}
.boardwrite input[size="4"] {width:70px !important;}
.boardwrite input[size="5"] {width:75px !important;}
.boardwrite input[size="6"] {width:80px !important;}
.boardwrite input[size="10"] {width:110px !important;}
.boardwrite input[size="15"] {width:150px !important;}
.boardwrite select.tell {width:34%;margin-left:0px}
.boardwrite textarea {height:150px;}
.boardwrite .tell {width:calc(33% - 8px) !important;margin-left:8px}
.boardwrite .mail {width:calc(33% - 8px) !important;margin-left:8px}

.boardwrite input[type="checkbox"] {display: none;}
.boardwrite input[type="checkbox"] + label:before {display: inline-block; content:'';width:25px; height: 25px; background:url(/images/member/checked_gray.png) #fff center no-repeat;background-size:15px;border:1px solid #cecfce;cursor: pointer; border-radius: 20px;vertical-align:middle;margin-right:8px}
.boardwrite input[type="checkbox"]:checked + label:before {background:url(/images/member/checked.png) var(--color-point) no-repeat center;background-size:15px;border:1px solid var(--color-point)}

.boardwrite input[type="radio"] {display: none;}
.boardwrite input[type="radio"] + label:before {display: inline-block; content:'';width:22px; height: 22px; border:1px solid #cecfce;cursor: pointer; border-radius: 20px;vertical-align:middle}
.boardwrite input[type="radio"]:checked + label:before {border:6px solid var(--color-point);width:22px;height:22px;}

.boardwrite .btn_line{display:inline-block;border:1px solid var(--color-point);color:var(--color-point);text-align:center;line-height: 38px;border-radius:5px;padding:0 10px}