.pgCont{padding:40px 0px;} /* 버튼 */ .topBtnGroup{margin-bottom:10px;display:flex;align-items:center;} .topBtnGroup a{margin-left:auto;padding:0px 25px;display:inline-flex;align-items:center;justify-content:center;height:35px;font-size:14px;border:1px solid #aaa;color:#333;} .topBtnGroup a:hover{background-color:steelblue;color:white;border:1px solid steelblue;} .buSearch{display:flex;align-items:center;} .buSearch select{padding:0px 15px;margin-right:5px;} .buSearch button{margin-left:5px;border:1px solid #aaa;padding:0px 15px;height:35px;} .qna_list{width:100%;} .qna_list ul{display:grid;grid-template-columns: repeat(2, 1fr);gap:30px 10px;} .qna_list ul li{padding:20px;margin-bottom:20px;border:1px solid #ccc;font-size:15px;} @media (max-width: 780px) { .qna_list ul{grid-template-columns: repeat( 1, 1fr);} #msgBox li.send1 .dataBox .btnCon{flex-wrap:wrap;} #msgBox li.send1 .dataBox .btnCon button, #msgBox li.send1 .dataBox .btnCon a{margin-bottom:6px;} body #msgBox .dataBox .om_delete{top:3px;} body #msgBox > ul > li > div.omBody{width:95%;} body #msgBox .dataBox .om_subject{font-size:15px;font-weight:600;color:#232323;} body #msgBox .dataBox .btnCon{flex-wrap:wrap;} body #msgBox .dataBox .btnCon button, body #msgBox .dataBox .btnCon a{margin-bottom:6px;} body #msgBox .dataBox .om_content{font-size:14px;} body #msgBox .dataBox .om_reply a .reply_subject{font-size:14px;} body .offer_form > li > .head{padding-left:5px;padding-right:5px;width:80px;font-size:12px;letter-spacing:-0.05em;} .head .bi.bi-asterisk{font-size:11px;} body .offer_form > li > .text{width:calc(100% - 80px);} body .offer_form .offer_now{overflow-x:auto;} body .sub_list{min-width:650px;} body.pg_offer_view .pCont .container{padding-left:0px;padding-right:0px;} body .m_offer_cont{width:100%;overflow-x:hidden;} body .m_offer_cont .sub_list{min-width:480px;} } .qna_list .og_date{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;color:#777;} .qna_list .og_date .new_date{color:#333;font-weight:500;} .qna_list .og_date .date{} .qna_list .og_date .og_use{padding:0px 10px;display:inline-flex;align-items:center;justify-content:center;height:24px; border-radius:10px;font-size:13px;background-color:red;color:white;} .qna_list .og_date .og_use.og_use0{background-color:#777;color:white;} .qna_list .og_subject{margin-bottom:5px;color:black;font-weight:600;font-size:18px;height:auto;max-height:50px;line-height:25px;} .qna_list .og_content{margin-bottom:5px;color:#555;font-weight:600;height:auto;max-height:50px;line-height:25px;overflow:hidden;} .qna_list .om_subject{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ddd;} .og_info{display:flex;align-items:center;color:#777} .og_info > div{margin-bottom:10px;margin-right:15px;} .og_link{display:flex;align-items:center;justify-content:center;text-align:center;} .og_link a,.og_link button {margin:0px 2px;display:inline-flex;align-items:center;justify-content:center;padding:0px 30px;height:45px;border:1px solid #aaa;outline:none;} .og_link button{background-color:tomato;color:white;border:1px solid tomato;} .pg_wrap2{padding:20px 0px;display:flex;align-items:center;justify-content:center;} .pg_wrap2 a , .pg_wrap2 span, .pg_wrap2 strong{margin:0px 2px;display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;font-size:15px;border:1px solid #aaa;font-family:'Nanum Myeongjo';} .pg_wrap2 strong{background-color:#333;color:white;} .pg_wrap2 a:hover{background-color:#eee;color:black;} /*offer form*/ .offer_form{width:100%;border-top:2px solid #aaa;background-color:#eee;} .offer_form > li{width:100%;display:flex;align-items:center;flex-wrap:wrap;border-bottom:1px solid #ccc;} .offer_form > li > .head{padding:10px 5px 10px 10px;;width:150px;background-color:#eee;font-weight:500;} .offer_form > li > .text{padding:10px 5px;width:calc(100% - 150px);background-color:white;} .offer_form > li > .text2{width:100%;background-color:white;} .offer_form .grid2{background-color:white;} .offer_form .op_title {padding:10px 0px 5px 0px;font-size:15px;display:flex;align-items:center;font-weight:600;} .offer_form .offer_prev{width:100%;} .offer_form .offer_now{width:100%;} .offer_form > li > .li_empty{width:100%;padding:10px 0px;text-align:center;} .offer_form input[type='text'], .offer_form input[type='password'], .offer_form select{padding:0px 10px;width:100%;border:1px solid #aaa;height:30px;} .offer_form input.readonly{background-color:#eee;} .offer_form input[type='checkbox'], .offer_form input[type='radio']{width:20px;height:20px;} .offer_form textarea{width:100%;height:100px;padding:10px 15px;} .offer_form .help{margin-top:5px;} .offer_form button.li_btn{display:inline-block;align-items:center;justify-content:center;width:30px;background-color:white;border:1px solid #aaa;height:30px;margin:0px 1px;text-align:center;font-size:18px;font-weight:500} .offer_form .input_file_del{margin-left:10px;border:0px;background-color:white;} .sub_list{width:100%;border-top:2px solid #aaa;} .sub_list li{display:flex;align-items:center;border-bottom:1px solid #ccc;} .sub_list li > div{padding:5px;text-align:center;} .sub_list li.head > div{padding:5px;text-align:center;background-color:#f3f3f3;} .sub_list li > div.li_no{width:50px;} .sub_list li > div.li_item{flex:1;text-align:left;padding-left:10px;} .sub_list li.head > div.li_item {text-align:center;} .sub_list li > div.li_cnt{width:80px;} .sub_list li > div.li_price{width:90px;} .sub_list li > div.li_sum{width:90px;} .sub_list li > div.li_btnSet{width:180px;} .sub_list li button.li_btn_all_del{padding:0px 5px;margin-left:8px;height:25px;font-size:13px;border:1px solid red;background-color:red;color:white;} .sub_list li.total{padding:10px 0px;} .sub_list li.total > div.li_cnt{font-weight:bold;font-size:14px;} .sub_list li.total > div.li_sum{font-weight:bold;text-align:right;font-size:14px;} .bi.bi-asterisk{margin-left:3px;color:red;font-weight:bold;font-size:14px;} /*image list*/ .img_list button.il_btn{display:inline-block;align-items:center;justify-content:center;width:35px;background-color:white;border:1px solid #aaa;height:35px;margin:0px 1px;text-align:center;font-size:18px;font-weight:500} .img_list{width:100%;border-top:2px solid #aaa;} .img_list li{display:flex;align-items:center;border-bottom:1px solid #ccc;} .img_list li > div{padding:5px;text-align:center;} .img_list li.head > div{padding:5px;text-align:center;background-color:#f3f3f3;} .multi_file{display:flex;align-items:center;flex-wrap:wrap;} #formBox .formFile .applyBtn{margin-right:0px;width:120px;} .img_list li > div.il_no{width:50px;} .img_list li > div.il_file{flex:1} .img_list li > div.il_delete{width:120px;} .img_list li > div.il_mange{width:100px;} .img_list li > div.il_file {text-align:left;} .img_list li > div.il_file > div {width:100%;} .multi_file .input_file_del{display:inline-flex;align-items:center;justify-content:center;height:15px;margin-left:2px;padding:0px 10px;height:15px;border:0px solid #aaa;background-color:white;font-size:14px;} .btnGroup{padding:10px 0px 20px 0px;;display:flex;align-items:center;justify-content:center;} .btnGroup button{display:inline-flex;align-items:center;justify-content:center;margin:0px 2px;height:50px;padding:0px 40px;font-size:16px;border:1px solid #aaa;background-color:white;} .btnGroup button.submit{background-color:#333;color:white;border:1px solid #333;} /*offer view*/ .offerHead{position:fixed;width:100%;top:0px;left:0px;background-color:white;z-index:10;border-bottom:1px solid #ccc;} .offerHead > div{margin:0px auto;max-width:1230px;padding:0px 15px;display:flex;align-items:center;height:60px;} .offerHead a{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;font-size:30px;} .offerHead div.offerSubject{flex:1;text-align:left;height:auto;max-height:56px;line-height:28px;font-size:18px;font-weight:600;} .offerHead .formFile{margin-left:auto;} .offerHead .formFile > button{margin-left:5px;padding:0px 15px;height:35px;border:1px solid #aaa;font-size:13px;} .offerPadding{height:60px;} #offerBox{width:100%;} #msgBox{padding-bottom:50px;position:relative;width:100%;min-height:calc(100vh - 60px);border:1px solid #ddd;background-color:floralwhite;} #msgBox > ul{padding:15px;} #msgBox > ul > li{width:100%;margin-top:30px;} #msgBox > ul > li.send1{display:flex;justify-content:flex-end;} #msgBox > ul > li > div.omBody{width:75%;position:relative;} #msgBox > ul > li > div .info {padding-left:10px;display:flex;align-items;center;margin-bottom:8px;width:100%;font-size:15px;} #msgBox > ul > li > div .info .name{margin-right:10px;} #msgBox > ul > li > div .info .read{margin-left:5px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;height:25px;padding:0px 10px;border-radius:10px;background-color:red;color:white;} #msgBox .dataBox {position:relative;width:100%;border:1px solid #aaa;padding:10px 20px;border-radius:10px;background-color:white;} #msgBox > ul > li.on .dataBox{border:1px solid blue;} #msgBox > ul > li.send1 .dataBox{background-color:lemonchiffon;} #msgBox .dataBox .om_reply{margin-bottom:5px;width:100%;border-bottom:1px solid #ccc;} #msgBox .dataBox .om_reply a{padding:5px;display:block;font-size:15px;} #msgBox .dataBox .om_reply a .reply_head{color:black;} #msgBox .dataBox .om_reply a .reply_head i{font-size:16px;} #msgBox .dataBox .om_reply a .reply_subject{color:#888;} #msgBox .dataBox .om_subject{margin-bottom:7px;font-size:17px;font-weight:500;color:#333;} #msgBox .dataBox .om_content{margin-bottom:7px;font-size:16px;font-weight:400;color:#555;line-height:25px;} #msgBox .dataBox .dataFile{width:100%;} #msgBox .dataBox .dataFile ul{display:flex;align-items:center;flex-wrap:wrap;width:100%;} #msgBox .dataBox .dataFile ul li{margin:0px 5px 10px 0px;} #msgBox .dataBox .dataFile ul li a{display:inline-flex;align-items:center;justify-content:center;height:25px;padding:0px 10px;background-color:#f3f3f3;font-size:14px;} #msgBox .dataBox .btnCon{display:flex;align-items:center;} #msgBox li.send1 .dataBox .btnCon{display:flex;align-items:center;justify-content:flex-end;} #msgBox .dataBox .btnCon button, #msgBox .dataBox .btnCon a{margin-right:5px;display:inline-flex;align-items:center;justify-content:center;padding:0px 10px;height:35px;border:1px solid #aaa;background-color:white;font-size:13px;letter-spacing:-0.05em;} #msgBox .dataBox .btnCon button i{margin-right:5px;} #msgBox .dataBox .btnCon button.btnView{} #msgBox .dataBox .btnCon button.btnDelete{} #msgBox .dataBox .btnCon button.btnCopy{} #msgBox .dataBox .btnCon button.btnReply{} .formFile{margin:5px 0px;display:flex;align-items:center;} .formFile > button{margin-right:0px;width:120px;height:30px;border:1px solid #aaa;font-size:13px;} .formMsg{width:100%;} .formMsg textarea{margin:0px;padding:10px 15px;width:100%;height:150px;line-height:25px;font-size:13px;border:1px solid #ccc;} .formMsg .multi_file{margin-bottom:10px;width:100%;display:flex;align-items:center;height:40px;padding:0px 10px;} .formMsg button{width:100%;height:50px;background-color:#333;color:white;transition:none;font-size:15px;border:1px solid #333;border-radius:5px;} #msgBox .dataBox .om_delete{position:absolute;top:5px;right:5px;} #msgBox .dataBox .om_delete button{background-color:white;color:black;font-size:22px;border:0px;} #offerModal .of_head{margin-bottom:5px;display:flex;align-items:center; justify-content:space-between;} #offerModal .of_head .count{display:flex;align-items:center;font-size:15px;} #offerModal .of_head .count button{border:0px;background-color:white;font-size:18px;font-weigth:bold;} #offerModal .of_head .count div{display:flex;align-items:center;margin:0px 10px;} #offerModal .of_head .count div span.vline{margin:0px 5px;} #offerModal .of_head .count strong{} #offerModal .of_btn {margin-left:auto;display:flex;algin-items:center;} #offerModal .of_btn button{margin-left:5px;padding:0px 10px;border:1px solid #aaa;background-color:white;color:black;border:1px solid #777;height:35px;font-size:14px;} #offerModal .of_info{margin-bottom:5px;font-size:14px;} #offerModal .of_info{display:flex;align-items:center;} #offerModal .of_info .name{} #offerModal .of_info .date{margin-left:20px;} .offer_list{width:100%;margin-bottom:20px;border-top:2px solid #aaa;} .offer_list table{width:100%;border-left:1px solid #ccc;} .offer_list table td{padding:10px 5px;font-size:14px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:center;} .offer_list table tr.head td{background-color:#fafafa;text-align:center;font-weight:500;} .offer_list table td.cnt{width:80px;text-align:center;} .offer_list table td.it_name{text-align:left;padding-left:10px;} .moveTop{position:fixed;bottom:30px;right:30px;} .moveTop button{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background-color:rgba(0,0,0,0.8);color:white;font-size:20px;} .moveTop button i{margin:0px;} .offer_help{font-size:13px;color:blue;}