@charset "utf-8";


/* mypage aside */
.btn_mypage{display:block; width:100%; border:1px solid #e8e8e8; font-size:12px; line-height:24px; color:var(--gray); text-align:center; transition:all 0.3s}
.btn_mypage:hover{background:#e8e8e8}

.mypage_aside{padding:25px 20px 20px}
.mypage_aside .buy_info_list{margin:20px 0 0}

.aside_cate{}
.aside_cate > ul{width:100%; border:1px solid #e8e8e8; border-radius:30px 0; overflow:hidden;}
.aside_cate ul li a{display:block; padding:0 30px; font-size:14px; line-height:50px; transition:all 0.3s}

.my_cate_list{margin-top:35px; }
ul.my_cate_list > li > a{background:var(--lightsky)}
ul.my_cate_list > li:hover > a{background:var(--darkblue); color:#fff}
ul.my_cate_list > li > a.border{border-bottom:1px solid #dbe3e9}
ul.my_cate_list > li > a.on{background:var(--darkblue) url(../img/main/cate_arr_hover.png) no-repeat 15px 49%; color:#fff}
ul.my_cate_sub > li > a{padding:0 30px 0 50px; background:#fff url(../img/common/cate_arr_gray02.png) no-repeat 37px 49%; border-top:1px solid #f2f2f1; color:var(--darkgray); transition:all 0.3s}
ul.my_cate_sub > li > a:hover,
ul.my_cate_sub > li > a.on{background:var(--sky) url(../img/main/cate_arr_hover.png) no-repeat 37px 49%; color:#fff}
ul.my_cate_sub > li > a.on.active{background:var(--sky) url(../img/common/cate_arr_gray03.png) no-repeat 37px 49%; color:#fff}
.my_cate_sub li:first-of-type a{border-top:0}


/* common_tab */
.mypage_tab{ margin-top:20px}
.mypage_tab li a{padding:10px}
.mypage_tab li a.on{font-weight:400}
.mypage_tab li a .num{display:inline-block; min-width:22px; margin:3px 0 3px 5px; padding:0 6px; background:#ebf2f5; border-radius:20px; font-size:11px; line-height:22px; vertical-align:top}

.sell_tab li{width:19.7%}
.buy_tab li{width:24.7%}
.profit_tab li{width:33%}

.total_num{margin:0 0 10px; font-size:13px; line-height:1.4; color:var(--gray)}
.total_num .num{color:#565656}
/* common_table */
.mypage_table{width:100%; font-size:14px;}
.mypage_table thead{}
.mypage_table thead th{padding:15px 5px; background:#f2f3f5; font-weight:500}
.mypage_table tbody td{position:relative; padding:12px 5px; border-bottom:1px solid #ededed; text-align:center }
.mypage_table .unit{display:inline-block; margin-left:2px; font-size:12px; font-weight:400; color:#989898}
.mypage_table .gray_info{display:block; font-size:13px; color:var(--gray)}

.mypage_table .no_content{display:block; width:100%; padding:100px 0; line-height:20px; text-align:center}
.mypage_table .no_content i{margin-right:10px; font-size:20px; line-height:20px; color:#989898; vertical-align:top;}
.mypage_table .no_content span{display:inline-block; color:#989898; vertical-align:top;}

.mypage_table .btn{margin:1px; padding:0 10px; background:#e8e8e8; border:0; border-radius:5px; font-size:12.5px; line-height:28px; text-transform:uppercase; }
.state_wrap .btn{min-width:60px;}
.mypage_table .pointer{cursor:pointer}
.mypage_table .btn_gray{width:95px; background:#afabab}
.mypage_table .btn_red{width:95px; background:#f92332}
.mypage_table .btn_green{width:95px; background:#08ac6c;}
.mypage_table .btn_blue{width:95px; background:#01a1dd}
.mypage_table .btn_yellow{width:95px; background:#ffc000}
.mypage_table .btn_orange{width:95px; background:#ff6c00}
.mypage_table .btn_sell01{width:90px; background:#acadb3}
.mypage_table .btn_sell02{width:90px; background:#595e79}
.mypage_table .btn_sell03{width:90px; background:#a6c1de}
.mypage_table .btn_sell04{width:90px; background:#f26c4f}
.mypage_table .btn_sell05{width:90px; background:#5abee3}
.mypage_table .btn_sell06{width:90px; background:#ff6c00}
.mypage_table .btn_sell07{width:90px; background:#9a9eb7}
.mypage_table .btn_sell08{width:90px; background:#636363}
/*.mypage_table .btn_sell09{width:90px; background:#584a53}*/
.mypage_table .btn_sell09{width:90px; background:#9a9eb7}
.mypage_table .btn_sell010{width:90px; background:#9a9eb7}
.mypage_table .btn_sell011{width:90px; background:#9a9eb7}
.mypage_table .btn_profit01{width:90px; background:#a6c1de}
.mypage_table .btn_profit02{width:90px; background:#584a53}
.mypage_table .btn_profit03{width:90px; background:#f26c4f}

.sell_btn_wrap .btn{width:80px; padding:0 7px; font-size:12px; line-height:26px}


.mypage_table .tit{display:block; width:330px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left}
.mypage_table .tit:hover{opacity:0.8; }
.mypage_table .sell_tit{width:410px}
.mypage_table .buy_tit{width:320px}


.pagenum{width:100%; margin:35px 0 30px; text-align:center}
.pagenum a{display:inline-block; min-width:30px; height:30px; margin:0px 1px; border-radius:50%; font-size:12px; line-height:30px; vertical-align:top; transition:all 0.3s; cursor:pointer;}
.pagenum a:hover{background:var(--lightgray)}
.pagenum a.on{background:var(--darkgray); color:#fff;}
.pagenum .arrow {border:1px solid #ddd; border-radius:5px;}
.pagenum .arrow img{padding-top:9px; padding-bottom:4px; font-size:0px; line-height:0px;}
.pagenum .arrow:hover{background:#fff; border-color:var(--darkgray)}
.pagenum .arr_prev{margin-right:10px;}
.pagenum .arr_next{margin-left:10px; }

/* botton_common */
.mypage_serch_wrap{margin-top:20px; font-size:13px; text-align:center}
.mypage_serch_wrap select{height:30px; border:1px solid #bdbdbd; border-radius:3px; line-height:28px; vertical-align:top;}
.mypage_serch_wrap input{height:30px; border:1px solid #bdbdbd; border-radius:3px; line-height:28px; vertical-align:top;}
.mypage_serch_wrap button{height:30px; padding:0 10px; background:var(--lightsky); border:0; border-radius:3px; color:var(--darkblue); vertical-align:top; transition:all 0.3s; cursor:pointer;}
.mypage_serch_wrap button:hover{background:var(--darkblue); color:#fff;}

.mypage_btn_wrap{margin:20px; text-align:right}
.mypage_btn_wrap .btn{padding:0 25px; font-size:13px; line-height:34px}

.mypage_ad_link{display:block; margin:30px 0}

.mypage_info_box{margin:30px 0}
.mypage_info_box .info_tit{position:relative; margin:0 0 15px 0; padding-left:5px;  font-size:18px; line-height:1.2; font-weight:500; color:#0b406b }
.mypage_info_box .info_tit::before{display:block; position:absolute; top:-3px; left:0; width:10px; height:10px; background:#0b406b; border-radius:50%; opacity:0.5; content:""}
.mypage_info_box .info_tit span{font-size:15px; font-weight:400;}
.mypage_info_box .bullet_none{margin:0 0 0 10px}
.mypage_info_box .bullet_none li{margin:3px 0; line-height:20px;}
.mypage_info_box .bullet_dot > li{margin:7px 0;}
.mypage_info_box .bullet_dot > li .min{font-size:13px;}
.mypage_info_box .bullet_line{margin-top:5px; }
.mypage_info_box .bullet_line > li{margin:5px 0;}

.mypage_info_box .bullet_none .btn{height:20px; margin-left:5px; padding:0 10px; border:1px solid #0b406b; background:0 none; border-radius:3px; font-size:11px; line-height:18px; color:#0b406b; transition:all 0.3s}
.mypage_info_box .bullet_none .btn:hover{background:#0b406b; color:#fff}

.mypage_info_box .bank_info{margin-top:20px; padding-top:20px; border-top:1px solid #eaeaea; color:var(--darkblue); text-align:center}
.mypage_info_box .bank_info .bank_tit{display:block; font-weight:700}
.mypage_info_box .bank_info .bank_account{display:block; margin-top:3px;}

/* modal popup calculator */
.layer_popup_calcul .pop_layer_wrap{min-width:570px;}
.layer_popup_calcul .tit .min{font-size:14px; font-weight:300; color:#879bad}
.layer_popup_calcul .input_wrap{display:flex; justify-content:space-between; margin:10px 0 20px}
.layer_popup_calcul .input_wrap input{display:block; width:420px; height:40px; margin-right:5px; padding:0 20px; border:1px solid #bdbdbd; font-size:15px; line-height:38px; font-weight:700; text-align:right;  }
.layer_popup_calcul .input_wrap .btn{display:block; width:100px; height:40px; border:0; font-size:15px; line-height:40px; text-align:center; }
.layer_popup_calcul .calcul_list{width:100%; margin:30px 0 20px; }
.layer_popup_calcul .calcul_list li{display:flex; justify-content:space-around; padding:15px 0; border-bottom:1px solid #dbdbdb; text-align:center; }
.layer_popup_calcul .calcul_list li.tit{background:#f2f3f5; border:0; font-size:14px; color:#363a3b;}
.layer_popup_calcul .calcul_list li .money{display:flex; justify-content:space-around; width:220px; font-size:14px; text-align:center;  }
.layer_popup_calcul .calcul_list li .money span{display:block; width:20px; text-align:center; }
.layer_popup_calcul .calcul_list li .money .rate_num{display:block; width:90px; text-align:right;}
.layer_popup_calcul .calcul_list li .fee{display:inline-block; width:130px; text-align:center; }
.layer_popup_calcul .calcul_list li .profit{display:inline-block; width:150px; font-weight:700; text-align:right;}
.layer_popup_calcul .total_wrap{padding:0 10px; text-align:right; }
.layer_popup_calcul .total_wrap .tit{display:inline-block; font-size:14px;line-height:36px; vertical-align:top}
.layer_popup_calcul .total_wrap .total{display:inline-block; min-width:160px; margin-left:5px; padding:0 15px; background:#ffeaea; border-radius:20px; font-size:14px; line-height:36px; color:var(--gray); text-align:right; vertical-align:top}
.layer_popup_calcul .total_wrap .total span{display:inline-block; line-height:36px; vertical-align:top}
.layer_popup_calcul .total_wrap .total .money{font-size:16px; font-weight:700; color:#ed5959 }
.layer_popup_calcul .real_total_wrap{margin-top:5px;}
.layer_popup_calcul .real_total_wrap .total{position:relative; background:var(--lightsky)}
.layer_popup_calcul .real_total_wrap .total .real_text{display:block; position:absolute; top:0; left:10px; font-size:10px; font-weight:300}
.layer_popup_calcul .real_total_wrap .total .money{color:#0cadea}
.layer_popup_calcul .real_info{margin-top:10px; font-size:12px; line-height:1.2; color:#777; text-align:right}

.layer_popup_calcul .pop_content_wrap::-webkit-scrollbar{width:0;}
.layer_popup_calcul .pop_content_wrap::-webkit-scrollbar-thumb{width:0;}
.layer_popup_calcul .pop_content_wrap::-webkit-scrollbar-track{width:0;}

/****************************************************************************
프로필관리
****************************************************************************/
.profile_top_info{display:flex; justify-content:space-between;  }
.profile_top_info .profile_thum{display:block; position:relative; width:220px; height:220px; margin-top:10px; border-radius:30px 0; overflow:hidden; }
.profile_top_info .profile_thum img{width:100%}
.profile_top_info .profile_thum .btn_profile_del{display:block; position:absolute; top:3px; right:3px; width:30px; height:30px; background:#fff; border-radius:50%; text-align:center; box-shadow:0 0 5px rgba(0,0,0,0.2); cursor:pointer}
.profile_top_info .profile_thum .btn_profile_del i{display:inline-block; font-size:20px; line-height:30px; color:#aaa; }
.profile_top_info .profile_con{position:relative; width:620px}
.profile_top_info .profile_con .id{font-size:16px; line-height:40px; font-weight:700;}
.profile_top_info .profile_con .btn_profile_modify{display:block; position:absolute; top:-3px; right:0; }
.profile_top_info .profile_con .border_box{padding:5px 15px; font-size:13px; line-height:1.5; color:#7e8486  }
.profile_top_info .profile_con .info{padding-top:20px; border-top:1px solid var(--lightgray)}
.profile_top_info .profile_con .info_list{padding:15px 0 10px;}
.profile_top_info .profile_con .info_list .btn{margin-left:15px; padding:0 10px; background:0 none; border-color:#e8e8e8; border-radius:0; font-size:13px; line-height:23px; color:#7e8486 }
.profile_top_info .profile_con .info_list .btn:hover{background:#eaeaea}
.profile_introduce{min-height:500px; }
.profile_introduce.non_content{background:#fafafa; color:var(--gray)}
.profile_certification{min-height:200px; }
.profile_certification h4{margin-top:0}
.profile_detail .fb{margin-top:10px;}
.profile_detail .fb:first-of-type{margin-top:0;}

/****************************************************************************
판매관리
****************************************************************************/
.sell_view_top{display:flex; justify-content:space-between;}
.sell_view_top .sell_top_img{width:260px; height:185px; overflow:hidden;}
.sell_view_top .sell_top_img a{display:block; width:100%; height:100%}
.sell_view_top .sell_top_img img{width:100%; max-height:185px;}
.sell_view_top .sell_top_info{display:flex; flex-direction:column; justify-content:center; width:600px}
.sell_view_top .sell_top_info .item_tit{display:block; margin:0 0 10px; font-size:18px; line-height:22px; font-weight:500; color:var(--darkblue) }
.sell_view_top .sell_top_info .item_info_list{display:flex; flex-wrap:wrap;  }
.sell_view_top .sell_top_info .item_info_list > li{display:flex; justify-content:space-between; width:295px; margin-top:10px; font-size:14px;}
.sell_view_top .sell_top_info .item_info_list > li.w100{width:100%}
.sell_view_top .sell_top_info .item_info_list .tit{display:block; width:90px; height:25px; background:var(--lightsky); border-radius:15px; line-height:25px; text-align:center}
.sell_view_top .sell_top_info .item_info_list .con{display:block; width:200px; padding:3px 0; line-height:19px;  }
.sell_view_top .sell_top_info .item_info_list li.w100 .con{width:502px;  }
.sell_view_top .sell_top_info .item_info_list li.width100{width:100%}
.sell_view_top .sell_top_info .item_info_list li.width100 .con{width:505px}
.sell_view_top .sell_top_info .item_info_list .tel{display:block; margin:5px 0 0; font-size:12px; color:var(--gray)}
.sell_view_top .sell_top_info .item_info_list .tel i{display:inline-block; width:16px; height:16px; font-size:13px; line-height:18px; color:#989898; text-align:center;}
.sell_view_top .sell_top_info .item_info_list .btn_message{display:inline-block; width:60px; height:20px; margin-left:5px; padding:0; background:var(--darkblue); border-radius:5px; font-size:12px; line-height:20px; color:#fff; vertical-align:top}
.sell_view_top .sell_top_info .item_info_list .btn_message img{height:8px; margin:5px 0 0;}
.sell_view_top .sell_top_info .item_info_list .btn_message span{display:inline-block; width:auto; margin-left:3px; line-height:18px; vertical-align:top}
.sell_view_top .sell_top_info .item_info_list .sell_price_sub{display:inline-block; margin-top:3px; font-size:12px; color:var(--gray); vertical-align:top;}
.sell_view_top .sell_top_info .item_info_list .sell_pay_sub{display:inline-block; font-size:13px; color:var(--gray); vertical-align:top;}

.sell_view_count{width:700px; margin:20px auto; padding:22px 0; border:1px solid #e8e8e8; border-radius:20px 0; text-align:center }
.sell_view_count .tit{margin:0 0 15px; font-size:15px; line-height:1.3; font-weight:500; color:var(--darkblue) }
.sell_view_count .count{font-size:14px; }
.sell_view_count .count .navy{margin:0 8px;}
.sell_view_h3_info{display:inline-block; position:relative; margin-top:5px; margin-left:30px; font-size:14px; color:var(--gray); vertical-align:top }
.sell_view_h3_info::before{display:block; position:absolute; top:2px; left:-8px; width:1px; height:15px; background:#e8e8e8; content:""}
.sell_view_item_guide{padding:25px; background:var(--lightsky); color:var(--darkgray)}

.mypage_view_option_list{margin-top:-3px;}
.mypage_view_option_list li{display:flex; justify-content:space-between; padding:4px 0; border-top:1px solid #eaeaea; font-size:14px; line-height:17px;}
.mypage_view_option_list li:first-child{border-top:0}
.mypage_view_option_list li .option_tit{width:380px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mypage_view_option_list li .option_price{width:100px; font-size:12px; color:#767676; text-align:right }

.sell_chat_wrap{width:100%; margin:10px 0 20px; padding:15px; background:#f2f2f2; border-radius:20px;}
.sell_chat_wrap .chat_list_wrap{width:100%; /*height:450px;*/ padding:5px; overflow-x:hidden; overflow-y:auto}
.sell_chat_wrap .chat_list_wrap::-webkit-scrollbar{width:6px; height:10px; -webkit-border-radius:5px; border-radius:5px; background:#eeeff2}
.sell_chat_wrap .chat_list_wrap::-webkit-scrollbar-track{background:#dedede; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:0}
.sell_chat_wrap .chat_list_wrap::-webkit-scrollbar-thumb{height:30%; width:6px; background:rgba(0, 0, 0, .2); -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:0}
.sell_chat_wrap .chat_list_wrap .chat_inner{}
.sell_chat_wrap .chat_list_wrap .chat_inner .msg_progile{width:100%; margin-left:10px; font-size:13px; font-weight:500 }
.sell_chat_wrap .chat_list_wrap .chat_inner .chat_box{width:440px; margin-top:10px; padding:15px 25px; background:var(--chat_you_bg); border-radius:20px 20px 20px 0; }
.sell_chat_wrap .chat_list_wrap .chat_inner .chat_box p{font-size:13px; line-height:1.5; word-wrap:break-word}
.sell_chat_wrap .chat_list_wrap .chat_inner .chat_info{display:flex; width:100%; margin-top:8px; font-size:11px;  }
.sell_chat_wrap .chat_list_wrap .chat_inner .chat_info span{display:inline-block; margin-right:5px; vertical-align:top}
.sell_chat_wrap .chat_list_wrap .chat_inner .chat_info .msg_pro_id{margin-right:10px; font-weight:500;}
.sell_chat_wrap .chat_list_wrap .chat_inner .chat_info .state{font-weight:500; color:var(--darkgray)}
.sell_chat_wrap .chat_list_wrap .chat_inner .chat_info .state.on{color:#ababab}
.sell_chat_wrap .chat_list_wrap .chat_inner .chat_info .date{color:var(--gray)}
.sell_chat_wrap .chat_list_wrap .chat_inner .chat_info .report{display:block; color:#ff6a6e; cursor:pointer;}

.sell_chat_wrap .chat_list_wrap .chat_inner.me_chat{display:flex; justify-content:flex-end; flex-wrap:wrap;}
.sell_chat_wrap .chat_list_wrap .chat_inner.me_chat .msg_progile{margin:0 10px 0 0; text-align:right}
.sell_chat_wrap .chat_list_wrap .chat_inner.me_chat .chat_box{background:var(--chat_my_bg); border-radius:20px 20px 0 20px;}
.sell_chat_wrap .chat_list_wrap .chat_inner.me_chat .chat_info{flex-direction:row-reverse}
.sell_chat_wrap .chat_list_wrap .chat_inner.me_chat .chat_info span{margin:0; margin-left:8px;}

.sell_chat_wrap .chat_list_wrap .chat_inner.notice_chat{position:relative;}
.sell_chat_wrap .chat_list_wrap .chat_inner.notice_chat::before{content:""; display:block; position:absolute; top:50%; z-index:1; width:100%; height:1px; background:var(--darkblue)}
.sell_chat_wrap .chat_list_wrap .chat_inner.notice_chat .chat_box{position:relative; z-index:100; margin:10px auto 0; padding:15px 10px 5px; background:#f2f2f2; text-align:center}
.sell_chat_wrap .chat_list_wrap .chat_inner.notice_chat .chat_box .point{font-weight:400; color:var(--sky)}
.sell_chat_wrap .chat_list_wrap .chat_inner.notice_chat .chat_box .chat_img{margin-top:8px; text-align:center}
.sell_chat_wrap .chat_list_wrap .chat_inner.notice_chat .chat_box .chat_btn{margin-top:8px; text-align:center}
.sell_chat_wrap .chat_list_wrap .chat_inner.notice_chat .chat_box .chat_btn .btn{padding:0 10px; background:var(--sky); border:0; border-radius:0; font-size:12px; line-height:24px; }
.sell_chat_wrap .chat_list_wrap .chat_inner.notice_chat .chat_info{display:block; width:440px; margin:0 auto; text-align:center;}

.mypage_chat_tab_wrap{}
.mypage_chat_tab_wrap .tab_menu{position:relative; }
.mypage_chat_tab_wrap .tab_menu ul li a{width:170px; padding:10px; color:#999}
.mypage_chat_tab_wrap .tab_menu ul li.on a{font-weight:700; color:var(--darkblue);}
/*.mypage_chat_tab_wrap .tab_menu ul{display:flex;}*/
/*.mypage_chat_tab_wrap .tab_menu ul li{margin-right:3px}*/
/*.mypage_chat_tab_wrap .tab_menu ul li a{display:block; width:150px; height:40px; background:var(--lightsky); border-radius:10px; line-height:40px; color:var(--darkblue); text-align:center; }*/
/*.mypage_chat_tab_wrap .tab_menu ul li.on a{background:var(--darkblue); color:#fff;}*/
.mypage_chat_tab_wrap .msg_open{display:block; position:absolute; top:0; right:0; padding:4px 15px; font-size:12px; line-height:14px; color:var(--darkblue)}
.mypage_chat_tab_wrap .msg_open::before{display:block; width:22px; height:12px; margin:0 auto; background:url("/img/list/buy_message.png") no-repeat 50%; background-size:auto 10px; content:"" }
.mypage_chat_tab_wrap .msg_open span{display:block; margin-top:3px; color:#fff;}

.tab_content{display:none; width:100%; margin-top:15px;}

.mypage_chat_tab_wrap .info_box{margin:0 0 5px; padding:15px 20px 12px; font-size:13px; line-height:1.4; }
.mypage_chat_tab_wrap .info_box .bullet_dot li::before{top:7px }
.mypage_chat_tab_wrap .info_box .fs12{display:block; margin:3px 0 10px 5px}
.mypage_chat_tab_wrap .select_chat_wrap{display:flex; }
.mypage_chat_tab_wrap .select_chat_part .ui-selectmenu-button.ui-button{width:250px}
.mypage_chat_tab_wrap .select_chat_wrap p{margin-left:15px; line-height:35px; color:var(--darkblue)}
.mypage_chat_tab_wrap .chat_textarea{display:block; width:100%; height:160px; margin:10px 0; padding:12px 20px; border-radius:10px;  }
/* input file */
.mypage_chat_tab_wrap .chat_file_wrap{position:relative; margin-top:10px; }
.mypage_chat_tab_wrap .input_file_wrap{width:100%; height:30px; border-radius:10px; font-size:13px; }
.mypage_chat_tab_wrap .input_file_wrap label{height:28px; border-radius:10px; line-height:28px;  }
.mypage_chat_tab_wrap .input_file_wrap label i{display:block; font-size:20px; line-height:28px;}
.mypage_chat_tab_wrap .input_file_wrap label span{position:absolute; left:-99999px;}
.mypage_chat_tab_wrap .input_file_wrap label:hover{background:rgba(0,0,0,0.1)}
.mypage_chat_tab_wrap .input_file_wrap input[type="file"]{ }
.mypage_chat_tab_wrap .input_file_wrap .upload_name{height:28px; padding:0 0 0 40px; line-height:28px;}


.mypage_chat_tab_wrap .chat_file_wrap{}
.mypage_chat_tab_wrap .chat_file_wrap button{position:absolute; top:0; width:30px; height:30px; padding:0; background:var(--lightsky); border:0; border-radius:50%;  text-align:center; cursor:pointer; }
.mypage_chat_tab_wrap .chat_file_wrap button i{display:block; width:30px; height:30px; font-size:14px; line-height:30px; font-weight:700; color:var(--darkblue);}
.mypage_chat_tab_wrap .chat_file_wrap .chat_file_add{right:35px; }
.mypage_chat_tab_wrap .chat_file_wrap .chat_file_add i{font-size:15px; }
.mypage_chat_tab_wrap .chat_file_wrap .chat_file_del{right:0;}

.mypage_chat_tab_wrap .msg_form_info{display:flex; justify-content:space-between; margin:15px 0 20px}
.mypage_chat_tab_wrap .msg_form_info ul li{margin:3px 0; font-size:12px; line-height:1.4; }
.mypage_chat_tab_wrap .msg_form_info ul li .gray{font-size:11px}

.mypage_msg_margin_minus{margin-top:-60px;}

/****************************************************************************
구매관리
****************************************************************************/
.buy_review_wrap{margin:0 0 30px}
.buy_review_wrap .radio_star{padding-top:12px;}
.buy_review_wrap .review_info_box{margin:-10px 0 10px; padding:20px 35px; background:var(--lightsky); border-radius:10px; font-size:13px; line-height:1.6; }
.buy_review_wrap .review_info_box .point{font-weight:500; color:var(--sky)}
.buy_review_wrap .chat_textarea{display:block; width:100%; height:120px; margin:10px 0; padding:12px 20px; border-radius:10px;  }

    /****************************************************************************
    수익관리
    ****************************************************************************/
.profit_top_info{display:block; margin:10px 0 20px; padding:10px 20px; background:#ffecee; border-radius:10px; line-height:20px; }
.profit_top_info i{font-size:20px; line-height:20px; color:#ff5a66; vertical-align:top; }

.profit_account .btn_namecheck{display:inline-block; margin-left:20px; padding:0 15px; background:#fff; border:1px solid #e8e8e8; font-size:12px; line-height:24px; color:var(--gray); text-align:center; transition:all 0.3s}
.profit_account .btn_namecheck:hover{background:#e8e8e8}

.profit_list_wrap{display:flex; justify-content:space-between; flex-wrap:wrap; margin:10px 0 0  }
.profit_list_wrap .profit_box{width:49%; padding:30px 15px; text-align:center}
.profit_list_wrap .profit_box h3{margin:0 0 5px; font-weight:500;}
.profit_list_wrap .profit_box .profit_img01::before{display:block; height:64px; margin:0 0 20px; background:url(../img/sub/profit01.png) no-repeat 50% 0; background-size:auto 64px; content:""}
.profit_list_wrap .profit_box .profit_img02::before{display:block; height:64px; margin:0 0 20px; background:url(../img/sub/profit02.png) no-repeat 50% 0; background-size:auto 64px; content:""}
.profit_list_wrap .profit_box .profit_img03::before{display:block; height:64px; margin:0 0 20px; background:url(../img/sub/profit03.png) no-repeat 50% 0; background-size:auto 64px; content:""}
.profit_list_wrap .profit_box .profit_img04::before{display:block; height:64px; margin:0 0 20px; background:url(../img/sub/profit04.png) no-repeat 50% 0; background-size:auto 64px; content:""}
.profit_list_wrap .profit_box .prpfit_info{font-size:13px; line-height:1.4; color:var(--gray)}
.profit_list_wrap .profit_box .profit_price{display:inline-block; min-width:180px; margin-top:30px; padding:10px 20px; background:var(--lightsky); border-radius:20px; font-size:17px; line-height:20px; }
.profit_list_wrap .profit_box .profit_price .unit{display:inline-block; margin-left:3px; font-size:13px; line-height:20px; color:var(--gray); vertical-align:top}
.profit_point_info{display:block; margin:5px 0 0; font-size:11px; line-height:1.2; color:var(--gray)}
.profit_box:first-child .profit_point_info{text-align:left;}
.profit_box .btn_profit_info_wrap{display:flex; justify-content:space-around; width:350px; margin:20px auto 0; }
.profit_box .btn_profit_info_wrap > div{position:relative; width:49%}
.profit_box .btn{width:100%; margin-top:5px; padding:0 10px; background:#bcbcbc; border-color:#bcbcbc; font-size:11px; line-height:24px;}
.profit_box .btn i{display:inline-block; margin-right:3px; line-height:24px;}
.profit_box .btn span{display:inline-block; vertical-align:top }
.profit_box .btn .tooltip{width:16px; height:16px; margin:4px 0 0 4px; background:#eaeaea; border-radius:50%; font-size:10px; line-height:16px; font-weight:600; color:#999;}
.profit_box .btn .profit_point_info{display:none; position:absolute; top:30px; left:0; right:0; width:100%; border:1px solid #aaa; border-radius:6px; text-align:center; white-space:pre-wrap; transition:all 0.3s}
.profit_box .btn .tooltip:hover ~ .profit_point_info{display:block}

.form_list > li.profit_out_bot{padding:27px 20px}
.form_list > li.price_top{padding:10px 20px 0; border-bottom:0; }
.form_list > li.price_bottom{padding:0px 20px 10px; border-top:0}
.form_list > li.real_info_list{padding:20px 20px 5px; border:0}
.form_list > li .real_profit_out_link{display:block; position:absolute; top:8px; left:80px;  width:20px; height:20px; background:url(/img/main/cate_blank.png) no-repeat 50%; background-size:10px; border-radius:3px; transition:background 0.3s }
.form_list > li .real_profit_out_link:hover{background:var(--lightsky) url(/img/main/cate_blank.png) no-repeat 50%; background-size:10px; }
.form_list > li .real_text{display:inline-block; margin-right:10px; font-size:0.75em; color:#999; vertical-align:top}

.profit_bot_ad{margin:60px 0 30px;}
.profit_bot_ad a:last-child{display:block; font-size:13px; color:var(--gray) }
.btn_ad_profit{display:block; width:300px; margin:0 auto 10px; padding:10px 30px; background:#fc7c14; font-size:18px; font-weight:700; color:#fff; transition:display 0.3s  }
.btn_ad_profit:hover{background:#f36d00}
.btn_ad_profit span{display:block; font-size:13px; font-weight:100;}

/* 출금신청 */
.tax_list{}
.tax_list .btn_open{position:relative; height:50px; margin-top:50px; padding:0 20px; background:var(--sky); font-size:17px; line-height:50px; font-weight:700; color:#fff; cursor:pointer; }
.tax_list .btn_open .list_state{position:absolute; top:0; right:20px; padding-right:20px; font-size:12px; font-weight:300; text-transform:uppercase;  }
.tax_list .btn_open .list_state::after{display:block; width:10px; height:6px; position:absolute; top:22px; right:0; background:url("/images/sub/tax_more_arr.png") no-repeat; transition:all 0.3s; content:""}
.tax_list .btn_open.con_open .list_state::after{transform:rotate(180deg)}
.tax_list .content_open{display:none;}
.tax_list .month_wrap{margin-top:10px; border:1px solid #dedede; }
.tax_list .month_wrap .month_inner{display:flex; padding:24px; }
.tax_list .month_wrap .month_inner .left{position:relative; justify-content:space-between; width:140px; border-right:1px solid #eaeaea;}
.tax_list .month_wrap .month_inner .date{padding-top:5px;}
.tax_list .month_wrap .month_inner .date .year{display:inline-block; font-size:14px; line-height:14px; vertical-align:top }
.tax_list .month_wrap .month_inner .date .month{display:inline-block; margin-left:5px; font-size:30px; line-height:26px; vertical-align:top}
.tax_list .month_wrap .month_inner .info{width:680px; padding-left:25px;  }
.tax_list .month_wrap .month_inner .info .total{width:100%;}
.tax_list .month_wrap .month_inner .info .total .tit{font-size:12px; line-height:1.4; color:#999;  }
.tax_list .month_wrap .month_inner .info .total .amount{margin-top:3px; font-size:22px; line-height:1.3; font-weight:700;}
.tax_list .month_wrap .month_inner .info .total .amount .vat{font-size:12px; font-weight:400; color:#777}
.tax_list .month_wrap .month_inner .info .info_list{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; margin-top:15px;}
.tax_list .month_wrap .month_inner .info .info_list li{justify-content:flex-start; width:49%; padding:5px 0; }
.tax_list .month_wrap .month_inner .info .info_list li:last-child{width:100%; padding:5px 0 0 }
.tax_list .month_wrap .month_inner .info .info_list li span{display:inline-block; line-height:18px; vertical-align:top}
.tax_list .month_wrap .month_inner .info .info_list li .tit{position:relative; width:140px; margin-right:20px; font-size:14px; color:#999}
.tax_list .month_wrap .month_inner .info .info_list li .tit::after{display:block; position:absolute; top:3px; right:-10px; width:1px; height:13px; background:#dedede; content:""}
.tax_list .month_wrap .month_inner .info .info_list li .con{width:140px; font-size:15px;}
.tax_list .month_wrap .month_inner .detail_more{display:inline-block; position:absolute; bottom:0; left:0; padding:0 25px 0 10px; border:1px solid #ababab; font-size:12px; line-height:24px; color:#989898; cursor:pointer;  }
.tax_list .month_wrap .month_inner .detail_more::after{display:block; width:9px; height:6px; position:absolute; top:9px; right:10px; background:url("/images/sub/tax_datail_arr.png") no-repeat; transition:all 0.3s; content:""}
.tax_list .month_wrap .month_inner .detail_more.detail_open::after{transform:rotate(180deg)}
.tax_list .month_wrap .month_detail{display:none; padding:0 24px 24px; }
.tax_list .month_wrap .month_detail .mypage_table{font-size:13px;}
.tax_list .month_wrap .month_detail .mypage_table tfoot td{padding:12px 5px; background:#f4f9fd; border-bottom:1px solid #ededed; font-weight:700; text-align:center}

.btn_tax_moreview{cursor:pointer;}


.money_out_wrap .month_inner{display:flex; justify-content:space-between; align-items:center}
.money_out_wrap .month_inner .money_out_state{width:100px; padding:5px 0; border:1px solid var(--gray); border-radius:5px; font-size:14px; font-weight:500; color:var(--gray); text-align:center }
.money_out_wrap .month_inner .money_out_state.sky{border-color:var(--sky); color:var(--sky)}
.money_out_wrap .month_inner .money_out_right{display:flex; justify-content:space-between; align-items:center; width:690px }
.money_out_wrap .month_inner .money_out_amount{font-size:16px; line-height:1; font-weight:700;  }
.money_out_wrap .month_inner .money_out_amount .money_real{display:inline-block; margin-left:10px; font-size:13px; font-weight:400; color:var(--darkblue) }
.money_out_wrap .month_inner .money_out_date{font-size:14px; color:#999; text-align:right; }
.money_out_wrap .no_content{padding:40px; font-size:14px; line-height:1.6; color:#787878; text-align:center}
/****************************************************************************
광고관리
****************************************************************************/
.mypage_table .bank_info{display:inline-block; margin-left:10px; font-weight:400; color:var(--sky); vertical-align:top;}
.mypage_table .ad_money{display:block; }
.mypage_table .ad_money_cate{display:block; font-size:13px; color:var(--gray)}
.mypage_table .btn_ad_gray{margin-top:3px; background:#fff; border:1px solid var(--gray_line); font-size:12px; line-height:20px; color:var(--gray)}

.mypage_table .ad_info_view{background:var(--darkblue)}
.mypage_table .ad_view_box{position:absolute; top:60px; right:0; z-index:50; width:880px; padding:30px 0; background:var(--darkblue); border-radius:10px; color:var(--lightsky); }
.mypage_table .ad_view_box span{display:inline-block; line-height:20px; vertical-align:top;}
.mypage_table .ad_view_box .fb{margin-left:10px; color:#fff }
.mypage_table .ad_view_box .gray{margin:0 20px; font-weight:100; color:#d2d3d4; opacity:0.3}
.ad_bot_info{margin-top:10px; font-size:13px; line-height:1; color:var(--gray); text-align:right}



/****************************************************************************
잔고내역
****************************************************************************/
.charge_info_wrap{display:flex; justify-content:center; width:500px; margin:0 auto; padding:10px 40px; background:var(--lightsky); border-radius:30px; }
.charge_info_wrap .charge_tit{margin-right:20px; line-height:30px; }
.charge_info_wrap .charge_count{}
.charge_info_wrap .charge_count span{display:inline-block; vertical-align:top; }
.charge_info_wrap .charge_count .count{font-size:20px; line-height:30px; font-weight:700; color:var(--darkblue)}
.charge_info_wrap .charge_count .unit{margin-left:3px; font-size:13px; line-height:30px;}
.charge_top_info{margin:5px 0 40px; font-size:12px; line-height:20px; color:var(--gray); text-align:center}
.charge_form_top{margin-top:40px; font-size:13px; line-height:1; color:var(--darkgray); text-align:right}
.pay_form_list{margin-top:-15px}

.one_line{display:flex; }
.one_line li{margin-right:10px; }

/****************************************************************************
관심재능
****************************************************************************/
.prd_list{}

.prd_list .item_box{position:relative; width:33.33%; margin:0 0 20px}
.prd_list .item_box .delete{position:relative; margin:5px 0; text-align:right;}
.prd_list .item_box .delete a{display:inline-block; position:absolute; top:10px; right:10px; z-index:100; height:26px; padding:0 10px; background:var(--darkblue); border-radius:13px; font-size:13px; color:#fff;  }
.prd_list .item_box .delete i{margin-right:3px; font-size:16px; line-height:26px; font-weight:400; color:#fff; text-align:center;  }
.prd_list .item_box .delete span{display:inline-block; line-height:26px; vertical-align:top;}
.prd_list_none{width:100%; padding:80px;}

/****************************************************************************
재능등록
****************************************************************************/
.price_area{display:block; }
.price_area_inline{display:inline-block; vertical-align:top}
.price_area input{display:inline-block !important; width:200px !important; margin-right:10px; text-align:right}
.price_area .num{display:inline-block; vertical-align:top;}
.insert_price_info{margin-bottom:-10px}
.insert_price_info .bullet_dot{margin-top:-5px;}

.hide{display:none;}
.option_info_list{margin:5px -5px; padding:10px 15px; background:#f8f8f8; border-radius:15px; font-size:14px; line-height:30px; }
.option_info_inner{padding:5px 0; border-top:1px solid #fff; }
.option_info_inner:first-child{border:0}
.option_info_inner div{display:flex; flex-wrap:wrap; margin:5px 0;  }
.option_info_inner .option_tit{width:80px; height:30px; line-height:30px;   }
.option_info_inner input{height:30px !important; line-height:28px !important}
.option_info_inner .option_con{width:560px !important;}
.option_info_inner .option_price{width:140px !important; text-align:right;}
.option_info_inner .option_price_num{margin:0 0 0 10px; line-height:30px;}
.option_info_inner .option_price_num .unit{line-height:30px !important;}

.form_list li textarea.insert_textarea{height:250px;}
.form_list li textarea.insert_textarea.my_skill{height:450px;}
.form_list li .insert_fileupload{}
.form_list li .insert_fileupload .input_file_preview{display:flex; align-items:center; margin-top:8px; padding:0 5px;}
.form_list li .insert_fileupload .input_file_wrap{margin-top:5px;}
.form_list li .insert_fileupload .input_file_preview:first-child,
.form_list li .insert_fileupload .input_file_wrap:first-child{margin-top:0}
.form_list li .insert_fileupload .input_file_preview img{display:inline-block; width:60px; height:60px; margin-right:20px;}

.sub_terms_privacy{font-size:14px; line-height:1.4; font-weight:300; color:var(--gray)}
.sub_terms_privacy p,
.sub_terms_privacy ul{margin-left:10px;}
.sub_terms_privacy ol{margin-left:28px;}


/****************************************************************************
쪽지
****************************************************************************/

/* 쪽지리스트 -------------------------*/
.btn_msg_reset{margin-left:20px; padding:0 10px;}

.msg_list_top{display:flex; justify-content:space-between; margin:30px 0 20px}
.msg_list_top p{font-size:14px; line-height:35px }
.msg_list_top .msg_list_sear{}
.msg_list_top .msg_list_sear .ui-selectmenu-button.ui-button{width:100px}
.msg_list_top .msg_list_sear input[type="text"]{width:140px; height:35px; line-height:33px;}
.msg_list_top .msg_list_sear .btn{line-height:33px;}

.msg_list{}
.msg_list .msg_list_inner{position:relative; min-height:110px; padding:20px 15px; border-bottom:1px solid #f1f1f1; transition:all 0.3s }
.msg_list .msg_list_inner:hover{background:#f3f7f9}
.msg_list .msg_list_inner .profile_thum{position:absolute; top:20px; left:15px; width:70px; height:70px; border-radius:12px 0 12px 0; overflow:hidden;  }
.msg_list .msg_list_inner .msg_list_info{padding-left:90px; }
.msg_list .msg_list_inner .msg_list_info .top{display:flex; justify-content:space-between; margin:10px 0; }
.msg_list .msg_list_inner .msg_list_info .top .name{display:block; font-size:14px; }
.msg_list .msg_list_inner .msg_list_info .top .date{font-size:12px; color:var(--gray)}
.msg_list .msg_list_inner .msg_list_info .top .date i{color:var(--lightgray)}
.msg_list .msg_list_inner .msg_list_info .msg_con{display:block; display:-webkit-box; position:relative; height:20px; margin-top:15px; line-height:20px; color:var(--gray); overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.msg_list .msg_list_inner .msg_list_info .msg_con.num_on a{display:block; margin-left:30px; }
.msg_list .msg_list_inner .msg_list_info .msg_con.num_on .num{display:block; position:absolute; top:0; left:0; width:20px; height:20px; background:#fd0236; border-radius:50%; font-size:10px; color:#fff; text-align:center }

/* 쪽지 팝업 -------------------------*/
#mask{display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:99000; background:#000; }
.pop_msg_wrap{display:none; position:absolute; left:50%; z-index:99999; width:700px; padding:10px 0; transform:translatex(-50%)}

.pop_msg_char_wrap{position:relative; z-index:990000; width:100%; padding:20px; background:#fff; border-radius:20px; }
.pop_msg_char_wrap .btn_close_msg{position:absolute; top:23px; right:20px; font-size:24px; line-height:1; cursor:pointer; }
.pop_msg_char_wrap .my_popup_open{display:block; position:absolute; top:90px; right:-50px; width:50px; padding:15px 0; background:var(--sky); border-radius:0 10px 10px 0; text-align:center  }
.pop_msg_char_wrap .my_popup_open img{display:block; margin:0 auto;  }
.pop_msg_char_wrap .my_popup_open span{display:block; margin-top:15px; font-size:14px; line-height:1.1; font-weight:500; color:#fff;}
.pop_msg_char_wrap .my_memo{display:block; position:absolute; top:209px; right:-50px; width:50px; padding:15px 0; background: #92b214; border-radius:0 10px 10px 0; text-align:center  }
.pop_msg_char_wrap .my_memo img{display:block; margin:0 auto;  }
.pop_msg_char_wrap .my_memo span{display:block; margin-top:15px; font-size:14px; line-height:1.1; font-weight:500; color:#fff;}
.pop_msg_char_wrap .msg_header{}
.pop_msg_char_wrap .msg_header .msg_progile{position:relative; width:100%; padding-left:35px;}
.pop_msg_char_wrap .msg_header .msg_progile .msg_pro_thum{position:absolute; top:0; left:0; width:30px; height:30px; border-radius:50%; overflow:hidden; }
.pop_msg_char_wrap .msg_header .msg_progile .msg_pro_id{display:inline-block; font-size:18px; line-height:30px; color:var(--darkblue); }
.pop_msg_char_wrap .msg_header .msg_progile .msg_pro_link{display:inline-block; margin-left:15px; font-size:11px; line-height:30px; color:var(--gray); vertical-align:top; }
.pop_msg_char_wrap .msg_header .msg_infomation{width:100%; margin-top:5px; padding:10px 15px; background:var(--lightsky); border-radius:20px 0 20px 0;  }
.pop_msg_char_wrap .msg_header .msg_infomation ul{}
.pop_msg_char_wrap .msg_header .msg_infomation ul li{position:relative; margin:5px 0; padding-left:6px; font-size:13px; line-height:1.4; }
.pop_msg_char_wrap .msg_header .msg_infomation ul li::before{display:block; position:absolute; top:8px; left:0; width:2px; height:2px; background:var(--darkgray); content:"" }
.pop_msg_char_wrap .msg_header .msg_infomation ul li a{display:inline-block; position:absolute; right:0; bottom:0; border:1px solid #ffaaac; font-size:12px; color:#ff383d; transition:all 0.3s }
.pop_msg_char_wrap .msg_header .msg_infomation ul li a:hover{background:#ffaaac; color:#fff}

.pop_msg_char_wrap .msg_chat_wrap{width:100%; margin:10px 0 0; padding:10px; background:#f2f2f2; border-radius:20px;}
.pop_msg_char_wrap .chat_notice{width:100%; margin:10px 0 5px; padding:10px; background:#ddec22; border-radius:15px; }
.pop_msg_char_wrap .chat_notice .tit{width:100%; margin:0 0 5px; font-size:14px; line-height:1; font-weight:700; color:var(--darkblue); }
.pop_msg_char_wrap .chat_notice .tit i{margin-right:3px; font-size:15px;}
.pop_msg_char_wrap .chat_notice .con{width:100%; font-size:12.5px; line-height:1.4;}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap{width:100%; height:350px; padding:5px; overflow-y:auto}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap::-webkit-scrollbar{width:6px; height:10px; -webkit-border-radius:5px; border-radius:5px; background:#eeeff2}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap::-webkit-scrollbar-track{background:#dedede; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:0}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap::-webkit-scrollbar-thumb{height:30%; width:6px; background:rgba(0, 0, 0, .2); -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:0}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner{padding:5px 0}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .msg_progile{position:relative; width:100%; margin:0 0 5px; padding-left:25px;}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .msg_progile .msg_pro_thum{position:absolute; top:0; left:0; width:20px; height:20px; border-radius:50%; overflow:hidden; }
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .msg_progile .msg_pro_id{display:inline-block; font-size:13px; line-height:20px; }
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .msg_progile .msg_pro_ing{display:inline-block; font-size:11px; line-height:20px; color:#999}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .msg_progile .msg_pro_link{display:inline-block; margin-left:5px; padding:0 5px; font-size:12px; line-height:20px; color:var(--darkblue); text-decoration:underline;}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .chat_box{width:440px; padding:15px 25px; background:var(--chat_you_bg); border-radius:20px 20px 20px 0; }
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .chat_box p{font-size:13px; line-height:18px; word-wrap: break-word;}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .chat_box .btn{margin-left:10px; padding:0 10px; border-radius:7px 0 7px 0; font-size:12px; line-height:18px; cursor:pointer}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .chat_info{display:flex; width:100%; margin-top:8px; font-size:11px;  }
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .chat_info span{display:inline-block; margin-right:5px; vertical-align:top}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .chat_info .state{font-weight:500; color:#ababab}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .chat_info .state.on{color:var(--darkgray)}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .chat_info .date{color:var(--gray)}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .chat_info .report{display:block; color:#ff6a6e; cursor:pointer;}

    .pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner.me_chat{display:flex; justify-content:flex-end; flex-wrap:wrap;}
    .pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner.me_chat .chat_box{background:var(--chat_my_bg); border-radius:20px 20px 0 20px;}
    .pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner.me_chat .chat_info{flex-direction:row-reverse}
    .pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner.me_chat .chat_info span{margin:0; margin-left:8px;}


.pop_msg_char_wrap .msg_form_wrap{width:100%; margin-top:15px;}
.pop_msg_char_wrap .msg_form_wrap textarea{width:100%; height:175px; margin:0 0 5px; padding:12px 20px; border-radius:10px; font-size:13px;}
.pop_msg_char_wrap .msg_form_wrap textarea.h_300{height:300px}

.pop_msg_char_wrap .msg_form_wrap textarea::placeholder{font-size:12px; color:#777 }
.pop_msg_char_wrap .msg_form_wrap textarea::-webkit-input-placeholder{font-size:12px; }
.pop_msg_char_wrap .msg_form_wrap textarea:-ms-input-placeholder{font-size:12px; }
.pop_msg_char_wrap .msg_form_wrap textarea:-moz-input-placeholder{font-size:12px; }


/* 쪽지 팝업 -> 나의 메모장 -------------------------*/
.layer_my_memo .notes-container { display: flex; flex-wrap: wrap; gap: 20px; margin-right: 15px; }
.layer_my_memo .note-box { display: flex; align-items: center; gap: 10px; width: 100%; }
.layer_my_memo .my_note { width: 100%; height: 130px; border: 1px solid #ccc; padding: 10px; border-radius: 5px; resize: none; box-sizing: border-box; }
.layer_my_memo .half-note .my_note { width: 100%; height: 130px; box-sizing: border-box; }
.layer_my_memo .btn_copy { padding: 10px 5px; background-color: #b0c4de; color: #333; border: none; border-radius: 5px; cursor: pointer; writing-mode: vertical-rl; text-align: center; font-weight: bold; height: 130px; }
.layer_my_memo .btn_copy:hover { background-color: #a0b9d1; }
.layer_my_memo .half-note { width: 48.5%; }
.layer_my_memo .buttons-container { text-align: center; margin-top: 20px; }
.layer_my_memo .btn_save, .btn_close_footer { padding: 10px 20px; background-color: #cddb28; color: #333; border: none; border-radius: 5px; cursor: pointer; margin: 0 10px; }
.layer_my_memo .btn_save:hover { background-color: #c1cd23; }
.layer_my_memo .btn_close_footer { background-color: #e0e0e0; }
.layer_my_memo .btn_close_footer:hover { background-color: #cfcfcf; }

/* input file */
.pop_msg_char_wrap .msg_form_wrap .chat_file_wrap{display:flex; justify-content:space-between; flex-wrap:wrap; position:relative; width:100%}
.pop_msg_char_wrap .msg_form_wrap .input_file_wrap{position:relative; width:49.6%; height:30px; margin:4px 0; border-radius:10px; font-size:13px; }
.pop_msg_char_wrap .msg_form_wrap .input_file_wrap label{height:28px; line-height:28px; border-radius:10px; }
.pop_msg_char_wrap .msg_form_wrap .input_file_wrap label i{display:block; font-size:20px; line-height:28px;}
.pop_msg_char_wrap .msg_form_wrap .input_file_wrap label span{position:absolute; left:-99999px;}
.pop_msg_char_wrap .msg_form_wrap .input_file_wrap label:hover{background:rgba(0,0,0,0.1); }
.pop_msg_char_wrap .msg_form_wrap .input_file_wrap input[type="file"]{ }
.pop_msg_char_wrap .msg_form_wrap .input_file_wrap .upload_name{height:28px; padding:0 0 0 40px; line-height:28px;}

.pop_msg_char_wrap .msg_form_wrap .chat_file_wrap{}
.pop_msg_char_wrap .msg_form_wrap .chat_file_wrap button{position:absolute; top:0; width:30px; height:30px; padding:0; background:var(--lightsky); border:0; border-radius:50%;  text-align:center; cursor:pointer; }
.pop_msg_char_wrap .msg_form_wrap .chat_file_wrap button i{display:block; width:30px; height:30px; font-size:14px; line-height:30px; font-weight:700; color:var(--darkblue);}

.pop_msg_char_wrap .msg_form_info{display:flex; justify-content:space-between; margin:5px 0 15px}
.pop_msg_char_wrap .msg_form_info ul{width:100%; }
.pop_msg_char_wrap .msg_form_info ul li{margin:3px 0; font-size:12px; line-height:1.2; }
.pop_msg_char_wrap .msg_form_info ul li .gray{font-size:11px}

    /* 결제요청*/
.btn_pay_request{display:block; position:absolute; bottom:-40px; left:50px; width:auto; height:40px; padding:9px 15px; background:var(--darkblue); border-radius:0 0 10px 10px; text-align:center; cursor:pointer;  }
.btn_pay_request span{display:inline-block; width:65px; margin:0 10px 0 0; line-height:1.4; color:#ddec22}

.pay_request_wrap{position:relative; z-index:90000; width:100%; padding:60px 30px 20px; background:#fff; border-radius:20px; }
.pay_request_wrap .tit_wrap{display:flex; margin:0 0 30px;}
.pay_request_wrap .tit_wrap h3{font-size:24px; line-height:24px; color:var(--darkblue)}
.pay_request_wrap .tit_wrap p{margin-left:20px; font-size:14px; line-height:24px; color:var(--gray); }
.pay_request_wrap .tit_wrap p::before{display:block; width:1px; height:14px; background:#c9cccd; }
.pay_request_wrap .pay_request_form{display:flex; margin-top:10px; }
.pay_request_wrap .pay_request_form dt{width:130px; }
.pay_request_wrap .pay_request_form dd{display:flex; width:500px; }
.pay_request_wrap .pay_request_form dd .ui-selectmenu-button.ui-button{width:100%}
.pay_request_wrap .pay_request_form dd input{display:block; width:430px; height:35px; padding:0 10px; background:#f0f0f0; border:0; line-height:35px; text-align:right; }
.pay_request_wrap .pay_request_form dd .num{display:block; width:70px; line-height:35px; text-align:right; }
.pay_request_wrap .pay_request_form dd .num{}
.pay_request_wrap .btn_wrap{margin:20px 0 0}
.pay_request_wrap .btn_close_request{position:absolute; top:30px; right:30px; font-size:24px; line-height:1; cursor:pointer; }

.order_deal_won{}
.order_deal_won .price_amount{display:inline-block; width:450px; font-size:18px; font-weight:700; color:var(--sky); text-align:right;}

/*
.pop_msg_char_wrap{position:relative; width:100%; padding:30px 40px; background:#fff; border-radius:20px; }
.pop_msg_char_wrap .my_popup_open{display:block; position:absolute; top:90px; right:-50px; width:50px; padding:15px 0; background:var(--sky); border-radius:0 10px 10px 0; text-align:center  }
.pop_msg_char_wrap .my_popup_open img{display:block; margin:0 auto;  }
.pop_msg_char_wrap .my_popup_open span{display:block; margin-top:15px; font-size:14px; line-height:1.1; font-weight:500; color:#fff;}
.pop_msg_char_wrap .msg_header{display:flex; justify-content:space-between }
.pop_msg_char_wrap .msg_header .msg_progile{position:relative; width:22%; padding-left:85px;}
.pop_msg_char_wrap .msg_header .msg_progile .msg_pro_thum{position:absolute; top:0; left:0; width:70px; height:70px; border-radius:50%; overflow:hidden; }
.pop_msg_char_wrap .msg_header .msg_progile .msg_pro_id{width:100%; margin-top:15px; font-size:18px; line-height:1.2; color:var(--darkblue); word-break:break-all; word-wrap:break-word;}
.pop_msg_char_wrap .msg_header .msg_progile .msg_pro_link{display:block; width:100%; margin-top:10px; font-size:11px; line-height:1.2; color:var(--gray) }
.pop_msg_char_wrap .msg_header .msg_infomation{width:75%; padding:15px 20px; background:var(--lightsky); border-radius:20px 0 20px 0;  }
.pop_msg_char_wrap .msg_header .msg_infomation ul{}
.pop_msg_char_wrap .msg_header .msg_infomation ul li{position:relative; margin:5px 0; padding-left:6px; font-size:12px; line-height:1.4; }
.pop_msg_char_wrap .msg_header .msg_infomation ul li::before{display:block; position:absolute; top:8px; left:0; width:2px; height:2px; background:var(--darkgray); content:"" }
.pop_msg_char_wrap .msg_header .msg_infomation ul li a{display:inline-block; position:absolute; right:0; bottom:0; color:#ff383d }

.pop_msg_char_wrap .msg_chat_wrap{width:100%; margin:10px 0 20px; padding:15px; background:#f2f2f2; border-radius:20px;}
.pop_msg_char_wrap .msg_chat_wrap .chat_notice{display:flex; width:100%; margin:0 0 5px; padding:15px 20px; background:#ddec22; border-radius:15px; }
.pop_msg_char_wrap .msg_chat_wrap .chat_notice .tit{width:25%; font-size:14px; line-height:1; font-weight:700; color:var(--darkblue); }
.pop_msg_char_wrap .msg_chat_wrap .chat_notice .tit i{margin-right:3px; font-size:15px;}
.pop_msg_char_wrap .msg_chat_wrap .chat_notice .con{width:75%; font-size:12px; line-height:1.2;}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap{width:100%; height:270px; padding:5px; overflow-y:auto}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap::-webkit-scrollbar{width:6px; height:10px; -webkit-border-radius:5px; border-radius:5px; background:#eeeff2}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap::-webkit-scrollbar-track{background:#dedede; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:0}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap::-webkit-scrollbar-thumb{height:30%; width:6px; background:rgba(0, 0, 0, .2); -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:0}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner{}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .chat_box{width:440px; margin-top:10px; padding:15px 25px; background:#feffe0; border-radius:20px 20px 20px 0; }
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .chat_box p{font-size:13px; line-height:1.2; }
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .chat_info{display:flex; width:100%; margin-top:8px; font-size:11px;  }
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .chat_info span{display:inline-block; margin-right:5px; vertical-align:top}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .chat_info .state{font-weight:500; color:#ababab}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .chat_info .state.on{color:var(--darkgray)}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .chat_info .date{color:var(--gray)}
.pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner .chat_info .report{display:block; color:#ff6a6e; cursor:pointer;}

    .pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner.me_chat{display:flex; justify-content:flex-end; flex-wrap:wrap;}
    .pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner.me_chat .chat_box{background:#dafdff; border-radius:20px 20px 0 20px;}
    .pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner.me_chat .chat_info{flex-direction:row-reverse}
    .pop_msg_char_wrap .msg_chat_wrap .chat_list_wrap .chat_inner.me_chat .chat_info span{margin:0; margin-left:8px;}


.pop_msg_char_wrap .msg_form_wrap{width:100%}
.pop_msg_char_wrap .msg_form_wrap textarea{width:100%; height:175px; margin:0 0 10px; padding:12px 20px; border-radius:10px; font-size:13px;}
.pop_msg_char_wrap .msg_form_wrap textarea{}

.pop_msg_char_wrap .msg_form_wrap textarea::placeholder{font-size:12px; }
.pop_msg_char_wrap .msg_form_wrap textarea::-webkit-input-placeholder{font-size:12px; }
.pop_msg_char_wrap .msg_form_wrap textarea:-ms-input-placeholder{font-size:12px; }
.pop_msg_char_wrap .msg_form_wrap textarea:-moz-input-placeholder{font-size:12px; }

/* input file * /
    .pop_msg_char_wrap .msg_form_wrap .chat_file_wrap{position:relative; }
    .pop_msg_char_wrap .msg_form_wrap .input_file_wrap{width:calc(100% - 85px); height:30px; border-radius:10px; font-size:13px; }
    .pop_msg_char_wrap .msg_form_wrap .input_file_wrap label{left:10px; width:24px; height:24px; background:0 none; line-height:28px;  }
    .pop_msg_char_wrap .msg_form_wrap .input_file_wrap label i{display:block; font-size:20px; line-height:24px;}
    .pop_msg_char_wrap .msg_form_wrap .input_file_wrap label span{position:absolute; left:-99999px;}
    .pop_msg_char_wrap .msg_form_wrap .input_file_wrap label:hover{background:#eaeaea; color:var(--darkgray)}
    .pop_msg_char_wrap .msg_form_wrap .input_file_wrap input[type="file"]{ }
    .pop_msg_char_wrap .msg_form_wrap .input_file_wrap .upload_name{height:28px; padding:0 0 0 40px; line-height:35px;}

    .pop_msg_char_wrap .msg_form_wrap .chat_file_wrap{}
    .pop_msg_char_wrap .msg_form_wrap .chat_file_wrap button{position:absolute; top:0; width:30px; height:30px; padding:0; background:var(--lightsky); border:0; border-radius:50%;  text-align:center; cursor:pointer; }
    .pop_msg_char_wrap .msg_form_wrap .chat_file_wrap button i{display:block; width:30px; height:30px; font-size:14px; line-height:30px; font-weight:700; color:var(--darkblue);}
    .pop_msg_char_wrap .msg_form_wrap .chat_file_wrap .chat_file_add{right:35px; }
    .pop_msg_char_wrap .msg_form_wrap .chat_file_wrap .chat_file_add i{font-size:15px; }
    .pop_msg_char_wrap .msg_form_wrap .chat_file_wrap .chat_file_del{right:0;}


    .pop_msg_char_wrap .msg_form_info{display:flex; justify-content:space-between; margin:15px 0 20px}
    .pop_msg_char_wrap .msg_form_info ul{width:46%; }
    .pop_msg_char_wrap .msg_form_info ul:last-child{width:53%; }
    .pop_msg_char_wrap .msg_form_info ul li{margin:3px 0; font-size:12px; line-height:1.2; }
    .pop_msg_char_wrap .msg_form_info ul li .gray{font-size:11px}

/* 결제요청* /
    .btn_pay_request{display:block; position:absolute; top:720px; right:-50px; width:50px; padding:15px 0; background:var(--darkblue); border-radius:0 10px 10px 0; text-align:center; cursor:pointer;  }
    .btn_pay_request span{display:block; margin:0 0 10px;line-height:1.4; color:#ddec22}

    .pay_request_wrap{position:relative; width:100%; margin-top:20px; padding:40px 40px 30px; background:#fff; border-radius:20px; }
    .pay_request_wrap .tit_wrap{display:flex; margin:0 0 30px;}
    .pay_request_wrap .tit_wrap h3{font-size:24px; line-height:24px; color:var(--darkblue)}
    .pay_request_wrap .tit_wrap p{margin-left:20px; font-size:14px; line-height:24px; color:var(--gray); }
    .pay_request_wrap .tit_wrap p::before{display:block; width:1px; height:14px; background:#c9cccd; }
    .pay_request_wrap .pay_request_form{display:flex; margin-top:10px; }
    .pay_request_wrap .pay_request_form dt{width:130px; }
    .pay_request_wrap .pay_request_form dd{display:flex; width:730px; }
    .pay_request_wrap .pay_request_form dd .ui-selectmenu-button.ui-button{width:100%}
    .pay_request_wrap .pay_request_form dd input{display:block; width:660px; height:35px; padding:0 10px; background:#f0f0f0; border:0; line-height:35px; text-align:right; }
    .pay_request_wrap .pay_request_form dd .num{display:block; width:70px; line-height:35px; text-align:right; }
    .pay_request_wrap .pay_request_form dd .num{}
    .pay_request_wrap .btn_wrap{margin:20px 0 0}
    .pay_request_wrap .btn_close_request{position:absolute; top:40px; right:40px; font-size:24px; line-height:1; cursor:pointer; }

    .order_deal_won{}
    .order_deal_won .price_amount{display:inline-block; width:450px; font-size:18px; font-weight:700; color:var(--sky); text-align:right;}
 * /
*/

/****************************************************************************
신고하기
****************************************************************************/
.pop_report_wrap{position:relative; width:450px; }
.pop_report_wrap h1{padding:20px 15px 15px; border-bottom:1px solid var(--darkblue); font-size:18px; line-height:1;}
.pop_report_wrap .pop_report_inner{padding:15px;}
.pop_report_wrap .pop_report_inner h4{margin:5px 0 20px; color:var(--darkblue); text-align:center;}
.pop_report_wrap .pop_report_inner .info_box{margin:10px 0; padding:15px; line-height:1.7}
.pop_report_wrap .pop_report_inner textarea{width:100%; height:150px; }
.pop_report_wrap .pop_report_inner .btn_wrap{margin:20px 0 10px}
.pop_report_wrap .btn_close_report{display:block; position:absolute; top:20px; right:15px; font-size:20px; line-height:1; color:var(--gray)}