/*서브-상단비주얼 */
#svisual{ width:100%; min-width:1200px; height:250px; background:url(../img/sub/s_top01.jpg) no-repeat center 0px; margin:0px auto; text-align:center;}
#svisual.a{background:url(../img/sub/s_top01.jpg) no-repeat center 0px;}
#svisual.b{background:url(../img/sub/s_top02.jpg) no-repeat center 0px;}
#svisual.c{background:url(../img/sub/s_top03.jpg) no-repeat center 0px;}
#svisual.d{background:url(../img/sub/s_top04.jpg) no-repeat center 0px;}
#svisual.e{background:url(../img/sub/s_top05.jpg) no-repeat center 0px;}
#svisual.f{background:url(../img/sub/s_top06.jpg) no-repeat center 0px;}
#svisual.g{background:url(../img/sub/s_top07.jpg) no-repeat center 0px;}
#svisual .s_text{ padding-top:95px;}
#svisual .s_text h3{font-size:2.9em; font-family:'Nanum Myeongjo', serif; font-weight:700; position:relative;}
#svisual .s_text h3 span{display:inline-block;}
#svisual .s_text h3:after{display:block; content:""; width:2px; height:20px; background:#fff; position:absolute; left:50%; top:60px; display:none;}
#svisual .s_text span{display:block; font-size:2em;display:none;}
@media (max-width:1200px) {
	#svisual { min-width:100%; height:120px; background-position:center top; background-size:cover; display:none;}
}

/* 버튼 아이콘 margin */
/*.fa, .fas, .fal, .svg-inline--fa.fa-w-16{margin: -1px 5px 0 2px;}*/
.fa, .fas, .fal{margin: -1px 5px 0 2px;}

