@charset "utf-8";


/*고객관리 - 목록*/

.top_search{background-color:#ededed;padding:25px;font-size:0;}
.top_search input[type="text"]{background-color:#fff;height:44px;border-radius:5px;width:100%;text-indent:13px;}
.top_search input.calendar{width:48.5%;background:url(../img/svg/calendar.svg) no-repeat right 10px center #fff;background-size:20px auto;}
.top_search input.calendar:first-child{margin-right:3%;}
.top_search span.gap{display:inline-block;vertical-align:middle;width:8%;font-size:18px;text-align:center;}
.top_search input.keyword{margin:3% 0 13px;}
.top_search a.btn_search{display:block;background-color:#555;line-height:50px;font-size:18px;font-weight:600;color:#fff;border-radius:5px;text-align:center;}
.top_search a.btn_search span{font-weight:600;font-size:18px;}

.cm_list{}
.cm_list div.cm_item{display:flex;;padding:25px;background-color:#fff;border-radius:0;border-bottom:1px solid #ededed;}
.cm_list div.cm_item .progress{width:100px;padding-left:5px;font-size:15px;display:flex;flex-wrap:wrap;align-items:center;flex-shrink:0;text-align:right;}

.cm_list div.cm_item .info .depth{font-weight:600;}
.cm_list div.cm_item .info .date{font-size:13.4px;color:#999;}
.cm_list div.cm_item div.icon{text-align: right;align-content: center;}
.cm_list div.cm_item div.icon input{width:40%;text-align:center;border-bottom: 1px solid #ddd;height: 30px;background-color: #ddd;}
.cm_list div.cm_item div.icon i {font-size: 1.5em;border: 1px solid #ddd;color: gray;border-radius: 3px;padding: 2px;top:6px;position: relative;}
.cm_list div.cm_item div.icon p {color: blue;margin-top: 5px;font-weight: bold;font-size: 1.2em;}


/*.cm_list a .progress>div{min-width: 0;width:100%;}*/
/*.cm_list a .progress>div p{margin-bottom:5px;}*/
/*.cm_list a .progress>div .icon{display:inline-block;padding:0 12px;min-width:60px;line-height:30px;font-size:14px;color:#fff;font-weight:600;text-align:center;border-radius:30px;}*/

/*페이징*/
.paging {text-align:center;margin:40px 0;font-size:0;}
.paging a {display:inline-block;margin:2px;height:40px;line-height:40px;min-width:40px;padding:0 4px;color:#333;font-size:17px;font-weight:500;border:1px solid #ddd;background-color:#fff; vertical-align:middle;}
.paging span {display:inline-block;margin:2px;height:40px;line-height:40px;min-width:40px;padding:0 4px;color:#0876DC;font-size:17px;font-weight:500;border:1px solid #0876DC;background-color:#fff;vertical-align:middle;}
.paging a.pre {background:url(../img/svg/arrow_prev.svg) no-repeat center center;background-color:#fff;overflow:hidden;text-indent:-9999px;}
.paging a.next {background:url(../img/svg/arrow_next.svg) no-repeat center center;background-color:#fff;overflow:hidden; text-indent:-9999px;}
.paging a:hover {border:1px solid #444; text-decoration:none;}


/*고객관리 - 접수내용*/
.top_info{background-color:#f1f1f1;padding:25px;position:relative;}
.top_info ul li{font-size:17px;}
.top_info ul li span{font-weight:600;}
.top_info span.icon{position:absolute;bottom:30px;right:20px;display:block;width:80px;line-height:40px;font-size:17px;color:#fff;font-weight:600;text-align:center;border-radius:30px;}
.top_info ul li img.view_client_info{width:22px;transform:translateY(-1px);cursor:pointer;}

.view_tab{font-size:0;text-align:center;margin:25px 0 20px;}
.view_tab li{display:inline-block;margin:0 4px 5px 0;}
.view_tab li:last-child{margin-right:0;}
.view_tab li a{display:block;background-color:#f1f1f1;line-height:36px;border-radius:30px;font-size:14.2px;font-weight:400;letter-spacing:-0.4px;padding:0 14px;}
.view_tab li a.selected{background-color:#333;color:#fff;font-weight:600;}

@media screen and (max-width:400px) {
.view_tab li{margin:0 2px 5px 0;}
.view_tab li a{letter-spacing:-1px;padding:0 12px;}
}

.view_wrap{padding:0 25px 30px;border-top:1px solid #e8e8e8;}
.view_wrap h3.title{font-size:19.4px;font-weight:700;}
.view_wrap .reg_info{font-size:15px;margin-top:-2px;}
.view_wrap .attach{font-size:0;background-color:#f1f1f1;border-radius:5px;padding:10px;margin-top:30px;}
.view_wrap .attach a{display:inline-block;font-size:15px;line-height:19px;padding-left:17px;margin:4px 8px 4px 0;background:url(../img/svg/attach.svg) no-repeat 0 0;background-size:18px auto;}

.scm_result{border:1px solid #ddd;border-radius:5px;padding:13px 15px 13px 10px;}
.scm_result li{background:url(../img/svg/problem.svg) no-repeat 8px 3px;background-size:21px auto;padding-left:31px;}
.scm_result li span{font-weight:600;margin-right:10px;}

.view_wrap .memo_list{margin-top:5px;}
.view_wrap .memo_list li{margin-top:25px;}
.view_wrap .memo_list li:first-child{margin-top:0;}
.view_wrap .memo_list li .writer{position:relative;padding:8px 31px;border-radius:5px;background:url(../img/svg/user.svg) no-repeat 8px 11px #f1f1f1;background-size:21px auto;}
.view_wrap .memo_list li .writer p{font-size:17px;font-weight:600;}
.view_wrap .memo_list li .writer p span{font-size:14px;font-weight:400;color:#888;}
.view_wrap .memo_list li .writer .func{position:absolute;top:50%;right:-4px;transform:translateY(-50%);padding:5px 10px;z-index:4;}
.view_wrap .memo_list li .writer .func .btn_func{display:none;border:1px solid #555;width:56px;border-radius:5px;position:absolute;top:-5px;right:0px;background-color:#fff;}
.view_wrap .memo_list li .writer .func .btn_func a{display:block;border-bottom:1px solid #ddd;font-size:14px;line-height:36px;text-align:center;}
.view_wrap .memo_list li .writer .func .btn_func a:last-child{border:none;}
.view_wrap .memo_list li .writer .func.selected .btn_func{display:block;}
.view_wrap .memo_list li .memo{line-height:1.5;padding:20px 0px 5px 10px;}
.view_wrap .memo_list li .attach_memo{text-align:right;}
.view_wrap .memo_list li .attach_memo a{display:inline-block;font-size:14px;line-height:19px;padding-left:17px;margin-left:4px;background:url(../img/svg/attach.svg) no-repeat 0 0;background-size:18px auto;}

.btn_memo{padding:5px 0 0;display:flex;flex-wrap:wrap;flex-shrink:0;}
.btn_memo .left{width:50%;}
.btn_memo .left .btn_attach{line-height:42px;width:130px;}
.btn_memo .left .btn_attach img{transform:translateY(-1px);}
.btn_memo .right{width:50%;text-align:right;}
.btn_memo .attached_list{width:100%;}


.view_history{padding:20px 25px;border-top:1px solid #e8e8e8;font-size:15px;line-height:24px;}
.view_history p{padding-left:20px;background:url(../img/svg/clock.svg) no-repeat 0 2px;background-size:18px auto;}

.btn_area{padding:30px 25px;border-top:1px solid #e8e8e8;display:flex;flex-shrink:0;}
.btn_area .left{width:40%;}
.btn_area .right{width:60%;text-align:right;}

.btn_area_center{padding:30px 25px;border-top:1px solid #e8e8e8;text-align:center;}
.btn_area_right{padding:30px 25px;border-top:1px solid #e8e8e8;text-align:right;}

.btn{display:inline-block;font-size:16px;color:#222;font-weight:600;line-height:42px;padding:0 20px;text-align:center;background-color:#ededed;border-radius:10px;}
.btn.blue{background-color:#0876dc;color:#fff;}
.btn.gray{background-color:#555;color:#fff;}
.btn.w80{width:80px;}
.btn.w100{width:100px;}

#pop_client_info{position:fixed;bottom:-600px;left:25px;width:calc(100% - 50px);background-color:#fff;padding:25px;border-radius:30px 30px 0 0;overflow:hidden;box-shadow:4px 0 8px rgba(0,0,0,0.15);z-index:8002;}
#pop_client_info .pop_title{position:relative;padding:0 0 8px;border-bottom:1px solid #444;}
#pop_client_info .pop_title h4{font-size:19px;font-weight:700;}
#pop_client_info .pop_title span.close_pop{position:absolute;top:-18px;right:-18px;padding:10px;}
#pop_client_info .pop_title span.close_pop img{width:30px;}
#pop_client_info ul{padding-top:10px;}
#pop_client_info ul li{line-height:1.3;}
#pop_client_info ul li span{display:block;margin:15px 0 5px;font-weight:700;}
#bg_client_info{display:none;position:fixed;top:0;left:0;width:100%; height:100%;background-color:rgba(0,0,0,0.1);z-index:8001;}

.write_form{background-color:#ededed;padding:25px;}
.write_form span.form_title{display:block;font-weight:600;padding:20px 0 7px;}
.write_form input[type="text"]{background-color:#fff;height:50px;width:100%;border-radius:5px;text-indent:13px;}
.write_form select{height:50px;width:100%;padding:0 20px 0 13px;
-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;
background:url(../img/svg/arrow_down.svg) no-repeat right 10px center #fff;background-size:24px auto;border-radius:5px;}
.write_form input[type="checkbox"]{width:16px;height:16px;vertical-align:middle;transform:translateY(-1px);}}
.write_form .input_box{line-height:50px;padding-left:13px;background-color:#fff;border-radius:5px;}
.write_form .input_box label{margin-right:10px;}
.write_form textarea{background-color:#fff;width:100%;overflow:auto;border-radius:5px;padding:13px;}
.write_form a.btn_attach{display:block;line-height:50px;text-align:center;background-color:#fff;border-radius:5px;}
.write_form a.btn_attach img{width:20px;}
.write_form .attached_list{padding-top:15px;}
.write_form .attached_list li{background:url(../img/svg/attach.svg) no-repeat 0 center;background-size:18px auto;padding-left:20px;}
.write_form input.calendar{width:48.5%;background:url(../img/svg/calendar.svg) no-repeat right 10px center #fff;background-size:20px auto;}

.write_form .meet_date{display:flex;flex-shrink:0;}
.write_form .meet_date input{width:48%;}
.write_form .meet_date select{width:25%;margin-left:1%;}

.write_form .quantity{display:flex;flex-shrink:0;}
.write_form .quantity label{display:inline-block;vertical-align:middle;background-color:#fff;line-height:50px;border-radius:5px;width:100px;text-align:center;margin-right:2%;}
.write_form .quantity input{width:cale(98% - 100px);}

/*알림설정*/
.alarm_box{background-color: #fff;width: 100%;border-radius: 5px;padding:13px 13px;}
.alarm_box .show_checked{display:none;}
.alarm_box .show_checked .list_depart{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:10px 0 10px;padding:10px 0 10px;}
.alarm_box .show_checked .list_depart label{display:block;font-size:14.6px;line-height:30px;}
.alarm_box .show_checked .add_btn_area{text-align:center;padding:5px 0;}
.alarm_box .show_checked .add_btn_area .btn_add_depart{display:inline-block;font-size:14px;color:#222;font-weight:500;line-height:32px;padding:0 10px 0 8px;border:1px solid #777;border-radius:5px;cursor:pointer;}
.alarm_box .show_checked .add_btn_area .btn_add_depart img{width:20px;vertical-align:middle;transform:translateY(-2px);}

#pop_add_depart{display:none;position:fixed;top:50%;left:50%;width:calc(100% - 24px);transform:translate(-50%, -50%);border-radius:15px;overflow:hidden;box-shadow:4px 0 8px rgba(0,0,0,0.15);z-index:8002;}
#pop_add_depart .pop_title{position:relative;padding:0 0 0 20px;background-color:#444;line-height:48px;}
#pop_add_depart .pop_title h4{font-size:18px;font-weight:700;color:#fff;}
#pop_add_depart .pop_title span.close_pop{position:absolute;top:-10px;right:0px;padding:10px;}
#pop_add_depart .pop_title span.close_pop img{width:30px;}
#pop_add_depart .pop_cont{background-color:#fff;padding:18px 18px 24px 18px;}
#pop_add_depart .pop_cont input[type="text"]{background-color:#f2f2f2;height:44px;font-size:15px;border-radius:5px;width:100%;text-indent:13px;margin-bottom:15px;}
#pop_add_depart .pop_cont .counter{position:relative;font-size:13.4px;line-height:40px;border-bottom:1px solid #444;margin:0 0 15px;}
#pop_add_depart .pop_cont .counter span.more{display:block;position:absolute;top:5px;right:0;cursor:pointer;line-height:30px;font-size:13.4px;font-weight:500;width:50px;
background-color:#f2f2f2;border-radius:8px;text-align:center;}
#pop_add_depart .pop_cont .btn_select{cursor:pointer;display:inline-block;font-size:14.6px;color:#fff;font-weight:600;line-height:36px;padding:0 15px;text-align:center;
background-color:#0876dc;border-radius:10px;}


#bg_pop_add_depart{display:none;position:fixed;top:0;left:0;width:100%; height:100%;background-color:rgba(0,0,0,0.1);z-index:8001;}


/*메세지1*/
select.select_group{height:70px;width:100%;padding:10px 25px;font-size:19px;font-weight:700;
-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;
background:url(../img/svg/arrow_down.svg) no-repeat right 14px center #f1f1f1;background-size:32px auto;}

.msg_list{}
.msg_list a{display:block;padding:25px;background-color:#fff;border-radius:0;border-bottom:1px solid #ddd;}
.msg_list a .name{font-size:18px;font-weight:700;background:url(../img/svg/user.svg) no-repeat -2px 3px;background-size:23px auto;padding-left:24px;}
.msg_list a .name span{font-size:14px;font-weight:400;color:#888;}
.msg_list a .memo{line-height:1.5;padding:10px 0px 10px 0;}
.msg_list a .client{font-size:15px;font-weight:500;text-align:right;}
.msg_list a .client img{width:20px;transform:translateY(-2px);}

.icon_new{display:inline-block;vertical-align:middle;transform:translateY(-2px);font-size:11px;font-weight:600;color:#fff !important;line-height:17px;padding:0 4px;border-radius:5px;background-color:#ff5900;}

/*제품문의*/
.qna_list{}
.qna_list a{display:flex;flex-shrink:0;padding:25px;background-color:#fff;border-radius:0;border-bottom:1px solid #ededed;}
.qna_list a .info{width:calc(100% - 80px);}
.qna_list a .reply{width:80px;display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;}
.qna_list a .info p{line-height:1.4;margin-bottom:5px;}
.qna_list a .info .subject{font-size:17px;font-weight:600;}
.qna_list a .info .date{font-size:13.4px;color:#999;margin:0;}
.qna_list a .reply .icon{display:block;width:60px;padding:13px 0;line-height:17px;font-size:14px;color:#fff;letter-spacing:-0.6px;font-weight:600;text-align:center;border-radius:20px;}


.top_search.product_search ul{font-size:0;text-align:center;}
.top_search.product_search ul li{display:inline-block;width:135px;margin:2px;}
.top_search.product_search ul li span{display:block;font-size:15px;color:#fff;font-weight:600;border-radius:40px;line-height:42px;text-align:center;background-color:#0876dc;}
.top_search.product_search ul li a{display:block;font-size:15px;font-weight:600;border-radius:40px;line-height:42px;background-color:#fff;text-align:center;padding-left:8px;letter-spacing:-0.5px;}
.top_search.product_search ul li a img{transform:translateY(-2px);}


.tb_data{width:100%;border-top:1px solid #333;}
.tb_data th{border-bottom:1px solid #333;border-left:1px solid #e5e5e5;background-color:#fafafa;padding:16px 5px; color:#111;line-height:20px;font-size:16px;font-weight:500;}
.tb_data td{border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;font-size:16px;line-height:20px;font-weight:300;background: #fff;color: #222;padding:16px 5px;text-align:center;}
.tb_data th:first-child, .tb_data td:first-child{border-left:none;}
.tb_data tr:last-child td{border-bottom:1px solid #333;}
.tb_data .tal{padding-left:10px;}

.tb_data2{width:100%;border-top:1px solid #333;}
.tb_data2 th{border-bottom:1px solid #333;border-left:1px solid #e5e5e5;background-color:#fafafa;padding:10px 5px; color:#111;line-height:20px;font-size:14.2px;font-weight:500;}
.tb_data2 td{border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;font-size:14.2px;line-height:20px;font-weight:300;background: #fff;color: #222;padding:10px 5px;text-align:center;}
.tb_data2 th:first-child, .tb_data2 td:first-child{border-left:none;}
.tb_data2 tr:last-child td{border-bottom:1px solid #333;}
.tb_data2 .tal{padding-left:5px;}

.table_touch_wrap .touch_msg{display:none;}

@media screen and (max-width:420px){
.table_touch_wrap{overflow:auto;}
.table_touch_wrap .touch_msg{display:inline-block;font-size:13.4px;letter-spacing:-0.2px;color:rgba(255,255,255,0.85);line-height:30px;font-weight:500;padding:0 12px ;background-color:#555;border-radius:10px 10px 0 0;}
.table_touch_wrap .touch_msg img{width:15px;vertical-align:middle;transform:translateY(-2px);}
.table_touch_wrap table{width:400px;}
}

.notice_qna{border-top:1px solid #ddd;padding-top:30px;}
.notice_qna .tab{font-size:0;text-align:center;}
.notice_qna .tab li{display:inline-block;margin:2px;font-size:15px;font-weight:600;padding:0 30px;border-radius:40px;line-height:42px;text-align:center;background-color:#eee;}
.notice_qna .tab li.selected{color:#fff;background-color:#26c7b2;}
.notice_qna .list{padding:25px;}
.notice_qna .list li{text-overflow: ellipsis; white-space:nowrap; overflow:hidden;line-height:30px;margin-bottom:3px;}
.notice_qna .list li a{background:url(../img/spot_ul.gif) no-repeat 0 8px;padding-left:10px;}
.notice_qna .list li a .icon{display:inline-block;vertical-align:middle;transform:translateY(-2px);font-size:12px;font-weight:600;line-height:26px;padding:0 10px;border-radius:30px;border:1px solid #ccc;}


/*공지*/

.notice_tab{font-size:0;text-align:center;padding:25px 0 20px;border-bottom:1px solid #e5e5e5;}
.notice_tab li{display:inline-block;margin:0 4px 5px 0;}
.notice_tab li:last-child{margin-right:0;}
.notice_tab li a{display:block;background-color:#f1f1f1;line-height:36px;border-radius:30px;font-size:14.2px;font-weight:400;letter-spacing:-0.4px;padding:0 14px;}
.notice_tab li a.selected{background-color:#333;color:#fff;font-weight:600;}

@media screen and (max-width:400px) {
.notice_tab li{margin:0 2px 5px 0;}
.notice_tab li a{letter-spacing:-1px;padding:0 12px;}
}

.notice_list{}
.notice_list a{display:block;padding:25px;background-color:#fff;border-bottom:1px solid #ededed;}
.notice_list a p{line-height:1.4;margin-bottom:5px;}
.notice_list a .subject{font-size:17px;font-weight:600;}
.notice_list a .date{font-size:13.4px;color:#999;margin:0;}

.box_icon_cate{display:inline-block;background-color:#fff;font-size:13.4px;font-weight:500;line-height:26px !important;border-radius:30px;border:1px solid #ccc;padding:0 12px;margin:0 0 10px -3px !important;}


/*미팅*/
.meet_list{}
.meet_list a{display:block;padding:25px;background-color:#fff;border-bottom:1px solid #ededed;}
.meet_list a p{line-height:1.4;margin-bottom:5px;}
.meet_list a .subject{font-size:17px;font-weight:600;}
.meet_list a .comment{font-size:15px;line-height:19px;color:#666;height:38px;overflow:hidden;margin:8px 0 10px;}
.meet_list a .date{font-size:13.4px;color:#999;margin:0;}