[data-v-e644edc2] .deep_wrap_notice .serviceFrame .serviceOuter .serviceArea {
   display: flex;
   align-items: flex-start;
   flex-direction: column;
   margin-top: 20px
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .serviceOuter .serviceArea .tAreaFrame {
   display: flex;
   width: 100%;
   position: relative;
   border-top: 2px solid #428dc3;
   /* border-bottom: 1px solid #428dc3; */
   margin-top: 10px
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .serviceOuter .serviceArea .txt {
   font-size: 16px;
   font-weight: 700;
   width: 12%;
   color: #4684b2;
   background-color: var(--bgColor123);
   display: flex;
   align-items: center;
   padding-left: 25px
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .serviceOuter .serviceArea .areaFrame {
   background-color: var(--bgColor017);
   width: 95%;
   padding: 10px 0 10px 20px
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .serviceOuter .serviceArea .areaFrame textarea {
   height: 312px;
   background-color: var(--bgColor017);
   border: 1px solid var(--bdColor013);
   width: 100%;
   padding: 20px;
   color: var(--txtColor93);
   font-size: 14px;
   border-radius: 5px;
   line-height: 1.6
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .serviceArea .sendMSG {
   background-color: #f4f4f4f2;
   color: var(--txtColor66);
   font-size: 14px;
   width: 240px;
   height: 100px;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: var(--shadow07) 0 0 .5em;
   border-radius: 20px;
   left: 50%;
   bottom: -11px;
   transform: translate(-50%);
   position: absolute;
   opacity: 0
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .serviceOuter .serviceArea textarea:focus,
[data-v-e644edc2] .deep_wrap_notice .serviceFrame .serviceOuter .serviceArea textarea:focus-visible {
   background-color: var(--bgColor017);
   border: 1px solid var(--bdColor013) !important;
   outline: none
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .serviceOuter .serviceArea .inputFrame {
   display: flex;
   width: 100%;
   text-align: center;
   height: 42px;
   margin-bottom: 17px;
   align-items: center;
   position: relative
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .serviceOuter .serviceArea .inputFrame .txtT {
   color: var(--txtColor66);
   font-size: 14px;
   font-weight: 700;
   width: 5%;
   text-align: left
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .serviceOuter .serviceArea .input_content {
   position: relative;
   height: 42px
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .serviceOuter .serviceArea .input_content input {
   width: 100%;
   height: 42px;
   padding-left: 14px;
   background-repeat: no-repeat;
   margin-bottom: 8px;
   box-sizing: border-box;
   border-radius: 5px;
   color: var(--txtColor54);
   background-color: var(--bgColor017);
   border: 1px solid var(--bdColor045) !important;
   font-size: 16px
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .serviceOuter .serviceArea .input_content input::placeholder {
   color: var(--txtColor010);
   font-size: 14px
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .serviceOuter .serviceArea .inputFrame .btnP {
   padding: 14px 35px;
   border-radius: 20px;
   position: absolute;
   right: 0
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .serviceOuter .serviceArea .inputFrame .input_txt {
   color: var(--txtColor66);
   font-size: 20px;
   font-weight: 700
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .serviceOuter .btnZone {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 20px 0
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .serviceOuter .btnZone .btnP {
   height: 40px;
   padding: 0 47px;
   color: var(--txtColor02);
   background-color: var(--btnColor033);
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 5px;
   float: right;
   margin-top: 23px;
   cursor: pointer;
   border: 0px;
   transition: .2s ease-out
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .serviceOuter .btnZone .btnP:hover {
   background-color: var(--btnColor033_h)
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .main_content_wrap_notice .listZone table tr td a.goService {
   font-size: 12px;
   color: var(--txtColor02);
   display: block;
   width: 60px;
   height: 25px;
   line-height: 25px;
   border-radius: 3px;
   margin: 0 auto;
   font-weight: 700;
   transition: .4s ease-out
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame a.done {
   background-color: var(--btnColor016)
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame a.done:hover {
   background-color: var(--btnColor016_h)
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame a.undone {
   background-color: var(--btnColor014)
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame a.undone:hover {
   background-color: var(--btnColor014_h)
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame a.write {
   background-color: var(--btnColor017)
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame a.write:hover {
   background-color: var(--btnColor017_h)
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .letterZone,
[data-v-e644edc2] .deep_wrap_notice .serviceFrame .letterBack {
   padding: 26px 32px;
   border-top: 1px solid var(--bdColor062);
   background-color: var(--bgColor123)
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .letterZone .time {
   width: 100%;
   display: flex;
   justify-content: flex-end;
   color: var(--txtColor66);
   font-size: 14px;
   font-weight: 100;
   position: relative;
   padding-bottom: 7px
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .letterZone .time .name {
   margin-right: 26px;
   position: relative
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .letterZone .time .name:after {
   content: "";
   width: 1px;
   height: 13px;
   background-color: var(--bgColor128);
   position: absolute;
   right: -12px
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .letterZone .time .btnP1 {
   padding: 9px 14px;
   border-radius: 20px;
   position: absolute;
   left: 0
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .letterZone p {
   font-size: 12px;
   color: var(--txtColor66);
   margin-top: 12px;
   line-height: 2;
   text-align: justify
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .btnFrame {
   margin-top: 30px
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .btnFrame .btnP1 {
   height: 40px;
   padding: 0 47px;
   color: var(--txtColor02);
   background-color: var(--btnColor033);
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 5px;
   float: right;
   margin-top: 23px;
   cursor: pointer;
   border: 0px;
   transition: .2s ease-out
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .btnFrame .btnP1:hover {
   background-color: var(--btnColor033_h)
}

[data-v-e644edc2] .deep_wrap_notice .serviceFrame .depositP {
   line-height: 3.5 !important
}

[data-v-e644edc2] .deep_wrap_notice .serviceOuterReply {
   display: none;
   transition: .4s ease-out
}

[data-v-e644edc2] .deep_wrap_notice .btnReply01 {
   display: none !important
}

[data-v-e644edc2] .deep_wrap_notice .btnReply01 .btnP1,
[data-v-e644edc2] .deep_wrap_notice .btnReply02 .btnP1 {
   font-size: 14px;
   display: flex;
   border-radius: 20px;
   font-weight: 700;
   transition: .4s ease-out;
   cursor: pointer;
   align-items: center;
   width: 240px !important
}

[data-v-e644edc2] .deep_wrap_notice .serviceReplyFrame .serviceOuterReply {
   display: block !important
}

[data-v-e644edc2] .deep_wrap_notice .serviceReplyFrame .timeReply,
[data-v-e644edc2] .deep_wrap_notice .serviceReplyFrame .btnReply {
   display: none !important
}

[data-v-e644edc2] .deep_wrap_notice .serviceReplyFrame .btnReply01 {
   display: flex !important;
   justify-content: center;
   align-items: center
}

button[data-v-e644edc2]:focus {
   outline: none;
   background: none
}