/*테이블*/
.tbl{ margin-top:10px; background:#fff;}
.tbl table{ width:100%; border-top:2px solid #464461; font-size:1.1em; letter-spacing:0; text-align:center;border-left:0px solid #464461; table-layout: fixed;}
.tbl table caption{ display:none}
.tbl tr th{ vertical-align:middle; padding:15px 15px; border-bottom:1px solid #e3e3e3; background:#f5f5f5; color:#222; font-size:1.1em; font-weight:500}
.tbl tr td { vertical-align:middle; padding:13px 15px; border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3; color:#333; font-size:.95em; }
.tbl tr td:last-child{ border-right:0}
.tbl tr td.left{ text-align:left !important}
.tbl tr td.right{ text-align:right !important}
.tbl thead th{ background:#f5f5f5; text-align:center; border-right:1px solid #e3e3e3;}
.tbl thead th:first-child{ border-left:0}
.tbl thead th:last-child{ border-right:0}
.tbl tbody th{ background:#fff; text-align:center; border-right:1px solid #e3e3e3; border-left:0; font-size:1.0em}

.tbl_left{ margin-top:10px; background:#fff;}
.tbl_left table{ width:100%; border-top:2px solid #464461; font-size:1.1em; letter-spacing:0; text-align:left;border-left:0px solid #464461; table-layout: fixed;}
.tbl_left table caption{ display:none}
.tbl_left tr th{ vertical-align:middle; padding:15px 15px; border-bottom:1px solid #e3e3e3; background:#f5f5f5; color:#222; font-size:1.1em; font-weight:500}
.tbl_left tr td { vertical-align:middle; padding:13px 15px; border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3; color:#333; font-size:.95em; }
.tbl_left tr td:last-child{ border-right:0}
.tbl_left tr td p.t{ font-size:1.1em; font-weight:500; color:#000}
.tbl_left tr td p{ font-size:1em; opacity:.8}
.tbl_left tr td.left{ text-align:left !important}
.tbl_left thead th{ background:#f5f5f5; border-right:1px solid #e3e3e3;}
.tbl_left thead th:first-child{ border-left:0}
.tbl_left thead th:last-child{ border-right:0}
.tbl_left tbody th{ background:#fff; text-align:center; border-right:1px solid #e3e3e3; border-left:0; font-size:1.0em}

.tbl_price{ margin-top:10px; background:#fff;}
.tbl_price table{ width:100%; border-top:2px solid #464461; font-size:1.1em; letter-spacing:0; text-align:center;border-left:0px solid #464461; table-layout: fixed;}
.tbl_price table caption{ display:none}
.tbl_price tr th{ vertical-align:middle; padding:20px 15px; border-bottom:1px solid #e3e3e3; background:#f5f5f5; color:#222; font-size:1.25em; font-weight:500}
.tbl_price tr td { vertical-align:middle; padding:17px 15px; border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3; color:#333; font-size:1.05em; }
.tbl_price tr td:last-child{ border-right:0}
.tbl_price tr td textarea{border: none !important; height: 100px !important;}
.tbl_price tr td input{border: none !important; height:auto}
.tbl_price tr td select{border: none !important; height:auto}
.tbl_price tr td.left{ text-align:left !important}
.tbl_price tr td.right{ text-align:right !important}
.tbl_price tr td.height{ min-height:130px}
.tbl_price thead th{ background:#f5f5f5; text-align:center; border-right:1px solid #e3e3e3;}
.tbl_price thead th:first-child{ border-left:0}
.tbl_price thead th:last-child{ border-right:0}
.tbl_price tbody th{ background:#f5f5f5; text-align:left; border-right:1px solid #e3e3e3; border-left:0; font-size:1.07em}
.tbl_price tbody th span.pt{ color: #F30; margin-left: 3px;}

@media screen and (max-width:767px) {
.tbl tr th{font-size:1.0em;}
.tbl tr td {font-size:.9em}

.tbl_left tr th{font-size:1.0em;padding: 15px 5px}
.tbl_left tr td {font-size:.9em;padding: 5px 5px}

.tbl_price tr th{font-size:1.0em;}
.tbl_price tr td {font-size:.9em}
}

/*이미지 반응형*/
@media screen and (max-width:767px) {
.imgWidth{ max-width:100%; width:100%}
}


/* 텍스트- decoration */
span.certi_t{ font-size:1.22em}
p.b{ font-weight:bold; color:#333; font-size:1.15em; line-height:1.6em;}
p span.b{ font-weight:bold; color:#333; }
p span.b2{ font-weight:bold; color:#333; font-size:1.30em}
p span.check{ color:#057b2b}
p.t1{padding:0;word-break:break-all; font-size:2.2em; line-height:1.4em;color:#125fa3; font-weight:600; letter-spacing:-.055em; /*width: 85%;*/}
p.t2{padding:0;word-break:break-all; font-size:3.0em; line-height:1.6em;color:#333; font-weight:300; letter-spacing:-.015em}
p.t2 span{ font-weight:500; font-size: 1.7em; color:#125fa3;}
p.t3{word-break:break-all; font-size:1.6em; line-height:1.6em;color:#333; font-weight:500; letter-spacing:-.055em}
p.t3 span{ font-size:1.2em;color:#7d75dc; font-weight:600; word-break: keep-all;}
p.t3_1{padding:0;word-break:break-all; font-size:2.4em; line-height:1.6em;color:#2a2a2a; font-weight:500; letter-spacing:-.075em}
p.t4{padding: 0;
    word-break: break-all;
    font-size: 1.35em;
    line-height: 1.8em;
    color: #555;
    font-weight: 600;
    font-family: 'Nanum Gothic', sans-serif,"돋움", "굴림", tahoma, sans-serif;
    letter-spacing: -.055em;}
p.t4 span{color:#057b2b;}
p.t5{padding:0;word-break:break-all; font-size:1.20em; line-height:1.25em;color:#555; font-weight:400}
p.t5 span{color:#2f429b; font-size:0.9em; font-weight:500 }
p.t6{padding:0;word-break:break-all; font-size:1.6em; line-height:1.6em;color:rgb(0,0,0,0.9);color:rgba(0,0,0,0.9); font-weight:500; letter-spacing:-.045em;  }
p.t6 a{padding:0;word-break:break-all; font-size:1.6em; line-height:1.6em;color:rgb(0,0,0,0.9) !important;color:rgba(0,0,0,0.9) !important; font-weight:500; letter-spacing:-.045em;  }
p.t6 span{padding:0;word-break:break-all; font-size:1.6em; line-height:1.6em;color:#333; font-weight:500; letter-spacing:-.045em;  }
p.t7{padding:0;word-break:break-all; font-size:4.2em; line-height:1.6em;color:#908b88;c font-weight:220; letter-spacing:-.055em}
p.t8{padding:0;word-break:break-all; font-size:1.4em; line-height:1.6em;color:#10276e;  font-weight:220; letter-spacing:-.055em}
p.t9{padding:0;word-break:break-all; font-size:1.25em; line-height:1.6em;color:#333;  font-weight:500; letter-spacing:-.055em}
p.t10{padding:0;word-break:break-all; font-size:1.6em; line-height:1.30em;color:#2a5dc5; font-family: 'Montserrat', sans-serif,"굴림","돋움";letter-spacing:-.075em; font-weight:bold}
p.t10 span.bar{padding:0;word-break:break-all; font-size:0.80em; line-height:1.50em;color:#2a5dc5;letter-spacing:-.075em;}
p.t11{padding:0 0 5px 0;word-break:break-all; font-size:1.40em; line-height:1.6em;color:#378ccd; font-weight:400;letter-spacing:-.055em; }
p.t12{padding:0;word-break:break-all; font-size:1.80em; line-height:1.00em;color:#2a2a2a;letter-spacing:-.055em; font-weight:300; }
p.t13{padding:0;word-break:break-all; font-size:1.20em; line-height:1.00em;color:#191919;letter-spacing:-.055em; font-weight:400;}
p.t13 span{padding:0;word-break:break-all; font-size:1.00em; line-height:1.00em;color:#1793da;letter-spacing:-.055em; font-weight:bold; }
p.t14{padding:0;word-break:break-all; font-size:1.15em;color:#191919;letter-spacing:-.055em; font-weight:bold; line-height:1.4em}
p.t14 span{padding:0;word-break:break-all; font-size:0.75em; line-height:1.00em;color:#6c6c6c;letter-spacing:-.055em; font-weight:500;}
p.t15{padding:0;word-break:break-all; font-size:1.20em; line-height:1.6em;color:#3659aa;  font-weight:220; letter-spacing:-.055em}
p.t16{padding:0;word-break:break-all; font-size:1.00em;color:rgb(0,0,0,0.5);color:rgba(0,0,0,0.5);letter-spacing:-.020em; font-weight:bold; line-height:1.4em;font-family: 'Nanum Gothic', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
p.t16 span{padding:0;word-break:break-all; font-size:1.00em; line-height:1.00em;color:#2097dc;letter-spacing:-.055em; font-weight:700;}
p.t16 span a{padding:0;word-break:break-all; font-size:1.00em; line-height:1.00em;color:#2097dc;letter-spacing:-.055em; font-weight:700;}
p.t17{padding:0;word-break:break-all; font-size:0.90em;color:#888;letter-spacing:-.055em; font-weight:400; line-height:1.4em; }
p.t17 span{padding:0;word-break:break-all; font-size:0.90em; line-height:1.00em;color:#2097dc;letter-spacing:-.055em; font-weight:700;}
p.t18{padding:0;word-break:break-all; font-size:0.90em;color:#555;letter-spacing:-.055em; font-weight:400; line-height:1.4em; }
p.t18 span{padding:0;word-break:break-all; font-size:1.15em; line-height:1.8em;color:#333;letter-spacing:-.055em; font-weight:700;}
p span.box{ background:#666; text-align:center; padding:3px 8px; color:#fff; font-size:0.95em; border-radius:5px}
@media screen and (max-width:767px) {
p.b{ font-weight:bold; color:#333; font-size:1.10em; line-height:1.6em;}
p span.b{ font-weight:bold; color:#333}
p span.b2{ font-weight:bold; color:#333; font-size:1.30em}
p span.check{ color:#ff3600}
p.t1{padding:0;word-break:break-all; font-size:1.8em; line-height:1.4em;color:#125fa3; font-weight:600; letter-spacing:-.055em; /*width: 85%;*/}
p.t2{padding:0;word-break:break-all; font-size:2.0em; line-height:1.6em;color:#333; font-weight:300; letter-spacing:-.015em}
p.t2 span{ font-weight:500; font-size: 1.3em;}
p.t3{word-break:break-all; font-size:1.4em; line-height:1.6em;color:#333; font-weight:500; word-break: keep-all;}
p.t3 span{/*color:#ef4d48;*/ font-weight:600;}
p.t3_1{padding:0;word-break:break-all; font-size:2.4em; line-height:1.6em;color:#2a2a2a; font-weight:500; letter-spacing:-.075em}
p.t4{padding: 0;
    word-break: break-all;
    font-size: 1.35em;
    line-height: 1.8em;
    color: #555;
    font-weight: 600;
    font-family: 'Nanum Gothic', sans-serif,"돋움", "굴림", tahoma, sans-serif;
    letter-spacing: -.055em;}
p.t4 span{color:#76b628;}
p.t5{padding:0;word-break:break-all; font-size:1.25em; line-height:1.25em;color:#555; font-weight:500}
p.t6{padding:0;word-break:break-all; font-size:1.4em; line-height:1.6em;color:#5496cf; font-weight:500; letter-spacing:-.045em;  }
p.t6 span{padding:0;word-break:break-all; font-size:1.35em; line-height:1.6em;color:#333; font-weight:500; letter-spacing:-.045em;  }
p.t7{padding:0;word-break:break-all; font-size:4.2em; line-height:1.6em;color:#908b88;  font-weight:220; letter-spacing:-.055em}
p.t8{padding:0;word-break:break-all; font-size:1.4em; line-height:1.6em;color:#10276e;  font-weight:220; letter-spacing:-.055em}
p.t9{padding:0;word-break:break-all; font-size:1.15em; line-height:1.6em;color:#333;  font-weight:500; letter-spacing:-.055em}
p.t10{padding:0;word-break:break-all; font-size:1.6em; line-height:1.30em;color:#2a5dc5; font-family: 'Montserrat', sans-serif,"굴림","돋움";letter-spacing:-.075em; font-weight:bold}
p.t10 span.bar{padding:0;word-break:break-all; font-size:0.80em; line-height:1.50em;color:#2a5dc5;letter-spacing:-.075em;}
p.t11{padding:0 0 5px 0;word-break:break-all; font-size:1.30em; line-height:1.6em;color:#378ccd; font-weight:400;letter-spacing:-.055em; }
p.t12{padding:0;word-break:break-all; font-size:1.40em; line-height:1.00em;color:#2a2a2a;letter-spacing:-.055em; font-weight:300; }
}


/* MARGIN-TOP관련 */.t_margin-20{margin-top:-20px;}.t_margin-19{margin-top:-19px;}.t_margin-18{margin-top:-18px;}.t_margin-17{margin-top:-17px;}.t_margin-16{margin-top:-16px;}.t_margin-15{margin-top:-15px;}.t_margin-14{margin-top:-14px;}.t_margin-13{margin-top:-13px;}.t_margin-12{margin-top:-12px;}.t_margin-11{margin-top:-11px;}.t_margin-10{margin-top:-10px;}.t_margin-9{margin-top:-9px;}.t_margin-8{margin-top:-8px;}.t_margin-7{margin-top:-7px;}.t_margin-6{margin-top:-6px;}.t_margin-5{margin-top:-5px;}.t_margin-4{margin-top:-4px;}.t_margin-3{margin-top:-3px;}.t_margin-2{margin-top:-2px;}.t_margin-1{margin-top:-1px;}.t_margin0{margin-top:0px;}.t_margin1{margin-top:1px;}.t_margin2{margin-top:2px;}.t_margin3{margin-top:3px;}.t_margin4{margin-top:4px;}.t_margin5{margin-top:5px;}.t_margin6{margin-top:6px;}.t_margin7{margin-top:7px;}.t_margin8{margin-top:8px;}.t_margin9{margin-top:9px;}.t_margin10{margin-top:10px;}.t_margin11{margin-top:11px;}.t_margin12{margin-top:12px;}.t_margin13{margin-top:13px;}.t_margin14{margin-top:14px;}.t_margin15{margin-top:15px;}.t_margin16{margin-top:16px;}.t_margin17{margin-top:17px;}.t_margin18{margin-top:18px;}.t_margin19{margin-top:19px;}.t_margin20{margin-top:35px;}.t_margin21{margin-top:21px;}.t_margin22{margin-top:22px;}.t_margin23{margin-top:23px;}.t_margin24{margin-top:24px;}.t_margin25{margin-top:25px;}.t_margin26{margin-top:26px;}.t_margin27{margin-top:27px;}.t_margin28{margin-top:28px;}.t_margin29{margin-top:29px;}.t_margin30{margin-top:30px;}.t_margin31{margin-top:31px;}.t_margin32{margin-top:32px;}.t_margin33{margin-top:33px;}.t_margin34{margin-top:34px;}.t_margin35{margin-top:35px;}.t_margin36{margin-top:36px;}.t_margin37{margin-top:37px;}.t_margin38{margin-top:38px;}.t_margin39{margin-top:39px;}.t_margin40{margin-top:40px;}.t_margin41{margin-top:41px;}.t_margin42{margin-top:42px;}.t_margin43{margin-top:43px;}.t_margin44{margin-top:44px;}.t_margin45{margin-top:45px;}.t_margin46{margin-top:46px;}.t_margin47{margin-top:47px;}.t_margin48{margin-top:48px;}.t_margin49{margin-top:49px;}.t_margin50{margin-top:50px;}.t_margin75{margin-top:75px;}.t_margin200{margin-top:200px;}@media screen and (max-width:992px) {.t_margin32{margin-top:0px;}}@media screen and (max-width:767px) {.t_margin32{margin-top:0px;}	.t_margin40{margin-top:0px;}.t_margin75{margin-top:50px;}}/* MARGIN-LEFT관련 */.l_margin-70{margin-left:-70px;}.l_margin-50{margin-left:-50px;}.l_margin-40{margin-left:-40px;}.l_margin-35{margin-left:-35px;}.l_margin-30{margin-left:-30px;}.l_margin-25{margin-left:-25px;}.l_margin-24{margin-left:-24px;}.l_margin-23{margin-left:-23px;}.l_margin-22{margin-left:-22px;}.l_margin-21{margin-left:-21px;}.l_margin-20{margin-left:-20px;}.l_margin-19{margin-left:-19px;}.l_margin-18{margin-left:-18px;}.l_margin-17{margin-left:-17px;}.l_margin-16{margin-left:-16px;}.l_margin-15{margin-left:-15px;}.l_margin-14{margin-left:-14px;}.l_margin-13{margin-left:-13px;}.l_margin-12{margin-left:-12px;}.l_margin-11{margin-left:-11px;}.l_margin-10{margin-left:-10px;}.l_margin-9{margin-left:-9px;}.l_margin-8{margin-left:-8px;}.l_margin-7{margin-left:-7px;}.l_margin-6{margin-left:-6px;}.l_margin-5{margin-left:-5px;}.l_margin-4{margin-left:-4px;}.l_margin-3{margin-left:-3px;}.l_margin-2{margin-left:-2px;}.l_margin-1{margin-left:-1px;}.l_margin0{margin-left:0px;}.l_margin1{margin-left:1px;}.l_margin2{margin-left:2px;}.l_margin3{margin-left:3px;}.l_margin4{margin-left:4px;}.l_margin5{margin-left:5px;}.l_margin6{margin-left:6px;}.l_margin7{margin-left:7px;}.l_margin8{margin-left:8px;}.l_margin9{margin-left:9px;}.l_margin10{margin-left:10px;}.l_margin11{margin-left:11px;}.l_margin12{margin-left:12px;}.l_margin13{margin-left:13px;}.l_margin14{margin-left:14px;}.l_margin15{margin-left:15px;}.l_margin16{margin-left:16px;}.l_margin17{margin-left:17px;}.l_margin18{margin-left:18px;}.l_margin19{margin-left:19px;}.l_margin20{margin-left:20px;}.l_margin21{margin-left:21px;}.l_margin22{margin-left:22px;}.l_margin23{margin-left:23px;}.l_margin24{margin-left:24px;}.l_margin25{margin-left:25px;}.l_margin26{margin-left:26px;}.l_margin27{margin-left:27px;}.l_margin28{margin-left:28px;}.l_margin29{margin-left:29px;}.l_margin30{margin-left:30px;}.l_margin31{margin-left:31px;}.l_margin32{margin-left:32px;}.l_margin33{margin-left:33px;}.l_margin34{margin-left:34px;}.l_margin35{margin-left:35px;}.l_margin36{margin-left:36px;}.l_margin37{margin-left:37px;}.l_margin38{margin-left:38px;}.l_margin39{margin-left:39px;}.l_margin40{margin-left:40px;}.l_margin41{margin-left:41px;}.l_margin42{margin-left:42px;}.l_margin43{margin-left:43px;}.l_margin44{margin-left:44px;}.l_margin45{margin-left:45px;}.l_margin46{margin-left:46px;}.l_margin47{margin-left:47px;}.l_margin48{margin-left:48px;}.l_margin49{margin-left:49px;}.l_margin50{margin-left:50px;}.l_margin80{margin-left:80px;}.l_margin85{margin-left:85px;}.l_margin87{margin-left:87px;}.l_margin90{margin-left:90px;}.l_margin100{margin-left:100px;}/* MARGIN-RIGHT관련 */.r_margin-20{margin-right:-20px;}.r_margin-19{margin-right:-19px;}.r_margin-18{margin-right:-18px;}.r_margin-17{margin-right:-17px;}.r_margin-16{margin-right:-16px;}.r_margin-15{margin-right:-15px;}.r_margin-14{margin-right:-14px;}.r_margin-13{margin-right:-13px;}.r_margin-12{margin-right:-12px;}.r_margin-11{margin-right:-11px;}.r_margin-10{margin-right:-10px;}.r_margin-9{margin-right:-9px;}.r_margin-8{margin-right:-8px;}.r_margin-7{margin-right:-7px;}.r_margin-6{margin-right:-6px;}.r_margin-5{margin-right:-5px;}.r_margin-4{margin-right:-4px;}.r_margin-3{margin-right:-3px;}.r_margin-2{margin-right:-2px;}.r_margin-1{margin-right:-1px;}.r_margin0{margin-right:0px;}.r_margin1{margin-right:1px;}.r_margin2{margin-right:2px;}.r_margin3{margin-right:3px;}.r_margin4{margin-right:4px;}.r_margin5{margin-right:5px;}.r_margin6{margin-right:6px;}.r_margin7{margin-right:7px;}.r_margin8{margin-right:8px;}.r_margin9{margin-right:9px;}.r_margin10{margin-right:10px;}.r_margin11{margin-right:11px;}.r_margin12{margin-right:12px;}.r_margin13{margin-right:13px;}.r_margin14{margin-right:14px;}.r_margin15{margin-right:15px;}.r_margin16{margin-right:16px;}.r_margin17{margin-right:17px;}.r_margin18{margin-right:18px;}.r_margin19{margin-right:19px;}.r_margin20{margin-right:20px;}.r_margin21{margin-right:21px;}.r_margin22{margin-right:22px;}.r_margin23{margin-right:23px;}.r_margin24{margin-right:24px;}.r_margin25{margin-right:25px;}.r_margin26{margin-right:26px;}.r_margin27{margin-right:27px;}.r_margin28{margin-right:28px;}.r_margin29{margin-right:29px;}.r_margin30{margin-right:30px;}.r_margin31{margin-right:31px;}.r_margin32{margin-right:32px;}.r_margin33{margin-right:33px;}.r_margin34{margin-right:34px;}.r_margin35{margin-right:35px;}.r_margin36{margin-right:36px;}.r_margin37{margin-right:37px;}.r_margin38{margin-right:38px;}.r_margin39{margin-right:39px;}.r_margin40{margin-right:40px;}.r_margin41{margin-right:41px;}.r_margin42{margin-right:42px;}.r_margin43{margin-right:43px;}.r_margin44{margin-right:44px;}.r_margin45{margin-right:45px;}.r_margin46{margin-right:46px;}.r_margin47{margin-right:47px;}.r_margin48{margin-right:48px;}.r_margin49{margin-right:49px;}.r_margin50{margin-right:50px;}/* MARGIN-BOTTOM관련 */.b_margin-20{margin-bottom:-20px;}.b_margin-19{margin-bottom:-19px;}.b_margin-18{margin-bottom:-18px;}.b_margin-17{margin-bottom:-17px;}.b_margin-16{margin-bottom:-16px;}.b_margin-15{margin-bottom:-15px;}.b_margin-14{margin-bottom:-14px;}.b_margin-13{margin-bottom:-13px;}.b_margin-12{margin-bottom:-12px;}.b_margin-11{margin-bottom:-11px;}.b_margin-10{margin-bottom:-10px;}.b_margin-9{margin-bottom:-9px;}.b_margin-8{margin-bottom:-8px;}.b_margin-7{margin-bottom:-7px;}.b_margin-6{margin-bottom:-6px;}.b_margin-5{margin-bottom:-5px;}.b_margin-4{margin-bottom:-4px;}.b_margin-3{margin-bottom:-3px;}.b_margin-2{margin-bottom:-2px;}.b_margin-1{margin-bottom:-1px;}.b_margin-1{margin-bottom:-1px;}.b_margin0{margin-bottom:0px;}.b_margin1{margin-bottom:1px;}.b_margin2{margin-bottom:2px;}.b_margin3{margin-bottom:3px;}.b_margin4{margin-bottom:4px;}.b_margin5{margin-bottom:5px;}.b_margin6{margin-bottom:6px;}.b_margin7{margin-bottom:7px;}.b_margin8{margin-bottom:8px;}.b_margin9{margin-bottom:9px;}.b_margin10{margin-bottom:10px;}.b_margin11{margin-bottom:11px;}.b_margin12{margin-bottom:12px;}.b_margin13{margin-bottom:13px;}.b_margin14{margin-bottom:14px;}.b_margin15{margin-bottom:15px;}.b_margin16{margin-bottom:16px;}.b_margin17{margin-bottom:17px;}.b_margin18{margin-bottom:18px;}.b_margin19{margin-bottom:19px;}.b_margin20{margin-bottom:20px;}.b_margin21{margin-bottom:21px;}.b_margin22{margin-bottom:22px;}.b_margin23{margin-bottom:23px;}.b_margin24{margin-bottom:24px;}.b_margin25{margin-bottom:25px;}.b_margin26{margin-bottom:26px;}.b_margin27{margin-bottom:27px;}.b_margin28{margin-bottom:28px;}.b_margin29{margin-bottom:29px;}.b_margin30{margin-bottom:30px;}.b_margin31{margin-bottom:31px;}.b_margin32{margin-bottom:32px;}.b_margin33{margin-bottom:33px;}.b_margin34{margin-bottom:34px;}.b_margin35{margin-bottom:35px;}.b_margin36{margin-bottom:36px;}.b_margin37{margin-bottom:37px;}.b_margin38{margin-bottom:38px;}.b_margin39{margin-bottom:39px;}.b_margin40{margin-bottom:40px;}.b_margin41{margin-bottom:41px;}.b_margin42{margin-bottom:42px;}.b_margin43{margin-bottom:43px;}.b_margin44{margin-bottom:44px;}.b_margin45{margin-bottom:45px;}.b_margin46{margin-bottom:46px;}.b_margin47{margin-bottom:47px;}.b_margin48{margin-bottom:48px;}.b_margin49{margin-bottom:49px;}.b_margin50{margin-bottom:50px;}.b_margin100{margin-bottom:100px;}/* PADDING-TOP관련 */.box-rpad{ padding-right:15px}@media screen and (max-width:767px) {.box-rpad{ padding-right:0px}}.t_padding0{padding-top:0px;}.t_padding1{padding-top:1px;}.t_padding2{padding-top:2px;}.t_padding3{padding-top:3px;}.t_padding4{padding-top:4px;}.t_padding5{padding-top:5px;}.t_padding6{padding-top:6px;}.t_padding7{padding-top:7px;}.t_padding8{padding-top:8px;}.t_padding9{padding-top:9px;}.t_padding10{padding-top:10px;}.t_padding11{padding-top:11px;}.t_padding12{padding-top:12px;}.t_padding13{padding-top:13px;}.t_padding14{padding-top:14px;}.t_padding15{padding-top:15px;}.t_padding16{padding-top:16px;}.t_padding17{padding-top:17px;}.t_padding18{padding-top:18px;}.t_padding19{padding-top:19px;}.t_padding20{padding-top:20px;}.t_padding21{padding-top:21px;}.t_padding22{padding-top:22px;}.t_padding23{padding-top:23px;}.t_padding24{padding-top:24px;}.t_padding25{padding-top:25px;}.t_padding26{padding-top:26px;}.t_padding27{padding-top:27px;}.t_padding28{padding-top:28px;}.t_padding29{padding-top:29px;}.t_padding30{padding-top:30px;}.t_padding31{padding-top:31px;}.t_padding32{padding-top:32px;}.t_padding33{padding-top:33px;}.t_padding34{padding-top:34px;}.t_padding35{padding-top:35px;}.t_padding36{padding-top:36px;}.t_padding37{padding-top:37px;}.t_padding38{padding-top:38px;}.t_padding39{padding-top:39px;}.t_padding40{padding-top:40px;}.t_padding41{padding-top:41px;}.t_padding42{padding-top:42px;}.t_padding43{padding-top:43px;}.t_padding44{padding-top:44px;}.t_padding45{padding-top:45px;}.t_padding46{padding-top:46px;}.t_padding47{padding-top:47px;}.t_padding48{padding-top:48px;}.t_padding49{padding-top:49px;}.t_padding50{padding-top:50px;}/* PADDING-LEFT관련 */.l_padding0{padding-left:0px;}.l_padding1{padding-left:1px;}.l_padding2{padding-left:2px;}.l_padding3{padding-left:3px;}.l_padding4{padding-left:4px;}.l_padding5{padding-left:5px;}.l_padding6{padding-left:6px;}.l_padding7{padding-left:7px;}.l_padding8{padding-left:8px;}.l_padding9{padding-left:9px;}.l_padding10{padding-left:10px;}.l_padding11{padding-left:11px;}.l_padding12{padding-left:12px;}.l_padding13{padding-left:13px;}.l_padding14{padding-left:14px;}.l_padding15{padding-left:15px;}@media (max-width: 991px) {.l_padding15{padding-left:0px;}	}.l_padding16{padding-left:16px;}.l_padding17{padding-left:17px;}.l_padding18{padding-left:18px;}.l_padding19{padding-left:19px;}.l_padding20{padding-left:20px;}@media (max-width: 991px) {.l_padding20{padding-left:0x;}}.l_padding21{padding-left:21px;}.l_padding22{padding-left:22px;}.l_padding23{padding-left:23px;}.l_padding24{padding-left:24px;}.l_padding25{padding-left:25px;}.l_padding26{padding-left:26px;}.l_padding27{padding-left:27px;}.l_padding28{padding-left:28px;}.l_padding29{padding-left:29px;}.l_padding30{padding-left:30px;}.l_padding31{padding-left:31px;}.l_padding32{padding-left:32px;}.l_padding33{padding-left:33px;}.l_padding34{padding-left:34px;}.l_padding35{padding-left:35px;}.l_padding36{padding-left:36px;}.l_padding37{padding-left:37px;}.l_padding38{padding-left:38px;}.l_padding39{padding-left:39px;}.l_padding40{padding-left:40px;}@media (max-width: 991px) {.l_padding40{padding-left:0px;}}.l_padding41{padding-left:41px;}.l_padding42{padding-left:42px;}.l_padding43{padding-left:43px;}.l_padding44{padding-left:44px;}.l_padding45{padding-left:45px;}.l_padding46{padding-left:46px;}.l_padding47{padding-left:47px;}.l_padding48{padding-left:48px;}.l_padding49{padding-left:49px;}.l_padding50{padding-left:50px;}.l_padding80{padding-left:80px;}/* PADDING-RIGHT관련 */.r_padding0{padding-right:0px;}.r_padding1{padding-right:1px;}.r_padding2{padding-right:2px;}.r_padding3{padding-right:3px;}.r_padding4{padding-right:4px;}.r_padding5{padding-right:5px;}.r_padding6{padding-right:6px;}.r_padding7{padding-right:7px;}.r_padding8{padding-right:8px;}.r_padding9{padding-right:9px;}.r_padding10{padding-right:10px;}@media screen and (max-width:767px) {.r_padding10{padding-right:0px;}}.r_padding11{padding-right:11px;}.r_padding12{padding-right:12px;}.r_padding13{padding-right:13px;}.r_padding14{padding-right:14px;}.r_padding15{padding-right:15px;}@media (max-width: 991px) {.r_padding15{padding-right:0px;}	}.r_padding16{padding-right:16px;}.r_padding17{padding-right:17px;}.r_padding18{padding-right:18px;}.r_padding19{padding-right:19px;}.r_padding20{padding-right:20px;}@media (max-width: 991px) {.r_padding20{padding-right:0px;}	}.r_padding21{padding-right:21px;}.r_padding22{padding-right:22px;}.r_padding23{padding-right:23px;}.r_padding24{padding-right:24px;}.r_padding25{padding-right:25px;}.r_padding26{padding-right:26px;}.r_padding27{padding-right:27px;}.r_padding28{padding-right:28px;}.r_padding29{padding-right:29px;}.r_padding30{padding-right:30px;}.r_padding31{padding-right:31px;}.r_padding32{padding-right:32px;}.r_padding33{padding-right:33px;}.r_padding34{padding-right:34px;}.r_padding35{padding-right:35px;}.r_padding36{padding-right:36px;}.r_padding37{padding-right:37px;}.r_padding38{padding-right:38px;}.r_padding39{padding-right:39px;}.r_padding40{padding-right:40px;}.r_padding41{padding-right:41px;}.r_padding42{padding-right:42px;}.r_padding43{padding-right:43px;}.r_padding44{padding-right:44px;}.r_padding45{padding-right:45px;}.r_padding46{padding-right:46px;}.r_padding47{padding-right:47px;}.r_padding48{padding-right:48px;}.r_padding49{padding-right:49px;}.r_padding50{padding-right:50px;}.r_padding60{padding-right:60px;}/* PADDING-BOTTOM관련 */.b_padding0{padding-bottom:0px;}.b_padding1{padding-bottom:1px;}.b_padding2{padding-bottom:2px;}.b_padding3{padding-bottom:3px;}.b_padding4{padding-bottom:4px;}.b_padding5{padding-bottom:5px;}.b_padding6{padding-bottom:6px;}.b_padding7{padding-bottom:7px;}.b_padding8{padding-bottom:8px;}.b_padding9{padding-bottom:9px;}.b_padding10{padding-bottom:10px;}.b_padding11{padding-bottom:11px;}.b_padding12{padding-bottom:12px;}.b_padding13{padding-bottom:13px;}.b_padding14{padding-bottom:14px;}.b_padding15{padding-bottom:15px;}.b_padding16{padding-bottom:16px;}.b_padding17{padding-bottom:17px;}.b_padding18{padding-bottom:18px;}.b_padding19{padding-bottom:19px;}.b_padding20{padding-bottom:20px;}.b_padding21{padding-bottom:21px;}.b_padding22{padding-bottom:22px;}.b_padding23{padding-bottom:23px;}.b_padding24{padding-bottom:24px;}.b_padding25{padding-bottom:25px;}.b_padding26{padding-bottom:26px;}.b_padding27{padding-bottom:27px;}.b_padding28{padding-bottom:28px;}.b_padding29{padding-bottom:29px;}.b_padding30{padding-bottom:30px;}.b_padding31{padding-bottom:31px;}.b_padding32{padding-bottom:32px;}.b_padding33{padding-bottom:33px;}.b_padding34{padding-bottom:34px;}.b_padding35{padding-bottom:35px;}.b_padding36{padding-bottom:36px;}.b_padding37{padding-bottom:37px;}.b_padding38{padding-bottom:38px;}.b_padding39{padding-bottom:39px;}.b_padding40{padding-bottom:40px;}.b_padding41{padding-bottom:41px;}.b_padding42{padding-bottom:42px;}.b_padding43{padding-bottom:43px;}.b_padding44{padding-bottom:44px;}.b_padding45{padding-bottom:45px;}.b_padding46{padding-bottom:46px;}.b_padding47{padding-bottom:47px;}.b_padding48{padding-bottom:48px;}.b_padding49{padding-bottom:49px;}.b_padding50{padding-bottom:50px;}


/* 메세지*/
#MessageBoxWrap {
    width: 100%;
	max-width: 1140px;
	margin: 40px auto 70px auto;
	display: flex;
	justify-content: left;
	height: calc(100vh - 191px);
	position: relative;
}
#MessageBoxWrap > div{}
#MessageBoxWrap .msgList{
	border: 1px solid #e4e5ed;
	/* border-right: 0; */
	flex-basis: 280px;
	width: 280px;
	height: calc(100vh - 191px);
	overflow: hidden;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	flex-direction: column;
}
#MessageBoxWrap .msgList .ListSearch{background:#efeeff;}
#MessageBoxWrap .ListSearch .btnSchBox {
    display: -webkit-box; display: -ms-flexbox; display: flex;
    padding: 10px 20px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: space-between;

}
#MessageBoxWrap .ListSearch .btnSchBox span{
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    line-height: 40px;
}
.btnSchBox .img{
    width: 40px;
    padding: 10px;
	cursor:pointer;
	background:url(../img/common/ico_sch.svg) no-repeat center center;
	background-size:20px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.btnSchBox .img.on{
	background:url(../img/common/ico_cancel.svg) no-repeat center center;	
	background-size:20px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.ListSearch .blockBox > div {position:relative}
.ListSearch .blockBox > div:first-child{
    width: 70px;
    margin-right: 10px;
}
.ListSearch .blockBox.on{
	display:flex !important
}
.ListSearch .blockBox {
    justify-content: space-between;
    background: #efeeff;
    padding: 10px 10px 0;
    margin-bottom: 13px;
    display: flex;
}
.ListSearch .blockBox button{
	position:absolute;
	background: url(../img/common/ico_sch.svg) no-repeat center center;
	background-size: 16px;
	right: 0;
	width: 20%;
	height: 45px;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
    top: 0;
}
.ListSearch .blockBox select{
    border: 0;
    padding: 0;
    font-size: 14px;
    width: 100%;
    height: 45px;
    font-weight: 400 !important;
    background: none;
    outline: none;
    /* border-radius: 50px; */
}
.ListSearch .blockBox input{
	padding: 10px 20% 7px 10px;
	border: 0;
	width: 100%;
	font-size: 14px;
	font-weight: 400 !important;
	outline:0;
	height: 45px;
}
#MessageBoxWrap .msgList .scrollBox{height: calc(100% - 70px);background: #ffffff;overflow-y: scroll;}
#MessageBoxWrap .msgList .inbox{padding: 15px;border-bottom: 1px solid #DDD;display:flex;position: relative;}
#MessageBoxWrap .msgList .inbox:last-child{border-bottom:0}
/* #MessageBoxWrap .msgList .inbox:before{
	content: '읽음';
	display:inline-block;
	position: absolute;
	font-size: 10px;
	background: #f0f0f0;
	color: #a0a0a0;
	padding: 0 6px;
	top: 9px;
	left: 9px;
	border-radius: 10px 10px 10px 0;
} */
#MessageBoxWrap .msgList .inbox.on:before{
	content: '안읽음';
	display:inline-block;
	position: absolute;
	font-size: 10px;
	background: #7d75dc;
	color: #ffffff;
	padding: 0 6px;
	top: 9px;
	left: 9px;
	border-radius: 10px 10px 10px 0;
}
#MessageBoxWrap .msgList .inbox .onnum {
    display: inline-block;
    position: absolute;
    background: #7d75dc;
    color: #ffffff;
    padding: 1px 6px 3px;
    top: 12px;
    left: 9px;
    border-radius: 30px;
    min-width: 30px;
    text-align: center;
    font-size: 12px
}

#MessageBoxWrap .msgList .inbox p{}
#MessageBoxWrap .msgList .inbox p.img{
    width: 50px;
    overflow: hidden;
    border-radius: 50%;
    height: 50px;
    margin-top: 3px;
}
#MessageBoxWrap .msgList .inbox p.img img{
    width: 100%;
    height: 100%;
}
#MessageBoxWrap .msgList .inbox p.txt{
    padding-left: 12px;
    display: flex;
    flex-direction: column;
    width: calc(100% - 50px);
}
#MessageBoxWrap .msgList .inbox p.txt .ment{
	font-size: 11px;
	color: #7d75dc;
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
#MessageBoxWrap .msgList .inbox p.txt .ment b{
    font-weight: 400;
    display: inline-block;
    width: calc(100% - 45px);
    overflow: hidden;
    height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#MessageBoxWrap .msgList .inbox p.txt .ment b:last-child{
    color: #939393;
/*     background: #f0f0f0; */
    width: 40px;
    text-align: center;
    line-height: 20px;
    border-radius: 10px;
}
#MessageBoxWrap .msgList .inbox p.txt .name{
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 3px;
}
#MessageBoxWrap .msgList .inbox p.txt .cont{
    font-size: 12px;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 37px;
}
#MessageBoxWrap .msgCont{
    border-bottom: 1px solid #e4e5ed;
    border-right: 1px solid #e4e5ed;
    flex-basis: calc(100% - 280px);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100vh - 191px);
    overflow: hidden;
    position: relative;
}
#MessageBoxWrap .msgBox{
    position: relative;
    flex-basis: calc(100% - 243px);
    flex-shrink: 0;
    border-right: 1px solid #e4e5ed;
    border-top: 1px solid #e4e5ed;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #FFF;
	overflow-y: scroll;
}
#MessageBoxWrap .msgBox .warning{
    text-align: center;
    margin: 40px;
    letter-spacing: -.5px;
	color:#8b8b8b
}
#MessageBoxWrap .msgBox .today{
	text-align: center;
	background: #efeeff;
	margin: 20px 10%;
	border-radius: 30px;
	padding: 7px;
	font-size: 11px;
}
#MessageBoxWrap .msgBox .my-msg,
#MessageBoxWrap .msgBox .you-msg{
	position: relative;
	margin:20px 30px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	align-items: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
}
#MessageBoxWrap .msgBox .my-msg .nm{
	position: absolute;
	top: -20px;
	font-size: 13px;
	color: #7d75dc;
	font-weight: 500;
	right: 0;
}
#MessageBoxWrap .msgBox .you-msg .nm{
	position: absolute;
	top: -12px;
	left: 0;
	font-size: 13px;
	font-weight: 500;
}
#MessageBoxWrap .msgBox .you-msg{
	-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
}
#MessageBoxWrap .msgBox .msg {
	max-width: 70%;
	padding: 16px;
	font-size: 14px;
	line-height: 1.7;
}

#MessageBoxWrap .msgBox .date{
	padding-bottom:7px	
}

#MessageBoxWrap .msgBox .my-msg .msg {
	background: #7d75dc;
    color: #FFF;
    margin-left: 6px;
    border-radius: 15px 0px 15px 15px;
}
#MessageBoxWrap .msgBox .msg img{width:100%}
#MessageBoxWrap .msgBox .you-msg .msg {
    background: #ededed;
    color: #000;
    margin-right: 6px;
    margin-top: 9px;
    border-radius: 0px 15px 15px;
}

#MessageBoxWrap .userBox{
    flex-basis: 243px;
    width: 243px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px;
    border-top: 1px solid #e4e5ed;
    background: #FFF;
}
#MessageBoxWrap .userBox h4{font-size: 14px;color: #000;margin-bottom: 10px;    font-weight: normal;}
#MessageBoxWrap .userBox .profileInfo{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-direction: column;
}
#MessageBoxWrap .userBox .profileInfo .img{border-radius: 50%;overflow: hidden;margin-top: 20px;}
#MessageBoxWrap .userBox .profileInfo .name{font-size: 15px;letter-spacing: -.5px;font-weight: 500;line-height: 1.5;margin: 10px 0;}
#MessageBoxWrap .partnerInfo > div{overflow: hidden;font-size: 13px;line-height: 1.7;}

@media (max-width: 1199px) {
    #MessageBoxWrap {
        flex-wrap: wrap;
        height: auto;
    }
    #MessageBoxWrap .msgList {
        flex-basis:100%;
        width:100%;
        height: 191px;
    }
    #MessageBoxWrap .msgCont {
        width:100%;
        flex-basis:100%;
    }
    #MessageBoxWrap .unMsgBox {
        width: 100%;
        top: 190px;
    }
}
@media (max-width: 767px) {
    #MessageBoxWrap {
        margin-top: 0;
    }
    #MessageBoxWrap .msgList {
        flex-basis:100%;
        width:100%;
        height: 100%;
        border: 0;
    }
    #MessageBoxWrap .msgList  + .unMsgBox {
        display: none;
    }
    #MessageBoxWrap .msgList + .unMsgBox + .msgCont {
        display: none;
    }
}
.userBox .partnerInfo h5{display: inline-block;float: left;color: #878787;}
.userBox .partnerInfo span{display: inline-block;float: right;color: #7d75dc;}
.userBox .partnerHis h4{margin:20px 0 30px !important;text-align: center;}
.userBox .partnerHis h4 a{
    display: block;border: 1px solid #7d75dc;
    padding: 10px 12px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.3s;
	-moz-transition:all 0.3s ;
	-ms-transition: all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s ;
}
.userBox .partnerHis h4 a:hover{
	background: #ecebff;
}
.userBox .partnerHis h4 span{
    color: #7d75dc;
}
.userBox .partnerServ{}
.userBox .serviceList{}
.userBox .serviceList li{
    margin-bottom: 15px;
    height: 50px;
    overflow: hidden;
}
.userBox .serviceList li a{
    display: flex;
    overflow: hidden;
    height: 50px;
}
.userBox .serviceList li > div{}
.userBox .serviceList li img{
    height: 100%;
}
.userBox .serviceList li .txt{
    margin-left: 10px;
}
.userBox .serviceList li .tit{
    font-size: 12px;
    letter-spacing: -.8px;
    line-height: 1.2;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 28px;



}
.userBox .serviceList li .pri{
    font-weight: 600;
    margin-top: 3px;
    color: #7d75dc;
}

#MessageBoxWrap .msgTxt{
    border-top: 1px solid #e4e5ed;
    padding: 30px;
    background: #ffffff;
    min-height: 150px;
}
#MessageBoxWrap .msgTxt .textareaBox{
    margin-bottom: 15px;
    max-height: 50px;
    overflow: auto;
}
#MessageBoxWrap .msgTxt textarea{border: 1px solid #DDD;padding: 10px;font-size: 14px;width: 100%;}
#MessageBoxWrap .msgTxt .btnBox .btn{padding: 10px;}
#MessageBoxWrap .msgTxt .txtSend{float: right;display: inline-block;}
#MessageBoxWrap .msgTxt .txtSend .btn{background: #7d75dc;color: #FFF;padding: 10px 40px; height: auto}
#MessageBoxWrap .msgConts{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    justify-content: left;
    flex: 1;
    overflow: hidden;
}



/* 추가 */
#MessageBoxWrap.appVer{
	width: 100%;
	/* height: 100vh; */
	display: block;
	overflow: hidden;
	margin: 0 auto;
	/* background: #f0f0f0; */
}
#MessageBoxWrap.appVer .msgCont{
	height: 100%;
	width: 94%;
	flex-basis: 100%;
	border: 0;
	max-width: 1200px;
	margin: 15px auto;
}
#MessageBoxWrap.appVer .msgBox{
	flex-basis: 100%;
	height: 100%;
	border: 0;
	display: block;
	padding-top: 0;
}
#MessageBoxWrap.appVer .msgConts{
	height: 100%;
	display: block;
	height: calc(100% - 150px);
	background: #FFF;
	overflow: auto;
	flex: none;
}
#MessageBoxWrap.appVer .msgTxt{
	height: 150px;
	width: 100%;
	background: none;
	max-width: 1200px;
	background: #FFFF;
	padding: 15px;
}
#MessageBoxWrap.appVer .msgTxt textarea {
    border: 0;
	outline:0
}
#MessageBoxWrap.appVer .chat-msg {width: 100%;position: absolute;/*top: 65px;height: calc(100% - 220px)*/;padding-bottom: 20px;}
#MessageBoxWrap.appVer .msgTxt .btnBox .btn#btn-file{background: #f0f0f0;height: auto}
#MessageBoxWrap.appVer .msgBox .warning {margin:20px 0}
#MessageBoxWrap.appVer .msgList {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    flex-basis: 100%;
    min-height: auto;
    height: auto;
}
#MessageBoxWrap.appVer .msgList .ListSearch{
    background:#FFF	
}
#MessageBoxWrap.appVer .ListSearch .blockBox{
	    background:#FFF;
	    border-bottom:1px solid #DDD;
	    padding: 0 15px;
	    margin-bottom: 0;
}
#MessageBoxWrap.appVer .msgList .inbox p.txt .contP{}
#MessageBoxWrap.appVer .msgList .scrollBox {
	height: calc(100% - 55px);
}

#MessageBoxWrap.appVer .ListSearch .blockBox select {
   -webkit-appearance:none; /* for chrome */
   -moz-appearance:none; /*for firefox*/
   appearance:none;
   background: url(../img/common/ico_ar_down.svg) no-repeat 84% center;
   background-size: 12px;
   padding-right: 30px;
   height: 55px;
   line-height: 55px;
}
#MessageBoxWrap.appVer .ListSearch .blockBox > div:first-child {
    width: 90px;
    margin-right: 0;
}
#MessageBoxWrap.appVer .ListSearch .blockBox > div {
    width: calc(100% - 90px);
}
#MessageBoxWrap.appVer .ListSearch .blockBox input{
	height:55px;
	padding: 0px 64px 0 10px;
	line-height: 55px;
	font-size:15px;
}
#MessageBoxWrap.appVer .ListSearch .blockBox button{
	border-radius: 45px;
	height: 40px;
	background-size:20px;
	background: #7d75dc;
	text-indent: 0;
	font-size: 13px;
	margin-top: 8px;
	right: -8px;
	width: 70px;
	color: #FFF;
    top: 0;
}

#scont_wrap2.c_ver_2 #scont{
	padding:0
}
#MessageBoxWrap.appVer .userBox{
    flex-basis: inherit;
    width: 70%;
    margin: 0 auto;
    border-top: 0;
}
.hd_per_more {
	display:inline-block;
	background: url(../img/common/ico_user.svg) no-repeat center center;
	background-size: 27px;
	position: absolute;
	right: 10px;
	top: 6px;
	width: 50px;
	height: 58px;
	overflow: hidden;
	text-indent: -999em;
}
@media screen and (max-width:768px) {
	#MessageBoxWrap.appVer {background:none;height: auto;}
	#MessageBoxWrap.appVer .msgCont{
		width:100%;
		margin: 0 auto;
		height: calc(100vh - 75px);
	}
	#MessageBoxWrap.appVer .userBox{
		width: 90%;
		min-width:300px
	}
}

.titleTextBoxDesign {
    font-size: 15px;
    text-align: center;
    word-break: keep-all;
    font-weight: 500;
}

.unMsgBox {
    position: absolute;
    background: rgba(239, 238, 255, 0.9);
    width: calc(100% - 280px);
    right: 0;
    z-index: 9;
    height: calc(100vh - 191px);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}

.no_read_badge {
	display: inline-block;
    background: #7d75dc;
    color: #FFF;
    min-width: 25px;
    border-radius: 25px 25px 25px 3px;
    text-align: center;
    font-size: 10px;
    font-weight: 300;
    z-index: 9;
    margin-top: -10px;
    position: relative;
    top: -10px;
    left: -1px;
}