.body_style {margin : 0px; overflow: hidden; height: 100%;background-color: rgb(238, 241, 245);}

.body_style input:focus { outline:none; }



.logbox {text-align:center;height: 100%;}
.cibox{height:50%;}

.logimg {height:180px;margin: 25vh auto 0 auto;}

.margin15{margin-bottom:10px;padding: 0 15%;}

.margin30{margin-bottom:15px; padding: 0 15%;}


.loginInput{width:100%; height:30px;line-height: 30px; font-size: 15px; border: 0;border-bottom: 1px solid #2d76a9;border-radius: 50px;color:#2d76a9;padding: 0 10px 0;box-sizing: border-box;}

.loginInput:focus{border: 1px solid #00d1c9;}


.loginButton{border: 0;outline: 0;width:100%;height: 35px;font-size: 15px;border-radius: 50px; background: linear-gradient( to right, #276fa2, #074C7A);color: white;cursor: pointer; }

.loginButton:hover{ background:linear-gradient( to right, #0c5586,#043d62);color: white;}

.body_style ul,.body_style ul li {list-style: none; margin: 0; padding: 0;}


/*¿©¹é*/
.h10{margin-bottom:10px;clear: both;}
.h20{margin-bottom:20px;clear: both;}
.h30{margin-bottom:30px;clear: both;}
.h50{margin-bottom:50px;clear: both;}
.row{margin-bottom: 10px; clear:both;}
.margin5{margin-right: 5px;}
.margin10{margin-right: 10px;}
.margin20{margin-right: 20px;}
.margin-left10 { margin-left: 10px;}

/*marjin*/
.marjin-bottom20{margin-bottom: 20px;}
.marjin-bottom10{margin-bottom: 10px;}


.body_style a:link { color: black; text-decoration: none;}
.body_style a:visited { color: black; text-decoration: none;}
.body_style a:hover { color: black; text-decoration: none;}

.messengerDiv{transition: all .3s ease; width: 100%; display: block!important; z-index: 100 ; 
background-color: rgb(238, 241, 245);
-webkit-backface-visibility: hidden;
}

.m-messenger__messages{padding: 20px 20px 0px;}
.m-messenger__message--out{ position: relative;margin-bottom: 10px;}
.m-messenger__message-body{position: absolute;  left: 15px; top:0px;padding-top:10px;}
.m-messenger__message-body.in{}
.m-messenger__message-body.out{position: absolute; left: 0px;}



.message-username{color: #6f727d;font-size: .85rem;padding-left: 65px;}


.fileContainer {overflow: hidden;position: relative;}
.fileContainer [type=file] {cursor: pointer;}
.fileContainer [type=file] {cursor: inherit;display: block;font-size: 999px;filter: alpha(opacity=0);min-height: 100%;min-width: 100%;opacity: 0;position: absolute;right: 0;text-align: right;top: 0;}


.m-messenger_pic{width:60px;height:50px; background-image: url(/chat/img/chatbot_10080.gif); background-repeat: no-repeat;background-size: 60px;margin-bottom: 10px; display: inline-block;position: relative;}

/*¸Þ½ÃÁö¹öÆ°*/
.message-btn{ border: 1px solid #3676bf;padding: 2px 13px;border-radius: 20px;font-size: 11px;position: absolute ;top:48px; cursor:pointer;font-weight: 500;color: #3676bf;background-color: #fff;}
.message-btn:hover{ background-color: #3676bf;color: #fff;border-color: #3676bf; }
.message-btn:hover span {color: #fff;}
.message-btn:active{background-color: #6c9dd6; }
.message-btn span{ color: #3676bf;}
.message-btn.select_width{position: absolute ;top:20px; left:65px;}
.m-messenger_wrapper{position: relative;}



/*swiper ½½¶óÀÌµå ¼±Åÿµ¿ª*/
.m-messenger_wrapper_width {position:relative; height:200px;}
.swiper-container_width{width:100%; height: 135px; position: absolute; left:10px; top: 60px;}
.m-messenger_wrapper_width .swiper-slide a{height: 90px; width: 100px;display: inline-block; border:2px solid #1e5390; border-radius:10px ;background: #e6ecee;box-sizing: border-box;}
.m-messenger_wrapper_width .swiper-slide a p{display: block; position: absolute;bottom: 30px; width: 100px;height:20px; margin-left: -2px; color:#fff; background:#1e5390; text-align: center;line-height: 20px;font-weight:500; border-radius: 0 0 10px 10px;font-size:0.6em; }
/*½½¶óÀÌµå ¾ÆÀÌÄÜÀ̹ÌÁö*/
.swiper-slide a.s01:after{content: ''; display: block; background-repeat: no-repeat; background-image: url(/chat/img/select01.gif);background-size: 100px; height: 60px;margin: 5px auto;}
.swiper-slide a.s02:after{content: ''; display: block; background-repeat: no-repeat; background-image: url(/chat/img/select02.gif);background-size: 100px; height: 70px;margin: 12px -1px;}
.swiper-slide a.s03:after{content: ''; display: block; background-repeat: no-repeat; background-image: url(/chat/img/select03.gif);background-size: 90px; height: 60px;margin: 5px auto;}
.swiper-slide a.s04:after{content: ''; display: block; background-repeat: no-repeat; background-image: url(/chat/img/select04.gif);background-size: 90px; height: 60px;margin: 5px auto;}
.swiper-slide a.s05:after{content: ''; display: block; background-repeat: no-repeat; background-image: url(/chat/img/select05.gif);background-size: 90px; height: 60px;margin: 5px auto;}



/*swiper/*³»ºÎ ½½¶óÀÌµå ¼±Åÿµ¿ª*/
.m-messenger_wrapper_inside{position: relative; height:300px;}
.m-messenger_content_in.height_select{width:240px; position: absolute;top:0; left: 70px;margin-bottom:20px;clear: both;}
.swiper-container_height{overflow: hidden;position: relative;}
.slide_in{ display: block; height: 100px; width:100%;border:2px solid #1e5390; border-radius:10px ;background: #e6ecee;text-align: center;line-height: 100px;}
.content_slides_text{height: 125px; text-overflow:ellipsis;font-size: 0.9em;}
.content_slides_text h2{ width: 100%; height:26px; color:#1e5390; text-align: center;font-weight:600;font-size: 17px;letter-spacing: -1px; margin: 40px 0 0;}
.content_slides_text strong{color: #aa3030;}
.swiper-container_height .swiper-pagination {position: absolute;top:110px;}





.submit_btn{ width: 100%;height:25px; line-height: 25px; background: #1e5390; text-align: center;color: #fff; border-radius:5px;margin-bottom: 10px; cursor: pointer;}
.submit_btn:hover,.submit_btn:active{background-color:#114076; }
.m-messenger_content_in.height_select .indicator{top:135px;}

/*¹öÆ°¼±Åÿµ¿ª*/
.m-messenger_wrapper_btn_select{position: relative;overflow: hidden;}
.m-messenger_wrapper_btn_select.ver02{margin: 50px 0 20px;}


/*¸Þ´º ¸®½ºÆ® ¼±Åÿµ¿ª*/
.list_menu_table{margin: 10px 0 5px;}
.list_menu{border: 1px solid  rgb(178, 192, 208);height: 40px;line-height: 40px;margin-top: -1px !important;padding-left: 15px !important;font-size: 14px;}
.list_menu:first-child{border-radius: 10px 10px 0 0;}
.list_menu:last-child{border-radius: 0 0 10px 10px;}
.list_menu:hover{background-color: rgb(211, 222, 235);cursor: pointer;}


/*³¯Â¥½Ã°£*/
.m-messenger__datetime{border-top:1px solid #ddd;text-align: center;font-size:12px;font-weight: 400; color: #959595; padding:3px; margin-bottom: 15px;}


/*¸»Ç³¼± ¿µ¿ª*/
.m-messenger_text{margin:0;}
.message-text.btn_select{color:#a8a8a8;}
.message-text span{display: block; font-size:15px;color:#3676bf;font-weight: 600;letter-spacing:-0.5px;}
.message{float: right;}



.select_btn_wrapper{position: absolute; bottom: -45px; left: 5px;}
.m-messenger_content_in.select_btn{margin-bottom: 50px;}
.m-messenger_content_in .select_btn{display: inline-block; padding: 5px 13px;margin-right: 7px; border: 2px solid #3676bf;border-radius: 20px;color: #3676bf;font-weight: 500;cursor: pointer;}
.m-messenger_content_in .select_btn:hover,
.m-messenger_content_in .select_btn:active {background-color:rgba(54, 118, 191, 0.53);color: #fff; }


/*»ó´ã¿ø ¸»Ç³¼±*/
.m-messenger_content_in{ background: #fff;width: 235px; padding: 15px 17px 15px;box-sizing: border-box; border-radius: 10px;font-size: 13px;font-weight: 400;  margin-: 10px; box-shadow: 0 0 5px 0.5px rgba(69,65,78,.1);}

.m-messenger_content_in.tail{ position: relative;}
.m-messenger_content_in.tail:before{content: " "; width: 0;height: 0;border-top: 20px solid #fff;border-left: 20px solid transparent;position: absolute;top:5px;left: -8px;}
.m-messenger_content_in.select{ padding: 10px; margin-left:20px; margin-top: -20px;}




/*»ç¿ëÀÚ ¸»Ç³¼±*/
.m-messenger_content_out{ background: #1e5390;color: #fff;width: 250px; padding: 15px 17px 15px; box-sizing: border-box;  border-radius: 10px;  font-size: 13px;font-weight: 400; margin-bottom: 10px;}
.m-messenger_content_out.tail{ position: relative;margin-bottom: 15px;}
.m-messenger_content_out.tail:before{content: " "; width: 0;height: 0;border-top: 20px solid #1e5390;border-left: 20px solid transparent; position: absolute; bottom:-8px;right:5px;}




/*¼±Åà ¸»Ç³¼±*/
.m-accordion__item{height:45px;}
.m-accordion__item-head {background-color:red;}
/*.m-accordion__item-head collapsed >span >a{font-size: 5px;}*/
.m-accordion__item-title.new {font-size: 11px;}
.m-accordion__item-head collapsed span{font-size: 5px;}


.messageElementReSendButton{ position: absolute; bottom:-18px;left: 5px; display: none; width: 40px; height: 15px; line-height: 15px; background: #c10064;border-radius: 4px;color: #fff; text-align: center;font-size: 0.8em; font-weight: 300; transition: 0.5s, background 0.6s; cursor: pointer;}

.messageElementReSendButton.show{display: block;}


/*¸Þ½ÃÁö Àü¼Û¿ª¿ª*/
.m-messenger_form{height: 100px;width: 100%;background-color:#dbe4eb; bottom: 0; z-index: 10000;}
.m-messenger_controls input{height: 70px; margin: 0px; display: inline-block; width:100%; padding: 5px 65px 5px 10px;box-sizing:border-box;position: absolute;left: 0; bottom: 0; border:0px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; box-shadow: 0 0 6px 0 rgba(0,0,0,.2);}
.m-messenger__form-tools.send i{width:65px;height: 70px; position: absolute; right: 0;bottom: 0;font-size: 30px;color: #cbcbcb;line-height: 70px; background-color: #fff;padding-left: 18px}
.m-messenger__form-tools.file{position: absolute; right: 10px;cursor: pointer; color: #4d75a4;}
.m-messenger__form-tools.exit{ position: absolute; right: 45px; }
.m-messenger__form-tools{display: inline-block;}
.m-messenger__form-tools i{font-size:20px; cursor: pointer;line-height: 30px; color:  #4d75a4;}