@charset "utf-8";

@media (max-width: 800px){
.choose_item li {
font-size: 0.7rem !important
}
}
/* header */
.mo_header{position:fixed; z-index:100; top:0; left:0; width:100%; height:80px; background-color:#fff;}
.mo_header h2{display:inline-block; overflow:hidden; position:relative; top:50%; left:50%; max-width:calc(100% - 110px); font-size:20px; font-weight:500; color:#000; white-space:nowrap; text-overflow:ellipsis; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.mo_header>button,.mo_header>a{display:block; width:40px; height:40px; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.mo_header .btn_back{left:5px; top:50%; background:url(/img/mo_content/icon-page3.svg) 50% 50% no-repeat; background-size:40%;}
.mo_header .btn_menu{right:10px; top:50%; background:url(/img/mo_content/icon_menu.svg) 50% 50% no-repeat;}
.mo_header .btn_chat{right:10px; top:50%; background:url(/img/mo_content/icon_chat.svg) 50% 50% no-repeat;}
.mo_header .btn_chat .chat_num{display:block; position:absolute; top:2px; right:2px; padding:3px; background-color:var(--ee-bi-1); color:#fff; font-size:8px; border-radius:50%;}
.mo_header .sub_menu_top{display:none; position:absolute; top:50px; right:15px; z-index:20;}
.mo_header .sub_menu_top .menu_top_inner{position:relative; padding-top:10px;}
.mo_header .sub_menu_top .menu_top_inner:after{content:''; display:block; position:absolute; top:1px; right:10px; z-index:15; width:0px; height:0px; border-top:solid 5px transparent; border-bottom:solid 6px #fff; border-left:solid 5px transparent; border-right:solid 5px transparent;}
.mo_header .sub_menu_top .menu_top_inner:before{content:''; display:block; position:absolute; top:0; right:10px; z-index:10; width:0px; height:0px; border-top:solid 5px transparent; border-bottom:solid 6px #d3d3d6; border-left:solid 5px transparent; border-right:solid 5px transparent;}
.mo_header .sub_menu_top .menu_top_inner.arr:after{border-bottom:solid 6px #f3f3f6;}
.mo_header .sub_menu_top .menu_top_inner ul{position:relative; overflow:hidden; border:solid 1px #d3d3d6; background-color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.2); box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.2);}
.mo_header .sub_menu_top .menu_top_inner ul li a{display:block; height:50px; line-height:50px; padding:0 15px 0 40px; color:#000; background-repeat:no-repeat; background-position:15px 50%;}
.mo_header .sub_menu_top .menu_top_inner ul li a.btn_ads{background-image:url(/img/content/icon-ads.svg);}
.mo_header .sub_menu_top .menu_top_inner ul li a.btn_order{background-image:url(/img/content/icon-order.svg);}
.mo_header .sub_menu_top .menu_top_inner ul li a.btn_setting{background-image:url(/img/content/icon-setting.svg);}
.mo_header .sub_menu_top .menu_top_inner ul li a.active,
.mo_header .sub_menu_top .menu_top_inner ul li a:hover{background-color:#f3f3f6; color:var(--ee-bi-1);}
.mo_header .sub_menu_top .menu_top_inner ul li a.btn_ads.active,
.mo_header .sub_menu_top .menu_top_inner ul li a.btn_ads:hover{background-image:url(/img/content/icon-ads-hover.svg);}
.mo_header .sub_menu_top .menu_top_inner ul li a.btn_order.active,
.mo_header .sub_menu_top .menu_top_inner ul li a.btn_order:hover{background-image:url(/img/content/icon-order-hover.svg);}
.mo_header .sub_menu_top .menu_top_inner ul li a.btn_setting.active,
.mo_header .sub_menu_top .menu_top_inner ul li a.btn_setting:hover{background-image:url(/img/content/icon-setting-hover.svg);}

/* content */
.mo_sub_cont{width:100%; padding:80px 0 110px;}
.mo_sub_cont.t2{padding-bottom:120px;}
.mo_sub_cont .tit_sub{margin-top:30px; padding:0 20px; font-size:20px; font-weight:500; color:#000; text-align:center;}
.mo_sub_cont .tit_sub2{color:#000; font-size:20px; font-weight:500;}
.mo_sub_cont .line_hor{margin:16px 0; height:1px; border:0; background-color:#d3d3d6;}
.mo_sub_cont .user_name_txt{display:block; color:#000; font-size:20px;}
.mo_sub_cont .user_msg_box{overflow-y:auto; height:120px; margin-top:18px; padding:10px; color:#000; border:solid 1px #acacac;}

.mo_sub_cont .cont{padding: 0 20px;}
.mo_sub_cont .tit4{font-size:20px;font-weight:500;}
.mo_sub_cont .tabnav.type2 > li{font-size:20px;height:32px;}
.mo_sub_cont .tbl_sort .sort_tab > li{font-size: 20px;}
.mo_sub_cont .tit_sub.txL{text-align: left;}
.tit_sub{overflow: hidden;}
.tit_sub .right{float: right;}
.tit_sub + .cont_box{margin-top:40px;}

.mo_sub_cont .cnt_top_box{overflow:hidden; margin-top:15px; padding:0 20px;}
.mo_sub_cont .cnt_top_box.both_side{display:flex; justify-content:space-between; margin-top:30px;}
.mo_sub_cont .cnt_top_box .time_txt{display:block; color:var(--ee-bi-1); font-size:24px; font-weight:700; text-align:center;}
.mo_sub_cont .cnt_top_box .top_box_desc{margin-top:15px; color:#999; font-size:14px; text-align:center;}
.mo_sub_cont .cnt_gap_box{margin:40px 20px 0;}
.mo_sub_cont .cnt_txt_box{margin:30px 20px 0;color:#333;}
.mo_sub_cont .cnt_txt_box p{margin-top:15px;}
.mo_sub_cont .cnt_txt_box .desc_g{margin-top:0; font-size:14px; color:#666;}
.mo_sub_cont .cnt_box_mt2{margin-top:15px;}

.mo_sub_cont .mo_tab_box{display:none;}
.mo_sub_cont .mo_tab_box.show{display:block;}

/* 채팅 */
.mo_sub_cont .order_list_chat{position:fixed; width:100%; margin-top:40px;}
.mo_sub_cont .order_list_chat .chat_cont{overflow-y:scroll; padding:20px 14px 120px; background-color:#f3f3f6; border:solid 1px #d3d3d6; border-bottom:0;}
.mo_sub_cont .order_list_chat .chat_cont .chat_date{margin-top:20px; text-align:center;}
.mo_sub_cont .order_list_chat .chat_cont .chat_date:first-child{margin-top:0;}
.mo_sub_cont .order_list_chat .chat_cont .chat_date span{display:inline-block; height:18px; line-height:18px; padding:0 10px; background-color:#ebeaf0; font-size:12px; color:#999; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px;}
.mo_sub_cont .order_list_chat .chat_cont .chat_box{margin-top:20px;}
.mo_sub_cont .order_list_chat .chat_cont .chat_box.self{}
.mo_sub_cont .order_list_chat .chat_cont .chat_box .msg_box{display:flex; margin-top:10px;}
.mo_sub_cont .order_list_chat .chat_cont .chat_box .msg_box p{padding:15px; color:#000; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.mo_sub_cont .order_list_chat .chat_cont .chat_box .msg_box p img{width:100%;}
.mo_sub_cont .order_list_chat .chat_cont .chat_box.self .msg_box{justify-content:flex-end;}
.mo_sub_cont .order_list_chat .chat_cont .chat_box.self .msg_box p{background-color:#ebeaf0;}
.mo_sub_cont .order_list_chat .chat_cont .chat_box.notice .msg_box p{padding-left:39px; color:#fff; background:var(--ee-bi-1) url(/img/content/icon-notice.svg) 15px 20px no-repeat;}
.mo_sub_cont .order_list_chat .chat_cont .chat_box.seller .msg_box p{background-color:#fff;}
.mo_sub_cont .order_list_chat .chat_cont .chat_box.seller .name{display:block; margin-bottom:-5px; font-size:14px;}
.mo_sub_cont .order_list_chat .chat_cont .chat_box.alert .msg_box p{background-color:#ebeaf0; border:solid 1px var(--ee-bi-1);}
.mo_sub_cont .order_list_chat .chat_cont .state_box{display:flex; margin-top:4px; color:#999; font-size:12px;}
.mo_sub_cont .order_list_chat .chat_cont .state_box.right{justify-content:flex-end; float:none;}
.mo_sub_cont .order_list_chat .chat_cont .state_box .read{position:relative;}
.mo_sub_cont .order_list_chat .chat_cont .state_box .read:after{content:''; display:inline-block; position:absolute; top:4px; width:1px; height:10px; background-color:#d3d3d6;}
.mo_sub_cont .order_list_chat .chat_cont .state_box.right .read{margin-right:5px; padding-right:8px;}
.mo_sub_cont .order_list_chat .chat_cont .state_box.right .read:after{right:0;}
.mo_sub_cont .order_list_chat .chat_cont .state_box.left .time{order:1;}
.mo_sub_cont .order_list_chat .chat_cont .state_box.left .read{order:2; margin-left:5px; padding-left:8px;}
.mo_sub_cont .order_list_chat .chat_cont .state_box.left .read:after{left:0;}

.mo_sub_cont .chat_bottom{position:fixed; bottom:60px; width:100%; height:60px; display:flex; justify-content:flex-end; padding:15px; border-top:solid 1px #e6e6e8; background-color:#fff;}
.mo_sub_cont .chat_bottom > div{margin-right:10px;}
.mo_sub_cont .chat_bottom > div:last-child{margin-right:0;}
.mo_sub_cont .chat_bottom .msg_input{flex-grow:3;}
.mo_sub_cont .chat_bottom .msg_input textarea{width:100%; height:24px; max-height:72px; padding:0; resize:none; border:0;}
.mo_sub_cont .chat_bottom .msg_upload{}
.mo_sub_cont .chat_bottom .msg_upload label{display:block; width:24px; height:24px; background:#bbb url(/img/content/icon-upload.svg) 50% 50%  no-repeat; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all .3s ease; transition:all .3s ease;}
.mo_sub_cont .chat_bottom .msg_upload label:hover{background-color:var(--ee-bi-1);}
.mo_sub_cont .chat_bottom .msg_upload input[type=file]{display:none;}
.mo_sub_cont .chat_bottom .msg_send span{display:block; width:24px; height:24px; background:#bbb url(/img/content/icon-send.svg) 50% 50%  no-repeat; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all .3s ease; transition:all .3s ease;}
.mo_sub_cont .chat_bottom .msg_send span.on{background-color:var(--ee-bi-1);}

/* popup */
.modal .lypop_wp{position:absolute;top:50%;left:50%;bottom:auto;width:90% !important;margin:0 auto;background-color:#fff;transform:translate(-50%, -50%);}
.modal .lypop_ct{position: relative;top:auto;bottom:auto;left:auto;right:auto;padding:30px 20px 40px;overflow-y:auto;overflow-x: hidden;box-sizing: border-box;}

.mpop .lypop_close::before{background-color:#222;}
.mpop .lypop_close::after{background-color:#222;}
.mpop .lypop_ct .warning_box{margin-bottom: 20px;}
.mpop .lypop_title {min-height: 93px;height: auto;}
.mpop .lypop_title > strong{padding-bottom:25px}
.mpop .input_box_line{margin-top:30px}
.mpop .postmy_item .itemCol{display:block;}
.mpop .postmy_item .itemCol > div{flex: none;}
.mpop .postmy_item [class^=icn_]{display: block;padding-left: 0;padding-top: 15px;background-position: 50% 0;text-align: center;} 
.mpop .postmy_item .itemCol > div.txR{text-align: center;}

/* btn */
.btnWp{margin-top:30px;}
.btnWp [class^="btn"]{width:100%;font-size:20px;height: 46px;padding:5px}
.btnWp > .itemCol > li{padding:0 5px;}
.btnWp > .itemCol > li:first-child{padding-left: 0;}
.btnWp > .itemCol > li:last-child{padding-right: 0;}

/* popup select */
.choose_item{margin-top: -10px; overflow: scroll;}
.choose_item li{float:left;display:inline-block;margin:10px 10px 0 0;text-align:center;padding:8px 20px;height:36px;line-height:1;color:#999;border:1px solid #999;border-radius:4px;cursor: pointer;}
.choose_item li:first-child{margin-left: 0;}
.choose_item li.selected, .choice_item li:hover{color:#333;border:1px solid #333;}

.sort_modal{margin-top:20px;}
.sort_modal > li{display:inline-block;margin-right:15px;}
.sort_modal > li:last-child{margin-right: 0;}
.sort_modal > li > a{position:relative;display:inline-block;padding-right: 12px;font-size: 14px;line-height: 1;}
.sort_modal > li > a:after{content: "";position: absolute;right:10px;top:calc(50% - 5px); margin-right:-15px;border:5px solid transparent;border-left-color:#999;}

/* table type col */
.tblCol{display: table;width:100%;table-layout: fixed;}
.tblCol > *{display:table-cell;vertical-align:top;}
.tblCol > *.vm{vertical-align: middle;}

/* p2p list*/
.mo_p2p_lst{margin-top:20px;}
.mo_p2p_lst > li:first-child{border-top:1px solid #d3d3d6}
.mo_p2p_lst > li{padding:20px 0;border-bottom:1px solid #d3d3d6}
.mo_p2p_lst .tblCol >li:last-child{width:85px;text-align: right;word-break: break-all;}
.mo_p2p_lst .vm{vertical-align: middle;}
.mo_p2p_lst .name{color:#000;font-size: 16px;}
.mo_p2p_lst .price{word-break: break-all;}
.mo_p2p_lst .price span{margin-left:3px; font-size:14px;}
.mo_p2p_lst .limit > li > .num{display: inline-block;}
.mo_p2p_lst .tag_wp{margin-top:10px}
.mo_p2p_lst [class^=btn]{margin-top:8px;padding:5px 0; width:84px;vertical-align: top; font-size:14px;}
.mo_p2p_lst .limit .stit{display:inline-block;width:60px;color:#666;font-size: 12px;}
.mo_p2p_lst .limit > li{display:flex; padding-top:10px;color:#000;font-size: 14px;}
.mo_p2p_lst .tag + .tag{margin-left:auto;margin-right: 4px;}

.mo_scroll_cnt{overflow-x:auto;white-space:nowrap;}

/*  input type , undertext */
.mo_sub_cont .under_lst li{margin-top: 16px;}
.mo_inpUnder{margin-top: 8px; color: #000;font-size: 14px;font-weight:400;}
.mo_inpUnder2{margin-top:8px;color:#999;font-size: 14px;}
.mo_inpUnder3{margin-top:8px;font-size: 14px;}

.inpWp.all > input{padding-right: 100px;}
.inpWp.all .unit_all{right:0; font-size: 16px;}
.inpWp.all .unit_all > span{display:inline-block;padding:5px 10px;}
.inpWp.all .unit_txt{right:40px}

/* trade choice */
.mo_sub_cont .choice_trad{display:flex; width:100%; box-sizing: border-box;}
.mo_sub_cont .choice_trad > li{flex:1;padding:6px;height:36px;text-align: center; border:1px solid #ddd;background-color:#f5f5f5;color:#999;cursor: pointer;box-sizing: border-box;}
.mo_sub_cont .choice_trad > li.selected{background-color:#fff;}
.mo_sub_cont .choice_trad > li.buy.selected{border-color: #1ca2b4;color: #1ca2b4;}
.mo_sub_cont .choice_trad > li.sell.selected{border-color:var(--ee-red);color: var(--ee-red);}

/* post my ads*/
.mo_inpLst{padding:30px 0;border-top: 1px solid #d3d3d6;}
.mo_inpLst:first-child{border-top: none;}
.mo_inpLst dt{font-size: 18px;color: #000;}
.mo_inpLst dd{margin-top: 16px;}
.mo_inpLst dd .itemCol{margin-top:16px}

/* box */
.mo_sub_cont .cont_box{margin-top:20px;padding:24px 20px 30px;background-color:#f3f3f6;}
.mo_sub_cont .cont_box.gap_top{margin-top:40px;}
.mo_sub_cont .cont_box .tit4{display: block; padding-bottom:20px;margin-bottom:16px;border-bottom:1px solid #d3d3d6;text-align: left;font-weight: 500;}
.mo_sub_cont .cont .tit4{display: block;margin-bottom:16px;text-align: left;font-weight: 500;}
.mo_sub_cont .cont_box .mo_payMethod_tab{margin-top:20px;}
.mo_sub_cont .cont_box .tabnav.type2 > li,
.mo_sub_cont .cont_box .tabnav.type2 > li:hover, 
.mo_sub_cont .cont_box .tabnav.type2 > li.on{background-color: transparent;}

/* list */
.mo_sub_cont .mo_list .tit{display: block;padding-bottom: 4px;}
.mo_sub_cont .mo_list .item{display:flex; justify-content:space-between; margin-top:16px; font-size: 14px;}
.mo_sub_cont .mo_list .item.gap_item{margin-top:0;}
.mo_sub_cont .mo_list .item .name{}
.mo_sub_cont .mo_list .item .subj{color:#000;}
.mo_sub_cont .mo_list .itemCol{margin-top: 16px;}
.mo_sub_cont .mo_list .chckbox{display: block;border-top:1px solid #d3d3d6;padding-top:15px;margin-top:20px;}

/* space */
.mt0{margin-top: 0 !important;}
.mt40{margin-top:40px !important;}

/* paymentMethod */
.mo_paymentMethod .copy_txt_cont{color: #000;}
.mo_paymentMethod .tabnav.type2 > li{font-size: 16px;}

.time_remove > span{font-size:14px;color:#666;font-weight:400;}
.time_remove > .btn_remove{float:right;font-size:14px;padding-right:20px;color:#000;font-weight:400; background:url(/img/mo_content/icon-remove.svg) no-repeat 100% 50%;}

/* no data */
.mo_noData{padding-top: 150px;}
.mo_noData > p{text-align:center;}
.mo_noData .txt{display: inline-block; padding-top:60px; background: url(/img/mo_content/icon-danger.svg) no-repeat 50% 0;}

/* buy sell datail */
.mo_trad_detail{margin-top:40px;}
.mo_trad_detail .tabcontnet > div{padding-top: 20px;}

.mo_bar{margin: 0;margin:40px 20px 0;border:none; border-top:1px solid #d3d3d6;}
.mo_bar + .tit_sub{margin-top:40px;}
.tag_wp{margin-top:16px;}
.tag_wp > span{color:#999; vertical-align: top;}

/* buy sell completed */
.mo_sub_cont .desc_top_txt{margin-top: 14px;font-size: 14px; text-align: center;}
.mo_sub_cont .desc_top_txt > span{color: #000;}
.mo_sub_cont .desc_top_txt + .cont_box{margin-top: 40px;}

.mo_icon_lst{margin-top: 16px;text-align: center;}
.mo_icon_lst > li{display:inline-block;padding-left:20px;margin-left:14px; color:var(--ee-bi-1);background: url(/img/content/icon-check.svg) no-repeat 0 50%;}
.mo_icon_lst > li:first-child{margin-left: 0;}
.mo_icon_lst > li.none{color:#666; background: url(/img/content/icon-check-none.svg) no-repeat 0 50%;;}

.mo_setting li{padding:20px 0; border-top:1px solid #d3d3d6}
.mo_setting li:first-child{border-top: none;padding-top: 0;}
.mo_setting li:last-child{padding-bottom: 0;}
.mo_setting .name{font-size: 14px;}
.mo_setting .num, .mo_setting .exp{color: #000;font-size: 20px;}

.mo_method_item{margin-top: 20px;}
.mo_method_item dt{padding:15px 25px;background-color:#f3f3f6;vertical-align:top;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.mo_method_item dt .tit{position: relative;line-height: 30px;font-size: 18px;font-weight: 500;}
.mo_method_item dt .tit:before{content: "";display: inline-block;width:4px;height:14px;background-color: var(--ee-bi-1);border-radius: 2px;margin-right:8px;}
.mo_method_item dt .stxt{margin-top: 8px;}
.mo_method_btn{display: inline-block;vertical-align: bottom;}
.mo_method_btn > li{display: inline-block;}
.mo_method_btn > li:first-child:after{content:"";display: inline-block; width:1px;height:10px;background-color:#d3d3d6;}
.mo_method_btn a{display: inline-block;line-height: 30px;padding:0 10px;}
.mo_method_btn{margin-right: 10px;}

.mo_method_item dd{padding:16px 20px;border:1px solid #ececec;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.mo_method_cont .itemCol{display: block;}
.mo_method_cont .itemCol > li{margin-top: 16px;}
.mo_method_cont .itemCol > li:first-child{margin-top: 0;}
.mo_method_cont .name{color:#666;font-size: 14px;display: inline-block;width:100px;}
.mo_method_cont .txt{display: inline-block; font-size: 14px;color: #333;}


.mo_sub_cont .qrtip{position:relative;}
.mo_sub_cont .qrtip .qrtip_in{display:inline-block;width:20px;height:20px; background: url(/img/content/icon-qr.svg) no-repeat 0 50%;cursor:pointer;}
.mo_sub_cont .qrtip .qrtip_ct{display:none;position:absolute;bottom:-10px;right:35px;width:120px;height:120px;padding:10px;background-color: #fff; box-sizing:border-box;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);border-radius:5px;}
.mo_sub_cont .qrtip .qrtip_ct:after{content: "";position: absolute;bottom:14px;right:-6px;width:10px;height:10px;background-color:#fff;transform:rotate(-45deg);border: 1px solid #d9d9d9 ;border-width:0 1px 1px 0;}
.mo_sub_cont .qrtip .qrtip_ct img{width:100%;display: block;}

.mo_sub_cont .qrtip.type2{display:inline-block;position: relative;z-index:30;}
.mo_sub_cont .qrtip.type2 .qrtip_in{display:inline-block;width:30px;height:30px; background: url(/img/content/icon-qr.svg) no-repeat 0 50%;cursor:pointer;}
.mo_sub_cont .qrtip.type2 .qrtip_ct{display:none;position:absolute;bottom:-10px;left:25px;width:130px;height:130px;padding:10px;background-color: #fff; box-sizing:border-box;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);border-radius:5px;}
.mo_sub_cont .qrtip.type2 .qrtip_ct:after{content: "";position: absolute;bottom:19px;left:-6px;width:10px;height:10px;background-color:#fff;transform:rotate(-45deg);border: 1px solid #d9d9d9;border-width:1px 0 0 1px;}

.mo_sub_cont .cont > .inpBox:first-child,
.mo_sub_cont .inpBox + .inpBox,
.mo_sub_cont .icn_info + .inpBox{margin-top: 20px;}
.mo_sub_cont .icn_info{margin-top:10px; font-size: 14px;}