#modal .modal-dialog .dim, #root .modal-dialog .dim {display: block;}
#root .modal-dialog.dim_hide .dim {display: none;}
.modal-dialog .choice_pop .content-area .head {padding-left: 20px;}
.modal-dialog .choice_pop .content-area .head div:first-child {padding-left: 20px; border:0;}

.landing_new section {position: relative;}
.landing_new h2 {margin-top: 70px; margin-bottom: 26px; font-size: 24px; font-weight: 700; line-height: 130%;}

.landing_slick { overflow: hidden; position: relative; height: 140px; margin: 40px 0 30px; border-radius: 14px;} 
.landing_slick img { width: 100%; } 
.landing_slick .slick-slide { overflow: hidden; border-radius: 14px; } 
.landing_slick .slick-dots li, .survey_slick .slick-counter li {display: none;}
.landing_slick .slick-dots .slick-active, .survey_slick .slick-counter .slick-active { display: block;}
.landing_slick .customPaging {display: flex;}
.landing_slick .total, .survey_slick .total {color: rgba(255, 255, 255, 0.8);}

.event_banner { height: 188px; margin-top: 15px; padding-top: 28px; background: url(https://img.lifet.co.kr/landing/visual/event_bg.png) no-repeat left top; } 
.event_banner a { display: block; height: 158px; padding-top: 38px; text-align: center; } 
.event_banner strong { margin-bottom: 6px; font-weight: 600; font-size: 32px; line-height: 130%; } 
.event_banner p { margin-top: 6px; font-size: 24px; line-height: 140%; } 
.cartegory_list li img, .communty_slide .slide_card img { width: 370px; } 

.popular_slick  {display: flex;}
.popular_slick .slick-slide {display: block;}
.popular_slick a {position: relative; display: flex; width: 335px;}
.popular_slick a + a {margin-top: 16px; padding-top: 16px; border-top: 1px solid #E9E9E9;}
.popular_slick > div + div {margin-left: 83px;}
.popular_slick a .num {width: 24px; color: #68A5FE; font-size: 20px; font-weight: 600; line-height: 130%;}
.popular_slick a strong {display: block; margin-bottom: 11px; font-size: 18px; font-weight: 600; line-height: 140%;}
.popular_slick a .sub {display: block; margin: 4px 0 11px; color: #808080; font-size: 16px; line-height: 130%;}
.popular_slick a .inner {flex: 1;}
.popular_slick .like {color: #6C6C6C; font-size: 13px;}
.like {display: flex;}
.like span {display: flex; align-items: center; margin-right: 4px;}
.like img {width: 16px; margin-right: 4px;}
.filter {display:flex; margin-top: -6px; margin-bottom: 16px;}
.filter button {height: 40px; margin-right: 9px; padding: 8px 12px; font-size: 18px; font-weight: 500; line-height: 130%; border-radius: 40px; border: 1px solid #CCC;}
.filter button.active {color: #68A5FE; border-color: currentColor; background-color: #F0F5FD;} 

.landing_channel ul {display: flex; margin-bottom: 70px;}
.landing_channel ul li + li {margin-left: 13px;}
.landing_channel ul li a {display: block; overflow: hidden; position: relative; width: 184px; height: 220px; border-radius: 12px;}
.landing_channel ul li a::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 140px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(72, 72, 72, 0.46) 57.57%, #3A3A3A 143.93%);}
.landing_channel ul li img {width: 184px; height: 220px; object-fit: cover;}
.landing_channel ul li div {position: absolute; bottom: 24px; left: 18px; color: #fff; font-size: 20px; font-weight: 600; line-height: 130%; }
.landing_channel ul li div span {display: block; margin-top: 4px; color: #D8D8D8; font-size: 14px; font-weight: 500; line-height: 130%; }
.landing_channel ul li div strong {font-weight: 600;}

.landing_banner a {position: relative; display: block; height: 140px; padding-left: 250px; font-size: 28px; font-weight: 700; line-height: 130%; border-radius: 14px; background-color: #E5F0FF;}
.landing_banner a span {display: block; padding: 39px 0 6px; font-size: 16px; font-weight: 500; line-height: 130%; }
.landing_banner a img {position: absolute; right: 290px; bottom: 0; width: 187px;}
.landing_banner a br {display: none;}

.landing_review ul li {margin-bottom: 0;}
.landing_review ul li .img {width: 280px; margin-bottom: 24px; border-radius: 12px;}
.landing_review ul li .img img {width: 280px; height: 280px; object-fit: cover;}
.landing_review ul li .img span {display: inline-block; position: absolute; right: auto; bottom: 14px; left: 14px; padding: 5px 7px; color: #fff; font-weight: 600; line-height: 130%; border-radius: 4px; background-color: #68A5FE;}
.landing_review ul li .pro_name p {text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 20px; font-weight: 600;}

.landing_written .scroll {overflow: hidden;}
.landing_written ul {display: flex;}
.landing_written ul li + li {margin-left: 24px;}
.landing_written ul li .img {overflow: hidden; width: 374px; height: 240px; margin-bottom: 16px; border-radius: 12px;}
.landing_written ul li .img img {width: 374px; height: 240px; object-fit: cover;}
.landing_written ul li span {color: #808080; font-size: 16px; font-weight: 500; line-height: 130%; }
.landing_written ul li strong {display: block; margin-top: 3px; margin-bottom: 70px; font-size: 20px; font-weight: 600; line-height: 130%; }

.sns_pop {z-index: 1; position: absolute; top: 260px; right: -48px; display: flex; width: 126px; height: 72px;  padding: 16px; box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1); border-radius: 8px; background-color: #fff;}
.sns_pop img {width: 40px;}
.sns_pop a + a {margin-left: 14px;}
.community_detail .sns_pop {right: auto; left: 0; top: 30px;}


@media (max-width:767px) {
    #root .product_cuopon + .modal-dialog .dim {display: none;}
    .landing_new .examineTotal-area .title h1 {font-size: 20px;}
    .landing_new .inner-1200 { padding: 0 20px; } 
    .landing_slick { margin: 20px 0 16px; height: auto; border-radius: 12px;} 
    .landing_slick .slick-slide { border-radius: 12px; } 
    .landing_slick .slick-slide > div > div {display: block !important;}
    .communty_slide .slide_card img, .cartegory_list li img { display: block; width: 100%; } 
    .communty_slide .slide_card.event img { width: 100%; } 
    #container .exposure_tag .landing_more {right: 0;}
    #container .search_area .landing_more { top: 3px; } 
    .event_banner { height: auto; margin-top: 10px; padding-top:0; background: none; } 
    .event_banner a { height: auto; padding: 16px 0 15px 20px; text-align: left; border-radius: 10px; background:#F2F1F2 url(https://img.lifet.co.kr/landing/visual/event_img_m.png) no-repeat right 24px bottom; background-size: 89px 86px; } 
    .event_banner strong { font-size: 18px; } 
    .event_banner strong span { display: block; } 
    .event_banner p { margin-top: 2px; font-size: 13px; } 

    .product_list .badge { left: 14px; width: 30px; padding-top: 6px; font-size: 16px; background-size: 30px; } 
    .best_area h2 { margin: 20px 0 30px; font-size: 24px; } 
    .best_area .banner { margin-top: -6px; margin-bottom: 31px; } 
    .lifet_only { margin-top: 30px; } 
    .lifet_only + .lifet_only { margin-top: 40px; } 
    .main_home .lifet_only:last-child { margin-top: 30px; } 
    .lifet_only > a { top: 4px; padding-right: 18px; font-size: 14px; background-size: 6px; } 

    .landing_new h2 {margin: 16px 0 12px; font-size: 18px;}
    .landing_new .scroll, #container.channel-cointainer .scroll {overflow-x: auto; margin-right: -20px;}
    .landing_new > [class*=landing] {margin-top: 20px; border-top: 12px solid #F4F4F4;}

    .popular_slick, .topic_slick {flex-flow: column; margin-top: 16px; margin-right: -20px;}
    .popular_slick .slick-slide {width: 82vw; margin-right: 16px;}
    .popular_slick a {width: auto;}
    .popular_slick a .num {font-size: 18px;}
    .popular_slick a strong {font-size: 16px;}
    .popular_slick a .sub {margin-bottom: 8px; font-size: 14px;}
    .popular_slick .slick-dots, .topic_slick .slick-dots {display: flex !important; justify-content: center; height: 6px; margin-top: 16px; margin-right: 20px;}
    .popular_slick .slick-dots button, .topic_slick .slick-dots button {display: inline-block; width: 6px; height: 6px; margin: 0 4px; padding: 0; vertical-align: top; text-indent: -9999px; border-radius: 50%; background-color: #E6E6E6;}
    .popular_slick .slick-dots button::before, .topic_slick .slick-dots button:before {display: none;}
    .popular_slick .slick-dots .slick-active button, .topic_slick .slick-dots .slick-active button {background-color: #68A5FE;}

    .filter {margin: 0 0 12px;}
    .filter button {height: 36px; margin-right: 5px; padding: 8px 10px; font-size: 14px;}

    .landing_channel ul {margin-bottom: 0; padding-left: 12px;}
    .landing_channel ul li {padding-right: 20px; margin-left: -12px;}
    .landing_channel ul li + li {margin-left: -12px;}
    .landing_channel ul li a, .landing_channel ul li img {width: 105px; height: 133px;}
    .landing_channel ul li a::before {height: 107px;}
    .landing_channel ul li div {left: 14px; bottom: 16px; font-size: 18.5px;}

    .landing_banner a {height: 98px; margin: 0 -20px -20px; padding-left: 36px; font-size: 18px; border-radius: 0;}
    .landing_banner a span {padding: 14px 0 3px; font-size: 12px;}
    .landing_banner a br {display: block;}
    .landing_banner a img {right: 43px; width: 131px;}
    .landing_banner a br {display: block;}

    .landing_review .product_list {flex-wrap: nowrap; padding-left: 12px;}
    .landing_review .product_list li {width: auto; margin-right: 0; margin-left: -12px; padding-right: 20px;}
    .landing_review .product_list li:nth-child(even) {margin-right: 0px !important;}
    .landing_review .product_list li .img {width: 140px !important; height: 140px !important; margin-bottom: 8px; border-radius: 4px;}
    .landing_review .product_list li .img img {width: 140px; height: 140px;}
    .landing_review ul li .pro_name p { margin: 0; font-size: 16px;}
    .landing_review .product_list li a {width: 140px; margin-bottom: 0;}

    .landing_written ul {margin-bottom: 20px; padding-left: 8px;}
    .landing_written ul li .img {margin-bottom: 12px;}
    .landing_written ul li span {font-size: 13px; font-weight: 400;}
    .landing_written ul li .img, .landing_written ul li .img img {width: 216px; height: 138px;}
    .landing_written ul li {width: 236px; padding-right: 20px; margin-left: -8px;}
    .landing_written ul li + li {margin-left: -8px;}
    .landing_written ul li strong {margin-top: 4px; margin-bottom: 0; font-size: 16px; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
    .landing.banner_bottom {margin-bottom: 20px; padding-top: 20px;}
    .sns_pop {z-index: 18000; position: fixed; right: 20px !important; top: 44px  !important; width: 114px; height: auto; margin-right: 0; padding: 12px; border-radius: 8px;}
    .sns_pop a {display: block; width: 40px; height: 40px;}
    .sns_pop a + a {margin-left: 10px;}
    .community_detail .sns_pop {left: auto; right: 10px; top: 34px;}
    
}

.channel-cointainer {padding-bottom: 100px;}
.channel-cointainer h2 {display: flex; align-items: center; margin-bottom: 26px; font-size: 24px; font-weight: 700;}
.channel-cointainer section:first-child h2 {margin-top: 50px;}
.channel-cointainer h2 button {display: inline-block; height: 31px; margin-left: 16px; padding: 4px 10px 4px 30px; font-size: 16px; line-height: 130%; border-radius: 60px; border: 1px solid #E9E9E9; background: url(https://img.lifet.co.kr/icon/icon_search.png) no-repeat 8px center; background-size: 20px;}
.landing_channel.topic ul li + li {margin-left: 8px;}
.landing_channel.topic ul li a, .landing_channel.topic ul li img {width: 139px; height: 170px;}
.landing_channel.topic ul li div {left: 14px; bottom: 16px; font-size: 18px; font-weight: 500;}
.landing_channel.topic ul li div span:first-child {color: #fff; font-size: 18px; font-weight: 500;}
.landing_channel.topic ul li div span:last-child {font-weight: 400;}
.landing_channel.topic ul li a::before {height: 107px;}

.topic_slick {display: flex; margin-bottom: 70px;}
.topic_slick .slick-slide {width: 335px; }
.topic_slick .slick-slide + .slick-slide {margin-left: 83px;}
.topic_slick .slick-slide a {position: relative; display: flex; align-items: center;}
.topic_slick .slick-slide a + a {margin-top: 20px; padding-top: 20px; border-top: 1px solid #E9E9E9;}
.topic_slick .icon {display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; margin-right: 20px; border-radius: 50%; background-color: #F5F5F5;}
.topic_slick .icon img {width: 39px;}
.topic_slick .text strong {display: block; margin-bottom: 4px; font-size: 18px; font-weight: 600; line-height: 140%;}
.topic_slick .text span {color: #808080; font-weight: 500; line-height: 130%; }
.topic_slick .text span:last-child::before {content: ''; display: inline-block; width: 2px; height: 2px; margin: 0 4px; vertical-align: 3px; border-radius: 50%; background-color: #808080;}
button.subscribe {position: absolute; right: 0; bottom: 8px; display: inline-block; width: 73px; height: 34px; padding: 0 0 0 31px; color: #68A5FE; font-size: 14px; font-weight: 600; line-height: 130%; text-align: left; border-radius: 60px; background: url(https://img.lifet.co.kr/icon/plus_blue.svg) no-repeat 14px center; border: 1px solid #68A5FE; background-size: 16px;}
button.subscribing {position: absolute; right: 0; bottom: 8px; display: inline-block; width: 73px; height: 34px; padding: 8px 0 8px 24px; color: #B3B3B3; font-weight: 600; text-align: left; border: 1px solid #B3B3B3; border-radius: 60px; background: url(https://img.lifet.co.kr/icon/check_gray.svg) no-repeat 8px center; background-size: 16px;}

.channel-cointainer .exposure_tag > ul {margin-bottom: 70px;}
.exposure_tag > ul, .channel-cointainer .landing_channel ~ .exposure_tag > ul  {display: flex; flex-wrap: wrap; margin-top: -30px;}
.exposure_tag > ul + ul {margin-top: 70px;}
.exposure_tag > ul li:nth-child(even), .channel-cointainer .landing_channel ~ .exposure_tag > ul li:nth-child(even) {margin-left: 34px;}
.exposure_tag > ul li { border-bottom: 1px solid #D9D9D9;}
.exposure_tag > ul li a, .channel-cointainer .landing_channel ~ .exposure_tag > ul li a {position: relative; display: block; width: 568px; padding: 30px 0 24px; color: #494949;}
.exposure_tag > ul li a > span { font-weight: 500; line-height: 130%; }
.exposure_tag > ul li a .tit {margin: 8px 0; font-size: 20px; font-weight: 600; line-height: 130%;}
.exposure_tag > ul li a p, .exposure_tag ul li a .tit {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; line-height: 130%;}
.exposure_tag > ul li .bottom {position: relative; display: flex; align-items: center; margin-top: 8px; color: #6C6C6C;}
.exposure_tag .wrap + .voting {margin-top: -33px;}
.exposure_tag > ul li a .date {margin-right: 40px; color: #6C6C6C; line-height: 130%;}
.exposure_tag > ul li a .date span + span {margin-left: 8px;}
.exposure_tag > ul li a .like {position: absolute; right: 0;}
.exposure_tag .like span {color: #6C6C6C;}
.exposure_tag .like img {width: 18px;}
.exposure_tag > ul li a > .img img {position: absolute; right: 0; bottom: 0; width: 114px; height: 114px; object-fit: cover; border-radius: 8px;}

.topic_detail {position: relative;}
.topic_detail .img {height: 210px;}
.topic_detail .img img {width: 100%; height: 210px; object-fit: cover;}
.detail_parts {position: relative; margin: -30px 0 30px 0; padding-left: 50px; padding-bottom: 30px; border-bottom: 1px solid #EFEFEF;}
.detail_parts .icon {display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; border: 1px solid #D7D7D7; background-color: #F5F5F5;}
.detail_parts .icon img {max-width: 47px;}
.detail_parts > span {display: block; margin: 16px 0 2px; color: #808080; font-weight: 500; line-height: 130%;}
.detail_parts strong {font-size: 20px; font-weight: 600; line-height: 130%; }
.detail_parts .number {margin-top: 8px; color: #808080; line-height: 130%; }
.detail_parts .number span {margin-right: 12px;}
.topic_detail + .exposure_tag ul {margin-top: 0;}
.topic_detail .share {z-index: 10; position: absolute; top: 230px; right: 30px; width: 45px; height: 36px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/share_icon.png) no-repeat right 20px top; background-size: 24px;}
.topic_detail > [class*="subscri"] {position: absolute; bottom: 48px; right: 50px; height: 34px; background-size: 18px;}
.exposure_tag .sort {display: flex; justify-content: flex-end;text-align: right; font-size: 15px; line-height: 130%;}
.exposure_tag .sort button {margin-left: 8px; color: #B3B3B3; font-size: 15px;}
.exposure_tag .sort button.active {color: #343434;}

.subscribe_pop .content-area {width: 411px; padding: 45px 40px 23px; text-align: center;}
.subscribe_pop button {display: block; width: 100%; height: 56px; color: #808080; font-size: 20px; font-weight: 600; line-height: 24px; border-radius: 44px;}
.subscribe_pop button.btn_blue {margin-bottom: 9px; color: #fff;}
.subscribe_pop button.btn_cancle {color: #FF6987; border: 1px solid #E5E5E5;}
.subscribe_pop button:last-child {display: inline-block; width: auto;}

.community_wrap {display: flex; margin-bottom: 40px;}
.community_wrap .left {width: 849px; margin: 0; padding: 0 50px 0 0; border-top: 0; border-right: 1px solid #E7E7E7;}
.community-container {min-height: 100vh;}
.community-container h2 {margin: 40px 0 24px; font-size: 24px; font-weight: 600; line-height: 130%;}
.write_btn {position: absolute; right: 50%; top: 7px; height: 37px; margin-right: -586px; padding: 8px 12px 8px 32px; color: #fff; font-size: 16px; font-weight: 500; line-height: 130%; border-radius: 50px; background: #68A5FE url(https://img.lifet.co.kr/icon/write_icon.png) no-repeat left 8px center; background-size: 20px;}
.community-container .exposure_tag > ul {display: block; margin-top: -4px;}
.community-container .exposure_tag > ul li a {display: block; width: 100%; padding: 34px 0 24px;}
.community-container .exposure_tag > ul > li:nth-child(even) {margin-left: 0;}
.community-container .exposure_tag > ul li .tit, .channel-cointainer .exposure_tag > ul li .tit {font-size: 20px;}
.community-container .exposure_tag .wrap > img {position: relative; width: 89px; height: 89px; margin-bottom: -34px; margin-left: 30px; object-fit: cover; border-radius: 8px;}
.channel-cointainer .exposure_tag .wrap > img {position: relative; width: 81px; height: 81px; margin-bottom: -34px; margin-left: 30px; object-fit: cover; border-radius: 8px;}
.community-container .exposure_tag .wrap {display: flex; justify-content: space-between; width: 799px; height: 89px;}
.channel-cointainer .exposure_tag .wrap {display: flex; justify-content: space-between;  width: 568px; height: 81px;}
.community-container .exposure_tag .inner, .channel-cointainer .exposure_tag .inner {overflow: hidden; position: relative;}
.community-container .exposure_tag .inner .tag {display: block;}
.community-container .exposure_tag .inner .tag span {padding: 0; font-size: 14px; background-color: transparent;}
.exposure_tag .inner .new {display: inline-flex; align-items: center;}
.exposure_tag .inner .new::after {content: ''; display: inline-block; width: 6px; height: 6px; margin-left: 6px; border-radius: 50%; background-color: #FF6987;}
.community-container .pool {z-index: 10; position: relative; display: flex; flex-wrap: wrap; margin-bottom: -10px;}
.community-container .pool li {position: relative;}
.community-container .pool li:nth-child(even) {margin-left: 6px;}
.community-container .pool li input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0;}
.community-container .pool li label {display: block; width: 396px; padding: 10px 16px 11px 14px; margin-bottom: 6px; font-size: 16px; font-weight: 500; border-radius: 8px; background-color: #F6F6F6;}
.community-container .pool li label::before {content: ''; position: absolute; right: 16px; top: 12px; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #E7E7E7;}
.community-container .pool li input:checked + label::before {background-color: #BDD8FF;}
.community-container .pool_result {display: flex; flex-wrap: wrap; margin-bottom: -10px;}
.community-container .pool_result li:nth-child(even) {margin-left: 6px;}
.community-container .pool_result li {overflow: hidden; position: relative; width: 396px; margin-bottom: 6px; border-radius: 8px; background-color: #F6F6F6;}
.community-container .pool_result li .bar {display: inline-block; height: 100%; padding: 11px 0 10px 14px; color: #999; font-size: 16px; font-weight: 600; line-height: 130%; white-space: nowrap; border-radius: 8px; background-color: #DBDBDB;}
.community-container .pool_result li .value {position: absolute; right: 14px; top: 11px; color: #999; font-size: 16px; font-weight: 500; line-height: 130%;}
.community-container .pool_result li.first .bar {color: #266BE9; background-color: #BDD8FF;}
.community-container .pool_result li.first .value {color: #266BE9;}

.community_wrap .rig {width: 319px; padding: 15px 0 0 40px;}
.community_wrap .rig h3 {font-size: 16px; font-weight: 500; line-height: 130%;}
.community_wrap .rig ol li {position: relative; margin-top: 16px; padding-right: 30px;}
.community_wrap .rig ol li .num {display: inline-block; width: 18px; margin-right: 10px; color: #B3B3B3; font-size: 16px; font-weight: 600; line-height: 130%; }
.community_wrap .rig ol li a {display: flex; color: #494949; }
.community_wrap .rig ol li a p {flex: 1; font-size: 16px; font-weight: 500; line-height: 130%;     overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.community_wrap .rig ol li span:last-child {position: absolute; right: 0; top: 2px; display: block; width: 16px; height: 16px; text-indent: -9999px; background-repeat: no-repeat; background-position: right center; background-size: 16px;}
.community_wrap .rig ol li span.up {background-image: url(http://img.lifet.co.kr/icon/score_up.png);}
.community_wrap .rig ol li span.same {background-image: url(http://img.lifet.co.kr/icon/score_same.png);}
.community_wrap .rig ol li span.down {background-image: url(http://img.lifet.co.kr/icon/score_down.png);}
.community_wrap .rig ul {display: flex; flex-wrap: wrap; margin-left: -6px; margin-top: 12px;}
.community_wrap .rig ul li a {display: inline-block; margin-left: 6px; margin-bottom: 8px; padding: 9px 10px; line-height: 130%; white-space: nowrap; border-radius: 60px; background-color: #F4F4F8;}

.community_wrap .rig .popular_comment {margin-top: 16px;}
.community_wrap .rig .popular_comment li {margin-top: 0; padding: 14px;}
.community_wrap .rig .popular_comment li + li {margin-top: 4px;}
.community_wrap .rig .popular_comment a {display: flex; white-space: wrap; margin-right: 0;}
.community_wrap .rig .popular_comment img {width: 32px; height: 32px; margin-right: 12px; object-fit: cover; border-radius: 50%;}
.community_wrap .rig .popular_comment .name {font-size: 13px; font-weight: 500; line-height: 130%;}
.community_wrap .rig .popular_comment .right {width: 207px;;}
.community_wrap .rig .popular_comment p {margin: 4px 0 10px; color: #494949; font-size: 14px; font-weight: 500; line-height: 130%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.community_wrap .rig .popular_comment .sub {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #808080; font-weight: 400;}

.subpage_tab {display: flex; margin-top: 42px; border-bottom: 2px solid #E3E3E3;}
.subpage_tab li a {position: relative; display: block; width: 84px; padding-bottom: 15px; color: #7B7B7B; font-size: 16px; line-height: 130%; text-align: center;}
.subpage_tab li.active a {color: inherit; font-weight: 600;}
.subpage_tab li.active a::after {content:''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 3px; background-color: #68A5FE;}

.board_list {display: flex; flex-wrap: wrap; margin-left: -12px; margin-top: -6px; margin-bottom: 200px;}
.board_list li {width: 283px; margin-left: 12px; margin-top: 40px;}
.board_list li .img {overflow: hidden; width: 283px; height: 192px; border-radius: 12px;}
.board_list li .img img {width: 283px; height: 192px; object-fit: cover;}
.board_list li .tag {margin: 16px 0 5px; color: #68A5FE; font-size: 16px; font-weight: 500; line-height: 130%; } 
.board_list li .tit {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 8px; font-size: 20px; font-weight: 600; line-height: 130%;}
.board_list li a span {color: #B3B3B3; font-size: 16px; font-weight: 500; line-height: 130%; }

.modal-dialog .content-area .head.border0 div:first-child {border: 0;}
.modal-dialog .choice_pop .content-area .head.border0 div:first-child {padding-left: 20px; font-size: 20px;}
.subject_choice {width: 375px; margin-bottom: 18px; margin-top: -6px; padding-left: 20px; text-align: left;}
.subject_choice li a {display: block; padding: 12px 0; font-size: 16px; line-height: 130%;}

.title_zone {display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; padding: 30px 0 19px; border-bottom: 1px solid #ccc;}
.title_zone h2 {display: inline-flex; align-items: center; font-size: 24px; font-weight: 700; cursor: pointer;}
.title_zone h2::after {content: ''; display: inline-block; width: 30px; height: 30px; margin-left: 4px;   background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat right center; background-size: 30px;transform: rotate(-90deg);}
.title_zone .rig .back + button {display: inline-block; height: 38px; padding: 0 20px; color: #999; font-weight: 500;}
.title_zone .rig .btn_line {width: 76px; margin-right: 4px; padding: 10px 0; border-radius: 6px;}
.title_zone .rig .back + .btn_blue {width: 76px; height: 38px; padding: 10px 0; color: #fff; vertical-align: top; border-radius: 6px;}

.container_write h3 {display: none; margin: 37px 0 20px; font-size: 20px; font-weight: 600; line-height: 130%;}
.write_input input[type="text"] {margin-top: 40px; margin-bottom: 32px; padding: 0 0 16px; font-size: 20px; border: 1px solid #E7E7E7; border-width: 0 0 1px;}
.write_input input[type="text"]::placeholder {color: #999; font-size: 20px;}
.choice_wrap {display: flex; align-items: flex-start; flex-wrap: wrap;}
.profile_one {width: 335px; height: 36px; padding-bottom: 14px; font-size: 16px; color: #999; font-size: 16px; line-height: 120%; border-bottom: 1px solid #E7E7E7;}
.profile_one strong {margin-right: 6px; color: #343434; font-weight: 500; }

.select_tag {flex: 1; margin: 5px 150px 0;}
.select_tag > button {position: relative; width: 335px; height: 36px; padding-bottom: 14px; font-size: 16px; line-height: 120%; text-align: left; border-bottom: 1px solid #E7E7E7; }
.select_tag > button::after {content:''; position: absolute; right: 0; top: 0; width: 24px; height: 24px; transform: rotate(-90deg); background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat right center; background-size: 24px;}
.select_tag ul {position: relative; display: flex; flex-wrap: wrap; margin-bottom: -20px}
.select_tag ul li {margin-right: 8px; margin-top: 12px; padding: 6px 8px 6px 12px; white-space: nowrap; font-size: 12px; font-weight: 500; line-height: 18px; letter-spacing: -0.6px; border-radius: 30px; border: 1px solid #68A5FE;}
.select_tag ul li button {width: 16px; height: 16px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/close_black.svg) no-repeat; background-size: 16px;}

.wiki_fileUpload {margin: 40px 0 24px;}
.wiki_fileUpload .tit {display: block; margin-bottom: 12px; font-size: 16px;}
.wiki_fileUpload label {display: inline-block; height: 36px; padding: 8px 14px; color: #686868; font-size: 14px; font-weight: 500; vertical-align: top; border: 1px solid #E7E7E7; border-radius: 4px;}
.wiki_fileUpload .del {display: inline-block; height: 36px; margin: 0 8px;  padding: 8px 14px; color: #686868; font-size: 14px; font-weight: 500; vertical-align: top; border: 1px solid #E7E7E7; border-radius: 4px;}
.wiki_fileUpload .border_box {display: inline-block; width: 1020px; height: 36px; padding: 8px 14px; font-size: 14px; line-height: 150%; border-radius: 4px; border: 1px solid #E7E7E7;}

.star_tit {margin: 40px 0 9px; font-size: 16px; font-weight: 500; line-height: 130%; }
.container_write .starpoint_box {width: 220px; height: 44px; background-image: url(https://img.lifet.co.kr/icon/star_point.svg); background-size: 220px;}
.container_write .starpoint_box .label_star {width: 44px; height: 44px;}
.container_write .starpoint_box .starpoint_bg { background-image: url(https://img.lifet.co.kr/icon/star_point.svg); background-size: 220px;}
.container_write .starpoint_box .star_radio:hover ~ .starpoint_bg, .starpoint_box .star_radio:checked ~ .starpoint_bg {background-position: 0 -44px;}

.tiny_editor {overflow: hidden; position: relative; min-height: calc(100svh - 473px); margin-bottom: 53px; border-radius: 12px; border: 1px solid #E7E7E7;}
.tiny_editor .tox-tinymce {min-height: calc(100svh - 630px); border: 0;}
.tiny_editor .tox:not(.tox-tinymce-inline) .tox-editor-header {z-index: 0; box-shadow: none; border-bottom: 1px solid #E7E7E7;}
.tiny_editor .tox:not(.tox-tinymce-inline) .tox-editor-header.fixed {z-index: 2;}
.tiny_editor .tox.tox-edit-focus .tox-edit-area::before {opacity: 0;}
.tiny_editor .pool_zone {position: relative; display: flex; align-items: center; width: 335px; margin: 0 0 50px 24px; padding: 21px 20px; border-radius: 8px; border: 1px solid #EDEDED;}
.tiny_editor .pool_zone .icon {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-right: 16px; border-radius: 50%; background-color: #68A5FE;}
.tiny_editor .pool_zone .icon img {width: 24px;}
.tiny_editor .pool_zone strong {font-size: 16px; font-weight: 500;}
.tiny_editor .pool_zone p {margin-top: 4px; color: #999; line-height: 130%;}
.tiny_editor .pool_zone > button {position: absolute; right: 8px; top: 8px; width: 20px; height: 20px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/dot.png) no-repeat center center; background-size: 20px;}
.tiny_editor .tox .tox-tbtn img {margin-top: 3px;}
.tiny_editor .tox-editor-header.fixed {position: fixed; width: 1170px; top: 94px; margin-left: -1px; border: 1px solid #E7E7E7;}
.app_top ~ .container_write .tiny_editor .tox-editor-header.fixed {top: 133px;}
.tox-edit-area__iframe p {margin: 0;}
.tox .tox-edit-area img {max-width: 100%;}

.temp_save {overflow-y: auto; width: 375px; height: 276px; padding-bottom: 20px;}
.temp_save li {display: flex; align-items: center; justify-content: space-between; padding: 0 20px;}
.temp_save li + li {margin-top: 20px;}
.temp_save .title {font-size: 16px; line-height: 130%; }
.temp_save .title p {margin-top: 4px; color: #999; font-size: 13px;}
.temp_save .title p span {margin-left: 8px;}
.temp_save li button {display: inline-block; width: 24px; height: 24px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/icon_delete.png) no-repeat center; background-size: 24px;}

.pool_zone ul {display: none; position: absolute; right: -1px; top: 40px; width: 133px; padding: 0 16px 16px; border-radius: 8px; border: 1px solid #EFEFEF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); background-color: #fff;}
.pool_zone ul li {margin-top: 16px;}
.pool_zone ul li button {font-size: 16px; line-height: 130%; white-space: nowrap;}
.pool_zone ul li.active button {color: #F9708B;}

.modal-dialog .poolmake_pop .content-area .head div:first-child {padding-left: 20px; border: 0;}
.pool_make {position: relative; width:375px; height: 350px; padding: 0 20px 0;}
.pool_make ul li {position: relative; display: flex; align-items: center; border-radius: 8px;  background-color: #F6F6F6;}
.pool_make ul li + li {margin-top: 6px;}
.pool_make ul li input[type="text"] {height: 42px; padding: 12px;  border: 0; border-radius: 8px; background-color: #F9F9F9;}
.pool_make ul li button {display: inline-block; width: 24px; height: 24px; margin-right: 12px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/btn_x.svg) no-repeat center; background-size: 22px; opacity: .5;}
.pool_make .add {width: 100%; height: 38px; margin-top: 6px; font-size: 14px; font-weight: 600; border-radius: 60px; background-color: #EAEAEA;}
.multi_select {position: relative; float: right; display: flex; justify-content: flex-end; width: 96px;  margin-top: 30px; text-align: right;}
.multi_select input {z-index: 1; position: absolute; right: 0; top: 0; width: 100%; height: 100%; opacity: 0;}
.multi_select label {position: relative; display: flex; align-items: center; flex-direction: row-reverse; white-space: nowrap; color: #666;}
.multi_select label::before {content: ''; display: inline-block; width: 35px; height: 20px; margin-left: 12px; border-radius: 10px; background-color: #CFCFCF;}
.multi_select label::after {content: ''; position: absolute; right: 16px; top: 2px; width: 16px; height: 16px; border-radius: 50%; background-color: #fff;}
.multi_select input[type="checkbox"]:checked + label::before {background-color: #68A5FE;}
.multi_select input[type="checkbox"]:checked + label::after {right: 2px;}
.multi_select + .btn_blue {position: absolute; bottom: 30px; display: block; width: calc(100% - 40px); height: 38px; margin-top: 142px; border-radius: 60px;}
.multi_select + button:disabled {opacity: .6; cursor: default;} 

.community_detail {max-width: 770px; margin: 0 auto;}
.non_member_banner {display: flex; align-items: center; justify-content: center; height: 40px; font-size: 14px; font-weight: 600; line-height: 140%; background-color: #D7E7FF;}
.non_member_banner .inner {position: relative; display: flex; align-items: center; justify-content: center; width: 1170px; margin: 0 auto; text-align: center;}
.non_member_banner .m {display: none;}
.non_member_banner strong {color: #1F39E4; font-weight: 600;}
.non_member_banner a {height: 28px; margin-left: 15px; padding: 6px 12px; color: #fff; font-size: 12px; font-weight: 600; line-height: 130%; border-radius: 25px; background-color: #404040;}
.non_member_banner button {overflow: hidden; display: inline-block; position: absolute; right: 0; width: 24px; height: 24px; text-indent: -9999px; opacity: .8; background: url(https://img.lifet.co.kr/icon/close_black.svg) no-repeat center; background-size: 24px;}
.community_detail .board_view {display: block; margin-top: 30px; padding: 0 0 70px; box-shadow: none;}
.community_detail .board_view .subject > p {margin: 4px 0 12px;}
.community_detail .subject .profile__wrap { position: relative; width: auto; height: auto; padding: 0; border: 0;}
.community_detail .subject .profile__wrap .profile_img {margin-right: 10px;}
.community_detail .subject .profile__wrap .profile_img {width: 40px; height: 40px; cursor: pointer;}
.community_detail .subject .profile__wrap .profile_img img {width: 40px; height: 40px;}
.community_detail .subject .profile__wrap .name__ {overflow: visible; position: relative; display: flex; align-items: center; width: auto; white-space: normal; font-size: 14px;}
.community_detail .subject .profile__wrap .name__ .admin {color: #388DFF}
.community_detail .subject .profile__wrap .name__ .bot {color: #fe6868}

.community_detail .profile__wrap .name__ >  button, .fact_check > button {display: inline-block; width: 18px; height: 18px; margin-left: 4px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/q_mark.svg) no-repeat center; background-size: 20px;}
.community_detail .profile__wrap .name__  .bollom {z-index: 1; position: absolute; top: 32px; right: 0; margin-right: -153px;}
.community_detail .profile__wrap .name__  .bollom dt, .fact_check dt {font-size: 14px; font-weight: 500;}
.community_detail .profile__wrap .name__  .bollom dd, .fact_check dd {margin-top: 4px; font-size: 13px; font-weight: 400; line-height: 16px;}
.community_detail .board_view .subject {padding-bottom: 30px;}
.community_detail .board_view .subject .date span {margin-left: 8px;}
.community_detail .ai_summation {margin-bottom: 30px; padding: 12px 16px; border-radius: 8px; background-color: #F4F4F8;}
.community_detail .ai_summation .title {display: inline-block; padding-right: 21px; color: #3a8aff; font-size: 15px; font-weight: 600; line-height: 140%; background: url(https://img.lifet.co.kr/icon/summation.png) no-repeat right center; background-size: 17px;}
.community_detail .ai_summation {margin-bottom: 30px; padding: 12px 16px; border-radius: 8px; background-color: #F4F4F8;}
.community_detail .ai_summation p {margin-top: 2px; line-height: 140%; word-break: keep-all ;}

.star_socre {width: 220px; margin: 9px 0 30px;}
.star_socre .star {width: 220px; height: 44px; background-image: url(https://img.lifet.co.kr/icon/star_point.svg); background-position: left 0; background-size: auto 88px;}
.star_socre .star span {display: inline-block; height: 44px; text-indent: -99999px; background-image: url(https://img.lifet.co.kr/icon/star_point.svg);  background-size: auto 88px; background-position: left -44px;}

.pool_view {position: relative; width: 391px; margin-bottom: 30px; padding: 20px 16px; border-radius: 12px; border: 1px solid #EDEDED;}
.pool_view > span {display: inline-block; margin-bottom: 12px; padding-right: 28px; font-size: 14px; font-weight: 600; line-height: 130%; background: url(https://img.lifet.co.kr/icon/voting.png) no-repeat right center; background-size: 24px;}
.pool_view .count {position: absolute; right: 17px; top: 23.5px; display: flex; color: #6C6C6C; font-size: 13px;}
.pool_view .count span {margin-right: 8px;}
.pool_view .pool li {position: relative;}
.pool_view .pool li + li {margin-top: 6px;}
.pool_view .pool li input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0;}
.pool_view .pool li label {display: block; padding: 10px 79px 11px 14px; font-size: 16px; font-weight: 500; line-height: 130%; border-radius: 8px; background-color: #F6F6F6;}
.pool_view .pool li label::before {content: ''; position: absolute; right: 16px; top: 50%; width: 18px; height: 18px; margin-top: -9px; border-radius: 50%; border: 1px solid #E7E7E7;}
.pool_view .pool li input:checked + label::before {background: url(https://img.lifet.co.kr/icon/circle_checked.svg) no-repeat; background-size: 18px;}
.pool_view .pool_result li {overflow: hidden; position: relative; border-radius: 8px; background-color: #F6F6F6;}
.pool_view .pool_result li + li {margin-top: 6px;}
.pool_view .pool_result li .bar {display: block; padding: 10px 79px 11px 14px; color: #999; font-size: 16px; font-weight: 500; line-height: 130%;  border-radius: 8px;  }
.pool_view .pool_result li .bar span {position: absolute;  top: 0; left: 0; display: flex;  align-items: center; height: 100%; font-weight: 500; min-height: 41px;  padding: 10px 0 11px 0;  background-color: #DBDBDB;}
.pool_view .pool_result li strong {position: relative; left: 0; font-weight: 500;}
.pool_view .pool_result li .value {position: absolute; right: 14px; top: 50%; margin-top: -10px; color: #999; font-size: 16px; font-weight: 500; line-height: 130%;}
.pool_view .pool_result li.first .bar span {background-color: #BDD8FF;}
.pool_view .pool_result li.first .bar strong {color: #266BE9;}
.pool_view .pool_result li.first .value {color: #266BE9;}
.pool_view > button {width: 100%; margin-top: 12px; padding: 13px 0; color: #FFF; font-size: 16px; font-weight: 600; line-height: 130%;  border-radius: 8px; background-color: #68A5FE;}
.pool_view > button.re_vote {display: flex; justify-content: center; color: #343434; background-color: #F6F6F6;}
.pool_view > button.re_vote::after {content:''; display: inline-block; width: 20px; height: 20px; background: url(https://img.lifet.co.kr/icon/reload_black.png) no-repeat center; background-size: 20px;}
.community_detail .board_edit {border: 0; white-space: pre-line; overflow: hidden;}
.community_detail .board_edit img {max-width: 100%; height: auto;}
.community_detail .board_content .tag {margin: 40px 0;}
.community_detail .board_content .tag span {margin-right: 8px; margin-left: 0; margin-bottom: 4px; background-color: #F4F4F8;}
.community_detail .profile {margin: 4px 0; color: #808080; font-size: 13px;}
.community_detail .profile span {margin-left: 9px;}
.community_detail .comment_tit {font-size: 18px; font-weight: 600; line-height: 140%; }
.community_detail .vet_comment .comment_area {padding-left: 50px;}
.community_detail .vet_comment .comment_area .name {left: 50px;}
.community_detail .vet_comment .comment_area .name.admin {color: #388DFF}
.community_detail .vet_comment .comment_area .name.bot {color: #fe6868}
.community_detail .vet_comment .comment_area .target_account {display: inline-block; margin-right: 4px; color: #68A5FE; font-weight: 600;}
.community_detail .vet_comment .comment_area .target_account + br {display: none;}
.community_detail .vet_comment .comment_area > img {width: 40px; height: 40px; margin-right: 10px;}
.community_detail .vet_comment .comment_area .comment_area {padding-left: 40px;}
.community_detail .vet_comment .comment_area .comment_area > img {width: 30px; height: 30px;}
.community_detail .vet_comment .comment_area .comment_area .name {left: 40px;}
.community_detail .vet_comment .comment_area .comment_area.my_comment {padding: 36px 0 12px 40px; background-color: #F2F7FF;}
.community_detail .vet_comment .comment_area .comment_area.my_comment > img, .community_detail .vet_comment .comment_area .comment_area.my_comment .name, .community_detail .vet_comment .comment_area .comment_area.my_comment .tool__police  {top: 12px;}
.community_detail .board_content {margin-bottom: 50px; padding-bottom: 30px; border-bottom: 1px solid #EFEFEF;}
.community_detail .board_content .like_bookmark {width: 500px;}
.comment_del {margin-top: -36px; margin-left: -50px; padding: 12px 20px; font-size: 14px; border-radius: 4px; background-color: #F6F6F6;}
.comment_write + .comment_area .comment_del {margin-top: -12px;}

.fact_check {position: relative; display: flex; flex-direction: row-reverse; margin-top: -21px;}
.fact_check a {margin-left: 4px; padding-right: 24px; font-size: 16px; font-weight: 600; background: url(https://img.lifet.co.kr/icon/fact_check.png) no-repeat right center; background-size: 20px;}
.fact_check .bollom {z-index: 1; position: absolute; right: 0; top: 28px;}
.fact_check .bollom:before {left: 105px;}
.fact_check .bollom::after {left: 105px;}

.claim_pop .selectBox__.type02 .select__ {height: 48px; padding: 0 16px; font-size: 16px; font-weight: 500;}
.claim_pop .contentWrap .btn_blue {position: absolute; bottom: 30px; width: 489px; height: 52px; font-size: 18px; border-radius: 60px;}
.claim_pop .contentWrap .btn_blue:disabled {opacity: 0.6; cursor: default;}

.community_detail .related > .tit {display: block; margin: 50px 0 20px; font-size: 18px; font-weight: 600; line-height: 140%;}
.community_detail .related ul li a {display: flex; align-items: center; justify-content: space-between;}
.community_detail .related .inner {display: flex; font-size: 16px; font-weight: 500; line-height: 130%;}
.community_detail .related .inner span {margin-right: 4px;}
.community_detail .related .inner span::before {content: '[';}
.community_detail .related .inner span::after {content: ']';}
.community_detail .related .inner .tit {display: block; max-width: 300px;}
.community_detail .related .like, .community_detail .related .inner + img {display: none;}
.community_detail .related .date {color: #6C6C6C; font-size: 13px;}
.community_detail .related .date span:nth-child(1) {display: inline-block; width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; vertical-align: top;}
.community_detail .related .date span:nth-child(2) {display: inline-block; width: 90px; text-align: center;}
.community_detail .related .date span:nth-child(3) {display: inline-block; width: 90px; text-align: center;}
.community_detail .related .date span:nth-child(4) {display: inline-block; width: 81px; text-align: right;}
.community_detail .related ul li + li {margin-top: 16px;}

.community-details ~ footer {display: none;}
.comment_none {margin: 70px 0; color: #808080; font-weight: 500; text-align: center;}

.modal-dialog .fact_pop .content-area {width: 550px;height: 589px; text-align: left;}
.modal-dialog .fact_pop .content-area .text_area {width: 100%; height: 200px; padding-bottom: 0;}
.modal-dialog .fact_pop .content-area .text_area textarea {height: 100%; border: 0;}
.modal-dialog .fact_pop .btn_blue {position: absolute; width: calc(100% - 60px); bottom: 30px; height: 52px;  margin-top: 30px; font-size: 18px; border-radius: 60px;}
.sub_txt {margin: 12px 0 11px; font-weight: 600; line-height: 130%; }
.modal-dialog .fact_pop p {color: #808080; white-space: nowrap; font-size: 13px; line-height: 130%;}
.modal-dialog .fact_pop p + p {margin-top: 8px;}
.modal-dialog .claim_pop .content-area {width: 550px; height: 555px; text-align: left;}
.modal-dialog .claim_pop .content-area .contentWrap {height: 428px;}

.board_deleted {display: flex; flex-flow: column; align-items: center; justify-content: center; min-height: calc(100vh - 244px);}
.board_deleted img {width: 60px;}
.board_deleted p {margin: 20px 0; font-size: 18px; font-weight: 600; line-height: 140%;}
.board_deleted a {height: 44px; padding: 10px 18px; font-size: 16px; font-weight: 600; line-height: 24px;}

.community_wrap.user {align-items: flex-start; margin-top: 60px;}
.user_profile {position: relative; width: 270px; margin-right: 30px; padding: 30px 21px 30px; text-align: center; border-radius: 13px; border: 1px solid #D9D9D9;}
.user_profile > img {width: 90px; height: 90px; border-radius: 50%; object-fit: cover;}
.user_profile .name {display: flex; align-items: center; justify-content: center; margin: 16px 0 4px;}
.user_profile .name strong {font-size: 20px; font-weight: 600;}
.user_profile .name strong.admin {color: #388DFF;}
.user_profile .name strong.bot {color: #fe6868;}
.user_profile button {font-size: 14px; font-weight: 500; line-height: 130%; text-decoration: underline;}
.user_profile p {margin-top: 12px; font-weight: 500; line-height: 130%;}
.user_profile p span {margin-left: 12px;}
.user_profile .topci_tit {margin-top: 20px; font-size: 16px; font-weight: 600; line-height: 130%; text-align: left;}
.user_profile > ul {display: flex; flex-wrap: wrap; margin-left: -6px;}
.user_profile > ul li {margin: 7px 0 0 6px; padding: 6px 10px; font-size: 12px; font-weight: 500; line-height: 18px; letter-spacing: -0.8px; border-radius: 30px; border: 1px solid #ccc;}
.user_profile > ul li.none {width: 100%; margin: 0; padding: 27px 0 70px; color: #9A9A9A; font-size: 14px; font-weight: 500; line-height: 130%; text-align: center; border: 0;}
.user_profile .pet_none {color: #9A9A9A; font-weight: 500; line-height: 130%;}
.user_profile .tool__police {position: absolute; top: 14px; right: 14px;}

.myboard_rig {width: 870px;}
.community-container .myboard_rig .exposure_tag .wrap {width: auto;}
.myboard_rig .consult__tab2 {margin-bottom: 20px;}
.myboard_rig .consult__tab2 ul {margin-top: 7px;}
.myboard_rig .consult__tab2 ul li {width: 167px;}
.myboard_rig .consult__tab2 ul li a {height: 38px; font-size: 16px;}
.myboard_rig .consult__tab2 a.active::after {height: 3px;}
.myboard_rig > p {margin-bottom: -22px; color: #808080; font-size: 16px; font-weight: 500; line-height: 130%; }

.voting {display: flex; align-items: center; width: 396px; margin-top: 12px; padding:5px 0 7px 14px; border-radius: 8px; background-color: #F6F6F6;}
.channel-cointainer .voting {margin-top: 5px; padding: 0; background-color: transparent;}
.voting span {display: flex; align-items: center; color: #68A5FE; font-size: 16px; font-weight: 600; line-height: 130%; }
.voting img {width: 24px; margin-right: 4px;}
.voting strong {margin-left: 20px; font-weight: 500; line-height: 130%;}

.comment_pop, .sub_comment.write {display: none;}
.sub_comment.write.show {display: block;}
.comment_more {margin: 20px 0;}
.sub_comment + .comment_more {margin-left: 40px;}
.comment_more button {position: relative; color: #68A5FE; font-size: 14px; font-weight: 500; line-height: 130%;}
.comment_more button::after {content: ''; display: inline-block; position: absolute; top: -2px; right: -22px; width: 20px; height: 20px; background: url(https://img.lifet.co.kr/icon/arrow_blue.svg) no-repeat center; background-size: 15px; transform: rotate(90deg);}

/*select*/
.react-select-container__control {width: 335px; min-height: 36px !important; padding-top: 1px;  border-width: 0 0 1px !important; border-bottom-color: #E7E7E7 !important;}
.react-select-container__control .react-select-container__value-container {margin-left: 0 !important; padding: 0 !important;}
.react-select-container__indicators {width: 24px;}
.react-select-container__indicator {width: 24px; background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat right center; background-size: 24px;}
.react-select-container__indicator svg {display: none !important;}
.react-select-container__indicator-separator {width: 0 !important;}
.css-1jqq78o-placeholder, .react-select-container__single-value {margin-left: 0 !important; color: #343434 !important; font-size: 16px; line-height: 120%; }
.react-select-container__input-container {margin: 0 !important; padding: 0 !important;}
.react-select-container__menu {z-index: 100; position: relative;}
.react-select-container__input {height: auto !important}
.react-select-container__input:checked {outline: 0;}
.react-select-container__menu {display: block !important; color: #999; font-size: 16px; line-height: 120%;}
.react-select-container__menu > div > div {padding: 12px; cursor: pointer;}
.react-select-container__menu div strong {margin-right: 10px; color: #343434; font-weight: 500;}
.react-select-container__menu .active {background-color: #DBE9FF;}
.react-select-container__single-value > div {color: #999; font-size: 16px; line-height: 120%;}
.react-select-container__single-value > div strong {margin-right: 6px; color: #343434; font-weight: 500;}

.react-arrow__indicators {width: 30px;}
.react-arrow__indicator {width: 24px; background: url('https://img.lifet.co.kr/icon/select_down_g.svg') no-repeat right center; background-size: 24px;}
.react-arrow__indicator svg {display: none !important;}
.react-arrow__indicator-separator {width: 0 !important;}
.react-arrow__value-container {margin: 0 !important; padding: 0 0 0 18px !important;}
.react-arrow__input-container {margin: 0 !important; padding: 0 !important;}
.react-arrow__control {border: 1px solid #E7E7E7 !important;}
.react-arrow__input-container::after {min-width: 18px !important;}

.select__control {z-index: 1; position: relative;}
.select__indicators {width: 30px;}
.select__indicator {width: 24px; background: url('https://img.lifet.co.kr/icon/select_down_g.svg') no-repeat right center; background-size: 24px;}
.select__indicator svg {display: none !important;}
.select__indicator-separator {width: 0 !important;}
.select__value-container {height: 48px !important; margin: 0 !important; padding: 0 0 0 16px !important; font-size: 16px;}
.select__input-container {margin: 0 !important; padding: 0 !important;}
.select__menu { z-index: 10002; position: relative; margin-top: -10px !important; padding-top: 4px; box-shadow: none !important; border: 1px solid #D2D2D2;}
.select__menu > div::-webkit-scrollbar {width: 10px; background-color: transparent;}
.select__menu > div::-webkit-scrollbar-thumb {background-color: #EBEBEB; border: 3px solid #fff; border-radius: 15px; cursor: pointer;}
.select__menu > div > div {padding: 14px 20px !important; font-size: 16px !important; cursor: pointer;}
.select__control {z-index: 1000; position: relative; cursor: pointer !important; border: 1px solid #D2D2D2 !important;}
.select__input-container::after {min-width: 16px !important;}
.select__placeholder {font-weight: 500;}
.modal-dialog input[type="text"] {height: auto;}

.thumbnail_preview {display: none;}

.slick-thumb {display: flex !important; justify-items: center;}
.slick-thumb li {overflow: hidden; width: 70px; height: 70px; border-radius: 6px; border: 2px solid #F4F4F4;}
.slick-thumb li + li {margin-left: 6px;}
.slick-thumb li img {max-width: 100%;}
.slick-thumb li.slick-active {border-color: #68A5FE;}

.main-wrapper {/* height: calc(var(--vh, 1vh) * 100);  -webkit-overflow-scrolling: touch; overflow: auto;*/}
.scroll-wrapper {height: calc(100% - 144px); margin-top: 144px; overflow-y: scroll;}
.app_top ~ .scroll-wrapper {height: calc(100% - 184px); margin-top: 184px;}
.scroll-wrapper #container {padding: 0;}
.scroll-wrapper-not-margin { height: 100%; overflow: auto;}    

.tinyEditor_new_div {margin-bottom: 30px;}
.tinyEditor_new_div .tox .tox-edit-area {padding-bottom: 160px;}
.tinyEditor_new_div .tox-tinymce {min-height: 500px; border: 1px solid #E7E7E7;}
.tinyEditor_new_div .tox .tox-editor-container {flex-direction: column-reverse;}
.tinyEditor_new_div .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {z-index: 0; overflow: hidden; border-top: 0; border-bottom: 1px solid #E7E7E7; border-radius: 10px;}
.tox-editor-header.fixed {position: fixed; top: 94px; width: 1168px;}
.app_top ~ .container_write .tox-editor-header.fixed {top: 134px;}

.postnew_container .tinyEditor_new_div .pool_zone { position: relative; display: flex; align-items: center; width: 335px; margin-top: -136px; margin-bottom: 100px; margin-left: 24px; padding: 12px 20px 12px 20px; border-radius: 8px; border: 1px solid #EDEDED; background-color: white; }
.postnew_container .tinyEditor_new_div .pool_zone .icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-right: 16px; border-radius: 50%; background-color: #68A5FE; }
.postnew_container .tinyEditor_new_div .pool_zone .icon img { width: 24px; }
.postnew_container .tinyEditor_new_div .pool_zone strong { font-size: 16px; font-weight: 500; }
.postnew_container .tinyEditor_new_div .pool_zone p { margin-top: 4px; color: #999; line-height: 130%; }
.postnew_container .tinyEditor_new_div .pool_zone > button { position: absolute; right: 8px; top: 8px; width: 20px; height: 20px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/dot.png) no-repeat center center; background-size: 20px; }
.postnew_container .tinyEditor_new_div .pool_zone ul { right: 10px; top: 0; }




@media (max-width: 767px) {
    .main-wrapper { height: 100dvh; display:flex; flex-direction: column; justify-content:flex-start}
    .main-wrapper .ptr {margin-top: 96px;  height: calc(100% - 156px);}
    #scrolling-tab.up ~ .ptr {margin-top: 48px; height: calc(100% - 108px);}
    .app_top ~ .ptr {margin-top: 135px; height: calc(100% - 194px);}
    .main-wrapper .ptr__children {overflow-y: scroll !important; -webkit-overflow-scrolling :initial}
    .tinyEditor_new_div {margin-bottom: 0;}
    .tinyEditor_new_div .tox-tinymce {min-height: auto; border:0; border-radius: 0;}
    .tinyEditor_new_div .tox .tox-editor-container {flex-direction: column;}
    .tinyEditor_new_div .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {border-top: 1px solid #e3e3e3; border-bottom:0; border-radius: 0;}
    .tox-editor-header.fixed {position: static;}
    .tox-editor-header .tox-toolbar { touch-action: none;}

    #root .modal-dialog.dim_hide {position: fixed;}
    #root .modal-dialog.dim_hide + .modal-dialog .dim {display: none;}
    .modal-dialog .choice_pop .content-area .head div:first-child {padding-left: 0;}
    .modal-dialog .m_center .content-area .head div:first-child {padding-left: 20px;}
    .modal-dialog .modal-content.m_center {align-items: center; background-color: transparent;}
    .modal-dialog .m_center .content-area {width: auto; padding-top: 60px;}
    .modal-dialog .m_center .content-area .head {position: absolute;}
    .modal-dialog .poolmake_pop .content-area .mobileCloser {right: auto; left: 10px; top: 5px; background-size: 22px;}
    .modal-dialog .claim_pop .contentWrap {min-height: calc(100svh - 61px);}

    .select__menu > div {max-height: none !important; }
    .channel-cointainer h2 {margin-bottom: 12px; font-size: 18px;}
    .channel-cointainer section:first-child h2 {margin-top: 20px;}
    
    .channel-cointainer section:first-child h2 {justify-content: space-between;}
    .channel-cointainer h2 button {height: 28px; padding: 4px 9px 4px 28px; font-size: 14px;}
    .channel-cointainer .exposure_tag .wrap {width: 100%; height:63px;}
    #container.channel-cointainer .landing_more {right: 0;}
    .landing_channel.topic .scroll {overflow-x: auto; margin-right: -20px;}
    .landing_channel.topic ul {padding-left: 13px;}
    .landing_channel.topic ul li, .landing_channel.topic ul li + li {margin-left: -13px;}
    .landing_channel.topic ul li a, .landing_channel.topic ul li img {width: 105px; height: 133px; border-radius: 8px;}
    .landing_channel.topic ul li div {left: 0; bottom: 12px; width: 100%; padding: 0 7px; font-size: 14px;}
    .landing_channel.topic ul li div span {display: block; height: auto; font-size: 12px; margin: 0; padding: 0; border: 0;}
    .landing_channel.topic ul li div span:first-child {font-size: 15px;}
    .landing_channel.topic ul li a::before {height: 89px;}
    .landing_popular {margin: 30px 0 0;}
    
    .topic_slick {margin-bottom: 30px;}
    .topic_slick .slick-slide {width: 88vw; padding-right: 30px;}
    .topic_slick .slick-slide + .slick-slide {margin-left: 0;}
    .topic_slick a {width: 88vw;}
    .topic_slick .text strong {font-size: 15px; line-height: 130%;}
    .topic_slick .text span {font-size: 13px; font-weight: 400;}
    button.subscribe {width: 62px; bottom: 11px; right: 30px; height: 28px; padding: 6px 0 6px 26.5px; font-size: 12px; background-position-x: 10px;}
    button.subscribing {width: 62px; bottom: 11px; right: 30px; height: 28px; padding: 6px 0 6px 22px; font-size: 12px; background-position-x: 6px;}
    
    
    .channel-cointainer .exposure_tag h2 {margin: 30px 0 0;}
    .exposure_tag {margin-top: 35px;}
    .channel-cointainer .exposure_tag > ul {margin-bottom: 0;}
    .exposure_tag ul {flex-flow: column; margin-top: 0; margin-bottom: 40px;}
    .exposure_tag ul li a {width: 100%; padding: 12px 0 16px;}
    .exposure_tag ul li:nth-child(even) {margin-left: 0 !important;}
    .exposure_tag > ul li a p {font-size: 14px; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
    .exposure_tag ul li a > span {font-size: 12px;}
    .exposure_tag ul li a .tit {margin: 4px 0; padding-right: 50px; font-size: 16px;}
    .exposure_tag ul li a > .img img, .community-container .exposure_tag .wrap > img, .channel-cointainer .exposure_tag .wrap > img {width: 63px; height: 63px; top: 0; bottom: auto; margin-left: 10px; border-radius: 4px;}
    .subscribe_pop .content-area {max-width: 310px; padding: 30px 21px 18px;}
    .modal-dialog .subscribe_pop {align-items: center; background-color: transparent;}

    .topic_detail {z-index: 10003; margin: 0; padding: 0 20px; background-color: #fff;}
    .topic_detail .mobile__head {z-index: 10002; position: fixed; left: 0; top:0; width: 100%; height: 48px; border-bottom: 1px solid #D8D8D8; background-color: #fff;}
    .topic_detail .mobile__head.top {border-bottom: 1px solid #D8D8D8;  background-color: #fff;}
    .topic_detail .img {height: 140px; margin: 0 -20px;}
    .topic_detail .img img {height: 140px;}
    .topic_detail .back {position: absolute; top: 0; left: 0; width: 50px; height: 50px; background: url(https://img.lifet.co.kr/icon/back_btn.png) no-repeat center; background-size: 22px;}
    .topic_detail .share {top: 12px; right: 0;}
    .topic_detail + .exposure_tag {z-index: 8100; position: relative; margin: 0; padding: 20px 20px 0; background-color: #fff;}
    .topic_detail .mobile__head {z-index: 10002; position:fixed; left: 0; top:0; width:100%; height: 48px; border-bottom:1px solid #D8D8D8; background-color: #fff}
    .detail_parts {margin-bottom: 0; margin-top: 0; padding: 0 0 17px;}
    .detail_parts .icon {margin-top: -30px; width: 50px; height: 50px;}
    .detail_parts .icon img {width: 40px;}
    .detail_parts > span {margin-top: 5px;}
    .detail_parts > span, .detail_parts .number {font-size: 12px;}
    .detail_parts strong {font-size: 18px;}
    .topic_detail > .subscribe {bottom: 33px; right: 20px; width: 73px; padding-left: 32px; font-size: 14px; background-position-x: 14px;}
    .topic_detail > .subscribing {bottom: 33px; right: 20px; width: 73px; padding-left: 26px; font-size: 14px; background-position-x: 8px;}
    .exposure_tag .sort button {font-size: 14px;}
    .subscribe_pop button {height: 48px; font-size: 16px;}

    #container.community-container {padding: 0 20px;}
    .channel-cointainer {overflow-y: auto; overflow-x: hidden; padding-bottom: 50px;}
    .up ~ .ptr .channel-cointainer {padding-bottom: 98px;}
    .community-container h2 {display: none;}
    .community-container .channel-cointainer h2 {display: block;}
    .community_wrap {margin-top: 24px;}
    .community_wrap .left {width: 100%; padding: 0; border: 0;}
    .write_btn {z-index: 10005; position: fixed; right: 20px; top: auto; width: 99px; bottom: 94px; height: 48px; margin-right: 0;  transition: .2s all linear;}
    .write_btn.slim {width: 48px; padding-right: 0;  text-indent: -9999px; background-position: center;}
    .write_btn {padding: 12px 14px 13px 38px;  font-size: 18px;}
    .consult__wrapper .consult__tool button {margin-right: 4px;}
    .community-container .consult__wrapper .consult__tool .tool__filter .text, .community-container .consult__wrapper .consult__tool button {font-size: 14px;}
    .community-container .exposure_tag {margin-top: 0;}
    .community-container .exposure_tag .wrap {display: flex; flex-wrap: wrap; width: 100%; height: 63px;}
    .community-container .exposure_tag > ul li a, .channel-cointainer .landing_channel ~ .exposure_tag > ul li a {width: 100%; padding: 20px 0 16px;}
    .community-container .exposure_tag .inner {overflow: hidden; flex: 1;}
    .community-container .exposure_tag .inner, .community-container .exposure_tag .inner > span, .community-container .exposure_tag .inner .tag span {font-size: 12px; flex:1;}
    .community-container .exposure_tag .inner .tag span {margin: 0 8px 0 0;}
    .exposure_tag .inner > span {font-size: 13px;}
    .community-container .exposure_tag > ul li .tit, .channel-cointainer .exposure_tag > ul li .tit {width: auto; padding-right: 0; font-size: 16px; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
    .community-container .exposure_tag ul, .channel-cointainer .landing_channel ~ .exposure_tag > ul {width: calc(100vw - 40px); margin: 0;}
    .community-container .pool_result li, .community-container .pool li, .community-container .pool li label {width: 100%;}
    .community-container .pool_result {margin-bottom: 0;}
    .exposure_tag .wrap + .voting {margin-top: -15px;}
    .community_wrap .rig {display: none;}
    .community_detail .profile__wrap .name__ .bollom {right: 50px;}

    .subpage_tab {overflow-x: auto; height: 38px; margin-top: 26px; margin-right: -20px; padding-right: 20px; border: 0;}
    .subpage_tab::-webkit-scrollbar {display: none;}
    .subpage_tab li {position: relative; border-bottom: 2px solid #E3E3E3;}
    .subpage_tab li a {padding-bottom: 14px; white-space: nowrap;}
    .subpage_tab li.active a::after {bottom: -3px;}
    .board_list {flex-flow: column; margin: 10px 0 40px;}
    .up ~ .ptr .board_list {margin-bottom: 88px;}
    .board_list li {width: auto; height: 94px; margin: 20px 0 0 ;}
    .board_list li .img {position: absolute; right: 0; width: 126px; height: 94px; border-radius: 8px;}
    .board_list li .tag {margin: 0 0 4px; font-size: 14px;}
    .board_list li .tit {margin-bottom: 4px; padding-right: 134px; font-size: 16px;}
    .board_list li .img img {width: 126px; height: 94px;}
    .board_list li a span {font-size: 14px;}

    .modal-dialog .choice_pop .content-area .head.border0 div:first-child {padding-left: 0;}
    .subject_choice {margin-top: -12px; width: 100%;}

    .container_write {height: 100vh; height: calc(var(--vh, 1vh) * 100);}
    .title_zone {z-index: 10003; position: fixed; top: 0; left: 0; width: 100%; height: 48px; margin-bottom: 0; justify-content: flex-end; padding: 0 20px 0 0; background-color: #fff;}
    .title_zone h2 {display: none;}
    .title_zone .rig .back {display: inline-block; position: absolute; left: 0; top: 0; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; background-size: 22px; background-image: url(https://img.lifet.co.kr/icon/back_btn.png); z-index: 1;}
    .title_zone .rig button:first-of-type {height: 34px; padding: 0 15px; font-size: 14px;}
    .title_zone .rig .btn_line, .title_zone .rig .btn_blue {height: 34px; padding: 0;}
    .title_zone .rig .back + .btn_blue {width: 68px; height: 34px; padding: 8px 0;}
    .title_zone .rig .btn_blue {width: 68px; font-size: 14px;}
    .title_zone .rig .btn_line {width: auto; margin-right: 15px;  font-size: 14px; border: 0;}
    .container_write h3 {display: block; margin: 20px; font-size: 18px;}
    .container_write .title_zone +  h3 {margin-bottom: 3px; cursor: pointer;}
    .container_write .title_zone +  h3::after {content: ''; display: inline-block; position: absolute; right: 20px; width: 24px; height: 24px;  background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat right center; background-size: 24px;transform: rotate(-90deg);}
    .temp_save {width: 315px;}
    .choice_wrap {flex-flow: column; margin-bottom: 22px; padding: 0 20px;}
    .choice_wrap > div {width: 100%; margin-bottom: 0;}
    .choice_wrap > div:first-child { margin-top: 14px;}
    .choice_wrap > div:last-child { margin-top: 12px;}
    .select_tag {order: 3; margin: 14px 0 0;}
    .profile_one, .select_tag > button {width: 100%; height: auto; padding-bottom: 12px;}
    .select_tag ul {overflow-x: auto; margin: 0 -20px; padding-left: 20px; -ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
    .select_tag ul::-webkit-scrollbar {display: none;}
    .select_tag ul li {margin-top: 12px;}
    .star_tit {margin: 30px 0 9px 20px;}
    .board_content .star_tit {margin-left: 0;}
    .container_write .point_wrap {margin: 0 0 30px 20px;}
    .write_input {padding: 0 20px;}
    .write_input input[type="text"] {height: auto; padding-top: 8px ;margin: 0; font-size: 16px; border-radius: 0;}
    .write_input input[type="text"]::placeholder {font-size: 16px;}
    .tiny_editor {min-height: auto; margin-bottom: 0; padding: 0 ; border: 0; border-radius: 0;}
    .tiny_editor .tox-tinymce {min-height: auto;}
    .tiny_editor .pool_zone {width: auto; margin-right: 10px; margin-left: 10px; margin-bottom: 100px;}
    .tiny_editor .tox .tox-editor-header, .tiny_editor .tox .tox-editor-header.fixed {position: static; border-top: 0;}
    .tiny_editor .tox:not(.tox-tinymce-inline) .tox-editor-header {z-index: 1;}

    .modal-dialog .modal-content.poolmake_pop {overflow: hidden; min-height: 100vh;}
    .modal-dialog .poolmake_pop .content-area .head {height: 48px;}
    .modal-dialog .poolmake_pop .content-area .head div:first-child  {height: 48px; padding-top: 12px; padding-left: 0; text-align: center;}
    .modal-dialog .poolmake_pop .content-area .closer {right: auto; left: 0; top: 5px; background-size: 22px;}
    .pool_make {width: 100%; height: calc(100vh - 48px); padding-top: 25px;}
    .multi_select + .btn_blue {z-index: 10003; position: fixed; right: 20px; top: 7px; width: 68px; height: 34px; margin-top: 0; padding: 0; font-size: 14px; border-radius: 6px;}
    .pool_make .add {margin-top: 13px;}

    .modal-dialog .fact_pop .content-area {width: 100%; height: auto; padding-top: 16px;}
    .modal-dialog .fact_pop .content-area .head {height: auto;}
    .modal-dialog .fact_pop .content-area .contentWrap {padding-top: 20px;}
    .modal-dialog .fact_pop .content-area .text_area {height: 154px;}
    .modal-dialog .fact_pop p {margin-left: 24px; white-space: normal; text-indent: -24px;}
    .modal-dialog .fact_pop .btn_blue {position: static; width: 100%; height: 48px; margin-top: 20px; margin-bottom: 30px; font-size: 16px;}

    .modal-dialog .claim_pop .content-area {width: 100%; height: 100svh; max-width: none; padding: 60px 0 0;}
    .claim_pop .selectBox__.type02 .select__ {height: 43px; padding: 0 20px;}
    .claim_pop .contentWrap .btn_blue {width: calc(100% - 40px); height: 48px; font-size: 16px;}

    .community_detail {padding: 0 20px 0;}
    .non_member_banner { z-index: 10; position: absolute; top: 48px; left: 0; width: 100%;}
    .non_member_banner .inner {width: 100%;}
    .non_member_banner .m {display: block; margin-left: 46px;}
    .non_member_banner .web {display: none;}
    .non_member_banner button {right: auto; left: 19px;}
    .community_detail .vet_comment {overflow-y: visible; position: static; height: auto; padding-top: 0; padding-bottom: 0;}
    .community_detail .board_view {margin-top: 0; padding: 20px 0 20px;}
    .community_detail .board_view .subject {margin-bottom: 30px; padding-bottom: 20px;}

    .pool_view {width: 100%;}
    .community_detail .open_graph, .chat-container .open_graph {width: 268px;  margin-top: 12px; padding: 10px;}
    .community_detail .open_graph > span, .chat-container .open_graph > span {width: 90px; height: 90px;}
    .community_detail .open_graph strong span:nth-child(2), .chat-container .open_graph strong span:nth-child(2) {font-size: 14px;}
    .community_detail .board_content .tag {margin: 40px 0 20px; padding-bottom: 16px; border-bottom: 1px solid #EFEFEF;}
    .community_detail .board_content {margin: 0 -20px; padding: 0 20px 20px; border-bottom-width: 12px;}
    .community_detail .board_content .like_bookmark {width: 60%;}
    .comment_del {margin-top: -12px;}
    .community_detail .comment_tit {margin-top: 20px;}
    .community_detail .board_edit img {float: none !important;}
    .comment_none {margin: 60px 0 80px;}
    .community_detail .vet_comment .board_answer {padding-right: 0; padding-left: 46px;}
    .community_detail .vet_comment .comment_area > img {width: 36px; height: 36px;}
    .community_detail .vet_comment .comment_pop .comment_area > img {left: 20px;}
    .community_detail .vet_comment .comment_pop .comment_area.sub_comment > img {left: 40px;}
    .community_detail .vet_comment .comment_pop .comment_area {margin-right: 20px; padding-left: 66px; }
    .community_detail .vet_comment .comment_pop .comment_write + .comment_area {padding-bottom: 75px;}
    .community_detail .vet_comment .comment_pop .comment_area .name {left: 66px;}
    .community_detail .vet_comment .comment_pop .comment_area.sub_comment .name {left: 80px;}
    .community_detail .vet_comment .comment_pop .comment_area.sub_comment {margin-right: 0; margin-top: 12px; margin-left: -66px; padding-left: 80px;}
    .community_detail .vet_comment .comment_pop .tool__police + .comment_area.sub_comment {position: relative; margin-top: 40px; padding-right: 20px;}
    .community_detail .vet_comment .comment_pop .tool__police ~ .comment_area.sub_comment {padding-right: 20px;}
    .community_detail .vet_comment .comment_pop .tool__police + .comment_area.sub_comment::before {content: ''; width: calc(100% - 20px); position: absolute; top: -20px; left: 20px; height: 1px; background-color: #EFEFEF;}
    .community_detail .vet_comment .comment_area .comment_area.my_comment {margin-right: -20px; padding-top: 12px;}
    .community_detail .vet_comment .comment_area .comment_area.my_comment .tool__police {right: 20px;}
    .community_detail .vet_comment .board_answer .tool__police {right: 0;}
    .community_detail .vet_comment .comment_area {margin-left: 0; margin-right: 0; padding-right: 0; padding-top: 0; margin-top: 20px;}
    .community_detail .vet_comment .comment_write + .comment_area .comment_del {margin-top: 0;}
    .community_detail .vet_comment .comment_pop .comment_write + .comment_area .comment_del {margin-top: -12px; margin-bottom: -4px;}
    .community_detail .related {margin: 40px -20px 0; padding: 20px 20px 0; border-top: 12px solid #EFEFEF;}
    .community_detail .related > .tit {position: static; height: auto; margin-top: 0; margin-bottom: 12px;}
    .community_detail .related .inner span::before, .community_detail .related .inner span::after {display: none;}
    .community_detail .related ul li + li {margin-top: 13px;}
    .community_detail .related ul li a {flex-flow: column; align-items: flex-start;  padding-bottom: 16px; border-bottom: 1px solid #E9E9E9;}
    .community_detail .related .wrap {display: flex; justify-content: space-between; width: 100%;}
    .community_detail .related .inner .tit {position: static;  max-width: none; height: auto; font-size: 16px;}
    .community_detail .related .inner + img {overflow: hidden; display: block; width: 48px; height: 48px; border-radius: 4px;}
    .community_detail .related .inner {flex-flow: column; width: 80%;}
    .community_detail .related .inner span {font-size: 12px; font-weight: 400;}
    .community_detail .related .like {display: flex; font-size: 13px;}
    .community_detail .related .date span + span {margin-left: 8px;}
    .community_detail .related .date span:nth-child(1), .community_detail .related .date span:nth-child(2), .community_detail .related .date span:nth-child(3) {overflow: visible; width: auto;}
    .community_detail .related .date span:nth-child(3) {display: none; width: auto;}
    .community_detail .related .date span:nth-child(4) {width: auto;}
    .community_detail .related ul li .bottom {display: flex; justify-content: space-between; width: 100%; margin-top: 5px; color: #6C6C6C;}
    .board_deleted {min-height: calc(100vh - 88px); }
    .board_deleted p {font-size: 16px; font-weight: 400;}
    .board_deleted a {height: 38px; padding: 10px 16px; font-size: 14px; line-height: 130%;}
 
    .community_wrap.user {flex-flow: column; margin-top: 78px;}
    .user_profile {padding: 0 0 0 86px; width: 100%; margin-right: 0; border-radius: 0; border: 0; text-align: left;}
    .user_profile > img {position: absolute; left: 0; top: 0; width: 70px; height: 70px;}
    .user_profile .name {justify-content: flex-start; margin-top: 0;}
    .user_profile p {margin-top: 4px;}
    .user_profile .topci_tit {margin-left: -86px; margin-top: 30px;}
    .user_profile > ul {overflow-x: auto; margin-right: -20px; margin-left: -92px; padding-right: 20px; white-space: nowrap; flex-wrap: nowrap;}
    .user_profile > ul {-ms-overflow-style: none; scrollbar-width: none;}
    .user_profile > ul::-webkit-scrollbar {display: none; width: 0;  height: 0; background: transparent; -webkit-appearance: none; }
    .user_profile .tool__police {z-index: 10002; position: fixed; right: 20px; top: 11px;}
    .myboard_rig {width: 100%;}
    .myboard_rig .consult__tab2 ul {margin-top: 30px;}
    .myboard_rig .consult__tab2 ul li {width: 50%;}
    .myboard_rig > p {margin-bottom: 0;}
    .voting {width: 100%; margin-bottom: 12px; margin-top: 0; padding: 8px 0 8px 14px;}
    .channel-cointainer .voting {margin-top: 0; padding: 8px 0 8px 14px; background-color: #F6F6F6;}

    .sub_comment.write.show {display: none;}
    .comment_pop.show {z-index: 100000; overflow-y: auto; display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; padding: 0 20px; background-color: #fff;}
    .community_detail .comment_pop  .vet_comment {padding: 48px 0 75px;}
    .comment_pop .vet_comment .board_answer .name_tag img {left: 0;}
    .community_detail .comment_pop .vet_comment .comment_area > img {width: 30px; height: 30px;}
    .comment_pop .board_answer {border-bottom: 1px solid #EFEFEF;}
    .community_detail .comment_pop .vet_comment .comment_area {margin: 20px 0 0 20px;}

    .react-select-container__control  {width: 100%;}

    .wiki_fileUpload {position: relative; margin: 20px 20px 30px;}
    .wiki_fileUpload label {width: 70px; height: 70px; margin-right: 8px; text-indent: -9999px; border-radius: 8px; background:#F1F1F1 url(https://img.lifet.co.kr/patella/carmera_gray.svg) no-repeat center; background-size: 32px;}
    .wiki_fileUpload .border_box {display: none;}
    .thumbnail_preview {display: inline-block; position: relative }
    .thumbnail_preview img {width: 70px; height: 70px; border-radius: 8px; object-fit: cover; border: 1px solid #E7E7E7;}
    .wiki_fileUpload .del {display: none;}
    .thumbnail_preview .del {display: block; position: absolute; right: -7px; top: -7px; width: 18px; height: 18px; margin: 0; padding: 0; text-indent: -9999px; border: 0; background: url(https://img.lifet.co.kr/icon/close_gray.svg) no-repeat;}

    .slider-content.react {display: block;}
    .select__value-container {height: 43px !important;}
    .comment_area_ios {padding-bottom: 105px;}    
    
    .postnew_container { display: flex; flex-direction: column; height: 100% !important; touch-action: none; overflow: hidden; padding-top: 0 !important;}
    .postnew_container :where(.choice_wrap, .choice_wrap *) { touch-action: none; }
    .postnew_container .inner-1200 {flex: 1; display:flex; flex-direction:column; overscroll-behavior: none; overflow: hidden; margin : 0; width: 100%}
    .postnew_container .tinyEditor_new_div { flex:1; display:flex; flex-direction: column; overflow: hidden; touch-action: pinch-zoom; overscroll-behavior: none }
    .postnew_container .tinyEditor_new_div .editor-container { display: flex; flex-direction: column; flex: 1; }
    .postnew_container .tinyEditor_new_div .tox { height: 100% !important; justify-content: center; }
    .postnew_container .tinyEditor_new_div .pool_zone {width: calc(100% - 40px); margin-left: 20px; margin-bottom: 0;}
    .postnew_container .title_zone { position: relative; min-height: 48px; height: 48px; touch-action: none;}

    #container.community-details { margin-top: 0 !important; margin-bottom: 0; display: flex; flex-direction: column; height: 100%; }
    .community-details .mobile__head { width: 100%; height: 48px; border-bottom: 1px solid #D8D8D8; background-color: #fff; }
    .community-details .mobile__head.top { border-bottom: 1px solid #D8D8D8; background-color: #fff; }
    .community-details .comment_write,
    .community-details .write_area,
    .community-details .share { position: relative !important; }
    .community-details .write_area { bottom: 0; }
    .community-details .comment_write { margin: 0; border-radius: 0; border: 0;}
    .community-details .community_detail .board_view .vet_comment .modal-content.comment_pop .contents .comment_edit { position: fixed !important; margin-top: 0px;}
    .community-details .community_detail .board_view .vet_comment.chat__info.show .comment_area .modal-dialog .comment_pop .contents > .comment_area:not(.sub_comment),
    .community-details .community_detail .board_view > .vet_comment.chat__info.show > .modal-dialog > .comment_pop.modal-content > .content-area > .contents > .comment_area:not(.sub_comment) {padding-left: 66px}
    .community_detail { overflow: scroll; flex: 1; width: 100%; box-sizing: border-box; }
    .community-details .share { display: flex; height: 100%; justify-content: end; align-items: center; margin-right: 12px; }
    .community-details .share .tool__share { position: relative; display: block; width: 24px; height: 24px; background-image: url(https://img.lifet.co.kr/icon/share_icon.png); background-repeat: no-repeat; background-position: center; background-size: 24px; }
    .community-details .share .tool__share span { display: none; position: absolute; top: 100%; left: 50%; background-color: #92BEFF; letter-spacing: -0.4px; white-space: nowrap; color: #fff; padding: 6px 11px; border-radius: 4px; font-size: 12px; transform: translateX(-50%); margin-top: 8px; }
    .community-details .share .tool__share span::after { content: ""; position: absolute; top: -8px; left: 50%; margin-left: -6px; border-top: 0px solid transparent; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #92BEFF; }

    .modal-dialog #htmlModal.comment_pop .content-area {max-width: none; padding: 0; height: 100%; display: flex; flex-direction: column; text-align: left;}
    .modal-dialog .comment_pop .contents { flex: 1; overflow: hidden; display: flex; flex-direction: column; }    
    .modal-dialog .comment_pop .contents > .comment_area:not(.sub_comment) { flex: 1; overflow-y: scroll; overflow-x: hidden; display: flex; flex-direction: column; margin: 0; overscroll-behavior: contain; padding-left:0 ; padding-bottom: 20px;}
    .modal-dialog .comment_pop .contents > .comment_area:not(.sub_comment) > * { margin-top: 20px }
    .modal-dialog .comment_pop .contents > .comment_area:not(.sub_comment) .modal-dialog {margin-top: 0;}
    .modal-dialog .comment_pop .contents > .comment_area:not(.sub_comment) .tool__police { margin-left: 0; margin-right: 20px; }
    .modal-dialog .comment_pop .contents > .comment_area_ios:not(.sub_comment) { flex: 1; overflow-y: scroll; overflow-x: hidden; display: flex; flex-direction: column; }
    .modal-dialog .comment_pop .head { position: relative; min-height: 60px;}
    
    .tox .tox-tbtn[title="isVoted"]{width: 76px !important; height:32px; margin: 4px 0 3px 0px; display: none;}
    .tox .tox-tbtn[title="keyboard"]{position: absolute; right:10px; pointer-events: none; display: none}
    .pull-to-refresh-custom #PullingContent, .pull-to-refresh-custom #RefreshingContent {margin-top: 16px; text-align: center;}
    .pull-to-refresh-custom #PullingContent > img, .pull-to-refresh-custom #RefreshingContent > img {width: 50px;}
}


@media(min-width: 768px){
    .main-wrapper {/*overflow: auto;*/ height: 100dvh;}
    .tox, .tox-editor-container { overflow: visible !important }
    .tox-editor-header { position: sticky !important; top: 94.3px !important; /*border-bottom: none !important;*/}
    .app_top ~ .container_write .tox .tox-editor-header { top: 133px !important }

}