html, body, #wrap, #main, .section1, .container { width: 100%; height: 100%; }
.section1 { padding: 2rem 0 0; }
.section1 .chat_service_wrap { position: relative; left: inherit; top: inherit; margin: auto; }
.section1 .chat_service_wrap .chat_view { height: calc(100% - 7rem); padding: .5rem 1rem; }
.section1 .chat_service_wrap .chat_view .scroll { height: 100%; }
.section1 .chat_service_wrap .chat_view .chat_box .message_wrap .message { max-width: 100%; }
.section1 .chat_service_wrap .chat_view .chat_box .message_wrap .message.wd { max-width: 80%; }
.section1 .chat_service_wrap { width: calc(100% + 2rem); margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 0; height: 100%; padding-top: 3rem; }
.section1 .chat_service_wrap .chat_input { position: absolute; left: 0; bottom: 0; width: 100%; }
.section1 { padding-top: 0; }
#header { position: absolute; left: 0; top: 0; width: 100%; z-index: 2; }
#header h1 { float: left; padding: 0; height: 3rem; }
#header .hnb { padding: .75rem 0; height: 3rem; float: right; }
#header .hnb a { float: left; text-align: center; font-size: 0.7rem; display: inline-block; vertical-align: middle; margin-right: 0; }
#header .hnb a i { font-size: 1.6rem; color: #383838; font-style: normal; }
#header .hnb a strong { color: #525252; font-weight: 400; }
#header .hnb a > * { display: block; }
#footer { display: none; }
.chat_service_wrap .head .cbotNmTitle {font-size:inherit;float:left; margin: .7rem 0; border-radius: 14px; display: block; -webkit-transition: all 0.2s;font-size;inherit}
#header h1 { float: left; padding: 14px 0; height: 3rem; line-height: 16px; vertical-align: top;}
@media (max-width: 600px) { .chat_service_wrap { width: 100%; }
  .chat_service_wrap .chat_view .chat_box .message_wrap .message.wd { max-width: 75vw !important; }
  .chat_service_wrap .chat_view .chat_box .message_wrap .message .slide_wrap { width: 67vw; } }

@media (max-width: 430px) { .chat_service_wrap .head .title { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 5.5rem; }
  .chat_service_wrap .chat_view .chat_box .img { margin-right: 5px; }
  .chat_service_wrap .chat_view .chat_box .message_wrap { width: calc(100% - 49px); }
  .chat_service_wrap .chat_view .chat_box .message_wrap .message { padding: 10px; } }