.main_top {
    /* margin-bottom: 20px; */
    margin-top: 20px;
}

.main_top .title {
    font-size: 2.2em;
    font-weight: 700;
    color: #000;
    float: left;
}

.main_top .top_wrap {
    float: right;
}

.main_top .top_wrap a {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.main_top .top_wrap a:last-child {
    margin-right: 0;
}

.banner .slider__counter {
    position: absolute;
    bottom: 10px;
    right: 16px;
    z-index: 1;
    font-size: 1em;
    font-weight: 500;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    display: block;
    width: 50px !important;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    text-align: center;
}

.banner .slick-arrow {
    display: none !important;
}

.banner1 .slider__counter1 {
    position: absolute;
    bottom: 10px;
    right: 16px;
    z-index: 1;
    font-size: 1em;
    font-weight: 500;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    display: block;
    width: 50px !important;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    text-align: center;
}

.banner1 .slick-arrow {
    display: none !important;
}

.banner2 .slider__counter2 {
    position: absolute;
    bottom: 10px;
    right: 16px;
    z-index: 1;
    font-size: 1em;
    font-weight: 500;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    display: block;
    width: 50px !important;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    text-align: center;
}

.banner2 .slick-arrow {
    display: none !important;
}

.menu_box {
    margin-top: 20px;
    margin-bottom: 20px;
}

.menu_box .menu_title {
    margin-bottom: 20px;
}

.menu_box .menu_title a {
    display: block;
    float: left;
    font-size: 1.6em;
    font-weight: 700;
    color: #D3D3D3;
    margin-right: 16px;
}

.menu_box .menu_title a:last-child {
    margin-right: 0;
}

.menu_box .menu_title a.on {
    color: #000;
}

.menu_wrap {
    text-align: center;
    display: flex;
    justify-content: space-between;
    width: calc(100% - 10px);
    margin: auto;
}

.menu_wrap a {
    display: block;
    width: 54px;
    position: relative;
}

.menu_wrap a span {
    color: #A6A5A5;
    font-size: 1.2em;
}

.menu_wrap a.on span {
    color: #000;
}

.menu_wrap a .pro {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #DCDCDC;
    height: 16px;
    line-height: 14px;
    padding: 0 8px;
    border-radius: 10px;
    font-weight: 600;
    color: #B9B9B9;
    font-size: 1em;
}

.menu_wrap a.on .pro {
    background: #FF3720;
    color: #fff;
}

.menu_wrap .icon {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin: 0 auto 6px auto;
}

.menu_wrap .all .icon {
    background: url(/assets/image/common/all.png) center no-repeat #EEEEEE;
}

.menu_wrap .all.on .icon {
    background: url(/assets/image/common/all_on.svg) center no-repeat #FF5A47;
}

.menu_wrap .talk .icon {
    background: url(/assets/image/common/talk.svg) center no-repeat #EEEEEE;
}

.menu_wrap .talk.on .icon {
    background: url(/assets/image/common/talk_on.png) center no-repeat #FF5A47;
}

.menu_wrap .lol .icon {
    background: url(/assets/image/common/lol.svg) center no-repeat #EEEEEE;
}

.menu_wrap .lol.on .icon {
    background: url(/assets/image/common/lol_on.png) center no-repeat #FF5A47;
}

.menu_wrap .theme .icon {
    background: url(/assets/image/common/theme.svg) center no-repeat #EEEEEE;
}

.menu_wrap .theme.on .icon {
    background: url(/assets/image/common/theme_on.png) center no-repeat #FF5A47;
}

.menu_wrap .consulting .icon {
    background: url(/assets/image/common/consulting.svg) center no-repeat #EEEEEE;
}

.menu_wrap .consulting.on .icon {
    background: url(/assets/image/common/consulting_on.png) center no-repeat #FF5A47;
}

.menu_wrap .lesson .icon {
    background: url(/assets/image/common/lesson.svg) center no-repeat #EEEEEE;
}

.menu_wrap .lesson.on .icon {
    background: url(/assets/image/common/lesson_on.png) center no-repeat #FF5A47;
}


.menu_wrap .mentor .icon {
    background: url(/assets/image/common/mento.svg) center no-repeat #EEEEEE;
}

.menu_wrap .mentor.on .icon {
    background: url(/assets/image/common/mento_on.png) center no-repeat #FF5A47;

}

.filter_title .title {
    padding-left: 26px;
    background: url(/assets/image/common/filter_icon.svg) 0 center no-repeat;
    font-size: 1.5em;
    font-weight: 700;
    position: relative;
    display: inline-block;
    float: left;
}

.filter_title .tit_txt {
    float: left;
    font-size: 1.4em;
    margin-top: 3px;
}

.filter_title .tit_txt span {
    font-weight: 700;
}

.filter_title .title.new::after {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #FF5A47;
    position: absolute;
    top: 2px;
    right: -2px;
}

.filter_title .view_btn {
    float: right;
}

.filter_title .view_btn label {
    font-size: 1.2em;
    color: #676767;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.filter_title .view_btn input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 20px;
    background: #E0E0E0;
    border-radius: 10px;
    margin-top: 3px;
    margin-left: 8px;
    position: relative;
    transition: all 0.2s;
    cursor: pointer;
}

.filter_title .view_btn input[type="checkbox"]::after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 3px;
    transition: all 0.2s;
}

.filter_title .view_btn input[type="checkbox"]:checked {
    background: #FF5A47;
    transition: all 0.2s;
}

.filter_title .view_btn input[type="checkbox"]:checked::after {
    left: 23px;
    transition: all 0.2s;
}

.filter_title .top_btn {
    float: right;
}

.filter_title .top_btn .view_btn {
    float: left;
}

.filter_title .top_btn select {
    float: left;
    margin-top: 3px;
    padding-right: 18px;
    width: 100px;
    height: 20px;
    line-height: 18px;
    font-size: 12px;
    color: #676767;
    background: url(/assets/image/common/select_arrow.png) center right 0 no-repeat;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    outline: none;
    cursor: pointer;
}

.horizontal .talk_box.part {
    background: none;
    padding: 0;
    border-radius: 0;
    height: 100%;
}

.horizontal .talk_box.part::before {
    display: none;
}

.horizontal .talk_box.part .title_wrap {
    padding: 0;
}

.horizontal .talk_box .title_wrap .sub_tit.job {
    color: #fff;
}

.horizontal .talk_box.part .talk_title {
    color: #fff;
    padding-left: 0;
}

.horizontal .talk_box.part .talk_con_wrap {
    margin-top: 40px;
}
.metaHorizontal .talk_box.part{
    height: calc(100% - 16px);
}
.metaHorizontal .talk_box.part .talk_con_wrap .hash_tag_wrap {
    float: left;
    width: calc(47% - 35px);
}

.horizontal .talk_box.part .talk_con_wrap .hash_tag_wrap span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    background: #fff;
    border-radius: 15px;
    margin-right: 8px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 8px;
}

.horizontal .talk_box.part .talk_con_wrap .hash_tag_wrap span::before {
    content: "#";
}

.horizontal .talk_box.part .talk_con_wrap .user_info_wrap {
    float: left;
    width: 53%;
    margin-left: 35px;
}

.metaHorizontal .talk_box.part .talk_con_wrap .user_info_wrap .user_info_list {
    float: left;
    width: calc(50% - 10px);
    margin-bottom: 20px;
}

.horizontal .talk_box.part .talk_con_wrap .user_info_wrap .user_info_list:nth-child(2n) {
    margin-left: 20px;
}

.horizontal .talk_box.part .talk_con_wrap .user_info_wrap .user_info_list:nth-child(3),
.horizontal .talk_box.part .talk_con_wrap .user_info_wrap .user_info_list:nth-child(4) {
    margin-bottom: 0;
}

.horizontal .talk_box.part .talk_con_wrap .user_info_wrap .user_info_list::after {
    content: "";
    display: block;
    clear: both;
}

.horizontal .talk_box.part .talk_con_wrap .user_info_wrap .user_info_list .user_img {
    float: left;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #fff;
    box-sizing: border-box;
    position: relative;
}

.horizontal .talk_box.part .talk_con_wrap .user_info_wrap .user_info_list.maker .user_img::after{
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url(/assets/image/common/crown.png) center no-repeat #fff;
    background-size: 9px;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.metaHorizontal .talk_box.part .talk_con_wrap .user_info_wrap .user_info_list .user_info {
    float: left;
    width: calc(100% - 50px);
    margin-left: 8px;
}

.horizontal .talk_box.part .talk_con_wrap .user_info_wrap .user_info_list .user_info .name {
    font-size: 1.4em;
    font-weight: 700;
    color: #fff;
}

.horizontal .talk_box.part .talk_con_wrap .user_info_wrap .user_info_list .user_info .name.counselor_p {
    font-size: 1.25em;
}
.horizontal .talk_box.part .talk_con_wrap .user_info_wrap .user_info_list .user_info .info_txt {
    margin-top: 3px;
}

.horizontal .talk_box.part .talk_con_wrap .user_info_wrap .user_info_list .user_info .info_txt span {
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
    color: #A6A5A5;
    position: relative;
}

.horizontal .talk_box.part .talk_con_wrap .user_info_wrap .user_info_list .user_info .info_txt span + span {
    margin-left: 6px;
    padding-left: 6px;
}

.horizontal .talk_box.part .talk_con_wrap .user_info_wrap .user_info_list .user_info .info_txt span + span::before {
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background: #EEEEEE;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.talk_line .talk_box{
    padding: 22px 16px 20px 16px;
    position: relative;
}

.talk_line .talk_box .title{
    height: 21px;
    line-height: 21px;
    display: inline-block;
    vertical-align: top;
    padding: 0 7px;
    color: #fff;
    border-radius: 5px;
}

.talk_line .talk_box.rd .title{
    background: #FF4063;
}

.talk_line .talk_box.or .title{
    background: #FF7868;
}

.talk_line .talk_box.yl .title{
    background: #FFA850;
}

.talk_line .talk_box::before{
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    position: absolute;
    top: 0;
    left: 0;
}

.talk_line .talk_box.rd::before{
    background: #FF4063;
}

.talk_line .talk_box.or::before{
    background: #FF7868;
}

.talk_line .talk_box.yl::before{
    background: #FFA850;
}

.talk_line .talk_box .talk_title{
    font-size: 1.6em;
    font-weight: 700;
}

.talk_box {
    margin-top: 16px;
    width: auto;
    padding: 16px 16px 20px 16px;
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.talk_box.rd .teacher_img {
    border: 1px solid #FF4063;
    box-sizing: border-box;
}

.talk_box.or .teacher_img {
    border: 1px solid #FF83B0;
    box-sizing: border-box;
}

.talk_box.yl .teacher_img {
    border: 1px solid #FFA850;
    box-sizing: border-box;
}

.talk_box .title_wrap .name {
    font-size: 1.4em;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
}

.talk_box .title_wrap .type {
    display: inline-block;
    vertical-align: top;
    height: 18px;
    line-height: 18px;
    text-align: center;
    padding: 0 8px;
    color: #fff;
    border-radius: 10px;
    margin-left: 8px;
    margin-top: 2px;
}

.talk_box.rd .title_wrap .type {
    background: #FF4063;
}

.talk_box.yl .title_wrap .type {
    background: #FFA850;
}

.talk_box.or .title_wrap .type {
    background: #FF83B0 ;
}

.talk_box .title_wrap .sub_txt {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    color: #FF0004;
}

.talk_box .title_wrap .sub_txt::before {
    content: "";
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    top: 60%;
    left: -9px;
    transform: translate(0, -50%);
}

.talk_box .title_wrap .sub_tit {
    display: inline-block;
    vertical-align: middle;
    /* margin-left: 12px; */
    font-size: 12px;
    font-weight: 500;
    position: relative;
    /* padding-left: 24px; */
}

.talk_box .title_wrap .sub_tit.job {
    /* background: url(/assets/image/common/job.svg) 0 center no-repeat; */
    background-size: contain;
}
.category_img {
    width: 20px;
    height: 20px;
    margin: 0 4px 0 8px;
}
.talk_box .title_wrap .sub_tit.chat {
    background: url(/assets/image/common/chat.png) 0 center no-repeat;
    background-size: contain;
}

.talk_box .title_wrap .sub_tit.art {
    background: url(/assets/image/common/art.png) 0 center no-repeat;
    background-size: contain;
}

.talk_box .title_wrap .sub_tit.wellbeing {
    background: url(/assets/image/common/wellbeing.png) 0 center no-repeat;
    background-size: contain;
}

.talk_box .title_wrap .sub_tit.travel {
    background: url(/assets/image/common/travel.png) 0 center no-repeat;
    background-size: contain;
}

.talk_box .title_wrap .pro {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    height: 20px;
    line-height: 20px;
    width: 75px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    border-radius: 10px;
    color: #000000;
    font-size: 9px;
    font-weight: 700;
    background: url(/assets/image/common/pro_icon.png) 4px center no-repeat;
    padding-left: 21px;
}

.talk_box .title_wrap .more {
    position: absolute;
    top: 20px;
    right: 14px;
    width: 19px;
    height: 19px;
    background: url(/assets/image/common/more.png) 0 no-repeat;
    z-index: 0;
}

.talk_box .talk_title {
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.talk_box .hash_tag {
    margin-top: 3px;
    display: flex;
    flex-wrap: wrap;
}

.talk_box .hash_tag span {
    margin-right: 8px;
    font-size: 1.2em;
    color: #A4A4A4;
}

.talk_box .hash_tag span:last-child {
    margin-right: 0;
}

.talk_box .hash_tag span::before {
    content: "#";

}

.talk_box .talk_user {
    margin-top: 24px;
}

.talk_box .talk_user .user_img {
    float: left;
    margin-top: 2px;
}

.talk_box .talk_user .user_img span:first-child {
    margin-left: 0;
}

.talk_box .talk_user .user_img span {
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    margin-left: -8px;
    position: relative;
}

.talk_box .talk_user .user_img span.maker::after {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    bottom: 0;
    left: 0;
    position: absolute;
    background: url(/assets/image/common/maker.png) center no-repeat;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.talk_box .talk_user .user_name {
    margin-left: 20px;
    float: left;
    display: block;
    width: calc(100% - 140px);
}

.talk_box .talk_user .user_name p {
    font-size: 1.2em;
    color: #A9ADB3;
    width: 50%;
    max-width: 110px;
    display: block;
    float: left;
    margin-top: 5px;
}

.talk_box .talk_user .user_name p:nth-child(1),
.talk_box .talk_user .user_name p:nth-child(2) {
    margin-top: 0;
}

.talk_box .talk_user .user_name p.maker span {
    position: relative;
}

.talk_box .talk_user .user_name p.maker span::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: -16px;
    transform: translate(0, -50%);
    background: url(/assets/image/common/maker_icon.png) center no-repeat;
}

.talk_box .talk_user .user_name p span {
    color: #A9ADB3;
}

.talk_box .talk_teacher {
    margin-top: 10px;
}

.talk_box .teacher_img {
    width: 74px;
    height: 74px;
    position: relative;
    float: right;
    border-radius: 50%;
}

.talk_box .teacher_img::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(/assets/image/common/teacher_icon.png) center no-repeat #fff;
    border-radius: 50%;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2)
}

.talk_box .talk_teacher .teacher_info {
    margin-top: 16px;
}

.talk_box .talk_teacher .teacher_info .name {
    font-size: 1.4em;
    margin-bottom: 4px;
    position: relative;
    display: inline-block;
}

.talk_box .talk_teacher .teacher_info .name.new::after {
    content: "신규";
    display: block;
    width: 30px;
    height: 18px;
    line-height: 17px;
    text-align: center;
    color: #fff;
    font-size: 9px;
    font-weight: 600;
    position: absolute;
    top: 2px;
    right: -38px;
    background: #FF5A47;
    border-radius: 10px;
}

.talk_box .talk_teacher .teacher_info .score {
    padding-left: 24px;
    font-size: 12px;
    font-weight: 500;
    color: #676767;
    line-height: 20px;
    background: url(/assets/image/common/score.png) center left 0 no-repeat;
}

.talk_box .talk_teacher .teacher_info .score.none {
    background: url(/assets/image/common/score_none.png) center left 0 no-repeat;
}

.talk_box .talk_teacher .teacher_info .review,
.talk_box .talk_teacher .teacher_info .sub_text {
    padding-left: 8px;
    margin-left: 8px;
    position: relative;
    font-size: 12px;
    color: #676767;
    line-height: 20px;
}

.talk_box .talk_teacher .teacher_info .sub_text {
    font-size: 11px;
    font-weight: 500;
    color: #FF5A47;
}

.talk_box .talk_teacher .teacher_info .review::before,
.talk_box .talk_teacher .teacher_info .sub_text::before {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background: #EEEEEE;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.talk_box .teacher_btn {
    position: absolute;
    bottom: 20px;
    right: 16px;
}

.talk_box .teacher_btn::after {
    content: "";
    display: block;
    clear: both;
}

.talk_box .teacher_btn .like {
    float: left;
    font-size: 11px;
    color: #676767;
    line-height: 18px;
    padding-left: 24px;
    background: url(/assets/image/common/like.png) top 1px left 0 no-repeat;
    margin-top: 5px;
}

.talk_box .price {
    display: block;
}

.talk_box .price::after {
    content: "";
    display: block;
    clear: both;
}

.talk_box .price .discount {
    font-size: 12px;
    color: #A9ADB3;
    float: left;
    margin-top: 8px;
    margin-left: 8px;
    position: relative;
}

.talk_box .price .discount::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #A9ADB3;
    position: absolute;
    top: 60%;
    left: 0;
    transform: translate(0, -50%);
}

.talk_box .price .total {
    font-size: 2em;
    font-weight: 700;
    color: #2B2B2A;
    float: left;
}

.talk_box .price span {
    font-size: 11px;
    color: #676767;
}

.talk_box .user_num {
    margin-top: 35px;
}

.talk_box .user_num .count {
    padding-left: 24px;
    background: url(/assets/image/common/user_count.png) 0 center no-repeat;
    display: inline-block;
    vertical-align: top;
}

.talk_box .user_num .count span {
    font-size: 1.1em;
    color: #676767;
    letter-spacing: -1.5px;
}

.talk_box .user_num .status {
    display: inline-block;
    vertical-align: top;
    font-size: 1.2em;
    margin-left: 8px;
    padding-left: 8px;
    line-height: 14px;
    position: relative;
}

.talk_box .user_num .status::before {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background: #EEEEEE;
    position: absolute;
    top: 60%;
    left: 0;
    transform: translate(0, -50%);
}


.talk_box .user_num .status.red {
    color: #FF0004;
}

.talk_box .user_num .status.blue {
    color: #013DFD;
}

.talk_box .talk_btn {
    position: absolute;
    bottom: 16px;
    right: 16px;
    width: 120px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border-radius: 22px;
    background: #EEEEEE;
    color: #A6A5A5;
    font-size: 1.2em;
    font-weight: 500;
}

.talk_box .talk_btn.on {
    background: url(/assets/image/common/talk_btn.svg) center right 24px no-repeat #FFECEA;
    color: #FF5A47;
    font-weight: 700;
    padding-right: 20px;
}

.talk_box.part {
    padding: 18px 0 24px 0;
    border: none;
}

.talk_box.part::before {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    position: absolute;
    top: 0;
}

.talk_box.part.rd::before {
    background: #FF4063;
}

.talk_box.part.rd .title_wrap .title {
    background: #FF4063;
}

.talk_box.part.or::before {
    background: #FF7868;
}

.talk_box.part.or .title_wrap .title {
    background: #FF7868;
}

.talk_box.part.yl::before {
    background: #FFA850;
}

.talk_box.part.yl .title_wrap .title {
    background: #FFA850;
}

.talk_box .talk_top {
    padding-bottom: 10px;
    border-bottom: 1px solid #EFEFEF;
    box-sizing: border-box;
    padding-left: 16px;
    position: relative;
}

.talk_box .talk_top .date_txt {
    font-size: 1.4em;
    font-weight: 500;
}

.talk_box .talk_top .more_btn {
    display: block;
    font-size: 12px;
    color: #A6A5A5;
    background: url(/assets/image/common/detail_btn.png) center right 0 no-repeat;
    position: absolute;
    top: 0;
    right: 10px;
    padding-right: 18px;
}

.talk_box.part .title_wrap {
    padding: 16px 16px 0 16px;
}

.talk_box.part .title_wrap .title {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 0 8px;
    color: #fff;
    border-radius: 5px;
}

.talk_box.part .talk_title {
    padding: 0 16px;
    margin-top: 8px;
    font-size: 1.6em;
    font-weight: 700;
    width: fit-content;
}

.talk_box.part .hash_tag {
    padding-left: 16px;
}

.talk_box.part .talk_user {
    padding-left: 20px;
}

.talk_con_box {
    margin-top: 20px;
    padding-left: 16px;
}

.talk_con_box .talk_con_list {
    margin-bottom: 18px;
}

