@charset "utf-8";

/* new 수강후기 : s */
.std-review-main {position:relative; aspect-ratio:1 / 1.019}
.std-review-main .design-fst-tag {height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;}
.std-review-main .design-fst-tag .inset {position: relative;
    margin-top: 68px;
    margin-left: 20px;
    z-index: 10;}
.std-review-main .design-fst-tag .inset .hd3 {font-family: 'Y_Spotlight';
    transform: rotate(-0.1deg);
    background: none;
    color: #fff;
    font-size: 4vw;
    line-height: 1;}
.std-review-main .design-fst-tag .inset .hd3 .ft {display: block;
    font-size: 3.127vw;
    margin-top: 16px;
    margin-bottom: 49px;
    line-height: 1.5;
    position: relative;}
.std-review-main .design-fst-tag .inset .hd3 .smtxt {width:70vw; display:block}
.std-review-main .design-fst-tag .inset .hd3 .smtxt img {width:100%}
.std-review-main .design-fst-tag .bg {background-image: url(/m/img/sub/review/std-review-topbg.jpg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}


.std-review-wrap {padding-bottom: 70px;}
.std-review-wrap .std-board_menu {}
.std-review-wrap .std-board_menu .sns-titset {display: flex;
    justify-content: space-between;
    margin: 53px 10px 15px 0;
    align-items: flex-end;    
    }
.std-review-wrap .std-board_menu .sns-titset .hd3 {font-family: 'Y_Spotlight'; margin-left:13px; z-index: 1; position:relative}    
.std-review-wrap .std-board_menu .sns-titset .hd3 .tit {font-size: 19px;
    margin-bottom: 5px;
    color: #1d1d1d;}    
.std-review-wrap .std-board_menu .sns-titset .hd3 .tit .gra {background: linear-gradient(to right, #c1bfe6, #dd99e0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 9px;}
.std-review-wrap .std-board_menu .sns-titset .hd3 .tit .gra .line {display: inline-block;background: linear-gradient(to right, #c1bfe6, #dd99e0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.std-review-wrap .std-board_menu .sns-titset .hd3 .tit .gra .line::after {
    content: "";
    display: block;
    height: 2px;
    background: linear-gradient(to right, #c1bfe6, #dd99e0);
    transform: translateY(-3px);}
.std-review-wrap .std-board_menu .sns-titset .hd3 .smtxt {font-size: 11px;
    color: #1d1d1d;
    text-indent: 2px;
    display:block;}
.std-review-wrap .std-board_menu .sns-titset .hd3 .tit::after {content: "";
    display: block;
    width: 30px;
    height: 24px;
    background: url(/m/img/sub/review/crown-m.png) no-repeat 0 0;
    background-size: 100%;
    position: absolute;
    z-index: -1;
    right:0;
    top: 0
}
.std-review-wrap .std-board_menu .sns-titset .m-sns-write-wrap {display: inherit;
    margin-top: 23px;}    
.std-review-wrap .std-board_menu .sns-titset .m-sns-write-wrap .hd4 {background: none;
    transform: rotate(-0.05deg);
    font-family: 'Y_Spotlight';
    font-size: 10px;
    color: #393939;
    display: inline-block;
    vertical-align: middle;
    margin-top:2px;}
.std-review-wrap .std-board_menu .sns-titset .m-sns-write-wrap .hd4::before {content: "";
    display: inline-block;
    width: 13px;
    height: 15px;
    background: url(/m/img/sub/review/m-std-review-write-icon.png) no-repeat 0 0;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 3px;} 
.std-review-wrap .std-board_menu .sns-titset .m-sns-write-wrap .hd4 + .sns-list {margin-left: 10px;
    display: inherit;}   


.std-review-wrap .std-board_menu .sns-titset .m-sns-write-wrap .sns-list > li  {
    width: 27px;
}
.std-review-wrap .std-board_menu .sns-titset .m-sns-write-wrap .sns-list > li img {
    width:100%
}

.std-review-wrap .std-board_menu .sns-titset .m-sns-write-wrap .hd4 + .sns-list li + li {margin-left: 5px;}
.std-review-wrap .std-board_menu .sns-titset .m-sns-write-wrap .m-btn_logout {
    margin: 0 0 0 4px; width:37px
}

/* new 베스트리뷰 : s */
.m-bestreview-wrap {}
.m-bestreview-wrap .best-box {position: relative}
.m-bestreview-wrap .best-box .reviewBox_wrap_best {padding-left:15px; padding-right:15px}
.m-bestreview-wrap .best-box .reviewBox_wrap_best .reviewBox {
    position: relative;
    height: 100%;
    background: rgb(193,191,230);
    background: linear-gradient(120deg, rgba(193,191,230,1) 0%, rgba(233,138,222,1) 100%);
    border: none;
    margin-left: 0;
    border-radius:7px;
    }
    
    
.m-bestreview-wrap .best-box .reviewBox_wrap_best .review-swiper .swiper-slide {width:70%;height: 260px;}    
    
.m-bestreview-wrap .best-box .reviewBox_wrap_best .reviewBox .reviewBoxinfo {position: relative;
    z-index: 10;
    overflow: hidden;}
.m-bestreview-wrap .best-box .reviewBox_wrap_best .reviewBox::after {content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: #fff;
    border-radius: 6px;}
.m-bestreview-wrap .best-box .reviewBox_wrap_best .reviewBox .tit_wrap {margin-top: 11px;
    margin-left:14px;
    /* width: 209px; */
    display: flex;
    align-items: center;
    position: relative;
    left: 0;
    transform: translateX(0);
    /* justify-content: center; */}
.m-bestreview-wrap .best-box .reviewBox_wrap_best .reviewBox .tit_wrap .snsIcon {width: 34px;
    height: 34px;
    position: relative;
    float: left;
    margin: -1px 0 0 -7px;
    border-radius: 50%;}
.m-bestreview-wrap .best-box .reviewBox_wrap_best .reviewBox .tit_wrap .snsIcon::after {content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 32px;
    height: 32px;
    background: #fff;
    margin: auto;
    border-radius: 50%;
    z-index: 1;}
.m-bestreview-wrap .best-box .reviewBox_wrap_best .reviewBox .tit_wrap .snsIcon .inset {width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;}
.m-bestreview-wrap .best-box .reviewBox_wrap_best .reviewBox .tit_wrap .snsIcon .rollingbg {display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 34px;
    margin: auto;
    border-radius: 50%;

 
        
    }
    
.m-bestreview-wrap .best-box .reviewBox_wrap_best .reviewBox .tit_wrap .snsIcon .rollingbg span { 
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 34px;
    background: rgb(191,140,255);
    background: -moz-linear-gradient(120deg, rgba(191,140,255,1) 0%, rgba(255,94,94,1) 48%, rgba(248,192,234,1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(191,140,255,1) 0%, rgba(255,94,94,1) 48%, rgba(248,192,234,1) 100%);
    background: linear-gradient(120deg, rgba(191,140,255,1) 0%, rgba(255,94,94,1) 48%, rgba(248,192,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bf8cff",endColorstr="#f8c0ea",GradientType=1);
    margin: auto;
    border-radius: 50%;
    animation: rotate-circle 1s linear infinite;
    backface-visibility: hidden;
    transform-origin: center;
    z-index:-1
	
}

    
.m-bestreview-wrap .best-box .reviewBox_wrap_best .reviewBox .tit_wrap .titBox {width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left:9px;
    color: #606060;}
.m-bestreview-wrap .best-box .reviewBox_wrap_best .reviewBox .tit_wrap .titBox .top_txt_box {width: 100%;
    font-size: 11px;
    font-weight: bold;
    display:flex;
    letter-spacing: 0em;}
.m-bestreview-wrap .best-box .reviewBox_wrap_best .reviewBox .tit_wrap .titBox .top_txt_box .review_name {float: left;}
.m-bestreview-wrap .best-box .reviewBox_wrap_best .reviewBox .tit_wrap .titBox .top_txt_box .review_tit {}
.m-bestreview-wrap .best-box .reviewBox_wrap_best .reviewBox .tit_wrap .titBox .review_date {margin-top: 3px;font-weight: 100;
    letter-spacing: 0em;}
.m-bestreview-wrap .best-box .reviewBox_wrap_best .reviewBox .tit_wrap .titBox .review_date p {float: left;
    font-size: 11px;
    margin:0}
.m-bestreview-wrap .best-box .reviewBox_wrap_best .reviewBox .tit_wrap .titBox .review_date p + .common-new {margin-left: 7px; transform: translateY(-2px);}
.common-new {display: inline-block;
    border-radius: 3px;
    height: 13px;
    background: rgb(193,191,230);
    background: -moz-linear-gradient(152deg, rgba(193,191,230,1) 0%, rgba(234,136,222,1) 100%);
    background: -webkit-linear-gradient(152deg, rgba(193,191,230,1) 0%, rgba(234,136,222,1) 100%);
    background: linear-gradient(152deg, rgba(193,191,230,1) 0%, rgba(234,136,222,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c1bfe6",endColorstr="#ea88de",GradientType=1);
    background-size: 400% 400%;
    margin-left: 0;
    animation: gradient 1s ease infinite;
    color: #fff;
    font-size: 10px;
    text-align: center;
    /* line-height: 11px; */
    padding: 0 4px;
    font-family: 'Y_Spotlight';
    transform: rotate(-0.1deg);}
.m-bestreview-wrap .best-box .reviewBox_wrap_best .reviewBox .re_centerLine {width: auto;
    /* padding: 0 14px; */
    left: 7px;
    right: 7px;
    margin: 78px auto 0;
    transform: translateX(0);
    margin: 6px 7px 0 7px;
    position: relative;
    left: 0;
    right: 0;
    border-top: 1px solid #dddddd;}
.m-bestreview-wrap .best-box .reviewBox_wrap_best .reviewBox .review_body {
    width: 100%;
    height: inherit;
    position: relative;
    left: 0;
    transform: translateX(0);
    margin-top: 20px;
    }
.m-bestreview-wrap .best-box .reviewBox_wrap_best .reviewBox .review_body > p {
    padding: 15px 14px 0;
    font-size: 11px;
    color: #979797;
    line-height: 18px;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}


.std-board_menu .icon-grade {display:inline-block;margin-left: 3px;vertical-align: middle;}
.std-board_menu .sm-icon-grade {display:inline-block;margin-left: 0;}
.std-board_menu .icon-grade::before {
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    background: url(/m/img/sub/review/m-review-best-smile-iconset.png) no-repeat 0 0 / auto 38px;
    margin: 0 auto;
    transform: translateY(-1px);
}
.std-board_menu .sm-icon-grade::before {content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url(/m//img/sub/review/m-review-best-smile-iconset.png) no-repeat 0 0 / auto 32px;
    margin: 0 auto;}

/* 
grade01 : 최고에요!
grade02 : 추천해요
grade03 : 만족스러워요
grade04 : 좋아요
grade05 : 보통이에요
*/
                                                            
.std-board_menu .icon-grade.grade01::before {background-position: 0px 0;}
.std-board_menu .icon-grade.grade02::before {background-position: -38px 0;width: 42px;    transform: translate(-1px, -1px)}
.std-board_menu .icon-grade.grade03::before {background-position: -79px 0;}
.std-board_menu .icon-grade.grade04::before {background-position: -118px 0;}
.std-board_menu .icon-grade.grade05::before {background-position: -156px 0;}

.std-board_menu .sm-icon-grade.grade01::before {background-position: 0px 0;}
.std-board_menu .sm-icon-grade.grade02::before {background-position: -32px 0;width: 35px;}
.std-board_menu .sm-icon-grade.grade03::before {background-position: -67px 0;}
.std-board_menu .sm-icon-grade.grade04::before {background-position: -100px 0;}
.std-board_menu .sm-icon-grade.grade05::before {background-position: -132px 0;}

.std-board_menu .review_body .review_more {display:block;}
.std-board_menu .good-flag-wrap {
    display: block; 
    font-size: 0;
    /* margin-left: 46px; */
    width: 35px;
    margin: 0 auto;
    position: relative;
    }

.std-board_menu .good-flag-wrap .good-flag { 
	height:26px;
	/*background:url('/m/img/sub/review/review-grade-txtset.png') no-repeat 0 0 / 329px 26px;*/
	background:url('/m/img/sub/review/review-grade-txtset.png') no-repeat 0 0 / 237px 20px;
	position:absolute; top:0; right:38px;
	
}
.std-board_menu .good-flag-wrap .good-flag.grade01 { 
	width:46px;
	background-position:0 0
}
.std-board_menu .good-flag-wrap .good-flag.grade02 { 
	width:44px;
	background-position:-46px 0
}
.std-board_menu .good-flag-wrap .good-flag.grade03 { 
	width:59px;
	background-position:-89px 0
}
.std-board_menu .good-flag-wrap .good-flag.grade04 { 
	width:36px;
	background-position:-148px 0
}
.std-board_menu .good-flag-wrap .good-flag.grade05 { 
	width:52px;
	background-position:-184px 0
}

.m-reviewBox_wrap .good-flag-wrap.rv {width:inherit}
.m-reviewBox_wrap .good-flag-wrap.rv .good-flag { 
	height:20px;
	background-size:252px 20px;
	position:relative;
	display:inline-block;
	right:auto;
	vertical-align: middle;	
	margin-bottom:3px
}
.m-reviewBox_wrap .good-flag-wrap.rv::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 19px;
    background: #cccccc;
    margin: 0 5px;
    vertical-align: top;
    margin-top: 1px;
}

.m-reviewBox_wrap .good-flag-wrap.rv .good-flag.grade01 { 
	width:48px;
	background-position:0 0	
}
.m-reviewBox_wrap .good-flag-wrap.rv .good-flag.grade02 { 
	width:47px;
	background-position:-48px 0	
}
.m-reviewBox_wrap .good-flag-wrap.rv .good-flag.grade03 { 
	width:63px;
	background-position:-95px 0	
}
.m-reviewBox_wrap .good-flag-wrap.rv .good-flag.grade04 { 
	width:39px;
	background-position:-158px 0	
}
.m-reviewBox_wrap .good-flag-wrap.rv .good-flag.grade05 { 
	width:56px;
	background-position:-197px 0	
}

.m-reviewBox_wrap .good-flag-wrap.rv .icon-grade::before {
    z-index: 100;
    position: relative;
    width: 23px;
    height: 23px;
    background-size: auto 23px;
    background-position: 0px 0;
}
.m-reviewBox_wrap .good-flag-wrap.rv .icon-grade.grade01::before {background-position:0 0}
.m-reviewBox_wrap .good-flag-wrap.rv .icon-grade.grade02::before {background-position:-23px 0; width:25px}
.m-reviewBox_wrap .good-flag-wrap.rv .icon-grade.grade03::before {background-position:-48px 0}
.m-reviewBox_wrap .good-flag-wrap.rv .icon-grade.grade04::before {background-position:-71px 0}
.m-reviewBox_wrap .good-flag-wrap.rv .icon-grade.grade05::before {background-position:-94px 0}



.m-reviewBox_wrap .good-flag-wrap.rv {display: inline-block;
    vertical-align: middle;}    
.m-reviewBox_wrap .good-flag-wrap.rv + a {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
    width:23px
    }
    
    


.std-board_menu .reviewBox .line-txt.more {
    line-height: 1;
    position: relative;
    /* bottom: 7px; */
    /* right: 4px; */
    padding: 0;
    /* border: 5px solid; */
    /* border-image: linear-gradient(45deg, purple, orange) 1; */
    position:
    relative;
    /* display: flex; */
    /* justify-content: center; */
    /* margin-top: 12px; */
    position: absolute;
    width: 60px;
    bottom: 18px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    }

.std-board_menu .reviewBox .line-txt.more::before {

    
}
.std-board_menu .reviewBox .line-txt.more .txt {
    position: relative;
    z-index: 10;
    transform: rotate(-0.05deg);
    font-family: 'Y_Spotlight';
    z-index: 10;
    line-height: 1;
    background: linear-gradient(to right, #918de5, #e951d6);
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    font-size: 10px;
    /* display: inline; */
    /* width: inherit; */
    /* border: 1px solid; */
    /* border-image: linear-gradient(45deg, purple, orange) 1; */
    border-radius: 50px;
    padding: 4px 10px 4px;
    overflow: hidden;
    display: block;
    }  

.std-board_menu .reviewBox .line-txt.more .txt::after {
    content:
    "";
    display:
    block;
    position:
    absolute;
    top:1px; left:1px; right:1px; bottom:1px;
    background:#fff
;
    border-radius: 50px;
}
.std-board_menu .reviewBox .line-txt.more .txt::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 50px;
      border: 1px solid transparent;
      background: linear-gradient(to right, #918de5, #e951d6);
      -webkit-mask:
    linear-gradient(#fff 0 0) padding-box, 
    linear-gradient(#fff 0 0);
      -webkit-mask-composite: destination-out;
      mask-composite: exclude;
}
.std-board_menu .reviewBox .line-txt.more .txt > span {
    position:
    relative; z-index:100
;
    background: linear-gradient(to right, #c1bfe6, #dd99e0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.std-board_menu .reviewBox .line-txt.more .txt > span::after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(/m/img/sub/review/m-std-plus.png) no-repeat 0 0;
    vertical-align: middle;
    margin: 0 0 1px 5px;
    }

.std-review-wrap .review-msg {color: #c9c9c9;
    font-size: 10px;
    font-family: "NotoSansKR-Bold";
    margin-top: 10px;
    margin-left: 0}

.m_reviewBox .m_tit_wrap .m_titBox .m_review_date p {margin-left:0}
/* new 수강생만족도 : s */

.std-board_menu .m-satis-wrap-outer {
    /* width: 356px; */
    /* margin: 0 auto; */
    margin: 0 10px;
    overflow: hidden;
    }
.std-board_menu .m-satis-wrap-outer .satis-wrap {
    position: relative;
    /* width: 356px; */
    height: 233px;
    background: rgb(193,191,230);
    background: linear-gradient(120deg, rgba(193,191,230,1) 0%, rgba(233,138,222,1) 100%);
    margin: 93px auto 0;
    border-radius: 7px;
    }
.std-board_menu .m-satis-wrap-outer .satis-wrap::after {content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: #fff;
    border-radius: 6px;
    background: #fff;}
.std-board_menu .m-satis-wrap-outer .satis-wrap .inwrap {position: relative;
    z-index: 10;}
.std-board_menu .m-satis-wrap-outer .satis-wrap .inwrap .titset {text-align: center;}
.std-board_menu .m-satis-wrap-outer .satis-wrap .inwrap .titset .hd3 {font-family: 'Y_Spotlight';
    font-size: 15px;
    transform: translateY(-50%) rotate(-0.1deg);
    background: #fff;
    display: inline-block;
    /* transform: rotate(-0.1deg);*/}
.std-board_menu .m-satis-wrap-outer .satis-wrap .inwrap .titset .hd3 .gra {background: linear-gradient(to right, #918de5, #e951d6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.std-board_menu .m-satis-wrap-outer .satis-wrap .inwrap .titset .hd3 .stxt {display: block;
    font-size: 9px;
    margin-top: 2px;}
.m-satis-wrap-outer .satis-gra-outer {
    display: flex;
    /* justify-content: space-between; */
    margin: 0 0;
    /* flex-direction: row; */
    justify-content: center;
    }
.m-satis-wrap-outer .satis-gra-outer .satis-graph {
    position: relative;
    display: flex;
    width: 80px;
    /* text-align: center; */
    /* justify-content: center; */
    flex-direction: column;
    align-items: center;
    }
.m-satis-wrap-outer .satis-gra-outer .satis-graph .icon-grade {
    text-align: left;
    /* display: inline-block; */
    position: relative;
    z-index: 10;
    z-index: 10000;
    display: inline-block;
    /* vertical-align: middle; */
    /* border: 1px solid #f00; */
    width: 64px;
    text-align: center;
    order: 3;
    margin: 0;
    }
.m-satis-wrap-outer .satis-gra-outer .satis-graph .icon-grade::after {content: "";
    display: block;
    width: 42px;
    height: 42px;
    background: #fff;
    position: absolute;
    top: -4px;
    left: 0;
    margin: auto;
    right: 0;
    border-radius: 50%;
    z-index: -1;}
.m-satis-wrap-outer .satis-gra-outer .satis-graph .icon-grade .line-txt {position: relative;
    display: inline-block;
    background: rgb(193,191,230);
    background: linear-gradient(120deg, rgba(193,191,230,1) 0%, rgba(233,138,222,1) 100%);
    border-radius: 50px;
    padding: 4px 6px 3px;
    font-size: 10px;
    z-index: 10;
    margin-top: 4px;}
.m-satis-wrap-outer .satis-gra-outer .satis-graph .icon-grade .line-txt::after {content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: #fff;
    border-radius: 50px;}
.m-satis-wrap-outer .satis-gra-outer .satis-graph .icon-grade.grade01 .line-txt::before {content: "최고에요!";}
.m-satis-wrap-outer .satis-gra-outer .satis-graph .icon-grade.grade02 .line-txt::before {content: "추천해요";}
.m-satis-wrap-outer .satis-gra-outer .satis-graph .icon-grade.grade03 .line-txt::before {content: "만족스러워요";}
.m-satis-wrap-outer .satis-gra-outer .satis-graph .icon-grade.grade04 .line-txt::before {content: "좋아요";}
.m-satis-wrap-outer .satis-gra-outer .satis-graph .icon-grade.grade05 .line-txt::before {content: "보통이에요";}    
.m-satis-wrap-outer .satis-gra-outer .satis-graph .icon-grade .line-txt::before {content: "";
    display: block;
    transform: rotate(-0.05deg);
    font-family: 'Y_Spotlight';
    position: relative;
    z-index: 10;
    line-height: 1;
    background: linear-gradient(to right, #918de5, #e951d6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.m-satis-wrap-outer .satis-gra-outer .satis-graph .bar-outer {
    position: relative;
    width: 33px;
    height: 100px;
    background: #f1efef;
    top: 10px;
    border-radius: 50px 50px 0 0;
    left: 0;
    /* border: 1px solid #f00; */
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    /* transform: rotateZ(-90deg); */
    /* display: none; */
    order: 2;
    } 
.m-satis-wrap-outer .satis-gra-outer .satis-graph .bar {
    position: absolute;
    width: 33px;
    /* height: 74px; */
    background: #f1efef;
    top: 0px;
    border-radius: 50px 50px 0 0;
    bottom: 28px;
    /* overflow: hidden; */
    /* right: 0; */
    /* border: 1px solid #f00; */
    }
.m-satis-wrap-outer .satis-gra-outer .satis-graph .bar-outer .bar-in {
    position: absolute;
    background: rgb(193,191,230);
    background: -moz-linear-gradient(152deg, rgba(193,191,230,1) 0%, rgba(234,136,222,1) 100%);
    background: -webkit-linear-gradient(152deg, rgba(193,191,230,1) 0%, rgba(234,136,222,1) 100%);
    background: linear-gradient(152deg, rgba(193,191,230,1) 0%, rgba(234,136,222,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c1bfe6",endColorstr="#ea88de",GradientType=1);
    width: calc(var(--gradient-width) - 35px);
    height: 98px;
    width: 33px;
    border-radius: 50px 50px 0 0;
    bottom: 0;
    transform: translatey(100%);
    bottom: calc(var(--gradient-width));
    border: t;
    z-index: 1000;
    }
.m-satis-wrap-outer .satis-gra-outer .satis-graph .bar::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    bottom: 0;
    background: #f1efef;
    display: none;
    }
.m-satis-wrap-outer .satis-gra-outer .satis-graph .count {
    /* margin: -103px 0 0 -171px; */
    background: linear-gradient(to right, #918de5, #e951d6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 10px;
    font-family: 'Y_Spotlight';
    transform: rotate(-0.05deg);
    /* display: none; */
    order: 1;
    }  
.m-satis-wrap-outer .msg {color: #c9c9c9;
    font-size: 10px;
    font-family: "NotoSansKR-Bold";
    margin-top: 9px;
    margin-left: 3px;}

/* new 수강후기 : s */
.m-satis-wrap-outer + .new_stReviewList {
    margin-top: 65px;
}
.new-streview-titset {
    display: flex;
    justify-content: space-between;
    margin: 0 10px 15px -12px;
    }
.new-streview-titset .hd3 {font-family: 'Y_Spotlight';
    margin-left: 13px;
    z-index: 1;}
.new-streview-titset .hd3 .tit {font-size: 19px;
    margin-bottom: 5px;
    color: #1d1d1d;}
.new-streview-titset .hd3 .smtxt {font-size: 11px;
    color: #1d1d1d;
    text-indent: 2px;
    display: block;} 
.m-reviewBox_wrap {
    /* margin: -30px 0 0 -31px; */
    overflow: hidden;
    }


.new_stReviewList .m_reviewBox .m_tit_wrap {
    display: flex;
}

.new_stReviewList .m_reviewBox .m_tit_wrap .m_snsIcon {flex: none;}
.new_stReviewList .m_reviewBox .m_tit_wrap .m_titBox {flex: 1;width: auto;float: none;/* display: flex; *//* flex-direction: column; */}
.new_stReviewList .m_reviewBox .m_tit_wrap .m_titBox .m_top_txt_box {flex: 1;/* width: 100%; */display: flex;}
.m_reviewBox .m_tit_wrap .m_titBox .m_top_txt_box .m_review_name {float: none;white-space: nowrap;}
.m_reviewBox .m_tit_wrap .m_titBox .m_top_txt_box .m_review_tit {width: inherit;float: none;flex: 1;width: 0;overflow: hidden;text-overflow: ellipsis;}
.new_stReviewList .m_reviewBox .m_tit_wrap .m_review_more {flex: none;margin-left: 12px;}
.m-reviewBox_wrap .m-reviewBox {width: 356px;
    height: 123px;
    float: left;
    margin-left: 30px;
    margin-top: 18px;
    border: 1px solid #b6b6b6;
    border-radius: 7px;}
.m-reviewBox_wrap .m-reviewBox .m-tit_wrap {
    width: 332px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 12px;}
.m-reviewBox_wrap .m-reviewBox .m-tit_wrap .snsIcon {width: 34px;
    height: 34px;
    position: relative;
    float: left;
    margin: -1px 0 0 -7px;
    border-radius: 50%;}
.m-reviewBox_wrap .m-reviewBox .m-tit_wrap .snsIcon::after {content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 32px;
    height: 32px;
    background: #fff;
    margin: auto;
    border-radius: 50%;
    z-index: 1;}
.m-reviewBox_wrap .m-reviewBox .m-tit_wrap .snsIcon .inset {width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;}
.m-reviewBox_wrap .m-reviewBox .m-tit_wrap .snsIcon .rollingbg {display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 34px;
    background: rgb(191,140,255);
    background: -moz-linear-gradient(120deg, rgba(191,140,255,1) 0%, rgba(255,94,94,1) 48%, rgba(248,192,234,1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(191,140,255,1) 0%, rgba(255,94,94,1) 48%, rgba(248,192,234,1) 100%);
    background: linear-gradient(120deg, rgba(191,140,255,1) 0%, rgba(255,94,94,1) 48%, rgba(248,192,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bf8cff",endColorstr="#f8c0ea",GradientType=1);
    margin: auto;
    border-radius: 50%;
    animation: rotate-circle 1s linear infinite;
    backface-visibility: hidden;
    transform-origin: center;}
.m-reviewBox_wrap .m-reviewBox .m-tit_wrap .titBox {
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 35px;
    letter-spacing: 0em;}
.m-reviewBox_wrap .m-reviewBox .m-tit_wrap .titBox .top_txt_box {width: 100%;
    font-size: 11px;
    font-weight: bold;
    display: flex;
    color: #606060;}
.m-reviewBox_wrap .m-reviewBox .m-tit_wrap .titBox .top_txt_box .review_name {float: left;}
.m-reviewBox_wrap .m-reviewBox .m-tit_wrap .titBox .review_date {/* margin-top: 3px; */
    font-weight: 100;
    letter-spacing: 0em;
    color:606060;}
.m-reviewBox_wrap .m-reviewBox .m_review_body {
    letter-spacing: -0.5px;
    width: 332px;
    height: 46px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 7px;
    font-family: 'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';
    font-size: 11.5px;
    line-height: 20px;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;} 
.m-reviewBox_wrap .m-reviewBox .m_review_body > p {font-size: 11px;
    color: #606060;
    line-height: 18px;}  

.m_reviewBox .m_tit_wrap .m_review_more {width: auto;}
.m-reviewBox_wrap .m_review_more {float: right;margin-top: -31px;width: inherit;}
.m-reviewBox_wrap .m-reviewBox .m_re_centerLine {
    width: auto;
    /* padding: 0 14px; */
    left: 7px;
    right: 7px;
    margin: 78px auto 0;
    transform: translateX(0);
    margin: 51px 7px 0 7px;
    position: relative;
    left: 0;
    right: 0;
    border-top: 1px solid #dddddd;}