body,html{min-width:1024px}.nav_1_table,.nav_2_table{border-collapse:collapse;width:100%;vertical-align:middle}html{font-size:16px}body{margin:0;padding:0;overflow-x:hidden}a,button{cursor:pointer!important;text-decoration:none;outline:0;color:inherit}button,img,textarea{outline:0;border:none}.strong,.strong_400,strong{font-weight:700}.normal{font-weight:300}img{cursor:default}.fs-1{font-size:1rem;line-height:1.5rem}.fs-125{font-size:1.25rem;line-height:1.9rem}.fs-15{font-size:1.5rem;line-height:2.25rem}.fs-075{font-size:.75rem;line-height:1.125rem}.fs-175{font-size:1.75rem;line-height:2.6rem}.fs-0875,.fs-px-12{line-height:1.6rem}.fs-0875{font-size:.875rem}.fs-px-12{font-size:12px}.nav_1,.nav_2{font-size:16px;height:100%}.center{text-align:center}br.mobile{display:none}@media (max-width:1023px){br.mobile{display:block}}.nav_1{float:left}.nav_2{float:right}.nav_1_table{float:left;height:100%}.nav_2_table{float:right;height:100%}div#sign-layer{display:none;position:fixed;top:20%;left:50%;margin-left:-400px;border-radius:10px;width:800px;background:#FFF;z-index:103}div#sign-layer p.header{font-size:20px;margin:91px 0 47px 48px;display:inline-block}div#sign-layer ul.layer,div#sign-layer ul.layer li{width:100%;height:100%;margin:0;padding:0;vertical-align:middle}div#sign-layer ul.layer li{display:inline-block}div#sign-layer ul.layer{margin-bottom:75px;margin-left:48px}div#sign-layer ul.qr,div#sign-layer ul.qr li{text-align:center;margin:0;padding:0;vertical-align:middle;display:inline-block}div#sign-layer ul.qr{margin-left:215px;margin-bottom:8px}div#sign-layer ul.qr img{width:64px;height:64px}div#sign-layer img.btn-login{width:296px;height:48px;display:block}div#sign-layer input[name=id]{margin-bottom:8px}div#sign-layer input[name=id],div#sign-layer input[name=pw]{width:278px;height:45px;border-radius:5px;background-color:#fff;border:1px solid #e0e0e0;font-size:16px;padding-left:16px;outline:0}div#sign-layer input[name=id]::-webkit-input-placeholder, div#sign-layer input[name=pw]::-webkit-input-placeholder{font-size:16px;color:#BDBDBD}div#sign-layer input[name=id]::-moz-placeholder, div#sign-layer input[name=pw]::-moz-placeholder{font-size:16px;color:#BDBDBD}div#sign-layer input[name=id]:-ms-input-placeholder, div#sign-layer input[name=pw]:-ms-input-placeholder{font-size:16px;color:#BDBDBD}div#sign-layer input[name=id]::-ms-input-placeholder, div#sign-layer input[name=pw]::-ms-input-placeholder{font-size:16px;color:#BDBDBD}div#sign-layer input[name=id]::placeholder,div#sign-layer input[name=pw]::placeholder{font-size:16px;color:#BDBDBD}div#sign-layer button{width:296px;height:48px;border-radius:5px;background-color:#F57C00;border:1px solid #F57C00;color:#FFF;font-size:20px}div#sign-layer div.line{width:1px;height:190px;margin:0 auto;background-color:#e0e0e0}div#sign-layer p.find-password{width:296px;font-size:12px;text-align:right;color:#9e9e9e;margin:4px 0 16px}div#sign-layer p.find-cop{font-size:12px;color:#9e9e9e;margin:13px 180px 0 0;text-align:right;text-decoration:underline;cursor:pointer!important}div#sign-layer p.find-cop img{width:16px;height:16px;vertical-align:middle;margin:0 4px 2px 0}div#sign-layer img.exit{width:24px;height:24px;position:absolute;top:16px;right:16px;cursor:pointer!important}div#sign-bg{display:none;position:fixed;background:#000;opacity:.4;width:100%;height:100%;top:0;left:0;z-index:102}

/*
 * Copyright (c) 2017. 주식회사 휴마트컴퍼니. HumartCompany, Inc.
 */

/**
 * 텍스트 테라피 페이지 전용 메뉴
 */
header.texttime_header {
    z-index: 60;
    background: #FF5A2E;
    color: #FFFFFF;
    width: 100%;
    height: 7%;
}

header.texttime_header a {
    color: #FFFFFF !important;
    font-size: 13px;
    font-weight: normal;
}

header.texttime_header .texttime_logo {
    float: left;
    height: 100%;
}

header.texttime_header .logo {
    width: 100px;
    padding-top: 10%;
    padding-left: 10%;
}

header.texttime_header .texttime_menu {
    float: right;
    height: 100%;
}

header.texttime_header .texttime_menu_table {
    height: 100%;
}

header.texttime_header .t_menu {
    width: auto;
    color: #FFFFFF;
    text-align: center;
    padding: 0 20px;
}

/**/

.wrapper {
    width: 80%;
    max-width: 1024px;
    min-width: 1024px;
    height: auto;
    margin: 20px auto;
    padding-bottom: 104px;
}

div#status > h1 {
    text-align: center;
    margin: 0 auto;
    font-size: 1.5rem;
    color: #4A4A4A;
    margin-top: 20px;
    margin-bottom: 40px;
}