.talk_con_box .talk_con_list:last-child {
    margin-bottom: 0;
}

.talk_con_box .talk_con_list::after {
    content: "";
    display: block;
    clear: both;
}

.talk_con_box .talk_con_list .th {
    font-size: 1.3em;
    color: #A6A5A5;
    float: left;
}

.talk_con_box .talk_con_list .td::after {
    content: "";
    display: block;
    clear: both;
}

.talk_con_box .talk_con_list .td {
    float: left;
    margin-left: 20px;
}

.talk_con_box .talk_con_list .td .txt {
    font-size: 1.3em;
    font-weight: 700;
    position: relative;
}

.talk_con_box .talk_con_list .td .txt + .txt {
    padding-left: 10px;
    margin-left: 8px;
}

.talk_con_box .talk_con_list .td .txt + .txt::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 1px;
    height: 14px;
    background: #EEEEEE;
}

.talk_con_box .talk_con_list .td .emoz_icon {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    padding-left: 25px;
    padding-right: 8px;
    font-size: 1.3em;
    border: 1px solid #EAEAEA;
    box-sizing: border-box;
    border-radius: 12px;
    margin-right: 6px;
}

.talk_con_box .talk_con_list .td .emoz_icon:last-child {
    margin-right: 0;
}

.talk_con_box .talk_con_list .td .emoz_icon.sad {
    background: url(/assets/image/common/emoz_11.png) center left 2px no-repeat;
    background-size: 20px;
}
.talk_con_box .talk_con_list .td .emoz_icon.normal {
    background: url(/assets/image/common/daliy_icon2.png) center left 5px no-repeat;
    background-size: 15px;
}
.talk_con_box .talk_con_list .td .emoz_icon.happy {
    background: url(/assets/image/common/emoz_2.png) center left 2px no-repeat;
    background-size: 20px;
}

