#contents {min-height:unset;}
.btn_inquiry{width:110px; height:30px; background-color:#3f93cf; position:absolute; top:6px; right:10px; z-index: 3;}
.btn_inquiry a{width:100%; height:100%; line-height:30px; display:inline-block; text-align:center; color:#fff; font-size:11px; font-family:'dotum','돋음'; font-weight:bold; letter-spacing:-0.5px;}

.cscenter_onebyone{margin-bottom:0px;}
.btns{margin:0px;}

.info_wrap{width:100%;}
.info_wrap .info_tit{width:100%; height:45px; line-height:45px; background-color:#f2f2f2; overflow:hidden;}
.info_wrap .info_tit h5{width:calc(100% - 150px); height:100%; text-indent:10px; font-size:14px; font-weight:bold; float:left;}
.info_wrap .info_tit .btns{width:150px; height:100%; position:relative; float:left; }
.info_wrap .info_tit .btns .btn_setting{width:20px; height:20px; text-align:center; line-height:0px; text-indent:0px;
position:absolute; top:12.5px; right:10px; cursor:pointer; }
.info_wrap .info_tit .btns .btn_setting img{width:100%;}
.info_wrap .info_tit .btn_inner{width:100%; height:100%; display:none;}
.info_wrap .info_tit .btn_inner > div{width:62px; height:28px; margin:7.5px 10px 0px 0px; float:right;}
.info_wrap .info_tit .btn_inner > div a{width:100%; height:100%; line-height:28px; font-size:12px; text-align:center; display:block;}
.info_wrap .info_tit .btn_inner > div.btn01{border:1px solid #cacaca; background-color:#e4e4e4;}
.info_wrap .info_tit .btn_inner > div.btn02{border:1px solid #777; background-color:#f2f2f2;}
.info_wrap .info_tit .btn_inner > div.btn02 a{color:#000;}

.info_wrap .info_text{width:100%; height:55px; overflow:hidden; padding:10px; box-sizing:border-box;}
.info_wrap .info_text p{width:100%; height:100%; line-height:18px; font-size:13px;}
.info_wrap .info_text p span{color:#ff0103; font-weight:bold;}
.info_wrap .info_text .btn_inquiry {display:none;}

.info_wrap .info_list{width:100%; padding:10px 10px 0 10px; box-sizing:border-box;}
.info_wrap .info_list ul{width:100%; font-family:'dotum','돋음';}
.info_wrap .info_list ul li{width:100%; height:94px; padding:15px 10px 0px 10px; border:1px solid #e5e5e5; box-sizing:border-box; overflow:hidden; border-radius:5px; margin-bottom:10px;}
.info_wrap .info_list ul li .inq_date{width:100%; height:20px; font-size:12px;}
.info_wrap .info_list ul li .inq_date > span{color:#3f93cf; font-weight:bold; margin-right:5px;}
.info_wrap .info_list ul li .inq_date .text_info{display:inline-block; font-style:normal; float:right;}

.info_wrap .info_list ul li .inner{width:100%; height:40px; padding-top:5px; overflow:hidden;}
.info_wrap .info_list ul li .inner .btn_chk {font-size:11px;}

.info_wrap .info_list ul li .inq_img{width:50px; height:40px; float:left;}
.info_wrap .info_list ul li .inq_img span{width:40px; height:40px; display:inline-block; background-repeat:no-repeat; background-size:cover; background-position:center center;}

.info_wrap .info_list ul li .inq_text{width:calc(100% - 218px); height:100%; float:left;}
.info_wrap .info_list ul li .inq_text .text_info{width:100%; font-size:12px; color:#000; padding-bottom:5px;}
.info_wrap .info_list ul li .inq_text .text_info span{color:#999;}
.info_wrap .info_list ul li .inq_text .text_name{height:38px; font-size:11px; color:#999; line-height:18px; padding-top:2px; margin-right:2px; overflow: hidden; text-overflow: ellipsis;
word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.info_wrap .info_list ul li .inq_state{width:93px; height:100%; padding-top:4px; color:#000; text-align:center; box-sizing:border-box;font-size:11px; float:left;}
.info_wrap .info_list ul li .inq_state span{width:100%; display:inline-block;}
.info_wrap .info_list ul li .inq_state span img{width:24px;}
.info_wrap .info_list ul li .inq_state strong{width:100%; display:inline-block;}

.info_wrap .info_list ul li .inq_center{width:75px; height:100%; text-align:center; box-sizing:border-box; position:relative; float:left; }
.info_wrap .info_list ul li .inq_center span{width:100%; height:100%; color:#ff002a; font-size:11px; overflow: hidden; text-overflow: ellipsis;
word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.info_wrap .info_list ul li .inq_center img{width:8px; position:absolute; right:0px; top:12.5px;}
.info_wrap .info_list ul li .inq_center.one a{line-height:40px;}
.info_wrap .info_list ul li .inq_center.two span{line-height:14px; padding:0 2px;}
.info_wrap .info_list ul li .inq_center.two span span {padding:0;}

.info_wrap .info_list ul li .btn_chk{width:75px; height:100%;  line-height:40px; font-weight:bold; color:#ff0103; text-align:right; box-sizing:border-box; position:relative; float:left; display:none;}
.info_wrap .info_list ul li .btn_chk input{width:26px; height:26px; margin-top:7px;}


/*------글쓰기 */
.chat_wrap{width:100%; height:100%; overflow:hidden;}
.chat_wrap > h3{width:100%; height:40px;  border:1px solid #d2d5d9; box-sizing:border-box; background-color:#4492cf; position:relative;}
.chat_wrap > h3 span{line-height:40px; text-indent:10px; color:#fff; display:inline-block; font-weight:bold; font-size:14px; }
.chat_wrap > h3 > .btn_out{width:65px; height:26px; border:1px solid #fff; text-align:center; position:absolute; top:5px; right:10px; line-height:26px; color:#fff; font-size:12px; display:inline-block;}
.chat_wrap > h3 > .btn_out a {color:#fff; display:block;}

.chat_wrap > .chatting{width:100%; background-color:#f0f2f5; border-width:0px 1px 1px 1px; border-color:#d2d5d9; border-style:solid; box-sizing:border-box;}
.chat_wrap > .chatting > .inner{width:100%; height:100%; overflow-y:scroll; position:fixed; background-color:#fbfbfb;}
.chat_wrap > .chatting > .inner .notice{width:calc(100% - 20px); height:40px; line-height:40px; background-color:#fff; margin:2px 10px 5px ; border-radius:5px; text-indent:10px; font-size:12px; border:0px; letter-spacing:-0.5px; position:fixed; z-index:2;}
.chat_wrap > .chatting > .inner .notice > img{width:18px; vertical-align:middle; margin-top:-3px;}
.chat_wrap > .chatting > .inner .notice > span > strong{color:#ff0000;}
.chat_wrap > .chatting > .inner .chat_list{width:100%; padding:40px 10px 140px 10px; box-sizing:border-box; position:relative;}
.chat_wrap > .chatting > .inner .chat_list .date{width:100%; height:27px; text-align:center; display:inline-block; padding:15px 0;}
.chat_wrap > .chatting > .inner .chat_list .date > span{width:130px; height:100%; line-height:27px; text-align:center; display:inline-block; background-color:#d8d8d8; border-radius:27px; color:#fff; font-size:11px;}

.chat_wrap > .chatting > .inner .chat_list > .inner{width:100%; overflow:hidden;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul{width:100%; overflow:hidden;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li{width:100%; overflow:hidden; box-sizing:border-box; position:relative; margin-bottom:15px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.last_chat {padding-bottom:81px;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .text_box{width:100%; display:inline-block; margin-bottom:2px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .text_box .text{padding:10px; display:inline-block; border-radius:5px; font-size:12px; line-height:18px; word-break:break-all;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .text_box .text .email_comment img {width:100%;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt{padding-left:55px; float:left;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .logo{width:42px; height:42px; position:absolute; top:0px; left:0px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .logo img{width:100%;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .text_box .name{width:100%; padding-bottom:5px; font-size:13px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .text_box .text{background-color:#fff; max-width:70%;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .text_box .text.bottom {margin-top:15px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .text_box .text .img_box {padding:5px; display:inline-block; box-sizing:border-box; border-radius:5px; position:relative; box-shadow:-1px 1px 1px 1px #d4d3d3; margin:10px 3px 0 0; cursor:pointer;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .text_box .text .img_box img {width:90px; height:90px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .text_box .text .btns {width:60%; min-width:75px; max-width:280px; height:40px; line-height:40px; border-radius:50px; text-align:center; border:2px solid #4492cf; background-color:#fff; font-size:13px; font-weight:bold; color:#4492cf!important; margin:5px auto; cursor:pointer; letter-spacing:-1px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .text_box .text .btns2 {width:80%; min-width:165px; max-width:250px; height:40px; line-height:40px; border-radius:50px; text-align:center; border:2px solid #4492cf; background-color:#fff; font-size:13px; font-weight:bold; color:#4492cf!important; margin:5px auto; cursor:pointer; letter-spacing:-1px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .text_box .text .ctxt_btn_wrap {height:100%; line-height:35px; margin-bottom:10px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .text_box .text .ctxt_btn_wrap a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #696969; background-color:#696969; font-size:13px; color:#fff; line-height:25px;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .text_box .text .sel_btns {margin:0 auto; text-align:center;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .text_box .text .sel_btns .btns {display:inline-block; margin-right:5px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .text_box .text .sel_btns .btns:last-child {margin-right:0px;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .imgs_box{width:100%; margin-bottom:2px; margin-top:10px; text-align:left;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .imgs_box > .inner{width:100%; height:60px; text-align:left; display:inline-block;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .imgs_box > .inner > p{width:60px; height:60px; display:inline-block; float:left; background-size:cover; background-color:#eee;
background-position:center center; background-repeat:no-repeat;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .imgs_box > .inner > .photo {width:60px; height:60px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .imgs_box > .inner > .photo img{width:100%;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .imgs_box > .inner > p:first-child{border-radius:5px 0px 0px 5px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .imgs_box > .inner > p:last-child{border-radius:0px 5px 5px 0px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .imgs_box > .inner > p.one {border-radius:5px 5px 5px 5px;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .imgs_box.big > .inner > p:first-child{border-radius:5px 0px 0px 0px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .imgs_box.big > .inner > p:last-child{border-radius:0px 5px 0px 0px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .imgs_box.big > .inner.two{height:90px; margin-top:-5px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .imgs_box.big > .inner.two > p{width:90px; height:90px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .imgs_box.big > .inner.two  > p:first-child{border-radius:0px 0px 0px 5px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .imgs_box.big > .inner.two  > p:last-child{border-radius:0px 0px 5px 0px;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .file_box{width:100%; margin-bottom:2px; margin-top:10px; text-align:left;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .file_box > .inner{width:100%; height:35px; text-align:center; display:inline-block; }
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .file_box > .inner a p{width:100px; height:35px; line-height:35px; display:inline-block; float:left; border-radius:5px; font-size:12px; color:#3d7bce; background-color:#fff;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .time{width:100%; display:inline-block; color:#ccc; font-family:dotum,'돋음'; font-size:12px;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .ask_box{display:inline-block; margin-bottom:10px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .ask_box .inner{width:100%; background-color:#fff; border-radius:10px; display:inline-block;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .ask_box .ask_tit{display:inline-block; font-size:13px; line-height:18px; padding-bottom:15px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .ask_box .ask_tit span{color:#44a3ec; font-weight:bold;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .ask_box .ask_btns{display:inline-block;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .ask_box .ask_btns ul{width:100%; display:inline-block;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .ask_box .ask_btns ul li{width:calc(50% - 10px); height:54px; padding:0px 3px; display:table; box-sizing: unset;
border:1px solid #d6d6d6; text-align:center; margin-bottom:1px; color:#777; font-size:12px; cursor:pointer; margin-right:3px; float:left;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .ask_box .ask_btns ul li.on{background-color:#44a3ec; border:1px solid #44a3ec; color:#fff;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .ask_box .ask_btns ul li:nth-child(2n) {margin-right:0;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .ask_box .ask_btns ul li span {display:table-cell; vertical-align:middle;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .ask_box .ask_btns ul li span span {display:block; width:100%;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .ask_box .again_btn{width:100%; height:40px; line-height:40px; margin-top:14px; border-top:1px solid #f1f1f1; text-align:center;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .ask_box .again_btn a{width:100%; height:100%; color:#777; font-size:14px;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .ask_box.type02 .ask_btns ul li{width:calc(100% - 32px);}


.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt{float:right;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .text_box{text-align:right;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .text_box .text{background-color:#44a3ec; color:#fff; max-width:70%; text-align:left;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .text_box .text .img_box_wrap {float:right;} 
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .text_box .text .img_box {padding:5px; display:inline-block; box-sizing:border-box; border-radius:5px; position:relative; box-shadow:1px 1px 1px 1px #bcbcbc; margin:10px 3px 0 0; cursor:pointer; background-color:#fff;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .text_box .text .img_box img {width:90px; height:90px;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .file_box{width:100%; margin-bottom:2px; margin-top:10px; text-align:right;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .file_box > .inner{width:100%; height:35px; text-align:center; display:inline-block; }
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .file_box > .inner a p{width:100px; height:35px; line-height:35px; display:inline-block; float:right; border-radius:5px; font-size:12px; color:#3d7bce; background-color:#fff;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .appli_box{width:260px; height:80px; background-color:#fff; border-radius:10px; padding:5px; overflow:hidden; border:1px solid #44a3ec; float:right; box-sizing:border-box; margin:10px 0 0;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .appli_box.order_box {margin-left:calc(100% - 300px);}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .appli_box .appli_img{width:60px; height:60px; padding-right:10px; float:left;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .appli_box .appli_img span{width:100%; height:100%; display:inline-block; background-size:contain; background-position:center center;
background-repeat:no-repeat;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .appli_box .appli_text{width:calc(100% - 135px); height:100%; display:inline-block; overflow:hidden; float:left;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .appli_box .appli_text .number{font-size:11px; padding-bottom:5px; padding-top:7px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .appli_box .appli_text .number span{display:none; color:#999; margin-left:5px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .appli_box .appli_text .number span.appli_bold {display:inline-block; color:#000; font-weight:bold; margin-left:0px; padding-right:2px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .appli_box .appli_text > .name{height:32px; font-size:11px; line-height:16px; color:#999;
overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .appli_box .state{width:60px; height:100%; text-align:center; float:right;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .appli_box .state > .img{padding-top:7px; margin-bottom:5px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .appli_box .state > .name{font-weight:bold; font-size:12px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .time{width:100%; display:inline-block; color:#ccc; font-family:dotum,'돋음'; font-size:12px; text-align:right;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .imgs_box{width:100%; margin-bottom:2px; margin-top:10px; text-align:right;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .imgs_box > .inner{height:60px; text-align:right; display:inline-block;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .imgs_box > .inner > p{width:60px; height:60px; display:inline-block; float:left; background-size:cover; background-color:#eee;
background-position:center center; background-repeat:no-repeat;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .imgs_box > .inner > p:first-child{border-radius:5px 0px 0px 5px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .imgs_box > .inner > p:last-child{border-radius:0px 5px 5px 0px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .imgs_box > .inner > p.one {border-radius:5px 5px 5px 5px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .imgs_box > .inner > .photo {width:60px; height:60px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .imgs_box > .inner > .photo img{width:100%;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .imgs_box.big > .inner > p:first-child{border-radius:5px 0px 0px 0px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .imgs_box.big > .inner > p:last-child{border-radius:0px 5px 0px 0px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .imgs_box.big > .inner.two{height:90px; margin-top:-5px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .imgs_box.big > .inner.two > p{width:90px; height:90px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .imgs_box.big > .inner.two  > p:first-child{border-radius:0px 0px 0px 5px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.rt .imgs_box.big > .inner.two  > p:last-child{border-radius:0px 0px 5px 0px;}


.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center{width:100%;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center .appli_list{width:100%;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center .appli_list ol{width:100%; height:300px; margin:0px auto; overflow-y:auto; padding:5px 10px; box-sizing:border-box;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center .appli_list ol li{width:100%; height:100px; background-color:#fff; border-radius:10px; padding:10px; overflow:hidden; cursor:pointer;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center .appli_list ol li:nth-child(odd){border:1px solid #fff;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center .appli_list ol li:nth-child(even){border:1px solid #e5e5e5;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center .appli_list ol li.on{border:1px solid #44a3ec;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center .appli_list ol li .appli_img{width:60px; height:60px; padding-right:10px;  padding-top:10px; float:left;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center .appli_list ol li .appli_img span{width:100%; height:100%; display:inline-block; background-size:contain; background-position:center center;
background-repeat:no-repeat;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center .appli_list ol li .appli_text{width:calc(100% - 120px); height:100%; display:inline-block; overflow:hidden; float:left;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center .appli_list ol li .appli_text .number{font-size:12px; padding-bottom:5px; padding-top:10px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center .appli_list ol li .appli_text .number span{color:#999; margin-left:5px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center .appli_list ol li .appli_text > .name{height:40px; font-size:12px; line-height:20px; color:#999;
overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center .appli_list ol li .state{width:50px; height:100%; text-align:center; float:right;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center .appli_list ol li .state > .img{width:22px; padding-top:18px; margin-bottom:5px; display:inline-block;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center .appli_list ol li .state > .img img{width:100%;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center .appli_list ol li .state > .name{font-weight:bold; font-size:12px;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center .appli_list .btn_more{width:calc(100% - 22px); height:40px; line-height:40px; text-align:center; margin:15px auto 30px auto; border:1px solid #777; 
border-radius:3px; font-size:13px; color:#777; background-color:#fff; font-weight:bold; cursor:pointer;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center .appli_list > .btns{width:60%; max-width:250px; height:40px; line-height:40px; border-radius:50px; text-align:center; border:2px solid #4492cf; background-color:#fff;
font-size:13px; font-weight:bold; color:#4492cf!important; margin:10px auto; cursor:pointer; letter-spacing:-1px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center .appli_list > .btns.type02{width:80%;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.center .appli_list > .btns a {color:#4492cf;}


.chat_wrap > .chatting > .inner .chat_list .message_input{width:100%; height:50px; padding:10px 10px 10px 5px; box-sizing:border-box; position:fixed; bottom:0px; left:0px; 
background-color:#d8d8d8; border-top:1px solid #d2d5d9; display:flex;}
.chat_wrap > .chatting > .inner .chat_list .message_input:after{content:''; content:''; clear:both;}
.chat_wrap > .chatting > .inner .chat_list .message_input form{width:100%; height:100%; display:inline-block; display:flex;}


.chat_wrap > .chatting > .inner .chat_list .message_input .upload_box{width:100%; height:81px; position:absolute; top:-82px; left:0px; background-color:#fff;
border-top: 1px solid #d2d5d9; box-sizing:border-box; padding-right:35px; display:none;}
.chat_wrap > .chatting > .inner .chat_list .message_input .upload_box .upload_box_close{width:18px; height:18px; position:absolute; top:5px; right:7px; font-size:20px; font-family:'dotum','돋음'; 
text-align:center; line-height:18px; color:#ccc; cursor:pointer;}
.chat_wrap > .chatting > .inner .chat_list .message_input .upload_box dl{width:100%; height:80px; padding:14px 15px; box-sizing:border-box; text-align:left; overflow:hidden;
overflow:hidden; box-sizing:border-box; overflow-x:auto; white-space:nowrap; -ms-overflow-style:none; scrollbar-width:none;}
.chat_wrap > .chatting > .inner .chat_list .message_input .upload_box dl::-webkit-scrollbar{display:none;}
.chat_wrap > .chatting > .inner .chat_list .message_input .upload_box dl dt{width:50px; height:50px; line-height:12px; display:inline-block; text-align:center;
border:1px dashed #ddd; margin-right:10px; float:left;}
.chat_wrap > .chatting > .inner .chat_list .message_input .upload_box dl dt span{display:inline-block; font-size:10px; padding-top:7px;}
.chat_wrap > .chatting > .inner .chat_list .message_input .upload_box dl dd{width:52px; height:52px; display:inline-block; position:relative; margin-right:10px;}
.chat_wrap > .chatting > .inner .chat_list .message_input .upload_box dl dd span.upload_img{width:100%; height:100%; display:inline-block; background-size:cover; 
background-repeat:no-repeat;}
.chat_wrap > .chatting > .inner .chat_list .message_input .upload_box dl dt span#upload_cnt {padding-top:0;}
.chat_wrap > .chatting > .inner .chat_list .message_input .upload_box dl dd span.btn_close{width:12px; height:12px; position:absolute; top:-6px; right:-6px;
font-size:10px; text-align:center; color:#aaa; line-height:11px; border:1px solid #ddd; border-radius:100%; background-color:#fff; cursor:pointer; margin:5px;}

.chat_wrap > .chatting > .inner .chat_list .message_input .img{display:none; width:10%; height:100%; float:left;}
.chat_wrap > .chatting > .inner .chat_list .message_input .img img {width:26px;}
.chat_wrap > .chatting > .inner .chat_list .message_input .img label {display:inline-block; cursor:pointer; margin:10px;}
.chat_wrap > .chatting > .inner .chat_list .message_input .img input#img_upload {display:none;}
.chat_wrap > .chatting > .inner .chat_list .message_input .img span {width:26px; height:100%; background:url("http://img.malltail.com/goods_img/contents/supports/ico_img_D.png") no-repeat center; background-size:26px; display:inline-block; position:absolute; top:0px; left:15px; margin-left:0; padding-left:0;}

.chat_wrap > .chatting > .inner .chat_list .message_input input{width:calc(100% - 100px); height:100%; float:left; font-size:14px; background-color:#d8d8d8; border:0px; outline:none; padding:0px;}
.chat_wrap > .chatting > .inner .chat_list .message_input input::-webkit-input-placeholder{color:#bbb;}
.chat_wrap > .chatting > .inner .chat_list .message_input input::-ms-input-placeholder{color:#bbb;}
.chat_wrap > .chatting > .inner .chat_list .message_input .comment_box {padding:0px 10px 0px 10px; float:left; width:calc(73% - 10px); height:100%; display:flex;}
.chat_wrap > .chatting > .inner .chat_list .message_input .comment_box textarea{display:none; width:100%; height:100%; font-size:12px; background-color:#d8d8d8; border:0px; outline:none; resize:none; overflow:hidden; padding:5px 2px;}
.chat_wrap > .chatting > .inner .chat_list .message_input .comment_box textarea::-webkit-input-placeholder{color:#bbb;}
.chat_wrap > .chatting > .inner .chat_list .message_input .comment_box textarea::-ms-input-placeholder{color:#bbb;}
.chat_wrap > .chatting > .inner .chat_list .message_input .comment_btn {float:right; width:15%; height:100%; position:relative;}
.chat_wrap > .chatting > .inner .chat_list .message_input .comment_btn button{width:100%; height:30px; color:#fff; font-size:12px; background-color:#b5b5b5; 
border-radius:3px; right:0px; top:50%; position:absolute; border:0px; padding:0; transform:translate(0%,-50%);}

.chat_wrap > .chatting > .inner .chat_list .message_input.writable {background-color:#fff;}
.chat_wrap > .chatting > .inner .chat_list .message_input.writable .img{display:block;}
.chat_wrap > .chatting > .inner .chat_list .message_input.writable input {display:block; background-color:#fff;}
.chat_wrap > .chatting > .inner .chat_list .message_input.writable button {background-color:#2b2b2b;}
.chat_wrap > .chatting > .inner .chat_list .message_input.writable .comment_box textarea {display:block; background-color:#fff;}

.info_wrap .info_page {padding-bottom:40px;}
.info_wrap .paging2 span {padding:0 10px; font-size:0.875em;}

.chat_wrap .img_view_popup {width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:111; cursor:pointer; display:none;} 
.chat_wrap .img_view_popup .img_wrap {width:90%; height:80%; top:10%; left:5%; position:absolute; text-align:center;}
.chat_wrap .img_view_popup .img_wrap img {vertical-align:middle; width:auto; height:auto; max-width:100%; max-height:100%;}
.chat_wrap .img_view_popup .dim_wrap {width:100%; height:100%; background-color:rgba(0,0,0,0.5);}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center{width:100%; padding-top:15px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list{width:100%;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list.sel_list {width:calc(100% - 40px); margin-left:-15px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list ol{width:100%; max-height:300px; margin:0px auto; overflow-y:auto; box-sizing:border-box;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list ol li{width:100%; height:100px; background-color:#fff; border-radius:10px; padding:10px; overflow:hidden; cursor:pointer;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list ol li:nth-child(odd){border:1px solid #fff;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list ol li:nth-child(even){border:1px solid #e5e5e5;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list ol li.on{border:2px solid #44a3ec;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list ol li.no_choice {background:rgba(0, 0, 0, 0.1);}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list ol li .appli_img{width:60px; height:60px; padding-right:10px;  padding-top:10px; float:left;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list ol li .appli_img span{width:100%; height:100%; display:inline-block; background-size:contain; background-position:center center; background-repeat:no-repeat;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list ol li .appli_text{width:calc(100% - 135px); height:100%; display:inline-block; overflow:hidden; float:left;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list ol li .appli_text .number{font-size:12px; padding-bottom:5px; padding-top:10px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list ol li .appli_text .number span{display:none; color:#999; margin-left:5px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list ol li .appli_text .number span.appli_bold {display:inline-block; color:#000; font-weight:bold; margin-left:0px; padding-right:2px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list ol li .appli_text > .name{height:40px; font-size:12px; line-height:20px; color:#999; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list ol li .state{width:65px; height:100%; text-align:center; float:right;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list ol li .state > .img{width:22px; padding-top:18px; margin-bottom:5px; display:inline-block;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list ol li .state > .img img{width:100%;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list ol li .state > .name{font-weight:bold; font-size:12px;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list .btn_more{width:100%; height:40px; line-height:40px; text-align:center; margin:15px 0 30px 0; border:1px solid #777; border-radius:3px; font-size:13px; color:#777; background-color:#fff; font-weight:bold; cursor:pointer;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list .btns{width:60%; max-width:250px; height:40px; line-height:40px; border-radius:50px; text-align:center; border:2px solid #4492cf; background-color:#fff; font-size:13px; font-weight:bold; color:#4492cf!important; margin:10px auto; cursor:pointer; letter-spacing:-1px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list .btns.type02{width:80%; min-width:120px;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list .btns a {color:#4492cf;}

.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list .sel_btns {margin:0 auto; text-align:center;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li .center .appli_list .sel_btns .btns {display:inline-block; width:40px; min-width:120px; margin:0 0 10px 0;}

.loading_wrap{width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:999; background-color:rgba(255,255,255,0.7); display:none;}
.loading_wrap .loading_inner{width:80%; position:absolute; top:38%; left:10%; text-align:center;}
.loading_wrap .loading_inner .load_img{width:100%; display:inline-block; text-align:center;}
.loading_wrap .loading_inner .load_img img{width:120px;}
.loading_wrap .loading_inner .load_text{width:100%; font-size:16px; color:#000; padding:15px 0px; font-weight:bold; }

/* 2021-10-07 메시지함 */
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .text_box .text .email_comment {}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .text_box .text .email_comment span {margin-left:0!important;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .text_box .text .email_comment img {width:100%;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .text_box .text .email_comment table {width:100%!important; height:100%!important; display:block;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .text_box .text .email_comment table tbody tr {border:1px solid #eee;}
.chat_wrap > .chatting > .inner .chat_list > .inner > ul li.lt .text_box .text .email_comment table tbody tr td {font-size:12px!important;}

/*20220106 ios 키보드 오류 */
.ios_btn{width:100%; height:100%; position:absolute; top:0px; left:0px; font-size:12px; line-height:50px; padding-left:10px; color:#c3c3c3;}

.chat_wrap > .chatting > .inner .chat_list .ios_input{width:100%; height:100vh; position:fixed; top:0px; left:0px; z-index:999; display:none;}
.chat_wrap > .chatting > .inner .chat_list .ios_input .ios_input_bg{width:100%; height:100%;  background-color:rgba(0,0,0,0.5); position:relative; z-index:1;}
.chat_wrap > .chatting > .inner .chat_list .ios_input > .message_input{width:90%; height:auto; padding:0px; bottom:unset; position:absolute; top:100px; left:5%; border-top:0px; z-index:2; background-color:unset;}
.chat_wrap > .chatting > .inner .chat_list .ios_input > .message_input form{width:100%; display:inline-block;}
.chat_wrap > .chatting > .inner .chat_list .ios_input > .message_input form .comment_box{width:100%; height:100px; padding:0px; float: unset;}
.chat_wrap > .chatting > .inner .chat_list .ios_input > .message_input form .comment_box textarea{width:100%; height:100%; font-size:13px;  border:0px; outline:none; 
resize:none; overflow:hidden; padding:10px; border-radius:3px 3px 0px 0px;}

.chat_wrap > .chatting > .inner .chat_list .ios_input > .message_input form .comment_bot{width:100%; height:30px; background-color:#f2f2f2; border-radius:0px 0px 3px 3px;}
.chat_wrap > .chatting > .inner .chat_list .ios_input > .message_input form .comment_bot .comment_btn{width:calc(100% - 46px); height:100%; float:right;}
.chat_wrap > .chatting > .inner .chat_list .ios_input > .message_input form .comment_bot .comment_btn button{width:100%; height:30px; color:#fff; font-size:12px; background-color:#2b2b2b; 
border-radius:3px; border:0px; padding:0; margin-top:0px;}

.chat_wrap > .chatting > .inner .chat_list .ios_input > .message_input .img{width:41px; height:100%; float:left;}
.chat_wrap > .chatting > .inner .chat_list .ios_input > .message_input .img img {width:26px;}
.chat_wrap > .chatting > .inner .chat_list .ios_input > .message_input .img label {display:inline-block; cursor:pointer; margin:6px 0px 0px 10px;}
.chat_wrap > .chatting > .inner .chat_list .ios_input > .message_input .img input#img_upload {display:none;}
.chat_wrap > .chatting > .inner .chat_list .ios_input > .message_input .img span {width:26px; height:100%; background:url("http://img.malltail.com/goods_img/contents/supports/ico_img_D.png") no-repeat center; background-size:26px; display:inline-block; 
margin-left:0; padding-left:0; position:relative; top:unset; left:unset;}

.chat_wrap > .chatting > .inner .chat_list .ios_input .message_input .upload_box{width:100%; height:81px; background-color:#fff; border-radius:3px; display:none;
border-top: 1px solid #d2d5d9; box-sizing:border-box; padding-right:35px; margin-top:10px; position:relative; top:unset; }
.chat_wrap > .chatting > .inner .chat_list .ios_input .message_input .upload_box .upload_box_close{width:18px; height:18px; position:absolute; top:5px; right:7px; font-size:20px; font-family:'dotum','돋음'; 
text-align:center; line-height:18px; color:#ccc; cursor:pointer;}
.chat_wrap > .chatting > .inner .chat_list .ios_input .message_input .upload_box dl{width:100%; height:80px; padding:14px 15px; box-sizing:border-box; text-align:left; overflow:hidden;
overflow:hidden; box-sizing:border-box; overflow-x:auto; white-space:nowrap; -ms-overflow-style:none; scrollbar-width:none;}
.chat_wrap > .chatting > .inner .chat_list .ios_input .message_input .upload_box dl::-webkit-scrollbar{display:none;}
.chat_wrap > .chatting > .inner .chat_list .ios_input .message_input .upload_box dl dt{width:50px; height:50px; line-height:12px; display:inline-block; text-align:center;
border:1px dashed #ddd; margin-right:10px; float:left;}
.chat_wrap > .chatting > .inner .chat_list .ios_input .message_input .upload_box dl dt span{display:inline-block; font-size:10px; padding-top:7px;}
.chat_wrap > .chatting > .inner .chat_list .ios_input .message_input .upload_box dl dd{width:52px; height:52px; display:inline-block; position:relative; margin-right:10px;}
.chat_wrap > .chatting > .inner .chat_list .ios_input .message_input .upload_box dl dd span.upload_img{width:100%; height:100%; display:inline-block; background-size:cover; 
background-repeat:no-repeat;}
.chat_wrap > .chatting > .inner .chat_list .ios_input .message_input .upload_box dl dt span#upload_cnt {padding-top:0;}
.chat_wrap > .chatting > .inner .chat_list .ios_input .message_input .upload_box dl dd span.btn_close{width:12px; height:12px; position:absolute; top:-6px; right:-6px;
font-size:10px; text-align:center; color:#aaa; line-height:11px}

/* 2022-06-08 이전 문의 내역 조회 버튼 */
.info_wrap .more_wrap {display:block; padding:0 10px 10px; overflow:hidden; display:none;}
.info_wrap .more_wrap .more_btn {display:block; height:40px; line-height:40px; border:1px solid #c7c6c6; background-color:#f2f2f2; color:#000; text-align:center; font-size:13px; font-weight:bold;}
.info_wrap .more_wrap .more_btn .str_search_year {font-weight:bold;}