/*
* 상담사 메인 페이지.
*/
div#client_history {
    width: 100%;
    max-width: 1024px;
    min-width: 1024px;
    text-align: center;
    border: 1px solid #8296F8;
    border-radius: 15px;
}

div#client_history ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: #F2F2F2;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

div#client_history li {
    margin: 0 auto;
    padding: 20px 0;
    padding-top: 30px;
    display: inline-block;
    width: 24%;
    font-size: 1.2rem;
}

div#client_history table {
    width: 40%;
    margin: 30px auto;
    border-collapse: collapse;
}

div#client_history table th {
    width: 48%;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    padding-bottom: 15px;
}

div#client_history table td {
    text-align: left;
}

div#client_history table td button {
    background: #FF5A2E;
    color: #FFF;
    display: block;
    min-width: 200px;
    padding: 10px;
    text-align: center;
    margin: 20px auto;
    font-size: 1.125rem;
}

div#client_history table td p.helpInfo {
    margin-top: 5px;
    font-size: 0.875rem;
}

#counseling_list_menu h1 {
    background: #8296F8;
    border: 1px solid #8296F8;
    font-size: 1.5rem;
    padding: 10px 15px;
    width: 100%;
    color: #FFF;
}

div#counseling_list {
    width: 100%;
    max-width: 1024px;
    margin: 50px auto 20px;
    text-align: left;
    border-collapse: collapse;
}

div#counseling_list a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

div#counseling_list h3 {
    margin: 0 auto;
    text-align: left;
    padding: 2%;
    background: #8296F8;
    color: #FFF;
    font-size: 1rem;
    /*border-top-left-radius: 10px;*/
    /*border-top-right-radius: 10px;*/

}

div#counseling_list ul.eachintro {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    display: inline-block;
    border-top: 1px solid #8296F8;
}

div#counseling_list ul.eachintro li {
    margin: 0 auto;
    padding: 0;
    display: inline-block;
    font-size: 1rem;
    width: 45%;
}

div#counseling_list ul.eachintro li:first-child p {
    font-weight: bold;
    margin: 0 auto;
    color: #333;
    display: inline-block;
    vertical-align: middle;
    width: 270px;
    font-size: 1rem;
}

div#counseling_list ul.eachintro li img {
    width: 100px;
    vertical-align: middle;
    margin: 25px;
}

div#counseling_list ul.eachintro li p span.recently_message {
    font-weight: bold;
    font-size: 0.875rem;
}

div#counseling_list ul.eachintro li p span.recently_time {
    font-weight: bold;
    font-size: 0.72rem;
}

div#counseling_list ul.eachintro li p span.unReadMsgCntDom {
    background: #7E2221;
    color: #FFF;
    padding: 1px 8px;
    border-radius: 15px;
    margin-left: 4%;
    font-size: 0.7rem;
}

/* HY - 신규 / HH - 진행 중 / HN - 종료 */
div#counseling_list div.eachCounseling {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #8296F8;
    cursor: pointer;
}

div#counseling_list div.therapySpecialist,
div#counseling_list div.H_Y,
div#counseling_list div.H_N,
div#counseling_list div.H_E_T,
div#counseling_list div.H_E_F {
    border: 1px solid #8296F8;
    /*-webkit-border-radius: 15px;*/
    /*-moz-border-radius: 15px;*/
    /*border-radius: 15px;*/
}

div#counseling_list div.H_N {
    border: 1px solid #8296F8;
}

div#counseling_list div.H_N img {
    opacity: 0.5;
}

div#counseling_list div.H_N * {
    /*color: #BDBDBD !important;*/
}

div#counseling_list div.H_N hr {
    border: 1px solid #BDBDBD;
}

/**/

/*
* 상담 로딩 애니메이션
*/
.opacityBg {
    z-index: 9998;
    display: none;
    position: fixed;
    top: 0;
    background: rgba(000, 000, 000, 0.8);
    width: 100%;
    height: 100%;
}

.counseling-loader {
    display: none;
    z-index: 9999;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8)
}

.counseling-loader__text {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 24px;
    color: #fff
}

.counseling-loader__text:before {
    content: '';
    z-index: 1;
    height: 80px;
    width: 80px;
    display: block;
    margin: 0 auto 28px auto;
    border: 6px solid #fff;
    border-right-color: #FF5A2E;
    border-top-color: #FF5A2E;
    border-radius: 50%;
    border-width: 13px;
    -webkit-animation: spin 800ms infinite linear;
            animation: spin 800ms infinite linear;
}

div#PausePopup {
    display: none;
    z-index: 35;
    margin: 0 auto;
    padding: 20px;
    border: 3px solid #FF5A2E;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -270px;
    margin-top: -125px;
    background: #FFF;
}

div#PausePopup input[type=text] {
    font-size: 0.8rem;
    border: 1px solid #BDBDBD;
    padding: 5px 10px;
    vertical-align: middle;
}

div#PausePopup textarea {
    border: 3px solid #BDBDBD;
    width: 95%;
    padding: 10px;
    font-size: 1rem;
    line-height: 1.4rem;
}

div#PausePopup button {
    padding: 8px 16px;
    font-size: 0.9rem;
    margin: 0 auto;
    background: #FF5A2E;
    color: #FFF;
}


/*# sourceMappingURL=../../sourcemaps/service/counseling/counseling.css.map*/