.talk_con_box .talk_con_list .td .play {
    width: 24px;
    height: 24px;
    background: url(/assets/image/common/play_btn.png) center left 0 no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.talk_con_box .talk_con_list .td .play_txt {
    font-size: 1.3em;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
}

.random_box {
    margin: 30px 0;
    background: #E7E7E7;
    border-radius: 30px;
    height: 60px;
    line-height: 60px;
}

.random_box .random_btn {
    float: left;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: url(/assets/image/common/random_btn.svg) center no-repeat #fff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    margin-top: 6px;
    margin-left: 6px;
}

.random_box .random_txt {
    float: left;
    margin-left: 16px;
    font-size: 13px;
    font-weight: 500;
    color: #676767;
}

.talk_box_wrap .make_chat_btn {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 1.6em;
    color: #fff;
    font-weight: 500;
    border-radius: 30px;
    margin-top: 30px;
    margin-bottom: 55px;
}

.talk_category_wrap,
.m_chk_wrap {
    overflow-y: auto;
    height: 347px;
    padding: 0 20px;
}

.talk_category_wrap.full {
    height: auto;
}

.talk_category {
    margin-top: 0;
}

.talk_category + .talk_category {
    margin-top: 50px;
}

.talk_category .tit {
    font-size: 1.6em;
    font-weight: 700;
    color: #000;
}

.talk_category .category_wrap {
    display: flex;
    text-align: center;
    width: calc(100% - 20px);
    margin: 20px auto 0 auto;
}

.talk_category .category_wrap.w100 {
    width: 100%;
}

.talk_category .category_wrap + .category_wrap {
    margin-top: 30px;
}

.talk_category .category_wrap .category {
    width: 33.3%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.talk_category .category_wrap .category .icon {
    width: 60px;
    height: 60px;
    background: #F6F5F5;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    position: relative;
}

.talk_category .category_wrap .category .txt {
    font-size: 1.2em;
    margin-top: 4px;
    color: #000;
    font-weight: 500;
    display: block;
    padding-left: 0;
}

.talk_category .category_wrap .category .txt::after {
    display: none;
}

.talk_category .category_wrap .category .icon:checked {
    border: 2px solid #FF5A47;
    box-sizing: border-box;
    background-color: #FFECEA !important;
}

.talk_category .category_wrap .category .icon:checked::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -3px;
    left: -3px;
    background: url(/assets/image/common/cate_check.png) 0 no-repeat;
}

.talk_category .category_wrap .category .icon.cate_01 {
    background: url(/assets/image/common/cate_01.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .icon.cate_02 {
    background: url(/assets/image/common/cate_02.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .icon.cate_03 {
    background: url(/assets/image/common/cate_03.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .icon.cate_04 {
    background: url(/assets/image/common/cate_04.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .icon.cate_05 {
    background: url(/assets/image/common/cate_05.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .icon.cate_06 {
    background: url(/assets/image/common/cate_06.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .icon.cate_07 {
    background: url(/assets/image/common/cate_07.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .icon.cate_08 {
    background: url(/assets/image/common/cate_08.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .icon.cate_09 {
    background: url(/assets/image/common/cate_09.svg) center no-repeat #F6F5F5;
}
.talk_category .category_wrap .category .icon.cate_10 {
    background: url(/assets/image/common/cate_10.svg) center no-repeat #F6F5F5;
	background-size: 32px;
}
.talk_category .category_wrap .category .icon.lol_01 {
    background: url(/assets/image/common/lol_01.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .icon.lol_02 {
    background: url(/assets/image/common/lol_02.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .icon.lol_03 {
    background: url(/assets/image/common/lol_03.svg) center no-repeat #F6F5F5;
}
.talk_category .category_wrap .category .icon.lol_04 {
    background: url(/assets/image/common/lol_04.svg) center no-repeat #F6F5F5;
}
.talk_category .category_wrap .category .icon.lol_05 {
    background: url(/assets/image/common/lol_05.svg) center no-repeat #F6F5F5;
}
.talk_category .category_wrap .category .icon.theme_01 {
    background: url(/assets/image/common/theme_01.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .icon.theme_02 {
    background: url(/assets/image/common/theme_02.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .icon.theme_03 {
    background: url(/assets/image/common/theme_03.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .icon.theme_04 {
    background: url(/assets/image/common/theme_04.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .icon.theme_05 {
    background: url(/assets/image/common/theme_05.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .icon.theme_06 {
    background: url(/assets/image/common/theme_06.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .icon.theme_07 {
    background: url(/assets/image/common/theme_07.svg) center no-repeat #F6F5F5;
}
.talk_category .category_wrap .category .icon.theme_08 {
    background-image: url(/assets/image/common/theme_08.svg);
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center;
}
.talk_category .category_wrap .category .icon.theme_09 {
    background-image: url(/assets/image/common/theme_09.svg);
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center;
}

.talk_category .category_wrap .category .free.icon.theme_01 {
    background: url(/assets/image/common/theme_01.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .free.icon.theme_02 {
    background: url(/assets/image/common/theme_02.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .free.icon.theme_03 {
    background: url(/assets/image/common/theme_03.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .free.icon.theme_04 {
    background: url(/assets/image/common/theme_04.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .free.icon.theme_05 {
    background: url(/assets/image/common/theme_05.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .free.icon.theme_06 {
    background: url(/assets/image/common/theme_06.svg) center no-repeat #F6F5F5;
}

.talk_category .category_wrap .category .free.icon.theme_07 {
    background: url(/assets/image/common/theme_07.svg) center no-repeat #F6F5F5;
}
.talk_category .category_wrap .category .free.icon.theme_08 {
    background-image: url(/assets/image/common/theme_08.svg);
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center;
}
.talk_category .category_wrap .category .free.icon.theme_09 {
    background-image: url(/assets/image/common/theme_09.svg);
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center;
}
.talk_category .category_wrap .category .discussion.icon.theme_01 {
    background: url(/assets/image/common/theme_07.svg) center no-repeat #F6F5F5;
}
.talk_category .category_wrap .category .discussion.icon.theme_02 {
    background: url(/assets/image/common/theme_07.svg) center no-repeat #F6F5F5;
}
.talk_category .category_wrap .category .question.icon.theme_01 {
    background: url(/assets/images/common/word_06.svg) center no-repeat #F6F5F5;
}


.menu_top {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    height: 60px;
    line-height: 60px;
    width: 100%;
    max-width: 500px;
    background: #fff;
    text-align: center;
    z-index: 9997;
}

.menu_top.hori{
    max-width: 812px;
}

.menu_top.bk {
    background: #F5F5F5;
}

.menu_top .back {
    font-size: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translate(0, -50%);
    background: url(/assets/image/common/back_btn.svg) center no-repeat;
}
.menu_top .back_btn {
    font-size: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translate(0, -50%);
    background: url(/assets/image/common/back_btn.svg) center no-repeat;
}
.menu_top .close {
    font-size: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translate(0, -50%);
    background: url(/assets/image/common/close.png) center no-repeat;
}

.menu_top .delete {
    font-size: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translate(0, -50%);
    background: url(/assets/image/common/delete_btn.svg) center no-repeat;
    display: none
}

.menu_top .check {
    font-size: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translate(0, -50%);
    background: url(/assets/image/common/check_btn.svg) center no-repeat;
    display: none;
}

.menu_top .check_btn, .report_arr {
    font-size: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 60px;
    transform: translate(0, -50%);
    background: url(/assets/image/common/check_btn.svg) center no-repeat;
    display: block;
}

.menu_top .delete.on {
    display: block;
}

.menu_top .check.on {
    display: block;
}

.menu_top .menu_title {
    font-size: 1.8em;
}

.menu_top .refresh {
    position: absolute;
    top: 25px;
    right: 20px;
    background: url(/assets/image/common/refresh.png) center left 0 no-repeat;
    padding-left: 20px;
    font-size: 1.2em;
    color: #AEAEAE;
}

.menu_top .download {
    width: 30px;
    height: 30px;
    background: url(/assets/image/common/download.png) center no-repeat;
    font-size: 0;
    position: absolute;
    top: 16px;
    right: 20px;
}

.menu_top input[type="text"] {
    width: calc(100% - 74px);
    float: right;
    margin-right: 20px;
    /* margin-top: 8px; */
    height: 44px;
    line-height: 44px;
}

.menu_top input[type="text"]::placeholder {
    font-weight: 400;
}

.menu_top .top_btn {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 13px;
    color: #AEAEAE;
    background: none;
}

.horizontal .menu_top .back {
    left: 52px;
}

.horizontal .menu_top .menu_title {
    text-align: left;
    position: absolute;
    left: 88px;
}

.delete_all.on {
    height: 38px;
    transition: all 0.3s;
}

.delete_all {
    height: 0;
    overflow: hidden;
    border-top: 1px solid #eee;
    box-sizing: border-box;
    transition: all 0.3s;
}

.delete_all .da_btn {
    float: right;
    margin-right: 20px;
    font-size: 12px;
    color: #FF3333;
    background: none;
    line-height: 36px;
}

.alert_wrap {
    border-top: 1px solid #EEEEEE;
    box-sizing: border-box;
}

.alert_list {
    padding: 25px 0;
    position: relative;
    cursor: pointer;
}

.alert_list::after {
    content: "";
    display: block;
    clear: both;
}

.alert_list.check {
    background: #FFF3F2;
}

.alert_list .alert_img {
    width: 48px;
    height: 48px;
    float: left;
}

.alert_list .alert_txt {
    float: left;
    margin-left: 16px;
    width: calc(100% - 64px);
}

.alert_list .alert_txt .txt {
    font-size: 1.4em;
    width: calc(100% - 50px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.alert_list .alert_txt .time_txt {
    font-size: 1.2em;
    color: #A9ADB3;
    margin-top: 4px;
}

.alert_list .d_btn {
    font-size: 0;
    width: 19px;
    height: 19px;
    background: url(/assets/image/common/d_btn.svg) center no-repeat;
    position: absolute;
    top: 0;
    right: 20px;
    display: none;
}

.alert_wrap.d_mode .alert_list .d_btn {
    display: block;
}

.search_box {
    margin-top: 10px;
}

.search_box input[type="text"] {
    text-indent: 48px;
    background: url(/assets/image/common/search_btn.png) center left 10px no-repeat #F5F5F5;
}

.cate_wrap {
    margin-top: 16px;
    border-bottom: 1px solid #EEEEEE;
    box-sizing: border-box;
}
#metaWrap .hori_modal .div_wrap{
    height: calc(100% - 100px);
}
.cate_wrap .div_wrap a {
    display: block;
    float: left;
    /* width: 33.33%; */
    width: 50%;
    text-align: center;
    color: #DADADA;
    font-size: 1.6em;
    font-weight: 700;
    position: relative;
    padding-bottom: 10px;
}

.cate_wrap .div_wrap a.on {
    color: #212428;
}

.cate_wrap .div_wrap a.on::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #212428;
}

.search_cate {
    margin-top: 20px;
}


.search_word_wrap {
    margin-top: 40px;
}

.search_word_wrap .title {
    font-size: 1.6em;
    font-weight: 700;
    color: #212428;
}

.search_word_wrap .search_word {
    margin-top: 16px;
}

.search_word_wrap .search_word::after {
    content: "";
    display: block;
    clear: both;
}

.search_word_wrap .search_word span {
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    margin-right: 8px;
    padding: 0 12px;
    border-radius: 20px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    margin-bottom: 8px;
    font-size: 1.4em;
    font-weight: 700;
    cursor: pointer;
}

.search_list_wrap {
    margin-top: 10px;
    position: relative;
}

.search_list_wrap .title {
    font-size: 1.6em;
    font-weight: 700;
    color: #212428;
}

.search_list_wrap > .delete {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 12px;
    color: #C2C7CE;
    font-weight: 400;
    background: none;
}

.search_list_wrap .search_list {
    margin-top: 25px;
}

.search_list_wrap .search_list::after {
    content: "";
    display: block;
    clear: both;
}

.search_list_wrap .search_list .txt {
    padding-left: 32px;
    background: url(/assets/image/common/searched_icon.png) center left 0 no-repeat;
    font-size: 1.4em;
    width: calc(100% - 108px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    float: left;
}

.search_list_wrap .search_list .date {
    float: left;
    font-size: 1.4em;
    color: #A9ADB3;
}

.search_list_wrap .search_list .delete {
    float: left;
    width: 19px;
    height: 19px;
    background: url(/assets/image/common/close_gray.png) 0 no-repeat;
    margin-left: 16px;
    margin-top: 1px;
}

.tit_wrap {
    height: 42px;
    line-height: 42px;
    background: #fff;
}

.tit_wrap::after {
    content: "";
    display: block;
    clear: both;
}

.tit_wrap a {
    font-size: 1.6em;
    color: #DADADA;
    font-weight: 500;
    margin-right: 30px;
    position: relative;
    padding-bottom: 10px;
}

.tit_wrap a.on {
    color: #212428;
    font-weight: 700;
}

.tit_wrap a.on::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #000000;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}

.tit_wrap a:last-child {
    margin-right: 0;
}

.tit_wrap.none a::after {
    display: none;
}

.type_wrap {
    margin-top: 10px;
    margin-bottom: 16px;
}

.type_wrap button {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 1.3em;
    color: #A6A5A5;
    font-weight: 500;
    padding: 0 16px;
    border-radius: 20px;
    margin-right: 3px;
}

.type_wrap button:last-child {
    margin-right: 0;
}

.type_wrap button.on {
    color: #fff;
    background: #FF5A47;
}

.type_wrap a {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 1.3em;
    color: #A6A5A5;
    font-weight: 500;
    padding: 0 16px;
    border-radius: 20px;
    margin-right: 3px;
    background: #eeeeee;
}

.type_wrap a:last-child {
    margin-right: 0;
}

.type_wrap a.on {
    color: #fff;
    background: #FF5A47;
}

.con_tit {
    font-size: 1.4em;
    color: #000;
}

.con_tit .num {
    font-weight: 700;
}

.none_chat {
    height: 500px;
    position: relative;
}

.none_chat.h100 {
    height: calc(100vh - 160px);
}

.none_chat.h280 {
    height: calc(100vh - 280px);
}

.none_chat .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.6em;
    color: #A6A5A5;
    padding-top: 56px;
    background: url(/assets/image/common/none.png) top 0 center no-repeat;
    width: 100%;
    text-align: center;
}

.none_chat .icon.bold {
    display: block;
    font-size: 2em;
    font-weight: 500;
    margin-bottom: 4px;
}

.none_chat .icon .card_enroll {
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    margin: 20px auto 0 auto;
    color: #fff;
    background: #FF5A47;
    border-radius: 8px;
}

.none_chat .icon .card_enroll.w100 {
    width: calc(100% - 40px);
    border-radius: 30px;
    height: 60px;
    line-height: 60px;
    margin: 50px auto 0 auto;
}

.room_type_wrap {
    margin-top: 40px;
    width: calc(100% - 40px);
}

.room_type_wrap .room_type:last-child {
    margin-bottom: 0;
}

.room_type_wrap .room_type input[type="radio"] + label {
    padding-left: 0;
    font-size: 10px;
    height: 120px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    border-radius: 14px;
    margin-bottom: 15px;
    padding: 20px;
    display: block;
    width: 100%;
    cursor: pointer;
}

.room_type_wrap .room_type input[type="radio"] + label::after {
    display: none;
}

.room_type_wrap .room_type input[type="radio"] + label .type_tit {
    padding-left: 32px;
    font-size: 1.6em;
    font-weight: 700;
    color: #212428;
}

.room_type_wrap .room_type input[type="radio"] + label .type_tit.type_01 {
    background: url(/assets/image/common/type_01.svg) center left 0 no-repeat;
}

.room_type_wrap .room_type input[type="radio"] + label .type_tit.type_02 {
    background: url(/assets/image/common/type_02.svg) center left 0 no-repeat;
}

.room_type_wrap .room_type input[type="radio"] + label .type_tit.type_03 {
    background: url(/assets/image/common/type_03.svg) center left 0 no-repeat;
}

.room_type_wrap .room_type input[type="radio"] + label .type_tit .pro {
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    height: 18px;
    line-height: 16px;
    padding: 0 8px;
    font-size: 9px;
    font-weight: 700;
    color: #fff;
    background: #FF5A47;
    border-radius: 10px;
}

.room_type_wrap .room_type .type_con {
    margin-top: 15px;
    font-size: 1.4em;
    color: #676767;
}

.room_type_wrap .room_type input[type="radio"]:checked + label {
    background: #FFF2F1;
    border: 1px solid #FF5A47;
}

.room_type_wrap .room_type input[type="radio"]:checked + label .type_tit,
.room_type_wrap .room_type input[type="radio"]:checked + label .type_con {
    color: #FF5A47;
}

.room_type_wrap .room_type input[type="radio"]:checked + label .type_tit.type_01 {
    background: url(/assets/image/common/type_01_on.png) center left 0 no-repeat;
}

.room_type_wrap .room_type input[type="radio"]:checked + label .type_tit.type_02 {
    background: url(/assets/image/common/type_02_on.png) center left 0 no-repeat;
}

.room_type_wrap .room_type input[type="radio"]:checked + label .type_tit.type_03 {
    background: url(/assets/image/common/type_03_on.png) center left 0 no-repeat;
}


.con_wrap .input_form .title,
.input_form .title {
    font-size: 2em;
    font-weight: 400;
}

.input_form .title .bold {
    color: #FF5A47;
    font-weight: 700;
    font-size: 1em;
    margin: 0;
}

.keyword_input_wrap {
    margin-top: 30px;
}

.keyword_input_wrap .keyword_list {
    margin-bottom: 20px;
    position: relative;
}

.keyword_input_wrap .keyword_list.on::after {
    content: "등록";
    font-size: 1.3em;
    font-weight: 500;
    color: #D0D0D2;
    position: absolute;
    bottom: 19px;
    right: 16px;
}

.keyword_input_wrap .keyword_list.write::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 19px;
    right: 16px;
    background: url(/assets/image/common/edit.png) 0 no-repeat;
}

.keyword_input_wrap .keyword_list.on.write::after {
    content: "등록";
    background: none;
    width: auto;
    height: auto;
}

.keyword_input_wrap .keyword_list label {
    font-size: 12px;
    color: #000;
    display: block;
    margin-bottom: 9px;
}

.keyword_input_wrap .add_keyword {
    text-align: center;
    padding-left: 32px;
    margin: auto;
    display: block;
    color: #FF5A47;
    font-size: 1.6em;
    font-weight: 500;
    background: url(/assets/image/common/add_btn.png) center left 0 no-repeat;
    margin-top: 30px;
}

.con_wrap {
    margin-top: 40px;
    position: relative;
    width: 100%;
}

.con_wrap.ml20 {
    margin-left: 20px;
    width: calc(100% - 20px);
    margin-top: 30px;
    display: grid;
}

.con_wrap::after {
    content: "";
    display: block;
    clear: both;
}

.con_wrap .title {
    font-size: 1.6em;
    font-weight: 700;
    margin-bottom: 16px;
    display: block;
}

.con_wrap .title .color {
    font-size: 1em;
    font-weight: 700;
    color: #FF5A47;
    margin-top: 0;
    margin-left: 0;
}

.con_wrap .title.fzs {
    font-size: 1.4em;
    font-weight: 400;
}

.con_wrap .title.fzs span {
    font-weight: 700;
    color: #000;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 2px;
    margin-right: 2px;
}

.con_wrap .sub_title {
    text-align: center;
    font-size: 1.4em;
    color: #212428;
}

.con_wrap .title.center {
    text-align: center;
    margin-bottom: 4px;
    font-size: 1.8em;
    font-weight: 700;
}

.con_wrap .title.fwn {
    font-weight: 400;
}

.con_wrap .title.color {
    color: #FF5A47;
}

.con_wrap .title span {
    font-size: 12px;
    color: #676767;
    margin-left: 8px;
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
}

.con_wrap .title.record_icon {
    padding-left: 28px;
}

.con_wrap .title.record_icon.icon_01 {
    background: url(/assets/image/common/record_icon_01.png) center left 0 no-repeat;
}

.con_wrap .title.record_icon.icon_02 {
    background: url(/assets/image/common/record_icon_02.png) center left 0 no-repeat;
}

.con_wrap .title.record_icon.icon_03 {
    background: url(/assets/image/common/record_icon_03.png) center left 0 no-repeat;
}

.con_wrap .title.record_icon.icon_04 {
    background: url(/assets/image/common/record_icon_04.png) center left 0 no-repeat;
}

.con_wrap .title.record_icon.icon_05 {
    background: url(/assets/image/common/record_icon_05.png) center left 0 no-repeat;
}

.con_wrap .title.record_icon.icon_06 {
    background: url(/assets/image/common/record_icon_06.png) center left 0 no-repeat;
}

.con_wrap .title.record_icon.icon_07 {
    background: url(/assets/image/common/record_icon_07.png) center left 0 no-repeat;
}

.con_wrap .title.record_icon.icon_08 {
    background: url(/assets/image/common/record_icon_08.png) center left 0 no-repeat;
}

.con_wrap .title.record_icon.icon_09 {
    background: url(/assets/image/common/record_icon_09.png) center left 0 no-repeat;
}

.con_wrap .title.record_icon.icon_10 {
    background: url(/assets/image/common/record_icon_10.png) center left 0 no-repeat;
}
.con_wrap .title.record_icon.icon_11 {
    background: url(/lib/dahae_pc/imgs/mypage/cal_icon_08_on.svg) center left 0 no-repeat;
}
.con_wrap .title.record_icon.icon_12 {
    background: url(/assets/image/common/pen_icon.png) center left 0 no-repeat;
}
.my_part_wrap {
    padding-bottom: 20px;
    width: calc(100% - 32px);
    margin: 20px auto 0 auto;
}

.con_wrap .vote_score {
    position: absolute;
    top: 5px;
    right: 0;
}

.con_wrap .vote_score .icon {
    font-size: 1.3em;
    color: #000;
    padding-left: 28px;
}

.con_wrap .vote_score .icon + .icon {
    margin-left: 12px;
}

.con_wrap .vote_score .icon.sad {
    background: url(/assets/image/common/emotion_01.png) center left 0 no-repeat;
}

.con_wrap .vote_score .icon.normal {
    background: url(/assets/image/common/daliy_icon2.png) center left 0 no-repeat;
}

.con_wrap .vote_score .icon.happy {
    background: url(/assets/image/common/emotion_03.png) center left 0 no-repeat;
}

.con_wrap .score_txt {
    position: absolute;
    top: 5px;
    right: 0;
}

.con_wrap .score_txt .txt {
    display: inline-block;
    vertical-align: top;
    font-size: 1.3em;
    font-weight: 700;
    color: #000;
    position: relative;
}

.con_wrap .score_txt .txt.color {
    color: #FF5A47;
}

.con_wrap .score_txt .txt + .txt {
    margin-left: 8px;
    padding-left: 8px;
}

.con_wrap .score_txt .txt + .txt::before {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background: #EEEEEE;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.con_wrap .edit {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    color: #A6A5A5;
    background: none;
}

.con_wrap .add_keyword {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 1.2em;
    color: #676767;
    background: none;
}

.con_wrap textarea {
    display: block;
    width: 100%;
    height: 140px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    padding: 16px;
    resize: none;
    font-size: 1.6em;
    border-radius: 10px;
}

#counter_area,
#counter_area1 {
    float: right;
    font-size: 12px;
    color: #C0C0C0;
    margin-top: 8px;
}

.con_wrap textarea::placeholder {
    color: #D0D0D2;
}

.con_wrap .input_btn {
    font-size: 13px;
    font-weight: 500;
    color: #D0D0D2;
    position: absolute;
    right: 16px;
    bottom: 18px;
    background: none;
}

.con_wrap input:focus + .input_btn {
    color: #FF5A47;
}

.con_wrap .select_box select,
.con_wrap .selectbox{
    width: 100%;
    display: block;
    height: 58px;
    line-height: 58px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    border-radius: 10px;
    font-size: 1.6em;
    text-indent: 1em;
    background: url(/assets/image/common/select_arrow2.png) center right 1em no-repeat;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.con_wrap .selectbox{
    position: relative;
}

.con_wrap .selectbox .option{
    line-height: 20px;
    font-size: 10px;
    cursor: pointer;
    margin-bottom: 16px;
}

.con_wrap .selectbox .option:last-child{
    margin-bottom: 0;
}

.con_wrap .selectbox > .option .discount{
    float: left !important;
    line-height: 56px;
    font-size: 1.6em !important;
}

.con_wrap .selectbox .option::after{
    content: "";
    display: block;
    clear: both;
}

.con_wrap .selectbox .option .name{
    float: left;
    font-size: 1.3em;
    color: #212428;
}

.con_wrap .selectbox .option .date{
    float: left;
    font-size: 10px;
    color: #FF5A47;
}

.con_wrap .selectbox .option .discount{
    float: right;
    font-size: 1.3em;
    font-weight: 500;
    margin-right: 16px;
}

.con_wrap .selectbox .option_box{
    width: 100%;
    padding: 16px 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
    position: absolute;
    top: 58px;
    left: 0;
    z-index: 9990;
    display: none;
}

.con_wrap .selectbox .option_box.on{
    display: block;
}

.keyword_btn_wrap button {
    display: inline-block;
    margin-right: 8px;
    height: 32px;
    line-height: 32px;
    border-radius: 12px;
    padding: 0 35px 0 12px;
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 8px;
    background: url(/assets/image/common/close_gray.png) center right 12px no-repeat #F6F5F5;
}

#counter {
    float: right;
    font-size: 12px;
    color: #C0C0C0;
    margin-top: 8px;
}

.agreement input[type="checkbox"] + label {
    color: #000;
}

.conwrap_btn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    color: #A6A5A5;
    background: none;
}

.conwrap_btn.r0 {
    right: 0;
}

.conwrap_btn.color {
    color: #FF5A47;
}

.chk_box_wrap {
    /* display: flex; */
    justify-content: space-between;
}
.chk_box_wrap.detail_room {
    display: flex;
}

.chk_box_wrap .chk_box {
    /* width: 100%; */
    width: 32%;
    margin: 2px;
    float: left;
    display: block;
    height: 80px;
    /* width: 100%; */
}

.chk_box_wrap .chk_box:last-child {
    margin-right: 0;
}

.chk_box_wrap.txt .chk_box {
    height: 60px;
    margin-top: 5px;
}
.chk_box_wrap.detail_room.txt .chk_box {
    height: 60px;
}
.chk_box_wrap.detail_room.txt .chk_box {
    height: 60px;
}

.chk_box_wrap .chk_box label {
    display: block;
    width: 100%;
    height: 100%;
    /* padding-left: 0; */
    /* text-align: center; */
    cursor: pointer;
    /* position: relative; */
    font-size: 10px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    border-radius: 10px;
}
.chk_box_wrap.detail_room .chk_box{
    width: 100%;
}

.chk_box_wrap .chk_box label .txt {
    font-size: 1.3em;
    color: #A9ADB3;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    text-align: center;
}

.chk_box_wrap.detail_room .chk_box label{
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 0;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-size: 10px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    border-radius: 10px;        
}

.chk_box_wrap .chk_box label .txt {
    font-size: 1.3em;
    color: #A9ADB3;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    text-align: center;
}

.chk_box_wrap .chk_box label .icon {
    padding-top: 26px;
}

.chk_box_wrap .chk_box label .tim {
    background: url(/assets/image/common/time.png) center 0 no-repeat;
}

.chk_box_wrap .chk_box label .user_1 {
    background: url(/assets/image/common/user_1.png) center 0 no-repeat;
}

.chk_box_wrap .chk_box label .user_2 {
    background: url(/assets/image/common/user_2.svg) center 0 no-repeat;
}

.chk_box_wrap .chk_box label .user_3 {
    background: url(/assets/image/common/user_3.svg) center 0 no-repeat;
}

.chk_box_wrap .chk_box label .user_4 {
    background: url(/assets/image/common/user_4.png) center 0 no-repeat;
}

.chk_box_wrap .chk_box label .mode_1 {
    background: url(/assets/image/common/mode_1.png) center 0 no-repeat;
}

.chk_box_wrap .chk_box label .mode_2 {
    background: url(/assets/image/common/mode_2.svg) center 0 no-repeat;
}
.chk_box_wrap .chk_box label .mode_3 {
    background: url(/assets/image/common/mode_3.svg) center 0 no-repeat;
}
.chk_box_wrap .chk_box input:checked + label {
    background: #FFECEA;
    border: 1px solid #FF5A47;
}

.chk_box_wrap .chk_box input + label::after {
    display: none;
}

.chk_box_wrap .chk_box input:checked + label .txt {
    color: #FF5A47;
    font-weight: 500;
}

.chk_box_wrap .chk_box input:checked + label .tim {
    background: url(/assets/image/common/time_on.png) center 0 no-repeat;
}

.chk_box_wrap .chk_box input:checked + label .user_1 {
    background: url(/assets/image/common/user_1_on.png) center 0 no-repeat;
}

.chk_box_wrap .chk_box input:checked + label .user_2 {
    background: url(/assets/image/common/user_2_on.svg) center 0 no-repeat;
}

.chk_box_wrap .chk_box input:checked + label .user_3 {
    background: url(/assets/image/common/user_3_on.png) center 0 no-repeat;
}

.chk_box_wrap .chk_box input:checked + label .user_4 {
    background: url(/assets/image/common/user_4_on.png) center 0 no-repeat;
}

.chk_box_wrap .chk_box input:checked + label .mode_1 {
    background: url(/assets/image/common/mode_1_on.svg) center 0 no-repeat;
}

.chk_box_wrap .chk_box input:checked + label .mode_2 {
    background: url(/assets/image/common/mode_2_on.png) center 0 no-repeat;
}

.chk_box_wrap .chk_box input:checked + label .mode_3 {
    background: url(/assets/image/common/mode_3_on.png) center 0 no-repeat;
}

.chk_box_wrap2 .chk_box {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
}

.chk_box_wrap2 .chk_box:last-child {
    margin-right: 0;
}

.chk_box_wrap2 .chk_box input[type="radio"] + label {
    background: #fff;
    height: 32px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    border-radius: 16px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    padding: 0 16px;
    color: #A6A5A5;
    font-size: 1.4em;
}

.chk_box_wrap2 .chk_box input[type="radio"]:checked + label {
    background: #FFECEA;
    border: 1px solid #FF5A47;
    color: #FF5A47;
    font-weight: 600;
}

.chk_box_wrap2 .chk_box input[type="radio"] + label::after {
    display: none;
}

.chk_box_wrap2.flex {
    display: flex;
    justify-content: space-between;
}

.chk_box_wrap2.flex .chk_box {
    margin-right: 0;
}

.chk_box_wrap2.box .chk_box input[type="radio"] {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    display: block;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    cursor: pointer;
    margin: auto;
}

.chk_box_wrap2.box .chk_box input[type="radio"]:checked {
    background: #FFECEA;
    border: 1px solid #FF5A47;
}

.chk_box_wrap2.box .chk_box input[type="radio"] + label {
    border: none;
    display: block;
    height: auto;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: #212428;
    background: none;
}

.chk_box_wrap2.box .chk_box .txt {
    display: block;
    color: #FF5A47;
    font-size: 10px;
}

.chk_box_wrap2.box .chk_box input[type="radio"].all {
    background: url(/assets/image/common/all_icon.png) center no-repeat;
}

.chk_box_wrap2.box .chk_box input[type="radio"].all:checked {
    background: url(/assets/image/common/all_icon_on.png) center no-repeat #FFECEA;
}

.chk_box_wrap2.box .chk_box input[type="radio"].man {
    background: url(/assets/image/common/man.svg) center no-repeat;
}

.chk_box_wrap2.box .chk_box input[type="radio"].man:checked {
    background: url(/assets/image/common/man_on.png) center no-repeat #FFECEA;
}

.chk_box_wrap2.box .chk_box input[type="radio"].woman {
    background: url(/assets/image/common/woman.svg) center no-repeat;
}

.chk_box_wrap2.box .chk_box input[type="radio"].woman:checked {
    background: url(/assets/image/common/woman_on.png) center no-repeat #FFECEA;
}

.chk_box_wrap2.box .chk_box input[type="radio"].grade1 {
    background: url(/assets/image/common/grade1.svg) center no-repeat;
}

.chk_box_wrap2.box .chk_box input[type="radio"].grade1:checked {
    background: url(/assets/image/common/grade1_on.png) center no-repeat #FFECEA;
}

.chk_box_wrap2.box .chk_box input[type="radio"].grade2 {
    background: url(/assets/image/common/grade1.svg) center no-repeat;
}

.chk_box_wrap2.box .chk_box input[type="radio"].grade2:checked {
    background: url(/assets/image/common/grade1_on.png) center no-repeat #FFECEA;
}

.chk_box_wrap2.box .chk_box input[type="radio"].grade3 {
    background: url(/assets/image/common/grade1.svg) center no-repeat;
}

.chk_box_wrap2.box .chk_box input[type="radio"].grade3:checked {
    background: url(/assets/image/common/grade1_on.png) center no-repeat #FFECEA;
}

.chk_box_wrap3 .chk_box {
    display: block;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    width: calc(25% - 6px);
}

.chk_box_wrap3 .chk_box:last-child {
    margin-right: 0;
}

.chk_box_wrap3 .chk_box input[type="radio"] + label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    color: #A6A5A5;
    padding-left: 0;
    background: #F6F5F5;
    font-size: 13px;
    margin-right: 8px;
}

.chk_box_wrap3 .chk_box:nth-child(4n) {
    margin-right: 0;
}

.chk_box_wrap3 .chk_box.on input[type="radio"] + label {
    background: #FFF2F1;
    color: #FF5A47;
    border: 1px solid #FF5A47;
}

.chk_box_wrap3 .chk_box input[type="radio"]:checked + label {
    color: #fff;
    background: #FF5A47;
}

.chk_box_wrap3 .chk_box input[type="radio"] + label::after {
    display: none;
}

.time_sub_txt {
    margin-top: 8px;
    padding-left: 20px;
    font-size: 12px;
    color: #9E9E9E;
    display: none;
    background-image: url(/assets/image/common/sub_alert.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 3px 3px;
}

.title_chk {
    margin-top: 8px;
}

.title_wrap .icon {
    float: left;
    width: 33.3%;
}
.title_wrap .icon.lol{
    width: 60px;
}
.title_wrap .icon .icon_txt {
    text-align: center;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.title_wrap .title_txt {
    float: left;
    margin-left: 16px;
}

.title_wrap .title_txt .sub {
    font-size: 1.4em;
    font-weight: 500;
}

.title_wrap .title_txt .txt {
    font-size: 2em;
    font-weight: 400;
    color: #2B2B2A;
    margin-top: 5px;
}

.title_wrap .title_txt .txt span {
    font-weight: 700;
    color: #FF5A47;
}

.pro_title {
    padding-top: 20px;
    text-align: center;
    font-size: 2.6em;
    font-weight: 700;
}

.pro_img {
    margin-top: 8px;
}

.pro_theme {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    text-align: center;
}

.pro_theme .pro_txt {
    font-size: 1.4em;
    font-weight: 600;
}

.pro_theme .pro_icon_wrap {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 20px);
    margin: 24px auto 0 auto;
}

.pro_theme .pro_icon_wrap .pro_icon .icon {
    width: 44px;
    height: 44px;
    display: block;
}

.pro_theme .pro_icon_wrap .pro_icon .icon.icon_01 {
    background: url(/assets/image/common/pro_icon_01.png) center no-repeat;
}

.pro_theme .pro_icon_wrap .pro_icon .icon.icon_02 {
    background: url(/assets/image/common/pro_icon_02.png) center no-repeat;
}

.pro_theme .pro_icon_wrap .pro_icon .icon.icon_03 {
    background: url(/assets/image/common/pro_icon_03.png) center no-repeat;
}

.pro_theme .pro_icon_wrap .pro_icon .pro_text {
    font-size: 12px;
    font-weight: 600;
    margin-top: 15px;
    display: block;
}

.pro_price {
    margin-top: 16px;
    background: #fff;
    border-radius: 10px;
}

.pro_price .table_th {
    height: 33px;
    line-height: 33px;
    border-bottom: 1px solid #F4F4F4;
    box-sizing: border-box;
}

.pro_price .table_td {
    height: 64px;
    line-height: 60px;
    border-bottom: 1px solid #F4F4F4;
    box-sizing: border-box;
}

.pro_price .table_th .th {
    font-size: 12px;
    color: #A9ADB3;
    font-weight: 400;
}

.pro_price .table_th .th.select {
    text-indent: 40px;
}

.pro_price .table_th::after,
.pro_price .table_td::after {
    content: "";
    display: block;
    clear: both;
}

.pro_price .th,
.pro_price .td {
    float: left;
}

.pro_price .select {
    width: calc(100% - 120px);
    padding-left: 20px;
}

.pro_price .price {
    width: 100px;
    text-align: center;
}

.pro_price .table_td .price {
    font-size: 1.6em;
    font-weight: 600;
}

.payment_wrap {
    margin-top: 24px;
}

.payment_wrap .kakao_pay {
    padding-bottom: 20px;
    border-bottom: 1px solid #EEEEEE;
    box-sizing: border-box;
}

.payment_wrap .kakao_pay label {
    padding-left: 90px;
    background: url(/assets/image/common/kakao_pay.png) center left 30px no-repeat;
}

.payment_wrap .credit_card {
    padding: 20px 0;
}

.payment_wrap .credit_card .card_list_wrap {
    margin-top: 20px;
}

.payment_wrap .credit_card .card_list_wrap .card_list {
    width: calc(100% - 120px);
    border-radius: 10px;
    margin: auto;
    position: relative;
    cursor: pointer;
}

.payment_wrap .credit_card .card_list_wrap .card_list .card_delete {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 20px;
    height: 20px;
    background: url(/assets/image/common/card_close.png) 0 no-repeat;
}

.payment_wrap .credit_card .card_list_wrap .slider .slick-list {
    margin: 0 -8px;
}

.payment_wrap .credit_card .card_list_wrap .slick-slide {
    margin: 0 8px;
}

.payment_wrap .credit_card .card_list_wrap .card_list .txt {
    padding-top: 28px;
    text-align: center;
    font-size: 14px;
    color: #A3A3A3;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(/assets/image/common/card_add.png) center 0 no-repeat;
}

.payment_wrap .credit_card .card_txt {
    margin-top: 24px;
    font-size: 12px;
    color: #A6A5A5;
}

.payment_wrap .pay_price {
    padding-top: 20px;
    border-top: 1px solid #EEEEEE;
    box-sizing: border-box;
}

.payment_wrap .pay_price .total {
    float: left;
    font-size: 1.6em;
    font-weight: 600;
    color: #2B2B2A;
}

.payment_wrap .pay_price .total_num {
    float: right;
    font-size: 2em;
    font-weight: 700;
    color: #2B2B2A;
}

.card_info_wrap {
    width: calc(100% - 40px);
    margin: auto;
}

.card_info_wrap .card_number {
    padding: 20px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    border-radius: 10px;
}

.card_info_wrap .card_number label {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
}

.card_info_wrap .card_number .card_num {
    height: 28px;
    line-height: 28px;
}

.card_info_wrap .card_number .card_num input {
    height: 28px;
    line-height: 28px;
    border: none;
    text-indent: 0;
    float: left;
    width: calc(25% - 30px);
    font-size: 1.8em;
}

.card_info_wrap .card_number .card_num span {
    width: 40px;
    float: left;
    text-align: center;
    display: block;
    line-height: 28px;
    font-weight: 700;
    color: #A6A5A5;
    font-size: 16px;
}

.card_info_wrap .card_input_wrap {
    margin-top: 8px;
}

.card_info_wrap .card_input_wrap .card_input {
    width: calc(50% - 5px);
    padding: 20px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    border-radius: 10px;
    float: left;
}

.card_info_wrap .card_input_wrap .card_input + .card_input {
    margin-left: 10px;
}

.card_info_wrap .card_input_wrap .card_input label {
    font-size: 12px;
    font-weight: 700;
    color: #A6A5A5;
}

.card_info_wrap .card_input_wrap .card_input input {
    border: none;
    height: 28px;
    line-height: 28px;
    margin-top: 5px;
    text-indent: 0;
}

.subscribe_done {
    position: fixed;
    bottom: 105px;
    left: 50%;
    transform: translate(-50%, 0);
    height: 30px;
    line-height: 28px;
    background: rgba(0, 0, 0, 0.6);
    padding: 0 16px;
    color: #fff;
    font-size: 13px;
    border-radius: 16px;
}

.text_chk_box_wrap .text_chk_box {
    border-bottom: 1px solid #F5F6F7;
    box-sizing: border-box;
}

.text_chk_box_wrap .text_chk_box input[type="checkbox"] + label {
    padding-left: 0;
    display: block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    font-size: 1.6em;
    color: #141414;
}

.text_chk_box_wrap .text_chk_box input[type="checkbox"] + label::after {
    background: url(/assets/image/common/text_chk.svg) center right 0 no-repeat;
    left: unset;
    right: 0;
    width: 24px;
    height: 24px;
}

.text_chk_box_wrap .text_chk_box.checked input[type="checkbox"] + label{
    height: auto;
    line-height: 50px;
}

.text_chk_box_wrap .text_chk_box input[type="checkbox"]:checked + label {
    font-weight: 500;
    color: #FF5A47;
}

.text_chk_box_wrap .text_chk_box input[type="checkbox"]:checked + label::after {
    background: url(/assets/image/common/text_chk_on.svg) center right 0 no-repeat;
}

.text_chk_box_wrap.box .text_chk_box {
    border: none;
    margin-bottom: 10px;
}

.text_chk_box_wrap.box .text_chk_box:last-child {
    margin-bottom: 0;
}

.text_chk_box_wrap.box .text_chk_box label {
    text-indent: 15px;
    border: 1px solid #F5F6F7;
    box-sizing: border-box;
    border-radius: 10px;
    display: block;
    height: 58px;
    line-height: 58px;
    padding-left: 0;
}

.text_chk_box_wrap.box .text_chk_box input[type="radio"] + label::after {
    background: url(/assets/image/common/text_chk_icon.png) center right 0 no-repeat;
    left: unset;
    right: 16px;
    width: 20px;
    height: 20px;
}

.text_chk_box_wrap.box .text_chk_box input[type="radio"]:checked + label::after {
    background: url(/assets/image/common/text_chk_icon_on.png) center right 0 no-repeat;
}

.text_chk_box_wrap.box .text_chk_box input[type="radio"]:checked + label {
    border: 1px solid #FF3333;
    color: #FF3333;
}

.info_box {
    margin-top: 20px;
    padding-bottom: 20px;
}

.info_box .info_top::after {
    content: "";
    display: block;
    clear: both;
}

.info_box .teacher_img {
    width: 80px;
    float: left;
}

.info_box .teacher_info {
    float: left;
    margin-left: 20px;
}

.info_box .teacher_info .name {
    font-size: 1.8em;
    font-weight: 700;
}

.info_box .teacher_info .type {
    font-size: 13px;
    color: #A6A5A5;
    margin-top: 2px;
}

.info_box .teacher_info .score {
    margin-top: 8px;
}

.info_box .teacher_info .score .star {
    display: inline-block;
    vertical-align: top;
    width: 97px;
    height: 16px;
}
.info_box .teacher_info .score .star.star_0 {
    background: url(/assets/image/common/star_0.png) 0 no-repeat;
}
.info_box .teacher_info .score .star.star_1 {
    background: url(/assets/image/common/star_1.png) 0 no-repeat;
}

.info_box .teacher_info .score .star.star_2 {
    background: url(/assets/image/common/star_2.png) 0 no-repeat;
}

.info_box .teacher_info .score .star.star_3 {
    background: url(/assets/image/common/star_3.png) 0 no-repeat;
}

.info_box .teacher_info .score .star.star_4 {
    background: url(/assets/image/common/star_4.png) 0 no-repeat;
}

.info_box .teacher_info .score .star.star_5 {
    background: url(/assets/image/common/star_5.svg) 0 no-repeat;
}

.info_box .teacher_info .score .num {
    display: inline-block;
    vertical-align: top;
    margin-left: 6px;
    font-size: 12px;
    font-weight: 500;
}

.info_box .teacher_info .score .count {
    display: inline-block;
    vertical-align: top;
    margin-left: 2px;
    font-size: 12px;
    color: #C3C3C3;
}

.info_box .info_bottom {
    margin-top: 20px;
}

.info_box .info_bottom .txt {
    font-size: 1.6em;
    font-weight: 500;
}

.info_box .info_bottom .price {
    font-size: 2em;
    font-weight: 700;
    color: #2B2B2A;
    margin-top: 10px;
}

.info_box .info_bottom .price span {
    font-size: 12px;
    font-weight: 400;
    color: #676767;
    display: inline-block;
    vertical-align: top;
    margin-left: 4px;
    margin-top: 6px;
}

.info_box .info_txt_box {
    margin-top: 16px;
    text-align: center;
    background: #F7F7F7;
    border-radius: 8px;
    position: relative;
}

.info_box .info_txt_box::before {
    content: "";
    display: block;
    width: 1px;
    height: 22px;
    background: #D0D0D2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.info_box .info_txt_box::after {
    content: "";
    display: block;
    clear: both;
}

.info_box .info_txt_box .info_t_box {
    float: left;
    width: 50%;
    height: 50px;
    line-height: 50px;
}

.info_box .info_txt_box .info_t_box .txt {
    font-size: 12px;
    color: #676767;
    padding-left: 26px;
    display: inline-block;
}

.info_box .info_txt_box .info_left .txt {
    background: url(/assets/image/common/t_info_1.svg) center left 0 no-repeat;
}

.info_box .info_txt_box .info_right .txt {
    background: url(/assets/image/common/t_info_2.svg) center left 0 no-repeat;
}

.info_tab {
    border-bottom: 1px solid #E8E9EA;
    box-sizing: border-box;
}

.info_tab::after {
    content: "";
    display: block;
    clear: both;
}

.info_tab button {
    font-size: 1.6em;
    font-weight: 500;
    color: #C5C5C5;
    display: block;
    float: left;
    width: 33.33%;
    background: none;
    height: 45px;
    line-height: 45px;
    position: relative;
}

.info_tab button.on {
    font-weight: 700;
    color: #000;
}

.info_tab button.on::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background: #FF5A47;
}

.info_wrap {
    margin-top: 24px;
    padding-bottom: 20px;
    position: relative;
}

.info_wrap .title {
    font-size: 1.6em;
    font-weight: 700;
    margin-bottom: 15px;
}

.option_list_wrap .option_list {
    margin-bottom: 16px;
    padding: 20px 0 20px 20px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    border-radius: 14px;
}

.option_list_wrap .option_list:last-child {
    margin-bottom: 0;
}

.option_list_wrap .option_list label {}

.option_list_wrap .option_list .option_tit {
    font-size: 1.6em;
    font-weight: 700;
    color: #212428;
}

.option_list_wrap .option_list .option_tit span {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    color: #A6A5A5;
    font-weight: 400;
    margin-top: 4px;
    margin-left: 10px;
}

.option_list_wrap .option_list .option_txt {
    font-size: 1.4em;
    color: #212428;
    margin-top: 10px;
}

.option_list_wrap .option_list .option_table {
    margin-top: 20px;
}

.option_list_wrap .option_list .option_table .table_list {
    margin-bottom: 16px;
    
}

.option_list_wrap .option_list .option_table .table_list:last-child {
    margin-bottom: 0;
}

.option_list_wrap .option_list .option_table .table_list::after {
    content: "";
    display: block;
    clear: both;
}

.option_list_wrap .option_list .option_table .table_list .th {
    font-size: 13px;
    color: #A6A5A5;
    float: left;
    margin-right: 3%;
    width: 16%;
   /* width: 45px;*/
}

.option_list_wrap .option_list .option_table .table_list .td {
    float: left;
    width: 80%;
    display: flex;
    flex-direction: row;
}

.option_list_wrap .option_list .option_table .table_list .td span {
    font-size: 13px;
    font-weight: 500;
    position: relative;
    margin-right: 12px;
}

.option_list_wrap .option_list .option_table .table_list .td span:last-child {
    margin-right: 0;
}

.option_list_wrap .option_list .option_table .table_list .td span::before {
    font-size: 10px;
    font-weight: 400;
    display: block;
    height: 22px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.option_list_wrap .option_list .option_table .table_list .td .xr {
    color: #2189FF;
    padding-left: 85px;
}

.option_list_wrap .option_list .option_table .table_list .td .xr::before {
    content: "XR 대화방 훈련";
    width: 80px;
    background: #2189FF;
    
}

.option_list_wrap .option_list .option_table .table_list .td .data {
    padding-left: 72px;
    color: #FF4063;
}

.option_list_wrap .option_list .option_table .table_list .td .data::before {
    content: "데이터분석";
    width: 66px;
    background: #FF4063;
}

.option_list_wrap .option_list .option_table .table_list .td .bold {
    font-size: 13px;
    font-weight: 700;
}

.option_list_wrap .option_list .option_table .table_list .td .bold span {
    font-size: 11px;
    font-weight: 400;
    color: #A6A5A5;
    display: inline-block;
    vertical-align: top;
    margin-left: 3px;
    margin-top: 2px;
}

.option_list_wrap input + label {
    font-size: 10px;
}

.option_list_wrap input + label::after {
    display: none;
}

.option_list_wrap input[type="radio"]:checked + label .option_list {
    border: 1px solid #FF5A47;
}

.option_list_wrap label .option_list .option_tit {
    color: #676767;
}

.option_list_wrap label .option_list .option_tit span,
.option_list_wrap label .option_list .option_table .table_list .th {
    color: #C3C3C3;
}

.option_list_wrap label .option_list .option_txt,
.option_list_wrap label .option_list .option_table .table_list .td .xr,
.option_list_wrap label .option_list .option_table .table_list .td .data,
.option_list_wrap label .option_list .option_table .table_list .td p,
.option_list_wrap label .option_list .option_table .table_list .td .color  {
    color: #A6A5A5;
}

.option_list_wrap label .option_list .option_table .table_list .td .data::before,
.option_list_wrap label .option_list .option_table .table_list .td .xr::before,
.option_list_wrap label .option_list .option_table .table_list .td p::before,
.option_list_wrap label .option_list .option_table .table_list .td .color::before  {
    background: #C3C3C3;
}

.option_list_wrap label .option_list .option_table .table_list .td .data::before,
.option_list_wrap label .option_list .option_table .table_list .td .xr::before,
.option_list_wrap label .option_list .option_table .table_list .td p::before,
.option_list_wrap label .option_list .option_table .table_list .td .color::before {
    background: #C3C3C3;
}



.option_list_wrap input:checked + label .option_list .option_tit {
    color: #000;
}

.option_list_wrap input:checked + label .option_list .option_tit span,
.option_list_wrap input:checked + label .option_list .option_table .table_list .th {
    color: #A6A5A5;
}


.option_list_wrap input:checked + label .option_list .option_txt {
    color: #212428;
}
.option_list_wrap input:checked + label .option_list .option_table .table_list .td .bold .color {
    color: #FF5A47;
    font-weight : 700;
}
.option_list_wrap input:checked + label .option_list .option_table .table_list .td .xr {
    color: #2189FF;
}

.option_list_wrap input:checked + label .option_list .option_table .table_list .td .xr::before {
    background: #2189FF;
}

.option_list_wrap input:checked + label .option_list .option_table .table_list .td .data {
    color: #FF4063;
}

.option_list_wrap input:checked + label .option_list .option_table .table_list .td .data::before {
    background: #FF4063;
}

.option_list_wrap input:checked + label .option_list .option_table .table_list .td p {
    color: #000;
}


.info_wrap .option_more_btn {
    display: block;
    margin: 24px auto 0 auto;
    font-size: 12px;
    color: #141414;
    padding-right: 18px;
    background: url(/assets/image/common/more_btn.png) center right 0 no-repeat;
}

.option_list_wrap .option_list .option_table .table_list .td .bold .cost_price {
    text-decoration: line-through;
    font-size: 9px;
    margin-left: 7px;
}
.option_list_wrap .option_list .option_table .table_list .td .color::before {
    /* color: #FF5A47; */
    font-size: 13px;
    font-weight: 700;
    margin: 0px 7px 0 0;
}

.info_wrap .ex_txt {
    font-size: 1.4em;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.info_wrap .ex_txt.line2 {
    -webkit-line-clamp: 2;
}

.info_wrap .ex_txt.on {
    overflow: unset;
    display: block;
}

.info_wrap .ex_more {
    font-size: 1.4em;
    display: block;
    color: #A6A5A5;
    background: none;
}

.info_img_wrap {
    margin-top: 22px;
}

.info_wrap .map_title {
    font-size: 1.4em;
    font-weight: 500;
    margin-top: 10px;
}

.info_wrap .map_address {
    font-size: 12px;
    font-weight: 400;
    color: #676767;
    margin-top: 4px;
}

.info_wrap .ex_sub_txt {
    font-size: 12px;
    color: #A6A5A5
}

.info_wrap .consulting_btn_wrap {
    margin-top: 40px;
}

.info_wrap .consulting_btn_wrap::after {
    content: "";
    display: block;
    clear: both;
}

.info_wrap .consulting_btn_wrap .like {
    width: 60px;
    height: 60px;
    background: url(/assets/image/common/con_like.png) top 3px center no-repeat;
    padding-top: 40px;
    text-align: center;
    display: block;
    font-size: 12px;
    color: #A6A5A5;
    float: left;
}

.info_wrap .consulting_btn_wrap .like.on {
    background: url(/assets/image/common/con_like_on.svg) top 10px center no-repeat;
    background-size: 28px 28px;
}

.info_wrap .consulting_btn_wrap .submit {
    width: calc(100% - 68px);
    height: 60px;
    line-height: 58px;
    display: block;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 1.6em;
    font-weight: 500;
    margin-left: 8px;
    border-radius: 10px;
}

.road_map_wrap .road_map {
    padding-bottom: 24px;
    padding-left: 26px;
    position: relative;
}

.road_map_wrap .road_map::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 2px solid #676767;
    box-sizing: border-box;
    position: absolute;
    top: 5px;
    left: 0;
    border-radius: 50%;
    z-index: 1;
}

.road_map_wrap .road_map::after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #EEEEEE;
    position: absolute;
    top: 5px;
    left: 5px;
}

.road_map_wrap .road_map:last-child::after {
    display: none;
}

.road_map_wrap .road_map .r_sub {
    font-size: 12px;
    color: #A3A3A3;
    margin-bottom: 3px;
}

.road_map_wrap .road_map .r_tit {
    font-size: 14px;
    font-weight: 500;
}

.info_wrap .license_wrap p {
    margin-bottom: 16px;
    font-size: 14px;
    position: relative;
    padding-left: 10px;
}

.info_wrap .license_wrap p:last-child {
    margin-bottom: 0;
}

.info_wrap .license_wrap p::before {
    content: "";
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translate(0, -50%);
}

.info_wrap .license_wrap p .check {
    width: 19px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background: url(/assets/image/common/check_icon.svg) center right 0 no-repeat;
    margin-left: 4px;
}

.info_wrap .mypage_wrap {
    margin-top: 20px;
    margin-bottom: 30px;
}

.info_wrap .mypage_wrap::after {
    content: "";
    display: block;
    clear: both;
}

.info_wrap .mypage_wrap .img {
    width: 80px;
    height: 80px;
    float: left;
}

.info_wrap .mypage_wrap .txt {
    float: left;
    margin-left: 20px;
}

.info_wrap .mypage_wrap .txt .name {
    font-size: 2em;
    font-weight: 700;
    margin-top: 10px;
}

.info_wrap .mypage_wrap .txt .mail {
    font-size: 13px;
    color: #A6A5A5;
    margin-top: 3px;
}

.total_score_wrap::after {
    content: "";
    display: block;
    clear: both;
}

.total_score_wrap .review_score_box {
    width: 125px;
    float: left;
    text-align: center;
}

.total_score_wrap .review_score_box .review_sub_txt {
    font-size: 12px;
    color: #676767;
    margin-top: 15px;
}

.total_score_wrap .review_score_box .review_score {
    font-size: 2.8em;
    font-weight: 700;
}

.total_score_wrap .star {
    display: block;
    width: 97px;
    height: 16px;
    margin: 5px auto 0 auto;
}
.total_score_wrap .star.star_0 {
    background: url(/assets/image/common/star_0.png) 0 no-repeat;
    background-size: cover;
}
.total_score_wrap .star.star_1 {
    background: url(/assets/image/common/star_1.png) 0 no-repeat;
    background-size: cover;
}

.total_score_wrap .star.star_2 {
    background: url(/assets/image/common/star_2.png) 0 no-repeat;
    background-size: cover;
}

.total_score_wrap .star.star_3 {
    background: url(/assets/image/common/star_3.png) 0 no-repeat;
    background-size: cover;
}

.total_score_wrap .star.star_4 {
    background: url(/assets/image/common/star_4.png) 0 no-repeat;
    background-size: cover;
}

.total_score_wrap .star.star_5 {
    background: url(/assets/image/common/star_5.svg) 0 no-repeat;
    background-size: cover;
}

.total_score_wrap .review_detail_info {
    display: block;
    float: left;
    width: calc(100% - 145px);
    padding-left: 20px;
    position: relative;
}

.total_score_wrap .review_detail_info::after {
    content: "";
    display: block;
    width: 1px;
    height: 80%;
    background: #F5F6F7;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.total_score_wrap .review_detail_info .review_info {
    margin-bottom: 5px;
}

.total_score_wrap .review_detail_info .review_info:last-child {
    margin-bottom: 0;
}

.total_score_wrap .review_detail_info .review_info::after {
    content: "";
    display: block;
    clear: both;
}

.total_score_wrap .review_detail_info .review_info .th {
    display: inline-block;
    vertical-align: top;
    float: left;
    font-size: 12px;
    width: 78px;
}

.total_score_wrap .review_detail_info .review_info .star {
    display: inline-block;
    vertical-align: top;
    float: left;
    margin-top: 3px;
    width: 77px;
    height: 12px;
}

.total_score_wrap .review_detail_info .review_info .score_num {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    float: left;
    margin-left: 5px;
    font-size: 12px;
}

.desc_btn {
    position: absolute;
    top: 5px;
    right: 0;
}

.desc_btn button {
    font-size: 12px;
    color: #A6A5A5;
    background: none;
    margin-right: 10px;
    padding: 0;
}

.desc_btn button:last-child {
    margin-right: 0;
}

.desc_btn button.on {
    color: #212428;
}

.desc {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    color: #676767;
    background: url(/assets/image/common/select_arrow.png) center right 0 no-repeat;
    padding-right: 18px;
    width: 70px;
    height: auto;
    line-height: 30px;
    cursor: pointer;
    border: none;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.user_review_wrap {
    margin-top: 20px;
}

.user_review_wrap .user_review_list {
    margin-bottom: 40px;
}

.user_review_wrap .user_review_list:last-child {
    margin-bottom: 0;
}

.user_review_wrap .user_review_top::after {
    content: "";
    display: block;
    clear: both;
}

.user_review_wrap .user_review_top .img {
    width: 35px;
    height: 35px;
    float: left;
}

.user_review_wrap .user_review_top .user_txt {
    float: left;
    margin-left: 10px;
}

.user_review_wrap .user_review_top .user_txt .name {
    font-size: 1.4em;
    font-weight: 700;
}

.user_review_wrap .star {
    display: inline-block;
    vertical-align: top;
    width: 97px;
    height: 16px;
    margin-top: 3px;
}
.user_review_wrap .star.star_0 {
    background: url(/assets/image/common/star_0.png) 0 no-repeat;
    background-size: cover;
}
.user_review_wrap .star.star_1 {
    background: url(/assets/image/common/star_1.png) 0 no-repeat;
    background-size: cover;
}

.user_review_wrap .star.star_2 {
    background: url(/assets/image/common/star_2.png) 0 no-repeat;
    background-size: cover;
}

.user_review_wrap .star.star_3 {
    background: url(/assets/image/common/star_3.png) 0 no-repeat;
    background-size: cover;
}

.user_review_wrap .star.star_4 {
    background: url(/assets/image/common/star_4.png) 0 no-repeat;
    background-size: cover;
}

.user_review_wrap .star.star_5 {
    background: url(/assets/image/common/star_5.svg) 0 no-repeat;
    background-size: cover;
}

.user_review_wrap .user_txt .date {
    font-size: 10px;
    color: #A3A3A3;
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    margin-left: 7px;
}

.user_review_wrap .usage {
    display: inline-block;
    font-size: 11px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    background: #F6F5F5;
    border-radius: 15px;
    margin-top: 12px;
    padding: 0 10px;
}

.user_review_wrap .review_txt {
    font-size: 1.4em;
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.user_review_wrap .review_txt.on {
    overflow: unset;
    display: block;
}

.recommend_msg {
    margin-top: 20px;
}

.recommend_msg::after {
    content: "";
    display: block;
    clear: both;
}

.recommend_msg .img {
    height: 35px;
    width: 35px;
    display: block;
    float: left;
}

.recommend_msg .msg_box {
    float: left;
    width: calc(100% - 96px);
    padding: 16px;
    background: #F6F5F5;
    position: relative;
    border-radius: 0 0 0 10px;
    margin-left: 16px;
}

.recommend_msg .msg_box::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: #F6F5F5;
    position: absolute;
    top: 0;
    left: -12px;
    z-index: 1;
}

.recommend_msg .msg_box::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: #fff;
    position: absolute;
    top: 0;
    left: -12px;
    border-radius: 0 50% 0 0;
    z-index: 2;
}

.recommend_msg .msg_box .name {
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
}

.recommend_msg .msg_box .date {
    font-size: 10px;
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
    margin-left: 6px;
    margin-top: 3px;
    color: #A3A3A3;
}

.recommend_msg .msg_box .msg_con {
    margin-top: 8px;
    font-size: 14px;
}

.review_img_wrap {
    margin-top: 16px;
    margin-left: -40px;
}

.review_img_wrap .slider .slick-list {
    margin: 0 -5px;
}

.review_img_wrap .slick-slide {
    margin: 0 5px;
}

.date_btn_wrap {
    display: block;
    width: 100%;
    border-bottom: 1px solid #EFEFEF;
    box-sizing: border-box;
}

.date_btn_wrap.date_icon {
    background: url(/assets/image/common/date_icon.png) top 22px left 20px no-repeat;
}

.date_btn_wrap.time_icon {
    background: url(/assets/image/common/time_icon.png) top 22px left 20px no-repeat;
}

.date_btn_wrap .btns {
    height: 60px;
    line-height: 60px;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 1.6em;
    font-weight: 500;
    color: #000;
    padding-left: 50px;
    background: url(/assets/image/common/date_arrow.png) center right 20px no-repeat;
}

.date_btn_wrap .date_btn.on {
    background: url(/assets/image/common/date_arrow_r.png) center right 20px no-repeat;
}

.date_box {
    max-height: 0;
    height: 400px;
    overflow: hidden;
    transition: all 0.3s;
}

.date_box.on {
    max-height: 400px;
    transition: all 0.3s;
}

.date_box .date_txt {
    text-align: center;
    width: 160px;
    margin: 24px auto 0 auto;
}

.date_box .date_txt::after {
    content: "";
    display: block;
    clear: both;
}

.date_box .date_txt .left {
    display: block;
    float: left;
    width: 9px;
    height: 12px;
    background: url(/assets/image/common/d_left.png) 0 no-repeat;
    margin-top: 9px;
}

.date_box .date_txt .right {
    display: block;
    float: right;
    width: 9px;
    height: 12px;
    background: url(/assets/image/common/d_right.png) 0 no-repeat;
    margin-top: 9px;
}

.date_box .date_txt .d_txt {
    float: left;
    margin: 0 12px 0 14px;
    text-align: center;
    width: 104px;
    font-size: 1.9em;
    font-weight: 500;
}

.date_box .date_table {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.date_box .date_table table {
    width: 100%;
}

.date_box .date_table table th {
    font-size: 13px;
    height: 44px;
    line-height: 44px;
}

.date_box .date_table table th.sun {
    color: #DC404A;
}

.date_box .date_table table th.sat {
    color: #005AE2;
}

.date_box .date_table table td {
    margin: auto;
    text-align: center;
    height: 42px;
    line-height: 42px;
}

.date_box .date_table table td button {
    font-size: 1.6em;
    color: #000;
    background: none;
}

.date_box .date_table table td button.on {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #FF5A47;
    color: #fff;
}

.date_box .date_table table td button:disabled {
    color: rgba(0, 0, 0, 0.2);
}

.time_box {
    max-height: 0;
    height: 460px;
    overflow: hidden;
    transition: all 0.3s;
}

.time_box.on {
    max-height: 460px;
    transition: all 0.3s;
}

.ex_point {
    margin-top: 30px;
}

.ex_point .ex_wrap {
    float: right;
}

.ex_point .ex_wrap > div {
    float: left;
    margin-right: 16px;
}

.ex_point .ex_wrap > div:last-child {
    margin-right: 0;
}

.ex_point .ex_wrap > div span {
    font-size: 12px;
    color: #A6A5A5;
    padding-left: 18px;
    position: relative;
}

.ex_point .ex_wrap > div span::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #EEEEEE;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.ex_point .ex_wrap > div.able span::before {
    background: #FF5A47;
}

.pro_info {
    margin-top: 60px;
}

.pro_info .img {
    width: 80px;
    margin: 0 auto -40px auto;
}

.pro_info .txt_box {
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    padding-bottom: 30px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
}

.pro_info .txt_box .name {
    padding-top: 60px;
    font-size: 2.2em;
    font-weight: 700;
    margin-bottom: 9px;
}

.pro_info .txt_box .date {
    display: inline-block;
    vertical-align: top;
    font-size: 1.6em;
}

.pro_info .txt_box .time {
    display: inline-block;
    vertical-align: top;
    font-size: 1.6em;
    margin-left: 22px;
    position: relative;
}

.pro_info .txt_box .time::before {
    content: "";
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #C5C5C5;
    position: absolute;
    top: 50%;
    left: -12px;
    transform: translate(0, -50%);
}

.discount_wrap select {
    display: block;
    width: 100%;
    height: 58px;
    line-height: 58px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    border-radius: 10px;
    text-indent: 15px;
    font-size: 1.6em;
    font-weight: 500;
    background: url(/assets/image/common/select_arrow2.png) center right 16px no-repeat;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.discount_wrap .table {
    margin-top: 24px;
}

.discount_wrap .table .table_list {
    margin-bottom: 20px;
}

.discount_wrap .table .table_list::after {
    content: "";
    display: block;
    clear: both;
}

.discount_wrap .table .table_list:last-child {
    margin-bottom: 0;
}

.discount_wrap .table .table_list .th {
    float: left;
    font-size: 1.4em;
}

.discount_wrap .table .table_list .td {
    float: right;
    font-size: 1.4em;
    font-weight: 500;
}

.discount_wrap .table .table_list .td.color {
    color: #FF3333;
}

.convers_wrap {
    background: #fff;
    margin: 15px 0;
    position: relative;
}

.hori_modal_box .convers_wrap .title {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 40px;
    text-align: left;
}

.hori_modal_box .convers_wrap .conbar_wrap .txt {
    bottom: unset;
    top: -43px;
    padding-bottom: 8px;
}

.hori_modal_box .convers_wrap .conbar_wrap .txt::after {
    background: url(/assets/image/common/tem_arrow_r.png) center bottom 0 no-repeat;
    width: 8px;
    height: 5px;
    padding-bottom: 0;
    padding-bottom: 10px;
    top: unset;
    bottom: 0;
}

.hori_modal_box .convers_wrap .tem {
    top: unset;
    bottom: 0;
}

.convers_wrap .title {
    margin-bottom: 16px;
}

.convers_wrap .conbar_wrap {
    position: relative;
    padding-bottom: 34px;
}

.convers_wrap .conbar_wrap::after {
    content: "";
    display: block;
    clear: both;
}

.convers_wrap .conbar_wrap .txt {
    font-size: 12px;
    color: #A3A3A3;
    padding-top: 10px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    white-space: nowrap;
}

.convers_wrap .conbar_wrap .txt::after {
    content: "";
    display: block;
    width: 10px;
    height: 6px;
    background: url(/assets/image/common/tem_arrow.png) 0 no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.convers_wrap .conbar_wrap .bar_wrap {
    width: 100%;
    height: 10px;
    border-radius: 12px;
    background: #F6F5F5;
    position: relative;
}

.convers_wrap .conbar_wrap .bar_wrap .bar {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 12px;
}

.convers_wrap .tem {
    position: absolute;
    top: 0;
    right: 0;
}

.convers_wrap .tem span {
    display: block;
    font-size: 1.6em;
    font-weight: 700;
    color: #FF5A47;
}

.badge_wrap {
    text-align: center;
    margin-top: 30px;
}

.badge_wrap .badge_list {
    width: 33.3%;
    float: left;
}

.badge_wrap .badge_list .num {
    width: 23px;
    height: 23px;
    line-height: 22px;
    background: #FF5A47;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: -3px;
    right: 20px;
    display: none;
}

.badge_wrap .badge_list input {
    appearance: none;
}

.badge_wrap .badge_list label {
    margin: 0;
    padding: 0;
    font-size: 10px;
    display: block;
}

.badge_wrap .badge_list input:checked + label .badge_icon {
    border: 2px solid #FF5A47;
    box-sizing: border-box;
    border-radius: 50%;
}

.badge_wrap .badge_list input:checked + label .num {
    display: block;
}

.badge_wrap .badge_list label::after {
    display: none;
}

.badge_wrap .badge_icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 8px auto;
}

.badge_wrap .badge_title {
    font-size: 1.4em;
    font-weight: 500;
}

.badge_wrap .badge_con {
    font-size: 10px;
    color: #A6A5A5;
    margin-top: 2px;
}

.badge_wrap .lol_y {
    background: url(/assets/image/common/lol_y.png) center no-repeat;
}

.badge_wrap .lol_o {
    background: url(/assets/image/common/lol_o.png) center no-repeat;
}

.badge_wrap .lol_r {
    background: url(/assets/image/common/lol_r.png) center no-repeat;
}

.badge_wrap .lol {
    background: url(/assets/image/common/lolplaying_on.png) center no-repeat;
}

.badge_wrap .talk {
    background: url(/assets/image/common/talking.png) center no-repeat;
}

.badge_wrap .talk_o {
    background: url(/assets/image/common/talking_on_o.png) center no-repeat;
}

.badge_wrap .talk_y {
    background: url(/assets/image/common/talking_on_y.png) center no-repeat;
}

.badge_wrap .talk_r {
    background: url(/assets/image/common/talking_on_r.png) center no-repeat;
}

.badge_wrap .board_y{
    background: url(/assets/image/common/board_y.png) center no-repeat;
}
.badge_wrap .board_o{
    background: url(/assets/image/common/board_o.png) center no-repeat;
}
.badge_wrap .board_r{
    background: url(/assets/image/common/board_r.png) center no-repeat;
}
.badge_wrap .con_y {
    background: url(/assets/image/common/con_y.png) center no-repeat;
}

.badge_wrap .con_o {
    background: url(/assets/image/common/con_o.png) center no-repeat;
}

.badge_wrap .con_r {
    background: url(/assets/image/common/con_r.png) center no-repeat;
}

.badge_wrap .lip_y {
    background: url(/assets/image/common/lip_y.png) center no-repeat;
}

.badge_wrap .lip_o {
    background: url(/assets/image/common/lip_o.png) center no-repeat;
}

.badge_wrap .lip_r {
    background: url(/assets/image/common/lip_r.png) center no-repeat;
}

.badge_wrap .emotion_y {
    background: url(/assets/image/common/emotion_y.png) center no-repeat;
}

.badge_wrap .emotion_o {
    background: url(/assets/image/common/emotion_o.png) center no-repeat;
}

.badge_wrap .emotion_r {
    background: url(/assets/image/common/emotion_r.png) center no-repeat;
}

.badge_wrap .immersion_y {
    background: url(/assets/image/common/immersion_y.png) center no-repeat;
}

.badge_wrap .immersion_o {
    background: url(/assets/image/common/immersion_o.png) center no-repeat;
}

.badge_wrap .immersion_r {
    background: url(/assets/image/common/immersion_r.png) center no-repeat;
}

.badge_wrap .sound_y {
    background: url(/assets/image/common/sound_y.png) center no-repeat;
}

.badge_wrap .sound_o {
    background: url(/assets/image/common/sound_o.png) center no-repeat;
}

.badge_wrap .sound_r {
    background: url(/assets/image/common/sound_r.png) center no-repeat;
}

.badge_wrap .proud_y {
    background: url(/assets/image/common/proud_y.png) center no-repeat;
}

.badge_wrap .proud_o {
    background: url(/assets/image/common/proud_o.png) center no-repeat;
}

.badge_wrap .proud_r {
    background: url(/assets/image/common/proud_r.png) center no-repeat;
}

.badge_wrap input:disabled + label .lol_y,
.badge_wrap input:disabled + label .lol_o,
.badge_wrap input:disabled + label .lol_r {
    background: url(/assets/image/common/lolplaying.png) center no-repeat;
}

.badge_wrap input:disabled + label .talk_y,
.badge_wrap input:disabled + label .talk_o,
.badge_wrap input:disabled + label .talk_r {
    background: url(/assets/image/common/talking.png) center no-repeat;
}
.badge_wrap input:disabled + label .board_y,
.badge_wrap input:disabled + label .board_o,
.badge_wrap input:disabled + label .board_r {
    background: url(/assets/image/common/board.png) center no-repeat;
}

.badge_wrap input:disabled + label .con_y,
.badge_wrap input:disabled + label .con_o,
.badge_wrap input:disabled + label .con_r {
    background: url(/assets/image/common/con_icon.png) center no-repeat;
}

.badge_wrap input:disabled + label .emotion_y,
.badge_wrap input:disabled + label .emotion_o,
.badge_wrap input:disabled + label .emotion_r {
    background: url(/assets/image/common/emotion.png) center no-repeat;
}

.badge_wrap input:disabled + label .immersion_y,
.badge_wrap input:disabled + label .immersion_o,
.badge_wrap input:disabled + label .immersion_r {
    background: url(/assets/image/common/immersion.png) center no-repeat;
}

.badge_wrap input:disabled + label .sound_y,
.badge_wrap input:disabled + label .sound_o,
.badge_wrap input:disabled + label .sound_r {
    background: url(/assets/image/common/sound.png) center no-repeat;
}

.badge_wrap input:disabled + label .proud_y,
.badge_wrap input:disabled + label .proud_o,
.badge_wrap input:disabled + label .proud_r {
    background: url(/assets/image/common/proud.png) center no-repeat;
}

.badge_wrap .sound_o {
    background: url(/assets/image/common/sound_o.png) center no-repeat;
}

.badge_wrap .sound_r {
    background: url(/assets/image/common/sound_r.png) center no-repeat;
}

.link_list_wrap .link_list {
    padding-left: 30px;
    background: url(/assets/image/common/s_test.png) center left 0 no-repeat;
}

.link_list_wrap .link_list a {
    color: #FF5A47;
}

.link_list_wrap a {
    height: 60px;
    line-height: 60px;
    font-size: 1.6em;
    background: url(/assets/image/common/link_arrow.png) center right 0 no-repeat;
    display: block;
    width: 100%;
    position: relative;
}

.link_list_wrap a.version {
    background: none;
}

.link_list_wrap a.version span {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    font-size: 13px;
    color: #A3A3A3;
}

.profile_wrap {
    margin: 30px 0;
}

.profile_wrap .icon {
    width: 80px;
    height: 80px;
    margin: auto;
    position: relative;
    cursor: pointer;
}

.profile_wrap input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    display: none;
}

.profile_wrap .icon::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(/assets/image/common/profile_icon.png) 0 no-repeat;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.02);
}

.my_keyword_wrap .keyword_list {
    width: 100%;
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid #F5F6F7;
    box-sizing: border-box;
    position: relative;
}

.my_keyword_wrap .keyword_list::after {
    content: "";
    display: block;
    clear: both;
}

.my_keyword_wrap .keyword_list a {
    float: left;
    display: block;
    font-size: 1.6em;
    width: calc(100% - 40px);
}

.my_keyword_wrap .keyword_list .delete_btn {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    display: block;
    background: url(/assets/image/common/btn_close.png) 0 no-repeat;
}

.pro_list_wrap .pro_list {
    padding: 25px 0;
    position: relative;
    cursor: pointer;
}

.pro_list_wrap .pro_list .selected {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 25px;
    right: 0;
    background: url(/assets/image/common/selected.png) 0 no-repeat;
}

.pro_list_wrap .pro_list::after {
    content: "";
    display: block;
    clear: both;
}
.talk_box .price span.cost_price {
    text-decoration: line-through;
    color: #A9ADB3;
    font-weight: initial;
    margin-left: 5px;
}
.pro_list_wrap .pro_list .img {
    width: 80px;
    height: 80px;
    float: left;
}
.pro_list_wrap .pro_list .img img{
    border-radius: 50%;
    object-fit: cover;
}

.pro_list_wrap .pro_list .pro_info_txt {
    width: calc(100% - 100px);
    margin-left: 20px;
    float: left;
}

.pro_list_wrap .pro_list .pro_info_txt .info_txt_top::after {
    content: "";
    display: block;
    clear: both;
}

.pro_list_wrap .pro_list .pro_info_txt .info_txt_top .name {
    font-size: 1.4em;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
}

.pro_list_wrap .pro_list .pro_info_txt .info_txt_top .top_badge {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
    color: #fff;
    font-weight: 500;
    padding: 0 8px;
    background: #FF4063;
    border-radius: 10px;
    margin-top: 2px;
    margin-left: 8px;
}

.pro_list_wrap .pro_list .pro_info_txt .info_txt_top .top_badge.bg_o {
    background: #FFA850;
}
.pro_list_wrap .pro_list .pro_info_txt .info_txt_top .top_badge.bg_or {
    background: #FF83B0;
}
.pro_list_wrap .pro_list .pro_info_txt .info_txt_con {
    font-size: 12px;
    margin-top: 8px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pro_list_wrap .pro_list .pro_info_txt .pro_info_bottom {
    margin-top: 8px;
}

.pro_list_wrap .pro_list .pro_info_txt .pro_info_bottom::after {
    content: "";
    display: block;
    clear: both;
}

.pro_list_wrap .pro_list .pro_info_txt .pro_info_bottom .score {
    float: left;
    font-size: 12px;
    font-weight: 500;
    color: #676767;
    padding-left: 24px;
    background: url(/assets/image/common/score.png) center left 0 no-repeat;
}

.pro_list_wrap .pro_list .pro_info_txt .pro_info_bottom .review {
    font-size: 12px;
    float: left;
    color: #676767;
    margin-left: 8px;
    padding-left: 8px;
    position: relative;
}

.pro_list_wrap .pro_list .pro_info_txt .pro_info_bottom .review::before {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background: #EEEEEE;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.pro_list_wrap .pro_list .pro_info_txt .pro_info_bottom .price {
    float: right;
    font-size: 1.6em;
    font-weight: 700;
    color: #2B2B2A;
}

.pro_list_wrap .pro_list .pro_info_txt .pro_info_bottom .price span {
    font-size: 12px;
    color: #676767;
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    margin-left: 3px;
}

.enroll_list_wrap .enroll_list {
    margin-bottom: 30px;
    position: relative;
}

.enroll_list_wrap .enroll_list:last-child {
    margin-bottom: 0;
}

.enroll_list_wrap .enroll_list::after {
    content: "";
    display: block;
    clear: both;
}

.enroll_list_wrap .enroll_list .card_img {
    width: 80px;
    float: left;
}

.enroll_list_wrap .enroll_list .card_txt {
    margin-left: 16px;
    float: left;
}

.enroll_list_wrap .enroll_list .card_txt .card_name {
    font-size: 1.6em;
    font-weight: 700;
}

.enroll_list_wrap .enroll_list .card_txt .card_name .main {
    display: inline-block;
    vertical-align: top;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
    font-weight: 500;
    text-align: center;
    border-radius: 10px;
    background: #FF5A47;
    color: #fff;
    padding: 0 7px;
    margin-left: 6px;
    margin-top: 4px;
}

.enroll_list_wrap .enroll_list .card_txt .card_num {
    font-size: 12px;
    color: #838383;
    margin-top: 2px;
}

.enroll_list_wrap .enroll_list .card_btn {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(/assets/image/common/card_btn.png) 0 no-repeat;
}

.notice_wrap .notice_list {
    max-height: 80px;
    background: url(/assets/image/common/date_arrow.png) top 29px right 20px no-repeat;
    cursor: pointer;
    border-bottom: 1px solid #EFEFEF;
    box-sizing: border-box;
    overflow: hidden;
}

.notice_wrap .notice_list.on {
    max-height: unset;
    background: url(/assets/image/common/date_arrow_r.png) top 29px right 20px no-repeat;
}

.notice_wrap .notice_list .notice_top {
    padding-top: 16px;
    padding-bottom: 20px;
    height: 44px;
}

.notice_wrap.mantoman .notice_list {
    max-height: 98px;
    background: url(/assets/image/common/date_arrow.png) top 37px right 20px no-repeat;
}

.notice_wrap.mantoman .notice_list.on {
    max-height: unset;
    background: url(/assets/image/common/date_arrow_r.png) top 37px right 20px no-repeat;
}

.notice_wrap.mantoman .notice_list .notice_top {
    padding-top: 16px;
    padding-bottom: 16px;
    height: 66px;
}

.notice_wrap .notice_list .notice_tit {
    font-size: 1.6em;
    font-weight: 700;
    padding-left: 20px;
}

.notice_wrap .notice_list .txt {
    font-size: 12px;
    color: #FF5126;
    margin-left: 20px;
}

.notice_wrap .notice_list .date {
    font-size: 12px;
    color: #A9ADB3;
    margin-top: 4px;
    padding-left: 20px;
}

.notice_wrap.mantoman .notice_list .date {
    padding-left: 8px;
}

.notice_wrap.mantoman .notice_list .notice_con_tit {
    margin: 3px 0 3px 20px;
}

.notice_wrap .notice_list .notice_type {
    font-size: 12px;
    color: #2189FF;
    margin-left: 20px;
    margin-bottom: 5px;
}

.notice_wrap .notice_list .reply {
    font-size: 10px;
    font-weight: 500;
    color: #A9ADB3;
    height: 18px;
    line-height: 18px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 0 8px;
    margin-left: 20px;
}

.notice_wrap .notice_list .reply.on {
    color: #FF5A47;
    border: 1px solid #FF5A47;
}

.notice_wrap .notice_list .notice_type.customer {
    color: #FF4063;
}

.notice_wrap .notice_list .notice_con_tit {
    font-size: 1.6em;
    font-weight: 500;
    margin-left: 20px;
}

.notice_wrap .notice_list .notice_con {
    padding: 20px;
    font-size: 14px;
    background: #FAFAFA;
    border-top: 1px solid #EFEFEF;
    box-sizing: border-box;
}

.notice_wrap .notice_list .notice_con .con_q {
    padding-left: 24px;
    background: url(/assets/image/common/con_q.png) top 0 left 0 no-repeat;
}

.notice_wrap .notice_list .notice_con .con_a {
    margin-top: 24px;
    padding-left: 36px;
    background: url(/assets/image/common/con_a.png) top 0 left 0 no-repeat;
}

.notice_wrap .notice_list .notice_con .date {
    padding: 0;
}

.notice_tab {
    height: 44px;
    line-height: 44px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    margin-bottom: 16px;
}

.notice_tab a {
    display: block;
    width: 33.3%;
    height: 100%;
    float: left;
    border-right: 1px solid #EEEEEE;
    box-sizing: border-box;
    font-size: 1.4em;
    color: #A9ADB3;
    text-align: center;
}

.notice_tab a.on {
    color: #fff;
    background: #FF5A47;
}

.policy_wrap {
    margin-top: 30px;
    font-size: 14px;
}

.policy_wrap .policy_title {
    font-size: 1.8em;
    font-weight: 700;
}

.policy_wrap .policy_date {
    font-size: 1.6em;
    color: #212428;
    margin-top: 5px;
}

.policy_wrap .p_list {
    margin-top: 30px;
}

.policy_wrap .p_list .p_title {
    font-size: 1.6em;
    font-weight: 700;
}

.policy_wrap .p_list .p_con {
    font-size: 1.4em;
    font-weight: 400;
    margin-top: 16px;
    line-height: 1.8em;
    color: #676767;
}

.setting_wrap {
    margin-top: 16px;
}

.setting_wrap .setting_title {
    font-size: 1.4em;
    font-weight: 700;
    color: #000;
}
.setting_con {
    font-size: 12px;
    color: #A9ADB3;
    margin-top: 8px;
}




.setting_chk {
    position: relative;
}

.setting_chk label,.setting_chk h2 {
    font-size: 1.6em;
    color: #2B2B2A;
    display: block;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    font-weight: normal;
}

.setting_chk input[type="checkbox"] {
    display: block;
    width: 34px;
    height: 14px;
    background: #E0E0E0;
    border-radius: 10px;
    position: relative;
    transition: all 0.2s;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}

.setting_chk input[type="checkbox"]::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: -3px;
    left: -3px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    transition: all 0.2s;
}

.setting_chk input[type="checkbox"]:checked {
    background: #FF5A47;
    transition: all 0.2s;
}

.setting_chk input[type="checkbox"]:checked::after {
    left: 14px;
    transition: all 0.2s;
}

.share_wrap .setting_chk{
    display: flex;
    flex-direction: column;
}
.share_wrap label, .share_wrap h2{
    height: 45px;
    line-height: 45px;
}
.share_wrap .setting_chk:last-of-type{
    margin-bottom: 25px;
}
.share_wrap input{
    transform: unset !important;
    position: relative !important;
}
.share_wrap .top{
    align-items: center;
    justify-content: space-between;
}
.share_wrap .setting_con{
    margin-top: 0;
}
.daliy_date_btn {
    margin: 16px auto 0 auto;
    width: 290px;
    position: relative;
}

.daliy_date_btn .daliy_box {
    width: 190px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    margin: auto;
    background: #FF5A47;
    border-radius: 10px;
    color: #fff;
    font-size: 1.5em;
    font-weight: 500;
    position: relative;
}
.daliy_date_btn .daliy_box .daliy_box_t {

    color: #fff;

}
.daliy_date_btn .daliy_box .d_prev,
.daliy_date_btn .daliy_box .d_next {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    width: 9px;
    height: 12px;
}

.daliy_date_btn .daliy_box .d_prev {
    left: 16px;
    background: url(/assets/image/common/d_prev.png) 0 no-repeat;
}

.daliy_date_btn .daliy_box .d_next {
    right: 16px;
    background: url(/assets/image/common/d_next.png) 0 no-repeat;
}

.daliy_date_btn .prev,
.daliy_date_btn .next {
    background: none;
    font-size: 1.6em;
    font-weight: 500;
    color: #AAAAAA;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.daliy_date_btn .prev {
    left: 0;
}

.daliy_date_btn .next {
    right: 0;
}

.daliy_p_box {
    width: calc(100% - 40px);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
    background: #fff;
    margin-top: 16px;
}

.daliy_p_box .d_title {
    font-size: 1.6em;
    font-weight: 700;
    margin-bottom: 10px;
}

.daliy_p_box .d_title.icon {
    padding-left: 28px;
}

.daliy_p_box .d_title.icon_01 {
    background: url(/assets/image/common/d_icon_01.png) center left 0 no-repeat;
}

.daliy_p_box .d_title.icon_02 {
    background: url(/assets/image/common/d_icon_02.png) center left 0 no-repeat;
}

.daliy_p_box .d_title.icon_03 {
    background: url(/assets/image/common/d_icon_03.png) center left 0 no-repeat;
}

.daliy_p_box .d_txt {
    font-size: 1.8em;
    margin-bottom: 13px;
}

.daliy_p_box .d_txt span {
    font-size: 1em;
    color: #FF5A47;
    font-weight: 700;
}

.daliy_p_box .daliy_p_list {
    margin-bottom: 16px;
}

.daliy_p_box .daliy_p_list:last-child {
    margin-bottom: 0;
}

.daliy_p_box .daliy_p_list::after {
    content: "";
    display: block;
    clear: both;
}

.daliy_p_box .daliy_p_list .th {
    width: auto;
    float: left;
    font-size: 13px;
    color: #A6A5A5;
}

.daliy_p_box .daliy_p_list .td {
    width: calc(100% - 85px);
    float: left;
    font-size: 13px;
    color: #000;
    font-weight: 500;
    margin-left: 20px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.daliy_p_box .daliy_p_list .td .normal_icon {
    padding-left: 25px;
    background: url(/assets/image/common/daliy_icon2.png) center left 0 no-repeat;
}
.daliy_p_box .daliy_p_list .td .sad_icon {
    padding-left: 25px;
    background: url(/assets/image/common/emotion_01.png) center left 0 no-repeat;
}
.daliy_p_box .daliy_p_list .td .happy_icon {
    padding-left: 25px;
    background: url(/assets/image/common/emotion_03.png) center left 0 no-repeat;
}
/**보통**/
.daliy_p_box .daliy_p_list .td .emotion_2 {
    padding-left: 25px;
    background: url(/assets/image/common/emotion_2.png) center left 0 no-repeat;
}
/**불편**/
.daliy_p_box .daliy_p_list .td .emotion_1 {
    padding-left: 25px;
    background: url(/assets/image/common/emotion_1.png) center left 0 no-repeat;
}
/**매우불편**/
.daliy_p_box .daliy_p_list .td .emotion_0 {
    padding-left: 25px;
    background: url(/assets/image/common/emotion_0.png) center left 0 no-repeat;
}
/**편안**/
.daliy_p_box .daliy_p_list .td .emotion_3 {
    padding-left: 25px;
    background: url(/assets/image/common/emotion_3.png) center left 0 no-repeat;
}
/**매우편안**/
.daliy_p_box .daliy_p_list .td .emotion_4 {
    padding-left: 25px;
    background: url(/assets/image/common/emotion_4.png) center left 0 no-repeat;
}

.daliy_p_box .daliy_p_list .td .color {
    color: #FF5A47;
}

.daliy_p_box .daliy_p_list .td .graph {
    display: inline-flex;
    vertical-align: top;
    position: relative;
    margin-left: 10px;
    width: 11em;
}

.daliy_p_box .daliy_p_list .td .graph .bg {
    width:100%;
    height: 8px;
    background: #F6F5F5;
    border-radius: 12px;
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
}

.daliy_p_box .daliy_p_list .td .graph .bar {
    background: linear-gradient(to right, #FF9559, #FF4063);
    display: block;
    height: 8px;
    border-radius: 12px;
    position: absolute;
    top: 6px;
    left: 0;
}

.daliy_p_box .daliy_p_list .td span {
    display: inline-block;
    vertical-align: top;
    color: #FF5A47;
    font-size: 12px;
    font-weight: 500;
    margin-left: 10px;
    margin-top: 2px;
}

.d_date_btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: fixed;
    right: 20px;
    bottom: 100px;
    background: url(/assets/image/common/d_date_icon.png) 0 no-repeat;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
}

.d_date_btn.top {
    background: url(/assets/image/common/top_icon.png) 0 no-repeat;
}

.daliy_null {
    text-align: center;
    margin: 80px auto 0 auto;
    display: block;
    width: 185px;
    height: 185px;
    background: url(/assets/image/common/daliy_null.png) top 0 center no-repeat;
}

.daliy_null .txt {
    padding-top: 155px;
    font-size: 2em;
    font-weight: 500;
    color: #141414;
    white-space: nowrap;
}

.record_step_wrap {
    width: 250px;
    margin: 30px auto 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.record_step_wrap .step_list {
    font-size: 12px;
    font-weight: 500;
    color: #D3D3D3;
    padding-top: 18px;
    position: relative;
    z-index: 1;
}

.record_step_wrap .step_list::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.record_step_wrap .step_list.on {
    color: #FF5A47;
}

.record_step_wrap .step_list.dot::before {
    background: #FF5A47;
}

.record_step_wrap .step_list.on::before {
    border-color: #FF5A47;
}

.record_step_wrap .step_line {
    display: block;
    width: 50%;
    height: 2px;
    background: #EFEFEF;
    position: absolute;
    top: 5px;
    left: 6px;
}

.record_step_wrap .step_line.on {
    background: #FF5A47;
}

.record_step_wrap .step_line.line2 {
    right: 6px;
    left: unset;
}

.record_chk_wrap {
    display: inline-flex;
    width: calc(100% - 20px);
    height: auto;
    margin-top: 10px;
    padding: 1px 0;
    /* overflow-x: auto; */
}

.record_chk_wrap .record_chk_list {
    /* width: 55px; */
    height: auto;
    float: left;
    margin-right: 13px;
}

.record_chk_wrap .record_chk_list:last-child {
    margin-right: 0;
}

.record_chk_wrap .record_chk_list input + label::after {
    display: none;
}

.record_chk_wrap .record_chk_list input + label {
    display: block;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    border-radius: 50%;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    font-size: 14px;
    color: #A6A5A5;
    padding: 0;
}

.record_chk_wrap .record_chk_list input + label.line2 {
    line-height: 17px;
    padding-top: 9px;
}

.record_chk_wrap .record_chk_list input:checked + label {
    color: #FF5A47;
    border: 1px solid #FF5A47;
    background: #FFECEA;
}

.record_chk_wrap.txt3.icon .record_chk_list input + label,
.record_chk_wrap.txt3.normal_icon .record_chk_list input + label {
    height: 78px;
    padding-top: 24px;
}

.record_chk_wrap.txt3.icon .record_chk_list input + label.icon_01 {
    background: url(/assets/image/common/emotion_01.png) top 16px center no-repeat;
}

.record_chk_wrap.txt3.icon .record_chk_list input + label.icon_02 {
    background: url(/assets/image/common/emoz_02.png) top 16px center no-repeat;
}

.record_chk_wrap.txt3.icon .record_chk_list input + label.icon_03 {
    background: url(/assets/image/common/emotion_03.png) top 16px center no-repeat;
}

.record_chk_wrap.txt3.icon .record_chk_list input:checked + label.icon_01 {
    background: url(/assets/image/common/emoz_01_on.png) top 16px center no-repeat #FFECEA;
}

.record_chk_wrap.txt3.icon .record_chk_list input:checked + label.icon_02 {
    background: url(/assets/image/common/emoz_02_on.png) top 16px center no-repeat #FFECEA;
}

.record_chk_wrap.txt3.icon .record_chk_list input:checked + label.icon_03 {
    background: url(/assets/image/common/emoz_03_on.png) top 16px center no-repeat #FFECEA;
}

.record_chk_wrap.txt3.normal_icon .record_chk_list input + label.icon_01 {
    background: url(/assets/image/common/emotion_01.png) top 16px center no-repeat;
}

.record_chk_wrap.txt3.normal_icon .record_chk_list input + label.icon_02 {
    background: url(/assets/image/common/emotion_02.png) top 16px center no-repeat;
}

.record_chk_wrap.txt3.normal_icon .record_chk_list input + label.icon_03 {
    background: url(/assets/image/common/emotion_03.png) top 16px center no-repeat;
}

.record_chk_wrap.txt3.normal_icon .record_chk_list input:checked + label.icon_01 {
    background: url(/assets/image/common/emotion_01.png) top 16px center no-repeat #FFECEA;
}

.record_chk_wrap.txt3.normal_icon .record_chk_list input:checked + label.icon_02 {
    background: url(/assets/image/common/emotion_02.png) top 16px center no-repeat #FFECEA;
}

.record_chk_wrap.txt3.normal_icon .record_chk_list input:checked + label.icon_03 {
    background: url(/assets/image/common/emotion_03.png) top 16px center no-repeat #FFECEA;
}

.record_chk_wrap.txt3 {
    display: flex;
    justify-content: space-between;
}

.record_chk_wrap.txt3 .record_chk_list {
    width: 100%;
}

.record_chk_wrap.txt3 .record_chk_list input + label {
    width: 100%;
    border-radius: 10px;
}

.record_chk_wrap.keyword {
    display: block;
    /* width: 100%; */
}

.record_chk_wrap.keyword .record_chk_list {
    margin-bottom: 8px;
    width: auto;
    margin-right: 8px;
}

.record_chk_wrap.keyword .record_chk_list input + label {
    height: 32px;
    line-height: 32px;
    width: auto;
    padding: 0 12px;
    border-radius: 20px;
}

.range_box_wrap {
    margin-top: 16px;
    position: relative;
}

.range_box_wrap .title {
    display: block;
    font-size: 1.4em;
    font-weight: 500;
    margin-bottom: 13px;
}
button, html [type="button"] {
    -webkit-appearance: none;   
  }
/* .range_box_wrap input[type=range] {
    display: block;
    width: 100%;
    margin-top: 8px;
    -webkit-appearance: none;
    background: transparent;
    overflow: hidden;
}

.range_box_wrap input[type=range]:focus {
    outline: none;
}

.range_box_wrap input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #fff;
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin-top: -4px;
    border-radius: 50%;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: -100vw 0 0 100vw #FF5A47;
    border: 1px solid #e8e8e8;
}

.range_box_wrap input[type=range]::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

.range_box_wrap input[type=range]::-ms-thumb {
    height: 18px;
    width: 18px;
    margin-top: -6px;
    border-radius: 50%;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    background: #ffffff;
    cursor: pointer;
}

.range_box_wrap input[type=range]::-moz-range-thumb {
    height: 18px;
    width: 18px;
    margin-top: -6px;
    border-radius: 50%;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    background: #ffffff;
    cursor: pointer;
}

.range_box_wrap input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    background: #E8E9EB;
    border-radius: 10px;
}

.range_box_wrap input[type=range]:focus::-webkit-slider-runnable-track {
    background: #E8E9EB;
} */

.range_box_wrap .percent {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.4em;
    font-weight: 700;
    color: #FF5A47;
}

.range_box_wrap .range_box {
    position: relative;
}

.range_box_wrap .range_box .range_track {
    width: 100%;
    height: 8px;
    background: #E8E9EB;
    border-radius: 10px;
}

.range_box_wrap .range_box .bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(to right, #FF9559, #FF4063);
    border-radius: 10px;
}

.range_box_wrap .range_box .thumb {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.calendar_box {
    width: 100%;
    padding: 20px 0;
    background: #fff;
    margin-top: 30px;
    border-radius: 10px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
    position: relative;
}

.calendar_box .date {
    position: absolute;
    top: 20px;
    right: 16px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: block;
    font-size: 13px;
    color: #A6A5A5;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    border-radius: 20px;
    padding: 0 12px;
}

.calendar_box select {
    font-size: 2em;
    font-weight: 500;
    padding-right: 20px;
    background: url(/assets/image/common/calendar_arrow.png) center right 0 no-repeat;
    border: none;
    margin-left: 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.calendar_box table {
    width: 100%;
    margin-top: 30px;
}

.calendar_box table th {
    font-size: 13px;
    color: #4E4E4E;
    padding-bottom: 12px;
}

.calendar_box table td {
    text-align: center;
}

.calendar_box table td .txt {
    font-size: 1.6em;
    color: #000;
    margin-top: 8px;
}

.calendar_box table .red {
    color: #FF5A47 !important;
}

.calendar_box table .blue {
    color: #2189FF !important;
}

.calendar_box table td .txt.today {
    color: #fff !important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #FF5A47;
    display: block;
    margin: 3px auto 0 auto;
}

.calendar_box table .disable {
    opacity: 0.2;
}

.calendar_box table td .icon {
    width: 24px;
    height: 24px;
    display: block;
    margin: 10px auto 0 auto;
}

.calendar_box table td .icon.normal {
    background: url(/assets/image/common/emotion_02.png) 0 no-repeat;
}

.calendar_box table td .icon.happy {
    background: url(/assets/image/common/emotion_03.png) 0 no-repeat;
}

.calendar_box table td .icon.sad {
    background: url(/assets/image/common/emotion_01.png) 0 no-repeat;
}

.result_top {
    margin-bottom: 16px;
    position: relative;
}

.result_top::after {
    content: "";
    display: block;
    clear: both;
}

.result_top .total_num {
    float: left;
    font-size: 1.4em;
    background: url(/assets/image/common/total_num_arrow.png) center right 0 no-repeat;
    padding-right: 20px;
}

.result_top .total_num span {
    font-weight: 700;
}

.result_top .date_txt {
    float: right;
    padding-right: 25px;
    font-size: 1.3em;
    color: #676767;
    margin-top: 2px;
    background: url(/assets/image/common/result_date.png) center right 0 no-repeat;
    cursor: pointer;
}

.num_box_wrap {
    padding: 16px 12px;
    border-radius: 10px;
    background: #fff;
    position: absolute;
    top: 25px;
    left: 0;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
    display: none;
	z-index:9;
}

.num_box_wrap.on {
    display: block;
}

.num_box_wrap .num_list {
    float: left;
    margin-right: 6px;
    padding-right: 6px;
    padding-left: 23px;
    font-size: 12px;
    color: #212428;
    position: relative;
}

.num_box_wrap .num_list::after {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background: #EEEEEE;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}

.num_box_wrap .num_list:last-child {
    margin-right: 0;
    padding-right: 0;
}

.num_box_wrap .num_list.talk {
    background: url(/assets/image/common/num_01.png) center left 0 no-repeat;
}

.num_box_wrap .num_list.lol {
    background: url(/assets/image/common/num_02.png) center left 0 no-repeat;
}

.num_box_wrap .num_list.theme {
    background: url(/assets/image/common/num_03.png) center left 0 no-repeat;
}

.result_box {
    width: calc(100% - 40px);
    padding: 20px;
    background: #fff;
    border-radius: 10px;
}

.result_box .title {
    font-size: 1.6em;
    font-weight: 700;
    color: #000;
}

.result_graph {
    margin-top: 10px;
}

.result_graph .txt_box {
    float: left;
}

.result_graph .txt_box .tit {
    margin-top: 20px;
    font-size: 1.4em;
    color: #212428;
}

.result_graph .txt_box .score {
    font-size: 2.4em;
    font-weight: 700;
    color: #000;
}

.result_graph .txt_box .ex_txt {
    font-size: 11px;
    margin-top: 1px;
    padding-left: 11px;
}

.result_graph .txt_box .ex_txt.up {
    background: url(/assets/image/common/up_icon.png) center left 0 no-repeat;
    color: #FF5A47;
}

.result_graph .txt_box .ex_txt.down {
    background: url(/assets/image/common/down_icon.png) center left 0 no-repeat;
    color: #2189FF;
}

.result_graph .graph_box {
    float: right;
    width: 120px;
    height: 120px;
    margin: 0;
}

.result_graph::after {
    content: "";
    display: block;
    clear: both;
}

.pie-chart {
    position: relative;
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    transition: 0.3s;
    background: #999;
    margin: auto;
}

.pie-chart .center {
    background: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    text-align: center;
    line-height: 84px;
    transform: translate(-50%, -50%);
    color: #000;
    font-size: 1.4em;
    font-weight: 700;
}

.pie-chart-s {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    transition: 0.3s;
    background: #999;
}

.pie-chart-s .center {
    background: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    text-align: center;
    line-height: 64px;
    transform: translate(-50%, -50%);
    color: #000;
    font-size: 1.4em;
    font-weight: 700;
}

.pie-chart .center .icon {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pie-chart .center .icon.happy {
    background: url(/assets/image/common/graph_01.png) 0 no-repeat;
}

.pie-chart .center .icon.normal {
    background: url(/assets/image/common/graph_02.png) 0 no-repeat;
}

.resut_img {
    margin-top: 30px;
}

.result_box {
    margin-bottom: 16px;
}

.result_box .sub_tit {
    font-size: 12px;
    color: #212428;
    text-align: center;
}

.result_box .con_tit {
    font-size: 2em;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin-top: 5px;
}

.result_box .more_btn {
    display: block;
    text-align: center;
    font-size: 1.4em;
    color: #676767;
    margin: 18px auto 0 auto;
    background: none;
    border-top: 1px solid #EFEFEF;
    box-sizing: border-box;
    width: 100%;
    padding-top: 18px;
}

.result_box .more_btn span {
    padding-right: 22px;
    background: url(/assets/image/common/total_num_arrow.png) center right 0 no-repeat;
}

.result_box .more_btn.on span {
    background: url(/assets/image/common/total_num_arrow_r.png) center right 0 no-repeat;
}

.bar_txt_top {
    margin-top: 20px;
}

.bar_txt_top::after {
    content: "";
    display: block;
    clear: both;
}

.bar_txt_top .tit {
    float: left;
    font-size: 1.3em;
    color: #A6A5A5;
}

.bar_txt_top .con {
    float: right;
    font-size: 1.3em;
    color: #000;
    font-weight: 700;
}

.bar_txt_top .con.color {
    color: #FF5A47;
}

.bar_graph_wrap {
    margin-top: 40px;
}

.bar_graph_wrap.box_bt {
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid #EFEFEF;
    box-sizing: border-box;
}

.bar_graph_wrap .graph_title {
    font-size: 1.4em;
    font-weight: 700;
}

.bar_graph_wrap .bar_graph_list {
    margin-top: 20px;
    /* position: relative; */
}

.bar_graph_wrap .bar_graph_list .tit {
    font-size: 12px;
    font-weight: 500;
}

.bar_graph_wrap .bar_graph_list .tit.crown {
    padding-left: 20px;
    background: url(/assets/image/common/crown.png) center left 0 no-repeat;
}

.bar_graph_wrap .bar_graph_list .tit.icon {
    padding-left: 24px;
}

.bar_graph_wrap .bar_graph_list .tit.mad {
    background: url(/assets/image/common/mad.png) center left 0 no-repeat;
}

.bar_graph_wrap .bar_graph_list .tit.thank {
    background: url(/assets/image/common/thank.png) center left 0 no-repeat;
}

.bar_graph_wrap .bar_graph_list .tit.sorry {
    background: url(/assets/image/common/sorry.png) center left 0 no-repeat;
}
.bar_graph_wrap .bar_graph_list .tit.funny {
    background: url(/lib/dahae_pc/imgs/mypage/text_icon_06.svg) center left 0 no-repeat;
}
.bar_graph_wrap .bar_graph_list .tit.serious  {
    background: url(/lib/dahae_pc/imgs/mypage/text_icon_05.svg) center left 0 no-repeat;
}
.bar_graph_wrap .bar_graph_list .con {
    /* position: absolute;
    top: 0;
    right: 0; */
    font-size: 12px;
    font-weight: 500;
}

.bar_graph_wrap .bar_graph_list .con.color {
    color: #FF5A47;
}

.bar_graph_wrap .bar_graph_list .con.color2 {
    color: #2189FF;
}

.bar_graph_wrap .bar_graph_list .bar_thumb {
    margin-top: 9px;
    width: 100%;
    height: 10px;
    background: #F6F5F5;
    border-radius: 10px;
    position: relative;
}

.bar_graph_wrap .bar_graph_list .bar_thumb .bar {
    height: 10px;
    background: #C5C5C5;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
}

.bar_graph_wrap .bar_graph_list .bar_thumb .bar.bg_01 {
    background: #2189FF;
}

.bar_graph_wrap .bar_graph_list .bar_thumb .bar.bg_02 {
    background: #FF637F;
}

.bar_graph_wrap .bar_graph_list .bar_thumb .bar.bg_03 {
    background: #FF8577;
}

.bar_graph_wrap .bar_graph_list .bar_thumb .bar.bg_04 {
    background: #FF9C37;
}

.bar_graph_wrap .bar_graph_list .bar_thumb .bar.bg_05 {
    background: #FF85C2;
}

.bar_graph_wrap .bar_graph_list .bar_thumb .bar.bg_06 {
    background: #FFCB6F;
}

.bar_graph_wrap .bar_graph_list .bar_thumb .bar.btn_bg {
    background: linear-gradient(to right, #FF9559, #FF4063);
}

.bar_graph_wrap .bar_graph_list .bar_thumb .bar.btn_bg2 {
    background: linear-gradient(to right, #4AD4FF, #2189FF);
}
.bar_graph_wrap .bar_graph_list .bar_thumb .bar.btn_bg3 {
    background: #2189FF;
}

.bar_graph_wrap .bar_graph_list .average {
    width: 100%;
    height: 30px;
    position: relative;
}

.bar_graph_wrap .bar_graph_list .average .txt {
    position: absolute;
    top: 4px;
    padding-top: 10px;
    background: url(/assets/image/common/average_top.png) top 0 center no-repeat;
    font-size: 12px;
    color: #A3A3A3;
    transform: translate(-50%, 0);
    white-space: nowrap;
}

.result_box .bar_img {
    width: 140px;
    margin: 40px auto 30px auto;
}

.bar_ex_text_wrap .bar_ex_text {
    margin-bottom: 16px;
}

.bar_ex_text_wrap .bar_ex_text:last-child {
    margin-bottom: 0;
}

.bar_ex_text_wrap .bar_ex_text::after {
    content: "";
    display: block;
    clear: both;
}

.bar_ex_text_wrap .bar_ex_text .tit {
    float: left;
    font-size: 1.3em;
    font-weight: 500;
    padding-left: 14px;
    position: relative;
}

.bar_ex_text_wrap .bar_ex_text .tit::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FF604E;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}
.bar_ex_text_wrap .bar_ex_text .tit0::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FD88B2;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.bar_ex_text_wrap .bar_ex_text .tit.icon_02::before {
    background: #FC8866;
}

.bar_ex_text_wrap .bar_ex_text .tit.icon_03::before {
    background: #FCCA72;
}

.bar_ex_text_wrap .bar_ex_text .con {
    float: right;
    font-size: 1.3em;
}

.bar_ex_text_wrap .bar_ex_text .con span {
    font-size: 1em;
    margin-left: 2px;
    color: #A6A5A5;
}

.detail_graph_box {
    display: flex;
    justify-content: space-between;
}

.detail_graph_box.f {
    width: 100%;
}

.detail_graph_box.f>.detail_graph {
    width: 33.3%;
}

.detail_graph_box.f>.detail_graph>.pie-chart-s {
    margin: auto;
}

.detail_graph_box.sub {
    width: 200px;
    margin: 30px auto 0 auto;
}

.detail_graph_wrap {
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid #EFEFEF;
    box-sizing: border-box;
}

.detail_graph_box .detail_graph .text {
    text-align: center;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-top: 8px;
}

.result_hide_box {
    max-height: 0;
    overflow: hidden;
}

.result_hide_box.on {
    max-height: unset;
}

.part_box {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 24px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.part_box .txt {
    font-size: 1.4em;
    line-height: 1.7em;
}

.part_box .txt .bold {
    color: #FF5A47;
}
.part_box .txt .bold.blue {
    color: #30B0D6;
}
.eval_wrap .eval_list {
    margin-bottom: 16px;
}

.eval_wrap .eval_list:last-child {
    margin-bottom: 0;
}

.eval_wrap .eval_list::after {
    content: "";
    display: block;
    clear: both;
}

.eval_wrap .eval_list .num {
    display: block;
    float: left;
    width: 60px;
}

.eval_wrap .eval_list .num span {
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    color: #A3A3A3;
    border: 1px solid #EAEAEA;
    box-sizing: border-box;
    padding: 0 10px 0 25px;
    border-radius: 10px;
    background: url(/assets/image/common/num_icon.png) top 1px left 7px no-repeat;
}

.eval_wrap .eval_list .con_txt {
    float: left;
    font-size: 1.3em;
    font-weight: 500;
    width: calc(100% - 60px);
}

.record_time_wrap::after {
    content: "";
    display: block;
    clear: both;
}

.record_time_wrap .play {
    width: 36px;
    height: 36px;
    background: url(/assets/image/common/play_btn_b.png) 0 no-repeat;
    display: block;
    float: left;
    margin-right: 10px;
}

.record_time_wrap .time_txt {
    float: left;
    font-size: 1.3em;
    color: #000;
    margin-top: 8px;
    position: relative;
}

.record_time_wrap .time_txt.none {
    color: #676767;
}

.record_time_wrap .time_txt + .time_txt {
    margin-left: 8px;
    padding-left: 8px;
}

.record_time_wrap .time_txt + .time_txt::before {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background: #EEEEEE;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.record_time_wrap .time_txt span {
    font-weight: 700;
}

.record_time {
    margin-top: 16px;
}

.record_time_txt_wrap {
    margin-top: 5px;
}

.record_time_txt_wrap::after {
    content: "";
    display: block;
    clear: both;
}

.record_time_txt_wrap .start {
    float: left;
    font-size: 10px;
    color: #A6A5A5;
}

.record_time_txt_wrap .end {
    float: right;
    font-size: 10px;
    color: #A6A5A5;
}

.btn_modal_box {
    position: absolute;
    top: 58px;
    right: 60px;
    background: #fff;
    width: 140px;
    border-radius: 5px;
    display: none;
    z-index: 9999;
}

.btn_modal_box.on {
    display: block;
}

.btn_modal_box .inner {
    padding: 12px 0 12px 10px;
}

.btn_modal_box button {
    display: block;
    margin-bottom: 16px;
    font-size: 13px;
    padding-left: 28px;
    cursor: pointer;
}

.btn_modal_box button:last-child {
    margin-bottom: 0;
}

.btn_modal_box button.edit {
    background: url(/assets/image/common/edit_icon.png) center left 0 no-repeat;
}

.btn_modal_box button.report {
    background: url(/assets/image/common/report_icon.png) center left 0 no-repeat;
}

.btn_modal_box button.exit {
    background: url(/assets/image/common/exit_icon.png) center left 0 no-repeat;
}

.horizontal .start_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 40px;
    line-height: 40px;
    padding: 0 40px;
    background: #FF5A47;
    color: #fff;
    border-radius: 20px;
    font-size: 1.4em;
    font-weight: 500;
    z-index: 1;
}

.horizontal .wait_btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 8px 16px;
    background: rgba(32,32,32,0.6);
    color: #fff;
    border-radius: 8px;
    font-size: 1.6em;
    font-weight: 400;
    text-align: center;
}

.horizontal .wait_btn span{
    color: #FF5A47;
    font-weight: 700;
}

.talk_user_wrap {
    width: 100%;
    height: 100vh;
    position: relative;
}

.talk_user_wrap .talk_user_list {
    text-align: center;
    position: absolute;
    cursor: pointer;
}

.talk_user_wrap .talk_user_list.mic{
    padding-top: 24px;
    background: url(/assets/image/common/hori_icon_01_off.png) center top 0 no-repeat;
}

.talk_user_wrap .talk_user_list.maker_mic{
    padding-top: 34px;
    background: url(/assets/image/common/mic_maker.png) center top 0 no-repeat;
}

.talk_user_wrap .talk_user_list .name {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 3px;
    position: relative;
    display: inline-block;
}

.talk_user_wrap .talk_user_list .name.maker{
    padding-right: 14px;
}

.talk_user_wrap .talk_user_list .name.maker::after{
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url(/assets/image/common/maker_icon_01.png) center no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
}

.talk_user_wrap .talk_user_list span {
    color: #FF9285;
    font-size: 10px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    position: relative;
}

.talk_user_wrap .talk_user_list span + span {
    padding-left: 6px;
    margin-left: 6px;
}

.talk_user_wrap .talk_user_list span + span::before {
    content: "";
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #FF9285;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.user_info_top::after {
    content: "";
    display: block;
    clear: both;
}

.user_info_top .img {
    float: left;
    width: 50px;
}

.user_info_top .info_txt {
    float: left;
    width: calc(100% - 62px);
    margin-left: 12px;
}

.user_info_top .info_txt .name {
    font-size: 1.4em;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 3px;
}

.user_info_top .info_txt span {
    font-size: 10px;
    color: #A6A5A5;
    position: relative;
}

.user_info_top .info_txt span + span {
    margin-left: 6px;
    padding-left: 6px;
}

.user_info_top .info_txt span + span::before {
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background: #EEEEEE;
    position: absolute;
    left: 0;
    top: 55%;
    transform: translate(0, -50%);
}

.info_con_txt_wrap .info_con_txt {
    width: 100%;
    font-size: 12px;
    margin-top: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.info_con_txt_wrap .info_con_txt.on {
    -webkit-line-clamp: 4;
}

.info_con_txt_wrap .more {
    background: none;
    color: #A6A5A5;
    font-size: 12px;
}

.user_icon_info_wrap {
    width: 100%;
    background: #FFECEA;
    border-radius: 14px;
}

.user_icon_info_wrap .inner {
    padding: 20px;
}

.user_icon_info_wrap .title {
    font-size: 12px;
    font-weight: 700;
}

.user_icon_info_wrap .badge_list_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 11px;
}

.user_icon_info_wrap .badge_list_wrap .badge_list {
    text-align: center;
}

.user_icon_info_wrap .badge_list_wrap .badge_list .icon {
    width: 60px;
    height: 60px;
    display: block;
}

.user_icon_info_wrap .badge_list_wrap .badge_list .con_tit {
    font-size: 10px;
    margin-top: 6px;
    color: #676767;
    white-space: nowrap;
}

.psycho_wrap {
    margin-top: 20px;
}

.psycho_wrap .psycho_list_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 11px;
}

.psycho_wrap .psycho_list {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    position: relative;
    text-align: center;
}

.psycho_wrap .psycho_list span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: 500;
    color: #FF5A47;
    display: block;
    width: 100%;
}

.user_list_wrap{
    position: absolute;
    bottom: 20px;
    left: 60px;
}

.user_list_wrap::after{
    content: "";
    display: block;
    clear: both;
}

.user_list_wrap .user_list{
    width: 30px;
    position: relative;
    margin-right: 10px;
    float: left;
}

.user_list_wrap .user_list:last-child{
    margin-right: 0;
}

.user_list_wrap .user_list::before{
    content: "";
    display: block;
    width: 110%;
    height: 110%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid rgba(255,255,255,0.5);
    box-sizing: border-box;
}

.keyword_txt{
    position: absolute;
    top: 20px;
    left: 60px;
    height: 34px;
    line-height: 34px;
    background: rgba(31,31,31,0.5);
    padding-left: 65px;
    padding-right: 15px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    border-radius: 20px;
}

.keyword_txt span{
    position: absolute;
    left: 3px;
    top: 3px;
    height: 28px;
    line-height: 28px;
    width: 56px;
    color: #fff;
    background: #FF5A47;
    border-radius: 20px;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
}

.countdown{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.talk_category.cago {display: none;}
.talk_category.cago.on{display: block;}
.tab_nav{display: none;}
.tab_nav.on {display: block;}


.word_forest_wrap{
    width: 100%;
    margin: 20px auto 0 auto;
}

.word_forest_wrap .word_list{
    width: 80px;
    height: auto;
    float: left;
    margin-right: calc(50% - 120px);
    text-align: center;
    margin-bottom: 25px;
}

.word_forest_wrap .word_list:nth-child(3n){
    margin-right: 0;
}

.word_forest_wrap .word_list .bg{
    width: 100%;
    height: 80px;
    border-radius: 16px;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
}

.word_forest_wrap .word_list .txt{
    font-size: 12px;
    font-weight: 500;
    color: #212428;
    margin-top: 8px;
}

.word_forest_wrap .word_list.w1 .bg{
    background: url(/assets/images/common/word_01.png) center no-repeat #fff;
}

.word_forest_wrap .word_list.w2 .bg{
    background: url(/assets/images/common/word_02.png) center no-repeat #fff;
}

.word_forest_wrap .word_list.w3 .bg{
    background: url(/assets/images/common/word_03.png) center no-repeat #fff;
}

.word_forest_wrap .word_list.w4 .bg{
    background: url(/assets/images/common/word_04.png) center no-repeat #fff;
}

.word_forest_wrap .word_list.w5 .bg{
    background: url(/assets/images/common/word_05.png) center no-repeat #fff;
}

.word_forest_wrap .word_list.w6 .bg{
    background: url(/assets/images/common/word_06.png) center no-repeat #fff;
}

.word_forest_wrap .word_list.w7 .bg{
    background: url(/assets/images/common/word_07.png) center no-repeat #fff;
}



.gray-msg-warpper {
    height: 100vh;
    background-color: #F5F5F5;
    position: relative;
    z-index: 99999;
  }
  
  .gray-msg-warpper .cnt-area {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  
  .gray-msg-warpper .cnt-area span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 56px;
    height: 56px;
    margin: auto;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
  }
  
  .gray-msg-warpper .cnt-area span img {
    display: inline-block;
    width: 43px;
    height: 43px;
    margin: auto;
  }
  
  .gray-msg-warpper .cnt-area p {
    margin-top: 12px;
    font-size: 16px;
    color: #676767;
  }

  .search_area{
    background: #F5F5F5;
    padding: 20px 0;
}

.search_area .inner{
    width: calc(100% - 40px);
    margin: auto;
}

.search_area .inner::after{
    content: "";
    display: block;
    clear: both;
}

.search_area select{
    width: 120px;
    background: url(/assets/image/common/select_arrow2.png) center right 5px no-repeat #fff;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    border-radius: 10px;
    float: left;
    height: 44px;
    line-height: 44px;
    font-size: 1.4em;
}

.search_area .input_box{
    position: relative;
    height: 44px;
}

.search_area .input_box input{
    width: calc(100% - 128px);
    float: left;
    height: 44px;
    line-height: 44px;
    margin-left: 8px;
    font-size: 1.4em;
    padding-right: 40px;
}

.search_area .input_box input:focus{
    outline: none;
    border: none;
}

.search_area .input_box .search_btn{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0,-50%);
    font-size: 0;
    background: url(/assets/image/common/search_btn2.png) center no-repeat;
}
 


.filter-cnt-wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-bottom: 1px solid #F4F4F4;
  }
  
  .filter-cnt-wrapper .filter-icon {
    width: 18px;
    height: 18px;
    background-color: #fff;
    padding: 0;
  }
  
  .filter-cnt-wrapper .l-select {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 1px solid #A6A5A5;
    padding: 6px 10px;
    border: 0.2px solid #A6A5A5;
    border-radius: 15px;
    position: relative;
  }
  
  .filter-cnt-wrapper .l-select.is-active {
    border: 0.2px solid #FF715E;
  }
  
  .filter-cnt-wrapper .l-select.is-active .type {
    color: #FF715E;
    background: url(/assets/image/common/select-arrow-on.svg) center right no-repeat;
    background-size: 9px 11px;
  }
  
  .filter-cnt-wrapper .l-select .type {
    font-size: 12px;
    color: #676767;
    text-decoration: underline;
    padding-right: 15px;
    background: url(/assets/image/common/select-arrow.svg) center right no-repeat;
    background-size: 9px 11px;
    cursor: pointer;
  }
  
  .filter-cnt-wrapper .l-select ul {
    display: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 0.3px solid #212428;
    border-radius: 15px;
    z-index: 100;
    text-align: center;
    padding: 6px 0;
  }
  
  .filter-cnt-wrapper .l-select ul.is-show {
    display: block;
  }
  
  .filter-cnt-wrapper .l-select ul li {
    margin-bottom: 7px;
  }
  
  .filter-cnt-wrapper .l-select ul li.is-active a {
    color: #FF715E;
  }
  
  .filter-cnt-wrapper .l-select ul li:last-of-type {
    margin-bottom: 0;
  }
  
  .filter-cnt-wrapper .l-select ul li a {
    display: block;
    font-size: 12px;
    color: #676767;
    text-decoration: underline;
  }




  .community_banner_box .info_img_wrap{
    margin-top: 0;
}

.community_text{
    background: #fff;
}

.community_text .word_gallery_wrap{
    width: calc(100% - 40px);
    margin: auto;
}

.community_text .word_gallery_wrap .word_gallery_list .word_con .text{
    float: unset;
    width: 100%;
}

.community_text .word_gallery_wrap .word_gallery_list .word_con .text .tit{
    font-size: 1.6em;
    font-weight: 500;
    color: #000;
    overflow: unset;
    text-overflow: unset;
    display: block;
}

.word_gallery_wrap .word_gallery_list{
    padding: 14px 0;
    border-bottom: 1px solid #F4F4F4;
    box-sizing: border-box;
}

.word_gallery_wrap .word_gallery_list .word_con{
    display: flex;
    align-items: center;
}

.word_gallery_wrap .word_gallery_list .word_con .img{
    width: 56px;
    height: 56px;
    border-radius: 3px;
    overflow: hidden;
    margin-right: 14px; 
}

.word_gallery_wrap .word_gallery_list .word_con .text-area{
    width: calc(100% - 70px);
}

.word_gallery_wrap .word_gallery_list .word_con.width100 .text-area{
    width: 100%;
}

.word_gallery_wrap .word_gallery_list .word_con .text .tit{
    font-size: 1.4em;
    color: #212428;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}

.word_gallery_wrap .word_gallery_list .word_con .text .tit .hit{
    font-size: 11px;
    color: #FF5A47;
    margin-left: 2px;
}

.word_gallery_wrap .word_gallery_list .word_con .text .type_list{
    margin-top: 2px;
}

.word_gallery_wrap .word_gallery_list .word_con .text .type_list span{
    font-size: 11px;
    color: #A4A4A4;
    margin-right: 10px;
    position: relative;
}

.word_gallery_wrap .word_gallery_list .word_con .text .type_list span:last-child{
    margin-right: 0;
}

.word_gallery_wrap .word_gallery_list .word_con .text .type_list span::after{
    content: "";
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #EAEAEA;
    position: absolute;
    top: 50%;
    right: -7px;
}

.word_gallery_wrap .word_gallery_list .word_con .text .type_list span:last-child::after{
    display: none;
}

.word_gallery_wrap .word_gallery_list .sub_info_wrap{
    margin-top: 4px;
    display: flex;
    align-items: center;
}


.word_gallery_wrap .word_gallery_list .sub_info_wrap .sub_text{
    display: flex;
}
.word_gallery_wrap .word_gallery_list .sub_info_wrap .sub_text .sub{
    
    margin-right: 16px;
    position: relative;
    font-size: 10px;
    color: #676767;
}

.word_gallery_wrap .word_gallery_list .sub_info_wrap .sub_text .sub::after{
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background: #EEEEEE;
    position: absolute;
    top: 50%;
    right: -8px;
    transform: translate(0,-50%);
}

.word_gallery_wrap .word_gallery_list .sub_info_wrap .sub_text .sub:last-child{
    margin-right: 0;
}

.word_gallery_wrap .word_gallery_list .sub_info_wrap .sub_text .sub:last-child::after{
    display: none;
}

.word_gallery_wrap .word_gallery_list .sub_info_wrap .sub_text .sub.new{
    padding-right: 16px;
}

.word_gallery_wrap .word_gallery_list .sub_info_wrap .sub_text .sub.new::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    width: 12px;
    height: 12px;
    background: url(../../images/common/new_icon.png) center no-repeat;
}

.word_gallery_wrap .word_gallery_list .sub_info_wrap .sub_icon{
    display: inline-flex;
    margin-left: auto;
}

.word_gallery_wrap .word_gallery_list .sub_info_wrap .sub_icon button{
    padding-left: 20px;
    font-size: 10px;
    color: #676767;
    margin-right: 6px;
}

.word_gallery_wrap .word_gallery_list .sub_info_wrap .sub_icon button:last-child{
    margin-right: 0;
}

.word_gallery_wrap .word_gallery_list .sub_info_wrap .sub_icon .like{
    background: url(../../images/common/like_btn.png) center left 0 no-repeat;
}
.word_gallery_wrap .word_gallery_list .sub_info_wrap .sub_icon .hit{
    background: url(../../images/common/hit_btn.png) top 4px left 0 no-repeat;
}
.word_gallery_wrap .word_gallery_list .sub_info_wrap .sub_icon .chat{
    background: url(../../images/common/chat_btn.png) center left 0 no-repeat;
}

.div_wrap.word{
    width: calc(100% - 30px);
    margin-bottom: 80px;
}


.page_wrap{
    display: flex;
    justify-content: center;
    margin-top: 16px;
    margin-bottom: 30px;
}

.page_wrap .p_btn{
    width: 20px;
    height: 20px;
    float: left;
}

.page_wrap .num{
    padding: 0 8px;
    font-size: 12px;
    color: #A4A4A4;
}

.page_wrap .num.on{
    color: #FF5A47;
}

.page_wrap .m_prev{
    background: url(../../images/common/m_prev.png) 0 no-repeat;
}

.page_wrap .prev{
    background: url(../../images/common/prev.png) 0 no-repeat;
}

.page_wrap .m_next{
    background: url(../../images/common/m_next.png) 0 no-repeat;
}

.page_wrap .next{
    background: url(../../images/common/next.png) 0 no-repeat;
}

.div_wrap.category_box .con_wrap{
    margin-top: 20px;
}

.div_wrap .list-total-num{
    padding-top: 5px;
    font-size: 10px;
}


.fixed{
    position: fixed;
    right: 20px;
    bottom: 100px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #eee;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
}

.fixed.add{
    background: url(/assets/image/common/add_button.png) 0 no-repeat;
}

.fixed.edit{
    background: url(/assets/image/common/edit_button.png) 0 no-repeat;
    
}


.d_date_btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: fixed;
    right: 20px;
    bottom: 170px;
    background: url(/assets/image/common/d_date_icon.png) 0 no-repeat;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
}
.d_date_btn.num::after{
    position: fixed;
    bottom:212px;
    right: 20px;
    display: block;
    /* content: '1'; */
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%;
    background-color: #FF5A47;
    border:1px solid #fff;
    color:#fff;
}

.d_date_btn.top {
    background: url(/assets/image/common/top_icon.png) 0 no-repeat;
}

.consulting_list_wrap{
    height: 54px;
    line-height: 54px;
    width: calc(100% - 40px);
    margin: 60px auto 0 auto;
    padding: 0 20px;
    border-bottom: 1px solid #E8E9EA;
}

.consulting_list_wrap a{
    font-size: 1.5em;
    font-weight: 600;
    color: #C5C5C5;
    display: block;
    float: left;
    position: relative;
    width: 33.33%;
    text-align: center;
}

.consulting_list_wrap a:last-child{
    margin-right: 0;
}

.consulting_list_wrap a.on::after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #FF5A47;
    position: absolute;
    left: 0;
    bottom: 0;
}

.consulting_list_wrap a.on{
    color: #000000;
}

.con_list_wrap{
    width: calc(100% - 40px);
    margin: auto;
}

.con_list_wrap .con_list{
    padding: 14px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 16px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
}

.con_list_wrap .con_list:last-child{
    margin-bottom: 0;
}

.con_list_wrap .con_list .title{
    position: relative;
    margin-bottom: 12px;
}

.con_list_wrap .con_list .title .type{
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    background: #C3C3C3;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
}

.con_list_wrap .con_list .title .type.on{
    background: #FF5A47;
}

.con_list_wrap .con_list .title .tit{
    font-size: 1.6em;
    font-weight: 700;
    color: #000;
    margin-left: 12px;
    display: inline-block;
    vertical-align: middle;
}

.con_list_wrap .con_list .title .view_all{
    position: relative;
    top: 4px;
    right: 0;
	padding-right: 1rem;
    font-size: 13px;
    color: #676767;
    background: url('/assets/image/common/detail_btn.png') center right 0 no-repeat;
    /* padding-right: 18px; */
}

.con_list_wrap .con_list .con_info_box{
    margin-top: 15px;
}

.con_list_wrap .con_list .con_info_box::after{
    content: "";
    display: block;
    clear: both;
}

.con_list_wrap .con_list .con_info_box .img{
    width: 66px;
    height: 66px;
    border-radius: 50%;
    float: left;
    position: relative;
}

.con_list_wrap .con_list .con_info_box .img img{
    overflow: hidden;
}

.con_list_wrap .con_list .con_info_box .img::after{
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: -2px;
    right: 3px;
    border: 2px solid #fff;
    box-sizing: border-box;
    background: #BFC0C9;
    border-radius: 50%;
}
.online::after {
    background: #FF5A47 !important;
}
.con_list_wrap .con_list .text{
    margin-left: 16px;
    float: left;
}

.con_list_wrap .con_list .text .name{
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 6px;
    margin-top: 4px;
}

.con_list_wrap .con_list .text .text_box{
    margin-bottom: 2px;
}

.con_list_wrap .con_list .text .text_box::after{
    content: "";
    display: block;
    clear: both;
}

.con_list_wrap .con_list .text .text_box .th{
    float: left;
    font-size: 12px;
    color: #676767;
}

.con_list_wrap .con_list .text .text_box .td{
    float: left;
    font-size: 12px;
    color: #000;
    margin-left: 8px;
    text-align: left;
}

.con_list_wrap .con_list .text .text_box .td .d_day{
    color: #FF5A47;
}

.con_list_wrap .con_list .consult_btn_wrap{
    margin-top: 17px;
    display: flex;
    justify-content: space-between;
}

.con_list_wrap .con_list .consult_btn_wrap button{
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: block;
    background: #fff;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 12px;
    color: #676767;
    margin-right: 10px;
    width: calc(33.33% - 6.66px);
}

.con_list_wrap .con_list .consult_btn_wrap button:last-child{
    margin-right: 0;
}

.con_list_wrap.view .con_list .con_info_box .img{
    float: right;
}

.con_list_wrap.view{
    width: 100%;
}

.con_list_wrap.view .con_list{
    box-shadow: none;
}

.con_list_wrap.view .con_list .title{
    float: left;
    text-align: left;
}

.con_list_wrap.view .con_list .con_info_box{
    margin-top: 0;
    text-align: center;
}

.con_list_wrap.view .con_list .con_info_box .img{
    height: auto;
}

.con_list_wrap.view .con_list .con_info_box .img::after{
    display: none;
}

.con_list_wrap.view .con_list .con_info_box .img .name{
    font-size: 12px;
    margin-top: 8px;
}

.con_list_wrap.view .con_list .text{
    float: unset;
    margin-left: 0;
    margin-top: 10px;
}

.con_list_wrap.view .consult_btn_wrap{
    margin-top: 10px;
}

.con_list_wrap.view .consult_btn_wrap button{
    width: calc(50% - 5px);
}

.hori-wrapper .alert_box .alert_text {
    margin: 30px 0 24px;
  }
  
  .hori-wrapper .alert_box .alert_text p {
    font-weight: 500;
  }
  
  .hori-wrapper .alert_box .alert_text dl dt {
    font-size: 14px;
    font-weight: 500;
  }
  
  .hori-wrapper .alert_box .alert_text dl dd {
    font-size: 11px;
    color: #676767;
    margin-top: 6px;
  }
  
  .con_wrap.last_box{
      margin-bottom: 24em;
  }


  .chat_list_wrap{
    width: 100%;
    margin: auto;
}

.chat_list_wrap .chat_list{
    padding: 20px;
    background: #fff;
}

.chat_list_wrap .chat_list:last-child{
    margin-bottom: 0;
}

.chat_list_wrap .chat_list .con_info_box{
    position: relative;
}

.chat_list_wrap .chat_list .con_info_box::after{
    content: "";
    display: block;
    clear: both;
}

.chat_list_wrap .chat_list .con_info_box .img{
    width: 54px;
    height: 54px;
    border-radius: 50%;
    float: left;
    position: relative;
}

.chat_list_wrap .chat_list .con_info_box .img img{
    overflow: hidden;
}

.chat_list_wrap .chat_list .con_info_box .img::after{
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 2px solid #fff;
    box-sizing: border-box;
    background: #BFC0C9;
    border-radius: 50%;
}

.chat_list_wrap .chat_list .con_info_box .img.on::after{
    background: #FF5A47;
}

.chat_list_wrap .chat_list .text{
    margin-left: 14px;
    float: left;
    width : 60%;
}

.chat_list_wrap .chat_list .text .name{
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 4px;
}

.chat_list_wrap .chat_list .text .chat_text{
    font-size: 12px;
    color: #2B2B2A;
    width: calc(100%);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.chat_list_wrap .chat_list .time{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    color: #898989;
    letter-spacing: 0px;
}

.chat_list_wrap .chat_list .chat_num{
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    padding: 0 5px;
    height: 16px;
    height: 16px;
    border-radius: 10px;
    text-align: center;
    background: #FF5A47;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
}
#consulting_chang{
    display:none;
}
.progress_bar_one_gray{
	--fc-daygrid-event-dot-width: 8px;
    --fc-list-event-dot-width: 10px;
    --fc-list-event-hover-bg-color: #f5f5f5;
    --swiper-navigation-size: 44px;
    --swiper-theme-color: #007aff;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
    letter-spacing: -0.05em;
    box-sizing: border-box;
    border: 0;
    font-size: 100%;
    margin: 0;
    vertical-align: middle;
    list-style: none;
    float: left;
    width: calc(10% - 0.2rem);
	color: #F6F5F5;
    line-height: 1.2;
    text-align: center;
    background-color: #F6F5F5;
    padding: 0.2rem 0;
    margin-right: 0.2rem;
    border-radius: 1.2rem 0 0 1.2rem;
}
.progress_bar_one{
	--fc-daygrid-event-dot-width: 8px;
    --fc-list-event-dot-width: 10px;
    --fc-list-event-hover-bg-color: #f5f5f5;
    --swiper-navigation-size: 44px;
    --swiper-theme-color: #007aff;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
    letter-spacing: -0.05em;
    box-sizing: border-box;
    border: 0;
    font-size: 100%;
    margin: 0;
    vertical-align: middle;
    list-style: none;
    float: left;
    width: calc(10% - 0.2rem);
    color: #fff;
    line-height: 1.2;
    text-align: center;
    background-color: #FF5A47;
    padding: 0.2rem 0;
    margin-right: 0.2rem;
    border-radius: 1.2rem 0 0 1.2rem;
}
.progress_bar_other{
	--fc-daygrid-event-dot-width: 8px;
    --fc-list-event-dot-width: 10px;
    --fc-list-event-hover-bg-color: #f5f5f5;
    --swiper-navigation-size: 44px;
    --swiper-theme-color: #007aff;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
    letter-spacing: -0.05em;
    box-sizing: border-box;
    border: 0;
    font-size: 100%;
    margin: 0;
    vertical-align: middle;
    list-style: none;
    float: left;
    width: calc(10% - 0.2rem);
    color: #fff;
    line-height: 1.2;
    text-align: center;
    background-color: #FF5A47;
    padding: 0.2rem 0;
    margin-right: 0.2rem;
}
.progress_bar_last_other {
    --fc-daygrid-event-dot-width: 8px;
    --fc-list-event-dot-width: 10px;
    --fc-list-event-hover-bg-color: #f5f5f5;
    --swiper-navigation-size: 44px;
    --swiper-theme-color: #007aff;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
    letter-spacing: -0.05em;
    box-sizing: border-box;
    border: 0;
    font-size: 100%;
    margin: 0;
    vertical-align: middle;
    list-style: none;
    float: left;
    width: calc(10% - 0.2rem);
    color: #fff;
    line-height: 1.2;
    text-align: center;
    background-color: #FF5A47;
    padding: 0.2rem 0;
    margin-right: 0.2rem;
    border-radius: 0 1.2rem 1.2rem 0;
}
.progress_gray_bar_other{
	--fc-daygrid-event-dot-width: 8px;
    --fc-list-event-dot-width: 10px;
    --fc-list-event-hover-bg-color: #f5f5f5;
    --swiper-navigation-size: 44px;
    --swiper-theme-color: #007aff;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
    letter-spacing: -0.05em;
    box-sizing: border-box;
    border: 0;
    font-size: 100%;
    margin: 0;
    vertical-align: middle;
    list-style: none;
    float: left;
    width: calc(10% - 0.2rem);
    line-height: 1.2;
    text-align: center;
    padding: 0.2rem 0;
    margin-right: 0.2rem;
    color: #F6F5F5;
    background-color: #F6F5F5;
}
.progress_gray_bar_last{
	--fc-daygrid-event-dot-width: 8px;
    --fc-list-event-dot-width: 10px;
    --fc-list-event-hover-bg-color: #f5f5f5;
    --swiper-navigation-size: 44px;
    --swiper-theme-color: #007aff;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
    letter-spacing: -0.05em;
    box-sizing: border-box;
    border: 0;
    font-size: 100%;
    margin: 0;
    vertical-align: middle;
    list-style: none;
    float: left;
    width: calc(10% - 0.2rem);
    line-height: 1.2;
    text-align: center;
    padding: 0.2rem 0;
    margin-right: 0.2rem;
    border-radius: 0 1.2rem 1.2rem 0rem;
    color: #F6F5F5;
    background-color: #F6F5F5;
}
.complete_dot{
	--fc-daygrid-event-dot-width: 8px;
    --fc-list-event-dot-width: 10px;
    --fc-list-event-hover-bg-color: #f5f5f5;
    --swiper-navigation-size: 44px;
    --swiper-theme-color: #007aff;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
    letter-spacing: -0.05em;
    box-sizing: border-box;
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    font-size: 1.2rem;
    color: #A6A5A5;
    position: relative;
    padding-left: 2rem;
}

.red_text{
	--fc-daygrid-event-dot-width: 8px;
    --fc-list-event-dot-width: 10px;
    --fc-list-event-hover-bg-color: #f5f5f5;
    --swiper-navigation-size: 44px;
    --swiper-theme-color: #007aff;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.05em;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    vertical-align: baseline;
    font-size: 1rem;
    font-weight: normal;
    color: #FF5A47;
    margin-left: 1rem;
}

.talk_category .category_wrap.theme {
    flex-wrap: wrap;
    
}
.talk_category .category_wrap.theme .category{
    width: 33.3%;
}
.theme.add_question{
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 1.6em;
    color: #ff5a47;
    font-weight: bold;
    margin: 20px 0;
    cursor: pointer;
}
.title_wrap.clb.theme{
    display: flex;
    align-items: center;
}
.title_wrap.theme .icon{
    width: 15.3%;
}
.title_wrap.theme .contents{
    font-weight: 500;
}
p.color {
    color: #ff5a47;
}
.title_wrap.theme .contents .color{
    font-size: 1.2em;
}
.title_wrap.theme .contents .icon_txt{
    font-size: 1.7em;
}
.title_wrap.clb.theme.questions_list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 1.6em;
}
.theme.questions_list .questions{
    margin: 8px 0px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.theme.questions_list .questions .gray_close{
    background: url(/assets/image/common/close_gray.png) center right 0 no-repeat;
    height: 20px;
    width: 20px;
}
.theme_set_room .modify{
    float: right;
    color: #9e9e9e;
}

.alert_box.theme_chk .confirm{
    background : #ff5a47;
}
.slick-slide img {
    width: auto;
    width: 100%;
    /* height: 200px; */
    margin: auto;
    display: block;
}
.swal2-header{
    border-bottom: solid 1px #F4F4F4;
    margin-bottom: 1.5rem;
}
div#swal2-content {
    font-size: 1rem;
}
.swal2-actions{
    justify-content: space-around;
}
h2#swal2-title{
    font-size: 1.3rem;
}
.swal2-actions .btn-danger{
    background-color: white;
    width: 49%;
    border: solid 1px;
    color: #D3D3D3;
    border-color: #EEEEEE;
    height: 3rem;
    border-radius: 0.5rem;
}
.swal2-actions .btn-success{
    width: 49%;
    height: 3rem;
    border-radius: 0.5rem;
    background-color: #FF5A47;
    border-color: #FF5A47;
}
.swal2-popup .swal2-actions{
    justify-content: space-between;
    width: 100%;
    margin: 1.25em auto 0;
    padding: 0;
}
.swal2-popup.swal2-modal.swal2-show {
    border-radius: 1rem;
	z-index: 100000;
}

/* @media (min-width: 600px) {
    .d_date_btn{
        right: calc(100% / 3) !important;
    }
} */
@media (hover: hover) and (pointer: fine) {
    /* 터치 불가한 환경에서 적용한 CSS */
    .d_date_btn, .fixed{
        right: calc(100% / 2 - 241px) !important;
    }
}