@charset "UTF-8";
@import url(./keyframes.css);
.p-l-0{padding-left:0!important;}
.p-l-5{padding-left:5px!important;}
.p-l-10{padding-left:10px!important;}
.p-l-15{padding-left:15px!important;}
.p-l-20{padding-left:20px!important;}
.p-l-25{padding-left:25px!important;}
.p-l-30{padding-left:30px!important;}
.p-r-0{padding-right:0!important;}
.p-r-5{padding-right:5px!important;}
.p-r-10{padding-right:10px!important;}
.p-r-15{padding-right:15px!important;}
.p-r-20{padding-right:20px!important;}
.p-r-25{padding-right:25px!important;}
.p-r-30{padding-right:30px!important;}
.p-t-0{padding-top:0!important;}
.p-t-3{padding-top:3px!important;}
.p-t-5{padding-top:5px!important;}
.p-t-10{padding-top:10px!important;}
.p-t-15{padding-top:15px!important;}
.p-t-20{padding-top:20px!important;}
.p-t-25{padding-top:25px!important;}
.p-t-30{padding-top:30px!important;}
.p-t-35{padding-top:35px!important;}
.p-t-60{padding-top:60px!important;}
.p-b-0{padding-bottom:0!important;}
.p-b-5{padding-bottom:5px!important;}
.p-b-10{padding-bottom:10px!important;}
.p-b-15{padding-bottom:15px!important;}
.p-b-20{padding-bottom:20px!important;}
.p-b-25{padding-bottom:25px!important;}
.p-b-30{padding-bottom:30px!important;}
.p-b-50{padding-bottom:50px!important;}
.p-b-100{padding-bottom:100px!important;}
.p-b-150{padding-bottom:150px!important;}
.m-l-0{margin-left:0!important;}
.m-l-5{margin-left:5px!important;}
.m-l-8{margin-left:8px!important;}
.m-l-10{margin-left:10px!important;}
.m-l-15{margin-left:15px!important;}
.m-l-20{margin-left:20px!important;}
.m-l-25{margin-left:25px!important;}
.m-l-30{margin-left:30px!important;}
.m-r-0{margin-right:0!important;}
.m-r-3{margin-right:3px!important;}
.m-r-4{margin-right:4px!important;}
.m-r-5{margin-right:5px!important;}
.m-r-10{margin-right:10px!important;}
.m-r-15{margin-right:15px!important;}
.m-r-20{margin-right:20px!important;}
.m-r-25{margin-right:25px!important;}
.m-r-30{margin-right:30px!important;}
.m-t-0{margin-top:0!important;}
.m-t-5{margin-top:5px!important;}
.m-t-8{margin-top:8px!important;}
.m-t-10{margin-top:10px!important;}
.m-t-15{margin-top:15px!important;}
.m-t-20{margin-top:20px!important;}
.m-t-25{margin-top:25px!important;}
.m-t-30{margin-top:30px!important;}
.m-t-35{margin-top:35px!important;}
.m-t-40{margin-top:40px!important;}
.m-t-45{margin-top:45px!important;}
.m-t-50{margin-top:50px!important;}
.m-t-60{margin-top:60px!important;}
.m-b-0{margin-bottom:0!important;}
.m-b-3{margin-bottom:3px!important;}
.m-b-5{margin-bottom:5px!important;}
.m-b-10{margin-bottom:10px!important;}
.m-b-15{margin-bottom:15px!important;}
.m-b-20{margin-bottom:20px!important;}
.m-b-25{margin-bottom:25px!important;}
.m-b-30{margin-bottom:30px!important;}
.m-b-40{margin-bottom:40px!important;}
.m-b-50{margin-bottom:50px!important;}
.m-b-100{margin-bottom:100px!important;}
.label-processing{background-color: #ff5862;}
.label-default{background-color: #b2bcc8;}
.label-primary{background-color: #6a82ec;}
.label-warning{background-color: #ffc850;}
.fw-100{font-weight:100!important;}
.fw-200{font-weight:200!important;}
.fw-300{font-weight:300!important;}
.fw-400{font-weight:400!important;}
.fw-500{font-weight:500!important;}
.fw-600{font-weight:600!important;}
.fw-700{font-weight:700!important;}
.h-24{height: 24px!important;}
.common-loading {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1002;
    display: block;
}
.common-loading > div.loading {
    position: relative;
    margin: 0 auto;
    width: 130px;
    height: 130px;
    top: 40%;
}
.common-loading div .loading-img{
    position: relative;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
    padding: 30px;
    top: 30px;
    opacity: .65;
}
body.full-h{
    height:100vh;
}
body.full-h > .contents{
    height:100%;
    padding-bottom: 0;
}
/* 스위치버튼
	<!--
		<div class="switch-button">
			<input type="checkbox" class="switch-checkbox" checked="checked">
			<div class="switch-slider">
				<div class="left-text">인기순</div>
				<div class="right-text">최신순</div>
			</div>
			<div class="switch-layer"></div>
		</div>
	--/>
*/
.switch-button > .switch-slider,
.switch-button > .switch-layer{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
}
.switch-button{
    position: relative;
    width: 100%;
    height: 30px;
    overflow: hidden;
}
.switch-button,
.switch-button > .layer{
    border-radius: 50px;
    border: 1px solid #DDE2E9;
}
.switch-button > .switch-checkbox{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}
.switch-slider{
    z-index: 2;
}
.switch-layer{
    width: 100%;
    /* background-color: #fcebeb; */
    transition: 0.3s ease all;
    z-index: 1;
}
.switch-button > .switch-slider:before{
    content: '인기순';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 55%;
    height: 100%;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    line-height: 2.5;
    background-color: #8094ff;
    border-radius: 50px;
    transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
}
.switch-button > .switch-checkbox:checked + .switch-slider:before{
    content: '최신순';
    left: 45%;
    background-color: #8094ff;
}
.switch-button > .switch-checkbox:checked ~ .switch-layer{
    /* background-color: rgba(128, 148, 255, 0.1); */
}
.switch-button > .switch-slider > div{
    flex: 1;
    text-align: center;
    line-height: 2.5;
    font-size: 11px;
    color : #b1bcc8;
}
.detail-header.fixed-header{position: fixed;background: #fff;}
.swiper-container{overflow:hidden;}
/* Review Talk */
.review-talk-container hr.main {
    height : 10px !important;
}
.review-talk-header {
    position: relative;
    height: 44px;
    background-color: #fff;
}
.review-talk-header > .header-btn-left{
    position: absolute;
    top: 0px;
    left: 5px;
}
.review-talk-header h1 {
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.review-ranking-area {
    position: relative;
    padding: 15px 20px;
    width : 100%;
    height : 255px;
    border-top: 0.5px solid #f0f3f8;
}
.review-ranking-area > .rank-list-title{
    font-size: 16px;
    font-weight : bold;
}
.review-ranking-area > .rank-list{
    position : relative;
    width : 100%;
    height : 60%;
    margin-top: 10px;
}
.review-ranking-area > .rank-list > li{
    float: left;
    position: relative;
    width: calc(100% / 3);
    padding: 2px;
    height : 100%;
}
.review-ranking-area > .rank-list > li .rank-item{
    text-align : center;
    width : 100%;
    height : 100%;
}
.review-ranking-area > .rank-list > li .rank-item img.img{
    width : 100%;
    height : 100%;
    object-fit: cover;
    margin-bottom: 10px;
}

.review-ranking-area > .rank-list > li .rank-item .rank-badge{
    width : 23px;
    height : 26px;
    position : absolute;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 5%;
    top: 0;
}

.review-ranking-area > .rank-list > li .rank-item .first{
    background-image : url('/m/common/css/image/icon/ic_review_1st.svg');
}
.review-ranking-area > .rank-list > li .rank-item .second{
    background-image : url('/m/common/css/image/icon/ic_review_2nd.svg');
}
.review-ranking-area > .rank-list > li .rank-item .third{
    background-image : url('/m/common/css/image/icon/ic_review_3rd.svg');
}

.review-ranking-area > .rank-list > li .rank-item .user-nickname{
    color : #9faab7;
    font-size: 12px;
}
.review-ranking-area > .rank-list > li .rank-item .user-nickname strong{
    margin-right : 2px;
}
.review-list-area .list-header {
    height: 60px;
    border-bottom: 0.5px solid #f0f3f8;
    display: table;
    width: 100%;
    padding: 0 20px;
}
.review-list-area .list-header .left{
    display: table-cell;
    width: 80%;
    text-align: left;
    vertical-align: middle;
}
.review-list-area .list-header .left .additional-text-area{

}
.review-list-area .list-header .left .additional-text-area .additional-text{
    font-size : 16px;
    font-weight : bold;
}
.review-list-area .list-header .left .additional-text-area .q-mark{
    background-image: url(/m/common/css/image/icon/ico_reviewtalk_q.svg);
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: text-bottom;
    margin-left: 5px;
}
.review-ranking-area .reward-info-area {
    display : inline-block;
}

.review-ranking-area .reward-info-message{
    color : #9faab7;
    font-size : 12px;
    vertical-align: middle;
}
.review-ranking-area .reward-medal-icon{
    text-align : center;
    vertical-align: middle;
    width : 16px;
    height : 15px;
}

.review-list-area .no-data{
    height: auto;
    margin-top: 100px;
    margin-bottom: 100px;
}

.no-data .no-data-img{
    background-image: url(/m/common/css/image/icon/emoticon.svg);
    background-size: 101px 48px;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100px;
    margin: 0 auto;
}
.no-data .no-data-text{
    text-align: center;
    padding: 10px 0;
    color: #949FAE;
    font-size: 18px;
    font-weight: bold;
}
.review-list-area .list-header .right{
    display: table-cell;
    width: 20%;
    text-align: center;
    vertical-align: middle;
}
.review-list-area > ul > li.review-item {
    padding-top: 30px;
    padding-bottom: 20px;
    padding-right : 20px;
    padding-left : 20px;
    width : 100%;
    border-bottom: 0.5px solid #f0f3f8;
}
.review-list-area li.review-item .reviewer-area{
    display : table;
    height : 15%;
    width : 100%;
}
.review-list-area li.review-item .reviewer-area > div{
    display : table-cell;
}
.review-list-area li.review-item .reviewer-profile-img {
    width: 45px;
    height: 45px;
    background-size: cover;
    border-radius: 50%;
    background-repeat: no-repeat;
}
.review-list-area li.review-item .reviewer-area .reviewer-info{
    padding-left: 15px;
}
.review-list-area li.review-item .reviewer-area .reviewer-info .reviewer-nickname{
    font-weight : bold;
}
.review-list-area li.review-item .reviewer-area .review-date{
    color:#b2bcc8;
    font-size : 12px;
    text-align: right;
}
.review-list-area li.review-item .review-area {
    width : 100%;
    height : 75%;
}
.review-list-area li.review-item > .btn-area {
    display : table;
    width : 100%;
    margin-top : 20px;
}
.review-list-area li.review-item .btn-area div.like-btn-area{
    display : table-cell;
    width : 25%;
    vertical-align: middle;
}
.review-list-area li.review-item .btn-area a.btn-area-ico{
    display : inline-block;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor : pointer;
    text-align: center;
    vertical-align: middle;
}
.review-list-area li.review-item .btn-area div.like-btn-area a.like-on{
    background-image: url('/m/common/css/image/icon/btn_review_heart_on.svg');
}
.review-list-area li.review-item .btn-area div.like-btn-area a.like-off{
    background-image: url('/m/common/css/image/icon/btn_review_heart_off.svg');
}
.review-list-area li.review-item .btn-area span{
    margin-left : 5px;
    font-size : 13px;
    color : #484444;
}

.review-list-area li.review-item .btn-area span.like-cnt
, .review-list-area li.review-item .btn-area span.reply-cnt {
    margin-right : 2px;
}

.review-list-area li.review-item .btn-area div.go-to-detail{
    display : table-cell;
    width : 50%;
    vertical-align: middle;
}
.review-list-area li.review-item .btn-area div.go-to-detail a.review-comment-ico{
    background-image: url('/m/common/css/image/icon/btn_review_comment.svg');
}
.review-list-area li.review-item .review-area .review-content {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-top: 15px;
    width: 100%;
    white-space: normal;
    overflow: hidden;
    line-height: 1.4em;
    font-size: 1em;
}
.review-list-area li.review-item .review-img-area {
    width: 100%;
    height: 116px;
    margin-bottom: 10px;
}
.review-list-area li.review-item .review-img-area ul > li {
    float: left;
    position: relative;
    width: calc(100% / 3);
    height : 100%;
}
.review-list-area li.review-item .review-img-area ul > li > div{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding : 1px;
}
.review-list-area li.review-item .review-img-area > ul {
    height : 100%;
    margin-top : 20px;
}
.review-list-area li.review-item .review-img-area ul > li > div img{
    background-size: cover;
    background-position: center center;
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.review-detail-area {
    padding: 15px 20px;
    border-top: 0.5px solid #f0f3f8;
}
.review-detail-area .reviewer-area{
    display: table;
    height: 15%;
    width: 100%;
}

.review-detail-area .reviewer-area > div {
    display: table-cell;
}

.review-detail-area .reviewer-area .reviewer-profile-img {
    width: 45px;
    height: 45px;
    background-size: cover;
    border-radius: 50%;
    background-repeat: no-repeat;
}
.review-detail-area .reviewer-area .reviewer-info{
    padding-left: 15px;
}
.review-detail-area .reviewer-area .reviewer-info .reviewer-nickname{
    font-size : 14px;
    font-weight : bold;
}
.review-detail-area .reviewer-area .review-date{
    color: #b2bcc8;
    font-size: 12px;
    text-align: right;
}
.review-detail-area .review-area .review-content{
    margin-top : 15px;
    margin-bottom : 20px;
    white-space: pre-wrap;
    word-break: keep-all;
}
.review-detail-area .review-area .review-img-area{
    width: 100%;
    margin-top: 10px;
    height : 116px;
}
.review-detail-area .review-area .review-img-area > ul{
    height: 100%;
}
.review-detail-area .review-area .review-img-area > ul > li{
    float: left;
    position: relative;
    width: calc(100% / 3);
    height : 100%;
}
.review-detail-area .review-area .review-img-area > ul > li > div{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 3px;
}
.review-detail-area .review-area .review-img-area > ul > li > div img{
    background-size: cover;
    background-position: center center;
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.author-review-area {
    margin-top : 20px;
    width : 100%;
    background-color: #f7f9fc;
}
.author-review-area .author-reply-area {
    padding : 15px 20px;
    width: 100%;
    border-bottom: 0.5px solid #d9dfe9;
}
.author-review-area .author-reply-badge {
    position: relative;
    right: 10%;
    float: right;
}
.author-review-area .author-reply-area .author-info{
    height : 20%;
    width : 100%;
}
.author-review-area .author-reply-area .author-info > div{
    display : table-cell;
}
.author-review-area .author-reply-area .author-reply-content{
    margin-top : 20px;
    margin-bottom: 15px;
    padding: 0px 15px;
    white-space: pre-wrap;
    word-break: keep-all;
}

.author-review-area .author-reply-area .author-profile-img-area{
    width: 45px;
    height: 45px;
    background-size: cover;
    border-radius: 50%;
    background-repeat: no-repeat;
}
.author-review-area .author-reply-area .author-nickname-area{
    padding-left: 20px;
    font-size: 15px;
    vertical-align: middle;
    font-weight: bold;
}
.author-review-area .class-info-area{
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 15px;
    height: 200px;
    border-bottom: 0.5px solid #f7f9fc;
}
.author-review-area .class-info-area > p{
    font-size : 16px;
    font-weight : bold;
    margin-left : 5px;
}
.author-review-area .class-info-area .class-info-card{
    display : table;
}
.author-review-area .class-info-area .class-info-card > div{
    display : table-cell;
}
.author-review-area .class-info-area .class-info-card{
    margin: 0 auto;
    background-color: #ffffff;
    margin-top: 10px;
    cursor: pointer;
}
.author-review-area .class-info-area .class-info-card div.class-img-area{
    width: 33%;
    text-align: center;
    vertical-align: middle;
}
.author-review-area .class-info-area .class-info-card div.class-text-area{
    width : 67%;
}

.author-review-area .class-info-area .class-info-card div.class-img-area .img{
    width: 100%;
    height: 120px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 10px;
    padding-left: 10px;
    object-fit: cover;
}
.author-review-area .class-info-area .class-info-card .class-text-area .class-type{
    margin-top : 13px;
    font-size: 11px;
}
.author-review-area .class-info-area .class-info-card .class-text-area .class-type .class-course{
    color : #8094ff;
}
.author-review-area .class-info-area .class-info-card .class-text-area .class-type .class-category{
    color : #9faab7;
}
.author-review-area .class-info-area .class-info-card .class-text-area .class-title {
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
}
.author-review-area .class-info-area .class-info-card .class-text-area .class-price-info {
    float:right;
    margin-right: 15px;
}
.author-review-area .class-info-area .class-info-card .class-text-area .class-price-info .discount-rate{
    color: #ff5862;
    font-weight: bold;
}
.author-review-area .class-info-area .class-info-card .class-text-area .class-price-info .base-price{
    color: #bec3ce;
    text-decoration: line-through;
    font-size: 13px;
}
.author-review-area .class-info-area .class-info-card .class-text-area .class-price-info .price{
    font-weight :bold;
}
.review-talk-container .review-detail-btn-area{
    background-color : white;
    display: table;
    height: 60px;
    width: 100%;
    padding: 15px 20px;
    border-bottom:1px solid #f7f9fc;
}
.review-talk-container .review-detail-btn-area .like-btn-area{
    display: table-cell;
    width: 30%;
    text-align : left;
    vertical-align: middle;
    cursor: pointer;
    font-size: 1em;
}
.review-talk-container .review-detail-btn-area span.like-cnt,
.review-talk-container .review-detail-btn-area span.reply-cnt{
}
.review-talk-container .review-detail-btn-area .btn-area-ico{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    vertical-align: middle;
    margin-right: 5px;
}
.review-talk-container .review-detail-btn-area .like-btn-area a.like-on{
    background-image: url(/m/common/css/image/icon/btn_review_heart_on.svg);
}
.review-talk-container .review-detail-btn-area .like-btn-area a.like-off{
    background-image: url(/m/common/css/image/icon/btn_review_heart_off.svg);
}
.review-talk-container .review-detail-btn-area .reply-btn-area{
    display: table-cell;
    width: 50%;
    text-align : left;
    vertical-align: middle;
    cursor: pointer;
    font-size: 1em;
}
.review-talk-container .review-detail-btn-area .reply-btn-area a.review-comment-ico{
    background-image: url(/m/common/css/image/icon/btn_review_comment.svg);
}
.reply-list-area {
    width : 100%;
}
.reply-list-area > ul{
    width : 100%;
}
.reply-list-area > ul li.review-item {
    width : 100%;
    border-bottom: 1px solid #f7f9fc;
    padding: 0px 20px;
}
.reply-list-area > ul li.review-item:last-child {
    border-bottom: unset;
}
.reply-list-area > ul li.review-item .reply-area{
    display: table;
    width: 95%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.reply-list-area > ul li.review-item .reply-area{
    display :table;
    width : 100%;
}
.reply-list-area > ul li.review-item .reply-area .replier-profile-area{
    display : table-cell;
    width: 15%;
    vertical-align: top;
}
.reply-list-area > ul li.review-item .reply-area .replier-profile-area .img{
    width: 45px;
    height: 45px;
    background-size: cover;
    border-radius: 50%;
    background-repeat: no-repeat;
    margin: auto;
}
.reply-list-area > ul li.review-item .reply-area .reply-content-area{
    display : table-cell;
    width : 80%;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 5px;
}
.reply-list-area > ul li.review-item .reply-area .reply-content-area .user-nickname{
    font-weight: bold;
}
.reply-list-area > ul li.review-item .reply-area .reply-content-area .reply-date{
    float:right;
    color:#9faab7;
    font-size : 12px;
    margin-right: 5px;
}
.reply-list-area > ul li.review-item .reply-area .reply-content-area .content{
    margin-top : 10px;
}
.reply-list-area > ul li.review-item .reply-area .reply-content-area .content > span.content-text{
    white-space: pre-wrap;
    word-break: keep-all;
}
.reply-list-area > ul li.review-item .reply-area .reply-content-area .reply-btns-area{
    color : #9faab7;
    font-size : 12px;
    margin-top : 10px;
}
.reply-list-area > ul li.review-item .reply-area .reply-content-area .reply-btns-area > span{
    margin-right: 10px;
    cursor:pointer;
}
.reply-list-area > ul li.review-item .reply-area .reply-content-area .detail-reply-area .reply-item{
    background-color : #f6f7f8;
    border-radius : 10px;
    margin-top : 10px;
    margin-bottom : 5px;
    padding : 15px 20px;
    display : table;
    width : 100%;
}

.reply-list-area > ul li.review-item .reply-area .reply-content-area .detail-reply-area .reply-item .left{
    display : table-cell;
    width : 5%;
}
.reply-list-area > ul li.review-item .reply-area .reply-content-area .detail-reply-area .reply-item .right{
    display : table-cell;
    width : 95%;
}
.reply-list-area > ul li.review-item .reply-area .reply-content-area .detail-reply-area .reply-item .left .reply-ico {
    background-image: url(/m/common/css/image/icon/reply-ico.svg);
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
}
.reply-list-area > ul li.review-item .reply-area .reply-content-area .detail-reply-area .reply-item .right .nickname{
    font-weight : bold;
    font-size : 12px;
}
.reply-list-area > ul li.review-item .reply-area .reply-content-area .detail-reply-area .reply-item .right .modify-date{
    color : #b2bcc8;
    font-size : 11px;
}
.reply-list-area > ul li.review-item .reply-area .reply-content-area .detail-reply-area .reply-item .right .reply-content{
    font-size : 13px;
}
.reply-input-area {
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: #fff;
    border-top: 1px solid #ebebeb;
    transition: .3s ease-in-out;
    display : table;
    width: 100%;
}
.reply-input-area .reply-input-form {
    display: table-cell;
    width: 85%;
}
.reply-input-area .reply-regist-btn-area{
    display: table-cell;
    width: 15%;
    background: #ffffff;
}
.reply-input-area .reply-input-form input{
    height: 50px;
    font-size: 16px;
    color: #212121;
    width: 100%;
    border-radius: 5px;
    border: 0 none;
    background: #ffffff;
    line-height: 20px;
    vertical-align: middle;
    padding: 15px 15px;
}
.reply-input-area .reply-regist-btn-area .reply-regist-btn{
    display: block;
    text-align: center;
    font-size: 13px;
    border-radius: 5px;
    margin: 0 auto;
    width: 75%;
    background-color: #FF5862;
    color: #fff;
    height: 35px;
    line-height: 35px;
    border: 0 none;
    cursor : pointer;
}
.reply-list-area > ul li.no-data {
    padding : 15px 20px;
    color : #B2BCC8;
}
.reply-list-area > ul li.review-item .reply-area
.reply-content-area .review-modify-area textarea{
    width: 100%;
    border: 0.5px solid #d0d9e3;
    border-radius: 2px;
    padding: 3px;
    resize: none;
    -webkit-appearance: none;
    -webkit-border-radius: 2px;
}

.reply-list-area > ul li.review-item .hide{
    display : none !important;
}

.reply-list-area > ul li.review-item .reply-area
.reply-content-area .review-modify-area span.review-modify-btn{
    text-align: center;
    font-size: 13px;
    border-radius: 2px;
    background-color: #FF5862;
    color: #fff;
    height: 25px;
    line-height: 25px;
    border: 0 none;
    cursor: pointer;
    width: 40px;
    float: right;
    position: relative;
    top: -35px;
    right: 10px;
}
.reply-list-area > ul li.review-item .reply-area
.reply-content-area .review-modify-area span.review-modify-cancel-btn{
    text-align: center;
    font-size: 13px;
    border-radius: 2px;
    background-color: #9faab7;
    color: #fff;
    height: 25px;
    line-height: 25px;
    border: 0 none;
    cursor: pointer;
    width: 40px;
    float: right;
    position: relative;
    top: -35px;
    right: 15px;
}

.review-filter-btn {
    border: 1px solid #DDE2E9;
    position: relative;
    width: 100%;
    height: 30px;
    cursor: pointer;
    z-index: 3;
    border-radius: 50px;
}
.review-filter-btn .filter-text{
    line-height: 2.5;
    color : #b2bcc8;
    font-size:12px;
}
.review-filter-btn .review-filter-btn-ico {
    background-image: url('/m/common/css/image/icon/ic_review_filter.svg');
    display: inline-block;
    height: 10px;
    width: 12px;
}
/* Review Talk */

/* subway */
.subway-line{
    float: right;
    display: flex;
    position: relative;
}
.subway-line > span.subway-line-number{
    height: 22px;
    padding: 4px 8px;
    line-height: 14px;
    font-size: 11px;
    color: #ffffff;
    background-color: #b7b7b7;
    border-radius: 11px;
    display: inline-block;
    margin: 0 3px 0px;
}
.subway-line > span.subway-line-number.line-1 {
    background-color: #3E488D;
}
.subway-line > span.subway-line-number.line-2 {
    background-color: #4AC866;
}
.subway-line > span.subway-line-number.line-3 {
    background-color: #FFA511;
}
.subway-line > span.subway-line-number.line-4 {
    background-color: #3ED5FF;
}
.subway-line > span.subway-line-number.line-5 {
    background-color: #9130D5;
}
.subway-line > span.subway-line-number.line-6 {
    background-color: #A95523;
}
.subway-line > span.subway-line-number.line-7 {
    background-color: #809733;
}
.subway-line > span.subway-line-number.line-8 {
    background-color: #FF4696;
}
.subway-line > span.subway-line-number.line-9 {
    background-color: #C9BA1E;
}
.subway-line > span.subway-line-number.line-인천1 {
    background-color: #A5BEE8;
}
.subway-line > span.subway-line-number.line-인천2 {
    background-color: #FFBA55;
}
.subway-line > span.subway-line-number.line-분당 {
    background-color: #FFDB06;
}
.subway-line > span.subway-line-number.line-신분당 {
    background-color: #C91E1E;
}
.subway-line > span.subway-line-number.line-경의중앙 {
    background-color: #69DFD5;
}
.subway-line > span.subway-line-number.line-경춘 {
    background-color: #2EAC84;
}
.subway-line > span.subway-line-number.line-공항 {
    background-color: #4AAFED;
}
.subway-line > span.subway-line-number.line-의정부 {
    background-color: #FFCC67;
}
.subway-line > span.subway-line-number.line-수인 {
    background-color: #FFF07D;
}
.subway-line > span.subway-line-number.line-에버라인 {
    background-color: #A2E598;
}
.subway-line > span.subway-line-number.line-경강 {
    background-color: #4A90E2;
}
.subway-line > span.subway-line-number.line-우이신설 {
    background-color: #C0E860;
}
.subway-line > span.subway-line-number.line-서해 {
    background-color: #88DC73;
}
.subway-line > span.subway-line-number.line-김포골드 {
    background-color: #9F8342;
}
/* subway */
.b-vip-member{
    width: 25px;
    position: relative;
    float: right;
    bottom: 0px;
    top: 30px;
    right: -7px;
}
.login-body{
    background:#fff1f2;
}
.login-box-grid{
    display: flex;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-bottom:120px;
}
.login-box-grid .close{
    display: block;
    background-image: url(/m/common/css/image/icon/page_close_blk.svg);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    text-indent: -1000em;
    color: #212121;
    float: left;
    opacity: 1;
    font-weight: normal;
}
.login-box-grid .login-logo {
    width: 28%;
    height: 62px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/m/statics/img/icon/ico-sssd-logo.png?v=1.0);
    background-size: contain;
}
.login-box-grid .login-logo-txt {
    font-size: 1.4em;
    font-weight: 400;
    color: #555555;
    text-align: center;
}
.login-box-grid .welcome-coupon-logo{
    width: 100%;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://sssdcimage.s3.ap-northeast-2.amazonaws.com/banner/20240903/login_join_ch.png);
    background-size: contain;
}
.login-box-grid > .a{
    padding: 5% 5%;
    width: 100%;
}
.login-box-grid > .b{
    place-self: center;
}
.login-box-grid > .c{
    place-self: center;
}
.login-box-grid > .d{
    place-self: center;
    width: 75%;
}
.login-btn-box .login-btn-kakao {
    position: relative;
}
.login-btn-box .login-btn-kakao a {
    display: block;
    border-radius: 5px;
    background-color: #ffeb00;
    line-height: 48px;
    height: 48px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #3c1e1e;
    transition: .3s all;
    cursor : pointer;
    margin-bottom: 10px;
}
.login-btn-box .login-btn-kakao a:hover {
    background-color: #f2cd00;
}
.login-btn-box .login-btn-naver {
    margin-top: 12px;
    position: relative;
    display: block;
    border-radius: 5px;
    background-color: #2db400;
    line-height: 48px;
    height: 48px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    transition: .3s all;
    cursor: pointer;
}
.login-btn-box .login-btn-naver:hover {
    background-color: #29a400;
    color: #fff;
}
i.ico-kakao-login{
    display: inline-flex;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height:100%;
    align-items: center;
}
i.ico-kakao-login:before{
    content: " ";
    background-image: url(/m/common/css/image/icon/login_kakaotalk.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: contain;
    margin-right: 5px;
}
i.ico-naver-login{
    display: inline-flex;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height:100%;
    align-items: center;
}
i.ico-naver-login:before{
    content: " ";
    background-image: url(/m/common/css/image/icon/login_naver.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: contain;
    margin-right: 5px;
}
.signin-complete-grid{
    display:grid;
    width:100%;
    height:100vh;
    grid-template-rows:60px 15% 8% 40% 15% auto;
    grid-template-columns:100%;
}
.signin-complete-grid .close, .coupon-issued-signin-complete-grid .close{
    background-image: url(/m/common/css/image/icon/page_close_blk.svg);
    background-repeat: no-repeat;
    width: 35px;
    height: 34px;
    text-indent: -1000em;
    color: #212121;
    position: absolute;
    top: 13px;
    left: 15px;
}
.signin-complete-grid .welcome-coupon-character-logo, .coupon-issued-signin-complete-grid .welcome-coupon-character-logo{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://sssdcimage.s3.ap-northeast-2.amazonaws.com/banner/20240903/login_ch.png);
    background-size: contain;
}
.signin-complete-grid > .a{
    align-self: center;
    text-align: center;
    border-bottom: 1px solid #d9dfe7;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    line-height: 60px;
    font-size: 20px;
    font-weight: 600;
}
.signin-complete-grid > .b{
    justify-self: center;
    align-self: flex-end;
    font-size: 26px;
    font-weight: 600;
    color: #ff5862;
}
.signin-complete-grid > .c{
    justify-self: center;
    align-self: flex-start;
    text-align: center;
    font-size: 18px;
    color: #555555;
}
.signin-complete-grid > .d{
    place-self: center;
}
.signin-complete-grid > .e{
    justify-self: center;
    text-align: center;
    font-size: 17px;
    color: #555555;
}
.signin-complete-grid > .f{
    align-self: end;
}
.signin-complete-grid > .f > div{
    display: inline-flex;
    width: 100%;
    height: 85px;
    padding: 20px 5%;
}
.signin-complete-grid > .f .install-cancel-btn{
    display: block;
    background-color: #e8e8e8;
    color: #555555;
    border-radius: 5px;
    width: 40%;
    height: 100%;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
}
.signin-complete-grid > .f .install-page-move-btn{
    display: block;
    background-color: #FF5862;
    color: #fff;
    border-radius: 5px;
    width: 60%;
    height: 100%;
    margin-left: 10px;
    text-align: center;
    vertical-align: middle;
}
.coupon-issued-signin-complete-grid{
    display:grid;
    width:100%;
    height:100vh;
    grid-template-rows:60px 15% 40% 15% 14% auto;
    grid-template-columns:100%;
}
.coupon-issued-signin-complete-grid > .a{
    align-self: center;
    text-align: center;
    border-bottom: 1px solid #d9dfe7;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    line-height: 60px;
    font-size: 20px;
    font-weight: 600;
}
.coupon-issued-signin-complete-grid > .b{
    justify-self: center;
    align-self: flex-end;
    font-size: 26px;
    font-weight: 600;
    color: #ff5862;
}
.coupon-issued-signin-complete-grid > .c{
    justify-self: center;
    align-self: center;
    text-align: center;
    font-size: 18px;
    height: 75%;
}
.coupon-issued-signin-complete-grid > .d{
    place-self: center;
    text-align: center;
    font-size: 17px;
}
.coupon-issued-signin-complete-grid > .e{
    justify-self: center;
    text-align: center;
    font-size: 13px;
}
.coupon-issued-signin-complete-grid > .f{
    align-self: end;
}
.coupon-issued-signin-complete-grid > .f .install-cancel-btn{
    display: block;
    background-color: #FF5862;
    color: #fff;
    width: 100%;
    height: 55px;
    text-align: center;
    font-size: 20px;
}
/*회원가입*/
.regist-form{
    position: relative;
    display: block;
    top: 50px;
}
.regist-form .card,
.class-apply-form .card {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.regist-form hr.card-separator,
.class-apply-form hr.card-separator{
    height: 10px;
    background-color: #f0f3f8;
    border: 0 none;
    margin: 0;
}
.hint-text {
    /*opacity: .7;*/
    color: #a8a8a8;
}
.regist-form .card .form-group ,
.class-apply-form .card .form-group {
    margin-top:10px;
}
.regist-form .card .nickname-group{
    border: 1px solid #dddddd;
    height: 50px;
    margin-top: 5px;
    border-radius: 8px;
}

.regist-form .card .coupon-group{
    border: 1px solid #dddddd;
    height: 50px;
    margin-top: 5px;
    border-radius: 8px;
}


.regist-form .card .nickname-group input[type="text"]{
    width: 71%;
    height: 100%;
    border: none;
    font-size: 1em;
    margin-left: 5px;
    font-style: normal;
    display: inline;
    outline: none;
    box-sizing: border-box;
    color: black;
    border-radius: 7px 7px 0 0;
}
.regist-form .card .nickname-group button[type="button"]{
    width: 25%;
    height:65%;
    border:none;
    background-color: #d4d8de;
    font-size: 1em;
    color: #313131;
    outline:none;
    display:inline;
    box-sizing: border-box;
    border-radius: 3px;
}
.regist-form .card .nickname-group button[type="button"].active{
    background-color: #FF5862;
    color:white;
}

.regist-form .card .coupon-group{
    border: 1px solid #dddddd;
    height: 50px;
    margin-top: 5px;
    border-radius: 8px;
}

.regist-form .card .coupon-group input[type="text"]{
    width: 71%;
    height: 100%;
    border: none;
    font-size: 1em;
    margin-left: 5px;
    font-style: normal;
    display: inline;
    outline: none;
    box-sizing: border-box;
    color: black;
    border-radius: 7px 7px 0 0;
}
.regist-form .card .coupon-group button[type="button"]{
    width: 25%;
    height:65%;
    border:none;
    background-color: #d4d8de;
    font-size: 1em;
    color: #313131;
    outline:none;
    display:inline;
    box-sizing: border-box;
    border-radius: 3px;
}
.regist-form .card .coupon-group button[type="button"].active{
    background-color: #FF5862;
    color:white;
}



.regist-form .card .phone-group{
    border: 1px solid #dddddd;
    height: 50px;
}
.regist-form .card .form-group .phone-group:first-of-type{
    margin-top:5px;
    border-radius: 7px 7px;
}
.regist-form .card .form-group .phone-group:last-of-type{
    /*border-top:none;*/
    margin-top:5px;
    border-radius: 7px 7px;
}
.regist-form .card .phone-group input[type="text"]{
    width: 71%;
    height: 100%;
    border: none;
    font-size: 1em;
    margin-left: 5px;
    font-style: normal;
    display: inline;
    outline: none;
    box-sizing: border-box;
    color: black;
    border-radius: 7px 0 0 7px;
}
.regist-form input::placeholder{
    color: #A8A8A8;
}
.regist-form .card .phone-group button[type="button"]{
    width: 25%;
    /*height: 65%;*/
    border:none;
    background-color: #DDDDDD;
    font-size: 1em;
    color: #A8A8A8;
    outline:none;
    display:inline;
    box-sizing: border-box;
    padding: 10px 20px;
    border-radius: 17px;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
.regist-form .card .phone-group button[type="button"].active{
    background-color: #FF5862;
    color:white;
}
.regist-form .card .phone-group button[type="button"]:disabled{
    opacity: 1 !important;
}
.regist-form .card .gender-group {
    margin-top:10px;
}
.regist-form .card .gender-group input[type="radio"]{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.regist-form .card .gender-group input[type="radio"] + label{
    display: inline-block;
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    margin-right: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.regist-form .card .gender-group input[type="radio"] + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    width: 21px;
    height: 21px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 100%;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}
.regist-form .card .gender-group input[type="radio"] + label:active:before
, .regist-form .card .gender-group input[type="radio"]:checked + label:active:before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.regist-form .card .gender-group input[type="radio"]:checked + label:before{
    background: #ffffff;
    border-color: #adb8c0;
}
.regist-form .card .gender-group input[type="radio"]:checked + label:after{
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 11px;
    height: 11px;
    background: #FF5862;
    border-radius: 100%;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.regist-form .card .recommand-user-group{
    border: 1px solid #dddddd;
    height: 50px;
    margin-top: 5px;
    border-radius: 7px;
}
.regist-form .card .recommand-user-group input[type="text"]{
    /*width:100%;*/
    height:100%;
    border:none;
    font-size: 14px;
    padding-left: 5px;
    margin-left: 5px;
    font-style: normal;
    display:inline;
    outline:none;
    box-sizing: border-box;
    color:black;
    border-radius:7px;
    white-space: normal;
    line-height:normal;
}
.regist-form input[type="text"]{
    padding-left: 5px;
}
.regist-form input[type="text"]::placeholder{
    font-style:normal;
}
.regist-form .card.agreement-area .checkbox-area {
    margin-top: 0;
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
    position: relative;
    padding-left: 16px;
    float: right;
}
.regist-form .card.agreement-area input[type="checkbox"]{
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    left: 0;
    width: 20px;
    height: 22px;
}
.regist-form .card.agreement-area input[type="checkbox"] + label{
    display: inline-block;
    vertical-align: top;
    /*padding-left: 6px;*/
    cursor: pointer;
    line-height:20px;
}
.regist-form .card.agreement-area input[type="checkbox"] + label:before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
}
.regist-form .card.agreement-area input[type="checkbox"] + label:after{
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    top: 0;
    padding-left: 4.5px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
    text-align: left;
}
.regist-form .card.agreement-area input[type="checkbox"] + label:after{
    font-family: "xeicon";
    content: "\e928";
    color: #cccccc;
    font-weight: bold;
}
.regist-form .card.agreement-area input[type="checkbox"]:checked + label:before{
    background-color: #FF5862;
    border-color: #f97e86;
}
.regist-form .card.agreement-area input[type="checkbox"]:checked + label:after{
    font-family: "xeicon";
    content: "\e928";
    color: #fff;
}
.regist-form .card.agreement-area .agreement-list {
    margin-top:10px;
}
.regist-form .card.agreement-area .agreement-list > li:first-child{
    border-bottom : 1px solid #f0f3f8;
    height:30px;
}
.regist-form .card.agreement-area ul.agreement-child-list{
    margin-left : 15px;
    margin-top: 10px;
}
.regist-form .card.agreement-area ul.agreement-child-list li{
    font-size : 13px;
    height:30px
}
.regist-form .card.regist-btn-area {
    margin-bottom:0;
}
.regist-form .regist-btn-area button{
    width: 100%;
    height: 50px;
    background-color: #FF5862;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    border-radius: 5px;
}
.regist-form .regist-btn-area button:disabled{
    opacity: 1;
}
.regist-form .hide{
    display : none !important;
}
.regist-form .agreement-child-list .sub-checkbox-area{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    width: 70%;
    text-align: center;
}
.regist-form .agreement-child-list .sub-checkbox-area .sub-checkbox-item{
    margin-top: 0;
    display: flex;
    vertical-align: top;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.regist-form .agreement-child-list .sub-checkbox-area .sub-checkbox-item input[type="checkbox"]{
    right: -30px;
    left: unset;
    display: inline-block;
}
.regist-form .agreement-child-list .sub-checkbox-area .sub-checkbox-item input[type="checkbox"].disabled{
    cursor: not-allowed;
    opacity: 0.4;
}
.regist-form .agreement-child-list .sub-checkbox-area .sub-checkbox-item input[type="checkbox"] + label{
    display: block;
    padding: unset;
    margin: unset;
    width: 100%;
    font-weight: normal;
}
.regist-form .agreement-child-list .sub-checkbox-area .sub-checkbox-item input[type="checkbox"] + label:before{
    left: unset;
    right: -31px;
    font-weight: bold;
}
.regist-form .agreement-child-list .sub-checkbox-area .sub-checkbox-item input[type="checkbox"] + label:after{
    left: unset;
    right: -30px;
    top: 0px;
    font-weight: bold;
}
.regist-form .agreement-child-list .sub-checkbox-area .sub-checkbox-item input[type="checkbox"][disabled]{
    cursor: not-allowed;
    opacity: 1;
}
.regist-complete-form{
    position: relative;
    display: block;
    text-align : center;
    height:100%;
}
.regist-complete-form .img-area{
    position: relative;
    height: 200px;
    width: 50%;
    display: block;
    margin: 0 auto;
    margin-top: 5%;
    background-image: url(/m/common/css/image/img_join_complete.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
}
.regist-complete-form .complete-btn-area,
.common-footer-btn-area{
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
    height: 67px;
}
.regist-complete-form > .body-contents{
    position: relative;
    height:610px;
    margin-left:20px;
    margin-right:20px;
    overflow: auto;
}
.regist-complete-form .header {
    position: relative;
    height: 60px;
    line-height: 60px;
    background-color: #fff;
    border-bottom: 1px solid #e9ecf0;
}

.regist-complete-form h2.header-text{
    height: 60px;
    line-height: 60px;
}
.regist-complete-form .text-area{
    position: relative;
    margin-top:5%;
}
.regist-complete-form .complete-btn-area button,
.common-footer-btn-area button{
    width: 100%;
    height: 100%;
    background-color: #FF5862;
    color: #fff;
    font-size: 1.7rem;
}
.regist-complete-form .text-area .header-title{
    font-size:21px;
    margin-bottom : 10px;
}
.regist-complete-form .host-link-box{
    height:100px;
    background-color : #F0F4FA;
    text-align:center;
    vertical-align:middle;
    border-radius:5px;
    padding : 22px;
    margin-top: 15px;
    margin-bottom:15px;
}
.regist-complete-form .host-link-box a{
    color:#8397F1;
}
/*회원가입*/
.common-footer-btn-area.msg-footer{
    height: 134px;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    background: #fff;
}
.common-footer-btn-area.msg-footer .footer-msg{
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    font-size: 13px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 21px;
}
.common-footer-btn-area.msg-footer button{
    height: 50px;
    border-radius: 5px;
}
.common-footer-btn-area.msg-footer .footer-msg .checkbox-area{
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 15px;
}
.common-footer-btn-area.msg-footer .footer-msg input[type="checkbox"]{
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    left: 0;
    width: 21px;
    height: 21px;
    margin: 0;
}
.common-footer-btn-area.msg-footer .footer-msg input[type="checkbox"] + label{
    display: inline-block;
    vertical-align: top;
    padding-left: 6px;
    cursor: pointer;
}
.common-footer-btn-area.msg-footer .footer-msg input[type="checkbox"] + label:before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
}
.common-footer-btn-area.msg-footer .footer-msg input[type="checkbox"]:checked + label:before{
    background-color: #ff5862;
    border-color: #f97e86;
}
.common-footer-btn-area.msg-footer .footer-msg input[type="checkbox"] + label:after{
    content: '';
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
}
.common-footer-btn-area.msg-footer .footer-msg input[type="checkbox"]:checked + label:after{
    background-image: url(/m/statics/img/icon/checkbox-circle-btn-ico-on.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.class-apply-area.show{
    position: fixed;
    z-index: 101;
    bottom: 0;
    left: 0;
    right: 0;
    height: 590px;
    background: #fff;
    border-top: 1px solid #ebebeb;
    /*padding: 15px;*/
    transition: .2s ease-in-out;
    border-radius: 10px 10px 0 0;
}
.class-apply-area.h-500{
    height: 500px;
}
.class-apply-area.hide{
    bottom: -300px !important;
    display:none;
}
.class-apply-area .hide-btn{
    font-size: 20px;
    font-weight: bold;
    height: 20px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    color: #a8a8a8;
}
.class-apply-area .schedule-day-list-area{
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 15px;
}
.class-apply-area .schedule-day-list .day > .schedule{
    display: block;
    width: 50px;
    text-align: center;
    border-radius: 5px;
    margin: 5px 0;
}
.class-apply-area .schedule-day-list .day > .schedule.sunday{
    color:#ff5862;
}
.class-apply-area .schedule-day-list .day > .schedule .day-week{
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    vertical-align: middle;
}
.class-apply-area .schedule-day-list .day > .schedule .day{
    margin-left: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    display: block;
    font-size: 14px;
    font-weight: 500;
    border-radius: 50%;
    cursor:pointer;
}
.class-apply-area .schedule-day-list .day > .schedule .day.sale_day{
    background: #F8F9FF;
}
.class-apply-area .schedule-day-list .day > .schedule .day.sale_day::before{
    content : " ";
    position: absolute;
    transform: translate(-50%, -50%);
    top: 55%;
    left: 50%;
    width: 25px;
    height: 15px;
    background-image: url(/m/statics/img/label_calendar_discount.png);
    background-size: 25px 15px;
    background-position: center center;
    background-repeat: no-repeat;
}

.class-apply-area .schedule-day-list .day > .schedule .day.sold_out{
    background: #F8F9FF;
}

.class-apply-area .schedule-day-list .day > .schedule .day.sold_out::before{
    content : " ";
    position: absolute;
    transform: translate(-50%, -50%);
    top: 55%;
    left: 50%;
    width: 25px;
    height: 15px;
    background-image: url(/m/statics/img/label_calendar_soldout.png);
    background-size: 25px 15px;
    background-position: center center;
    background-repeat: no-repeat;
}

.class-apply-area .schedule-day-list .day > .schedule.active .day{
    background-color: #FF5862;
    color: #fff;
}
.class-apply-area .header{
    width:100%;
    margin-bottom:5px;
}
.class-apply-area .day-schedule-list-area{
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 15px 15px 15px 0px;
    border-top: 1px solid #f0f3f8;
}
.class-apply-area .day-schedule-list-area .day-schedule-list{
    overflow-x: auto;
    -ms-overflow-style: none;
}
.class-apply-area .day-schedule-list-area .day-schedule-list::-webkit-scrollbar{
    display:none;
    width:0 !important;
}
.class-apply-area .day-schedule-list-area .swiper-slide{
    border-radius: 3px;
    border: 1px solid #d9dfe7;
    padding: 4px 8px;
    margin: 4px 4px 0;
    text-align: center;
    position: relative;
    cursor:pointer;
}
.class-apply-area .day-schedule-list-area .swiper-slide.disabled{
    opacity: 1;
    color: #eeeeee;
    border-color: #dddddd;
    background: #eee;
}
.class-apply-area .day-schedule-list-area .day-schedule-list > .swiper-slide.active{
    border: 2px solid #6A82EC;
    padding: 3px 7px;
}
.class-apply-area .day-schedule-list-area .day-schedule-list > .swiper-slide.active:before{
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background-image: url(/m/common/css/image/icon/check_white.svg);
    background-size: 12px 12px;
    background-color: #6A82EC;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 0 0 0 4px;
    content: "";
}
.class-apply-area .day-schedule-list-area .day-schedule-list .schedule-info .state{
    font-size: 10px;
    color: #6A82EC;
    margin-bottom: 6px;
}
.class-apply-area .day-schedule-list-area .day-schedule-list .disabled .schedule-info > div{
    color: #a8a8a8 !important;
}
.class-apply-area .day-schedule-list-area .day-schedule-list .schedule-info .state.selected{
    visibility: hidden;
}
.class-apply-area .day-schedule-list-area .day-schedule-list .schedule-info .state.selected:after{
    visibility: visible;
    content: '선택됨';
    margin-right: 25px;
}
.class-apply-area .day-schedule-list-area .day-schedule-list .schedule-info .lesson-period{
    font-size: 13px;
}
.class-apply-area .day-schedule-list-area .day-schedule-list .schedule-info .min-max{
    font-size: 13px;
}
.class-apply-area .day-schedule-list-area .day-schedule-list .schedule-info .min-hint{
    font-size: 10px;
    color:#a8a8a8;
}
.class-apply-area .apply-person-area{
    /*border-bottom: 1px solid #f0f3f8;*/
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
}
.class-apply-area .apply-person-area .txt-area{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.class-apply-area .apply-person-area .btn-area{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.class-apply-area .apply-person-area .btn-area .btn{
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-image: none;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    padding: 5px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 50%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.class-apply-area .apply-person-area .btn-area .btn:hover{
    box-shadow: none;
    background-color: #fafafa;
    border: 1px solid rgba(98, 98, 98, 0.27);
    color: #333;
    text-decoration: none;
}
.class-apply-area .apply-person-area .btn-area .apply-person-txt{
    margin-left:10px;
    margin-right: 10px;
}
.class-apply-area.show .apply-btn-area{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    transition: .2s ease-in-out;
}
.class-apply-area.show .apply-btn-area button{
    width: 100%;
    height: 85%;
    background-color: #FF5862;
    bottom: 10px;
    color: #fff;
    font-size: 15px;
    border-radius: 5px;
}
.class-apply-area.show .apply-btn-area .class-apply-btn.disabled{
    background: #bbbbbb;
    color: #959595;
    opacity: 1;
}
.contents.option-select-contents{
    background-color:#fff;
}
.option-area:not(.option-select-layer){
    padding-top: 70px;
    padding-left: 10px;
    padding-right: 10px;
}
.option-area button.main-option-delete-btn{
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    position: absolute;
    right: 25px;
    top: 20px;
    font-size: 16px;
    color: #a8a8a8;
}
.option-area button.sub-option-delete-btn{
    font-size: 14px;
    margin-left:3px;
}
.option-area .option-select-area{
    margin-top:10px;
}
.option-area .card {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: relative;
    background-color: transparent;
    margin-bottom: 20px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.07);
}
.option-area .card .card-block {
    padding: 20px;
}
.option-area span.count, .option-area span.sub-count, .option-area span.add-count{
    margin-left:10px;
    margin-right:10px;
}
.option-area .card.option-item .card-block > .row > .col-xs-5.text-right
, .option-area .card.option-item .card-block > .sub-option-item-area .sub-option-item > .col-xs-5.text-right
, .option-area > .add-option-area .add-option-item > .col-xs-4.text-right{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.option-area .card .counting-btn
, .option-area > .add-option-area .counting-btn{
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
}
.option-area > .add-option-area .add-option-item .add-option-delete-btn
, .option-area .card.option-item .card-block > .sub-option-item-area .sub-option-item .sub-option-delete-btn{
    margin-top: 2px;
    margin-left:7px;
}
.option-price-area {
    width: 100%;
    display: inline-block;
    margin-top: 0;
    padding: 25px;
    padding-top: 0;
}
.option-area .sub-option-item-area .sub-option-item,
.option-area .selected-add-option-list-area .add-option-item
{
    margin-top:10px;
    margin-bottom:10px;
}
.row-sm{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.option-area .option-item .card-block .option-title{
    margin-bottom:5px;
}
.bottom-fixed-btn-area{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    transition: .2s ease-in-out;
}
.bottom-relative-btn-area{
    position: relative;
    height: 50px;
    transition: .2s ease-in-out;
}
.bottom-fixed-btn-area .bottom-fixed-btn,
.bottom-relative-btn-area .bottom-btn{
    width: 100%;
    height: 100%;
    background-color: #FF5862;
    bottom: 0;
    position: absolute;
    left: 0;
    color: #fff;
    font-size: 15px;
}
.class-apply-form .class-info-area{
    margin-top: 75px;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    width: 100%;
    padding: 0 15px;
}
.class-apply-form .class-info-area .class-img-area .img {
    width: 80px;
    height: 80px;
    border-radius: 6px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.class-apply-form .class-info-area .class-img-area .img.store{
    width: 45px;
    height: 45px;
}
.class-apply-form .class-info-area .class-text-area {
    position:relative;
    height: 100%;
    margin-left: 11px;
    font-size: 14px;
    align-items: center;
    flex-wrap: wrap;
}
.class-apply-form .class-info-area .class-text-area .class-type {
}
.class-apply-form .class-info-area .class-text-area .class-type .class-course {
    color: #555555;
}
.header-close-blk-btn a{
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    height: 30px;
}
.class-apply-form .class-info-area .class-text-area .class-title{
    color: #555555;
    line-height:1;
}
.class-apply-form .class-info-area .class-text-area .class-apply-person{
    width: 100%;
    color: #000;
    font-weight: 600;
    line-height: 2;
}
.class-apply-form .class-info-area .class-text-area .class-price-info{
    position: absolute;
    bottom: 0px;
    width: 100%;
    display: grid;
    grid-template-columns: 50% auto;
}
.class-apply-form .class-info-area .class-text-area .schedule-time{
    color: #555555;
}
.class-apply-form .class-info-area .class-text-area .class-price-info .price-hint-txt{
    font-size: 12px;
}
.class-apply-form .class-info-area .class-text-area .class-price-info .text-right{
    padding-right: 0px;
}
.class-apply-form .class-info-area .class-text-area .option-info-area{
    margin-top: 10px;
}
.class-apply-form .class-info-area .class-text-area .option-info-area > div{
    align-items: center;
    display: grid;
    grid-template-columns: 50px 1fr;
    height: 100%;
}
.class-apply-form .class-info-area .class-text-area .option-info-area > div:nth-child(1){
    align-self: start;
}
.class-apply-form .class-info-area .class-text-area .option-info-area .badge{
    line-height: 1.5;
    background-color: #fff;
    font-size: 11px;
    border-radius: 2px;
    border: 1px solid rgba(151, 151, 151, 0.5);
    padding: 0px 5px;
    color: #a8a8a8;
}
.class-apply-form .class-info-area .class-text-area .option-info-area .selected-option-text
, .class-apply-form .class-info-area .class-text-area .option-info-area .selected-add-option-text{
    color: #979797;
    line-height: 1.1;
    font-size: 11px;
    margin-left: 5px;
    margin-top: 2px;
}
.class-apply-form .default-input-area input[type="text"],
.class-apply-form .default-input-area input[type="tel"],
.class-apply-form .default-input-area input[type="email"]{
    width:70%;
    height:100%;
    border:none;
    font-size:14px;
    margin-left: 8px;
    padding-left: 8px;
    padding-right: 12px;
    display:inline;
    outline:none;
    box-sizing: border-box;
    color:black;
    font-style: normal;
}
.class-apply-form .default-input-area.full-input input[type="text"],
.class-apply-form .default-input-area.full-input input[type="tel"],
.class-apply-form .default-input-area.full-input input[type="email"]{
    width:95%;
}
.class-apply-form .default-input-area input[type="text"]::placeholder,
.class-apply-form .default-input-area input[type="tel"]::placeholder,
.class-apply-form .default-input-area input[type="email"]::placeholder,
.class-apply-form .card .phone-group input[type="text"]::placeholder,
.class-apply-form .card .phone-group input[type="tel"]::placeholder{
    color:#a8a8a8;
}
.class-apply-form .default-input-area{
    border: 1px solid #dddddd;
    height: 50px;
    margin-top: 5px;
    border-radius: 7px;
}
.class-apply-form .default-input-area.btn-divide-input-area{
    border: none;
}
.class-apply-form .default-input-area.btn-divide-input-area > input{
    border: 1px solid #dddddd;
    border-radius:7px;
    margin-left: 0;
    margin-right: 7px;
}
.class-apply-form .default-input-area.btn-divide-input-area > button{
    width: 25%;
    height: 75%;
    border: none;
    background-color: #d4d8de;
    font-size: 1em;
    color: #313131;
    outline: none;
    display: inline;
    box-sizing: border-box;
    border-radius: 17px;
}
.class-apply-form .default-input-area.btn-divide-input-area > button.active{
    width: 25%;
    height: 75%;
    border: none;
    font-size: 1em;
    outline: none;
    display: inline;
    box-sizing: border-box;
    border-radius: 17px;
    background-color: #ff5862;
    color: #fff;
}
.class-apply-form .mobile-area input[type="text"]{

}
.class-apply-form .mobile-area button{
    width:25%;
    height:75%;
    border:none;
    font-size:1em;
    outline:none;
    display:inline;
    box-sizing: border-box;
    border-radius: 17px;
    background-color: #fff1f2;
    color: #ff5862;
}
.class-apply-form .card .phone-group{
    border: 1px solid #dddddd;
    height: 50px;
    border-radius:7px;
    margin-top:10px;
}
.class-apply-form .card .form-group .phone-group:first-of-type{

}
.class-apply-form .card .form-group .phone-group:last-of-type{

}
.class-apply-form .card .phone-group input[type="text"], .class-apply-form .card .phone-group input[type="tel"]{
    width:70%;
    height:100%;
    border:none;
    font-size:1em;
    margin-left: 8px;
    padding-left: 8px;
    display:inline;
    outline:none;
    box-sizing: border-box;
    color:black;
}
.class-apply-form .card .phone-group button[type="button"]{
    width: 25%;
    height:75%;
    border:none;
    background-color: #dddddd;
    font-size: 1em;
    color: #a8a8a8;
    outline:none;
    display:inline;
    box-sizing: border-box;
    border-radius: 17px;
}
.class-apply-form .card .phone-group button[type="button"].active{
    background-color: #ff5862;
    color: #fff;
}
.class-apply-form .class-apply-price-area{
    padding :0px 15px;
}
.class-apply-form .class-apply-payment-type-area{
    padding :5px 15px;
}
.class-apply-form .class-apply-payment-type-area .row{
    margin : 10px 0px;
}
.class-apply-form .class-apply-payment-type-area .row .col-xs-4{
    padding-right: 5px;
    padding-left: 5px;
}
.class-apply-form button.payment-type-btn{
    width: 100%;
    height:100%;
    border:none;
    background-color: #fff;
    font-size: 1.1rem;
    color: #555555;
    outline:none;
    display:inline;
    box-sizing: border-box;
    height:48px;
    border : 1px solid #dddddd;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    border-radius: 7px;
}
.class-apply-form button.payment-type-btn.active{
    border: 1px solid #ff5862;
    color:#ff5862;
}
.class-apply-form .agreement-area .checkbox-area {
    margin-top: 0;
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
    position: relative;
    padding-left: 16px;
    float: right;
}
.class-apply-form button.payment-type-btn.payco{
    background-image: url(/m/statics/img/icon/ic-payco.png);
}
.class-apply-form button.payment-type-btn.kakaopay{
    background-image: url(/m/statics/img/icon/ic-kakao-pay.jpg);
}
.class-apply-form button.payment-type-btn.toss{
    background-image: url(/m/statics/img/icon/ic-toss.jpg);
}
.class-apply-form button.payment-type-btn.samsungpay{
    background-image: url(/m/statics/img/icon/ic-samsung-pay.jpg);
}
.class-apply-form button.payment-type-btn.naverpay{
    background-image: url(/m/statics/img/icon/ic-naver-pay.jpg);
}
.class-apply-form button.payment-type-btn.ssgpay{
    background-image: url(/m/statics/img/icon/ic-ssg-pay.jpg);
}
.class-apply-form .agreement-area input[type="checkbox"]{
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    left: 0;
    width: 20px;
    height: 22px;
}
.class-apply-form .agreement-area input[type="checkbox"] + label{
    display: inline-block;
    vertical-align: top;
    padding-left: 6px;
    cursor: pointer;
    line-height:20px;
}
.class-apply-form .agreement-area input[type="checkbox"] + label:before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 1px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
}
.class-apply-form .agreement-area input[type="checkbox"] + label:after{
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
    text-align: left;
}
.class-apply-form .agreement-area input[type="checkbox"]:checked + label:before{
    background-color: #FF5862;
    border-color: #f97e86;
}
.class-apply-form .agreement-area input[type="checkbox"]:checked + label:after{
    font-family: "xeicon";
    content: "\e928";
    color: #fff;
    margin-left: 1px;
}
.class-apply-form .agreement-area a{
    color : #FF5862;
    font-weight: bold;
}
.cancel-policy-area{
    margin-top: 70px;
    padding: 0px 10px;
}
.class-apply-complete-modal{
    z-index: 999 !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: left;
    background: rgba(0, 0, 0, .6);
    transition: opacity .25s ease;
    width: 100%;
    margin: 0 auto;
    opacity: 1;
    visibility: visible;
    overflow: auto;
}
.class-apply-complete-modal .class-apply-complete-contents .circle-class-img{
    position: relative;
    width: 40%;
    padding-bottom: 40%;
    margin: 0 auto;
    margin-top: 80px;
    z-index:1;
}
.class-apply-complete-modal .class-apply-complete-contents .circle-class-img img{
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.class-apply-complete-modal .class-apply-complete-contents .card-box{
    height: 198px;
    padding: 0 20px;
    border-radius: 7px;
    background: transparent;
    transform: translateY(-32%);
    z-index: 0;
    position: relative;
    display: grid;
    width: 100%;
    grid-template-rows: 65% auto;
}
.class-apply-complete-modal .class-apply-complete-contents .card-box .a{
    display: flex;
    align-items: flex-end;
    width: 100%;
    background: #fff1f2;
    border-radius: 7px 7px 0 0;
    padding: 0 15px;
    padding-bottom: 15px;
    color: #252525;
    font-size: 14px;
}
.class-apply-complete-modal .class-apply-complete-contents .card-box .a > div{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
}
.class-apply-complete-modal .class-apply-complete-contents .card-box .a > div strong{
    font-size: 20px;
}
.class-apply-complete-modal .class-apply-complete-contents .card-box .b{
    width: 100%;
    background-image: linear-gradient(269deg, #8094ff 0%, #ff5862 100%);
    border-radius: 0 0 7px 7px;
    color: #fff;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
    padding: 0 15px;
    font-size: 11px;
    line-height: 1.3;
}
.class-apply-complete-modal .class-apply-complete-contents .card-box .b strong{
    font-size: 15px;
    font-weight: 500;
}
.class-apply-complete-modal .class-apply-complete-contents .content{
    padding: 0 25px;
    position: relative;
    display: block;
    width: 100%;
    transform: translateY(-10%);
}
.class-apply-complete-modal .class-apply-complete-contents .form-group button{
    width:100%;
    padding:10px 0;
}
.class-apply-complete-modal .class-apply-complete-contents .form-group button.btn-default{
    background: #ebebeb;
    border: none;
    color: #525252;
}
.class-apply-complete-modal .class-apply-complete-contents .gap-txt{
    margin-top: 30px;
    margin-bottom: 30px;
    color: #555555;
    line-height: 1.2;
}
.class-apply-complete-modal .complete-check-row{
    display: grid;
    grid-template-columns: 30px auto;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    font-weight: 500;
}
.class-apply-complete-modal .complete-check-row > div{
    background-image:url(/m/statics/img/icon/ico-check.png);
    background-position: center 4px;
    background-size: 16px;
    background-repeat: no-repeat;
}

/* 마이페이지 */
.profile-container{
    background-color: #ffdee0;
    position: relative;
    display: block;
}
.profile-container .profile-area{
    position: relative;
    display: block;
    height: 246px;
    padding: 33px 15px 10px 15px;
}
.profile-container .profile{
    position: relative;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 70% auto;
    align-items: center;
}
.profile .profile-img-area{
    position: relative;
    width: 85px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    justify-self: right;
}
.profile > div.col-xs-3{
    height: 100%;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    position: relative;
}
.profile .profile-img-area .user-profile{
    width: 85px;
    height: 85px;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    border-radius: 50%;
    background-color: #ebebeb;
    margin-bottom: 7px;
}
.profile .profile-img-area .my-profile-txt{
    color: #a8a8a8;
    font-size: 12px;
}
.profile .profile-nick-area{
    height:85px;
    padding: 15px 10px 15px 15px;
}
.profile .nickname-wrapper{
    cursor: pointer;
    margin-top: 4px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #212121;
    font-size: 24px;
    font-weight: 700;
}
.profile .user-reccode-wrapper{

}
.profile .user-reccode-wrapper .rec-code{
    border: .3px solid #ff5862;
    color: #ff5862;
    padding: 6px 12px;
    border-radius: 13px;
    cursor: pointer;
    font-size: 12px;
}
.profile-area .user-state-box{
    height: 150px;
    background-color: #fff;
    position: relative;
    display: block;
    margin-top: 15px;
    border-radius: 2px;
    padding : 0 10px;
    font-size: 1.4rem;
}
.profile-area .user-state-box .rec-code{

}
.profile-area .user-state-box > ul{
    height:100%;
}
.profile-area .user-state-box > ul li{
    height : 33.3333%;
}
.profile-area .user-state-box > ul li:nth-child(even){
    border-top:1px solid #f0f3f8;
    border-bottom:1px solid #f0f3f8;
}
.profile-area .user-state-box > ul li > div.row{
    height:100%;
}
.profile-area .user-state-box > ul li > div.row > div{
    display: flex;
    height: 100%;
    align-items: center;
    flex-wrap: wrap;
}
.profile-area .user-state-box > ul li > div.row > .text-right > div{
    width:100%;
    cursor:pointer;
}
.profile-area .user-state-box > ul li > div.row .vip-tooltip{
    display: block;
    position: absolute;
    left: 120px;
    font-size: 10px;
    opacity: .9;
    width: 170px;
    z-index: 100;
}
.profile-area .user-state-box > ul li > div.row .explain-text .friend-invite-add-text{
    font-size:0.9rem;
    color: #FF455C;
    font-weight: bold;
}
.mypage-btn-area{
    position:relative;
    width:100%;
    padding: 0 20px;
    top:-67px;
}
.mypage-btn-area > ul{
    width: 100%;
    height: 100%;
    background-image: linear-gradient(243deg, #8094ff, #ff5862);
    border-radius: 5px;
    position: relative;
    display: block;
    padding: 10px 20px;
}
.mypage-btn-area > ul > li{
    width: 100%;
    height: 67px;
    display: flex;
    border-bottom: .3px solid rgba(255, 255, 255, .3);
    color: #fff;
    cursor: pointer;
}
.mypage-btn-area > ul > li:last-of-type{
    border-bottom:none;
}
.mypage-btn-area > ul > li .xi-angle-right{
    font-weight: 700;
    font-size: 20px;
}
.mypage-btn-area .btn-area{
    width:100%;
    display:grid;
    grid-template-rows: 100%;
    grid-template-columns: 14% 76% 10%;
    align-items: center;
    justify-items: center;
    padding: 15px 0;
}
.mypage-btn-area .btn-area .icon{
    width: 70%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    justify-self: left;
}
.mypage-btn-area .btn-area .txt{
    text-align:center;
    font-size : 1.7rem;
    justify-self: start;
}
.mypage-btn-area .point-btn-area .icon{
    background-image: url(/m/statics/img/icon/ic-mypage-point.png);
}
.mypage-btn-area .coupon-btn-area .icon{
    background-image: url(/m/statics/img/icon/ic-mypage-coupon.svg);
}
.mypage-btn-area .gift-btn-area .icon{
    background-image: url(/m/statics/img/icon/ic-mypage-giftbox.svg);
    width: 65%;
}
.mypage-btn-area .gift-btn-area .txt{
    align-self:end;
}
.mypage-btn-area .orderlist-btn-area .icon{
    background-image: url('/m/statics/img/icon/ic_mypage_history.png');
}
.mypage-btn-area .kakao-cs-btn-area .icon{
    background-image: url('/m/statics/img/icon/ico_login_kakao.png');
}
.separator{
    height: 10px;
    background-color: #f0f3f8;
    border: 0 none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.mypage-btn-area .orderlist-btn-area .txt{
    opacity:1;
    cursor:pointer;
}
.mypage-btn-area .kakao-cs-btn-area .txt{
    opacity:1;
    cursor:pointer;
}
.my-class-area {
    width : 100%;
    padding: 20px 15px;
}
.my-class-area .more-order-list-btn{
    opacity:.5;
    float:right;
    font-size: 1.4rem;
    cursor:pointer;
}
.my-class-area .order-class-list{
    width: 100%;
    margin-bottom: 20px;
}
.my-class-area .order-class-list.empty{
    height:150px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.my-class-area .order-class-list .order-item{
    border: 1px solid #f0f3f8;
    margin: 15px 0;
    padding: 0 15px;
    padding-right:0;
    border-radius: 5px;
    cursor: pointer;
    height: 140px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.my-class-area .order-class-list .order-item .left{
    width:80%;
}
.my-class-area .order-class-list .order-item .right{
    width:20%;
    border-left:1px dotted #f0f3f8;
}
.my-class-area .order-class-list .order-item:first-of-type{
    margin-top:10px;
}
.my-class-area .order-class-list .order-item:last-of-type{
    margin-bottom:0;
}
.my-class-area .order-class-list .order-item > div.row{
    padding-right:0;
    padding-left:0;
    height: 100%;
}
.order-history-container .my-class-area .order-class-list .order-item > div.row{
    margin-right: 0;
    margin-left: 0;
}
.my-class-area .order-class-list .order-item div.right{
    /* display: flex;
    height: 100%;
    align-items: center;
    flex-wrap: wrap;
    border-left:1px solid #f0f3f8;
    text-align:center; */
    height: 100%;
}
.class-order-detail-content .my-class-area .order-class-list .order-item div.right{
    padding-left:5px;
    border-left:none;
    width: 75%;
}
.class-order-detail-content .my-class-area .order-class-list .order-item .order-option-list{
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.my-class-area .order-class-list .order-item div.right .remain-day-area{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.my-class-area .order-class-list .order-item div.right .remain-day{
    font-size:2.6rem;
    font-weight:500;
}
.my-class-area .order-class-list .order-item div.right .remain-day-explain-txt{
    font-size:1.2rem;
}
.my-class-area .order-class-list .order-item div.right .remain-day-explain-txt.highlight{
    font-size:1.5rem;
}
.my-class-area .order-class-list .order-item .lesson-state{
    width: 70px;
    margin-bottom: 7px;
}
.my-class-area .order-class-list .order-item .schedule-info-text{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    line-height: 1.8;
}
.my-class-area .order-class-list .order-item .apply-data-info{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    font-size:12px;
    opacity:.5;
}
.my-class-area .order-class-list .order-item .number-of{
}
.my-class-area .option-list{
    color:#a8a8a8;
    font-size:12px;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.my-class-area .option-list .btn{
    color: #a8a8a8;
    background-color: #fff;
}
.my-class-area .order-class-list .order-item .workshop-address{
    font-size: 1.1rem;
    opacity: .5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
}
.my-class-area .order-class-list .order-item .lesson-state > .label{
    display: inline-block;
    font-size: 12px;
    line-height: 1.3;
    width: 100%;
    height: 25px;
    margin: 0 auto;
    border-radius: 15px;
    padding: .4em .6em .3em;
    font-weight: 500;
}
.my-class-area .order-class-list .order-item .order-name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1;
    width: 100%;
}
.store-order-item .my-class-area .order-class-list .order-item .order-name,
.my-class-area .order-class-list .store-order-item .order-name{
    -webkit-line-clamp: 2;
}
.my-class-area .order-class-list .order-item .class-course{
    color:#555555;
    font-size: 13px;
}
.home-class-area .order-class-list .order-item{
    height:118px;
}
.home-class-area .order-class-list .order-item .order-name{
    height:2.8em;
    -webkit-line-clamp: 2;
    font-size: 1em;
}
.footer{margin-top: 0;padding: 30px 15px 80px 15px;}
.footer .group a{
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-radius: 5px;
    color: #868686;
    background-color: #efefef;
    font-size: 1.4rem;
    vertical-align: middle;
    padding: 12px;
}
.footer .group a:hover{
    color:#868686 !important;
}
.footer .group a i span{
    font-weight:600;
}
.footer .group{
    position: relative;
    margin-bottom: 10px;
}
.footer .group .title{
    position: relative;
    font-size: 13px;
    margin-bottom: 7px;
    margin-top: 25px;
    padding-left: 5px;
}
.footer .group .title .hint-text{
    font-size: 13px;
    position: absolute;
    right: 5px;
    bottom: 0px;
    color: #a8a8a8;
    opacity: 1;
    letter-spacing: -0.9px;
}
.footer .group.child-3 ul{
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    place-content: center;
    align-content: center;
    height: 45px;
}
.footer .group.child-3 ul li{
    padding: 0 4px;
    height: 100%;
    align-self: center;
}
.footer .group.child-2 ul{
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    place-content: center;
    align-content: center;
    height: 45px;
}
.footer .group.child-2 ul li{
    padding: 0 4px;
    height: 100%;
    align-self: center;
}
.author-chg-btn-area{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    height: 82px;
    background-image: url(/m/statics/img/author-chg-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.author-chg-btn-area .author-chg-btn{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    color : #fff;
    font-weight:bold;
    font-size:1.8rem;
}
.logout-btn{
    color: #9faab7;
}
i.sssd-ico-logout{
    display: inline-flex;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height:100%;
    align-items: center;
}
i.sssd-ico-logout:before{
    /*content: " ";
    background-image: url(/m/statics/img/icon/ico-logout.svg);*/
    background-position: bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    margin-right: 5px;
}
i.sssd-ico-logout:after{
    content:'로그아웃';
    font-size: 12px;
    text-decoration: underline;
}
i.sssd-ico-instagram{
    display: inline-flex;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height:100%;
    align-items: center;
}
i.sssd-ico-instagram:before{
    content: " ";
    background-image: url(/m/statics/img/icon/ico_sns_instagram.png);
    background-position: bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: contain;
    margin-right: 5px;
}
i.sssd-ico-instagram.gray-scale:before{
    background-image: url(/m/statics/img/icon/ico-sns-instagram-grayscale.png);
}
i.sssd-ico-naver-blog{
    display: inline-flex;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height:100%;
    align-items: center;
}
i.sssd-ico-naver-blog:before{
    content: " ";
    background-image: url(/m/statics/img/icon/ico_sns_naver.png);
    background-position: bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: contain;
    margin-right: 5px;
}
i.sssd-ico-naver-blog.gray-scale:before{
    background-image: url(/m/statics/img/icon/ico-sns-naver-grayscale.png);
    width: 17px;
    height: 17px;
}
i.sssd-ico-info-bullet{
    /* position:absolute; */
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: text-bottom;
}
i.sssd-ico-info-bullet:before{
    content: " ";
    background-image: url(/m/statics/img/icon/ic_info_bullet.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: contain;
    margin-right: 5px;
}
i.sssd-ico-info-bullet.ic-lg:before{
    width: 20px;
    height: 20px;
}
i.sssd-ico-info-bullet.ic-sm:before{
    width: 15px;
    height: 15px;
}
i.sssd-ico-info-bullet.ic-xs:before{
    width: 13px;
    height: 13px;
}
i.sssd-ic-best-reply{
    display: inline-flex;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
    align-items: center;
}
i.sssd-ic-best-reply:before{
    content: " ";
    background-image: url(/m/statics/img/icon/ic_class_best_reply.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 38px;
    height: 16px;
    background-size: contain;
    margin-right: 5px;
    border-radius: 3px;
}
i.sssd-ic-satisfied{
    display: inline-flex;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
    align-items: center;
}
i.sssd-ic-satisfied:before{
    content: " ";
    background-image: url(/m/statics/img/icon/ic_class_satisfied.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 74px;
    height: 16px;
    background-size: contain;
    margin-right: 5px;
    border-radius: 3px;
}
i.sssd-ic-unsatisfied{
    display: inline-flex;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height:100%;
    align-items: center;
}
i.sssd-ic-unsatisfied:before{
    content: " ";
    background-image: url(/m/statics/img/icon/ic_class_unsatisfied.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 74px;
    height: 16px;
    background-size: contain;
    margin-right: 5px;
    border-radius: 3px;
}
.ico-hint-text.ic-lg > span{
    font-size:1.1em;
}
.ico-hint-text > span{
    color:#9faab7;
}
.ico-hint-text.bold > span{
    font-weight:700;
}
i.sssd-ico-upload{
    display: inline-flex;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height:100%;
    align-items: center;
}
i.sssd-ico-upload:before{
    content: " ";
    background-image: url(/m/statics/img/icon/ic-upload@3x.png);
    background-position: bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 13px;
    height: 13px;
    background-size: contain;
}
.blur-1{ opacity: .1; }
.blur-2{ opacity: .2; }
.blur-3{ opacity: .3; }
.blur-4{ opacity: .4; }
.blur-5{ opacity: .5; }
.blur-6{ opacity: .6; }
.blur-7{ opacity: .7; }
.blur-8{ opacity: .8; }
.blur-9{ opacity: .9; }

.review_wrap .list-star{
    display:flex;
    align-items: center;
}
.class-order-info-content{
    padding-left:0;
    padding-right:0;
}
.class-order-info {
    position: relative;
    display: block;
    background-color:#EFF3F8;
}
.class-order-info .order-item{
    background-color:#fff;
}
.class-order-info .order-class-list .order-item:first-of-type {
    margin-top: 0;
}
/* 마이페이지 */
.author-profile-area{
    margin-right: 0;
    margin-left: 0;
    margin-top:25px;
    padding: 0 20px;
    position:relative;
    display:block;
}
.author-profile-area > div:first-child{
    height:100%;
    margin:0;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
.author-profile-area > div:first-child > div.left{
}
.author-profile-area > div:first-child > div.right{
    margin-left: 10px;
}
.author-profile-area > div.row > div.right{
    text-align:left;
    padding-left: 0;
    padding-right: 0;
    left: -5px;
}
.author-profile-area .author-profile-img{
    background-size: cover;
    border-radius: 50%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    height: 60px;
    width: 60px;
}
.author-profile-area .author-nickname{
    font-size:1.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.author-profile-area .author-introduction{
    font-size:1.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.author-profile-area .author-region-class{
    font-size:1.2rem;
    opacity:.5;
}
.author-profile-area .btn-area{
    margin-top:25px;
    margin-bottom:25px;
    width:100%;
}
.author-profile-area .btn-area button{
    width:100%;
    height:50px;
    border:1px solid #ff5862;
    margin:0 auto;
    display: block;
    position: relative;
    border-radius:3px;
    color:#ff5862;
}
.convenience-info-area{
    padding: 0 27px;
    position: relative;
    display: block;
    margin-bottom: 25px;
}
.my-order-class-area{
    padding-left:0;
    padding-right:0;
}
.my-order-class-area button{
    outline: none !important;
}
.my-order-class-area .tab{
    height:55px;
    overflow-x:scroll;
}
.my-order-class-area .tab > ul{
    height:100%;
    display: -webkit-flex;
    -ms-overflow-style: none;
    -webkit-scrollbar: none;
    padding-left:0;
    border:0;
    border-bottom: 16px solid #202121;
    border-image: linear-gradient(to bottom, #202121 80%, #fff 100%);
    border-image-slice: 2;
}
.my-order-class-area .tab > ul > li {
    width: 33.3333%;
}
.my-order-class-area .tab > ul > li > button{
    font-size: 14px;
    display: block;
    padding: 0 5px;
    line-height: 100%;
    font-weight: bold;
    color: #CBD2DB;
    height:100%;
    margin: 0 auto;
}
.my-order-class-area .tab > ul > li.active > button{
    color: #212121;
}
.my-order-class-area .tab > ul > li.active span{
    color:inherit;
}
.my-order-class-area .tab > ul > li.active > button:before{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #15202E;
    content: "";
}
.my-order-class-area .my-class-area{
    padding-top:0;
}
.my-class-area.class-order-info .order-item .class-img{
    text-align: center;
    vertical-align: middle;
    height: 100%;
    min-height: 100px;
    max-height: 125px;
    width: 100%;
    min-width: 120px;
}
.my-class-area.class-order-info .order-item .class-img .img{
    object-fit: cover;
    width:100%;
    height:100%;
}
.class-order-detail-content{
    padding-left:0;
    padding-right:0;
    /* padding-bottom:0; */
}
.class-order-detail-content button{
    outline: none !important;
}
.class-order-detail-content .my-class-area{
    padding-top:5px;
    padding-bottom:5px;
}
.class-order-detail-content .my-class-area .order-class-list .order-item{
    margin-top: 0;
    border: none;
    padding-left:0;
    padding-right: 0;
    display: flex;
    position:relative;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
}
.class-order-detail-content .my-class-area .order-class-list .order-item .left{
    height: 100%;
    width: 20%;
    position: relative;
}
.class-order-detail-content .my-class-area .order-class-list .order-item .order-option-list .left{
    width:40px;
    align-self: flex-start;
}
.class-order-detail-content .my-class-area .order-class-list .order-item.store-order-item .option-list .left{
    width:50px;
}
.order-history-container .my-class-area .order-class-list .order-item .left{
    height:100%;
}
.class-order-detail-content .my-class-area .order-class-list .order-item .class-img{
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
}
.order-history-container .my-class-area .order-class-list .order-item .class-img{
    width: 80px;
    height: 80px;
}
.class-order-detail-content .my-class-area .order-class-list .order-item .class-img .img{
    height: 95%;
    width: 95%;
    object-fit: cover;
    position: absolute;
    border-radius: 5px;
}
.order-history-container .my-class-area .order-class-list .order-item .class-img .img{
    height:100%;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.class-order-detail-content .my-class-area .payment-state-area{
    height: 60px;
}
.order-separate-area {
    height: 45px;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    margin-right: 0;
    margin-left: 0;
}
.order-separate-area div:first-child{
    padding-left: 20px;
}
.order-separate-area span{
    font-size: 1.3rem;
}
.total-price-area{
    margin-right:0;
    margin-left:0;
}
.order-history-container .total-price-area{
    margin-right:15px;
    margin-left:15px;
}
.row.padding-lr-5 > div[class*=" col-"], .row.padding-lr-5 > div[class^=col-] {
    padding-right:5px;
    padding-left:5px;
}
.row.padding-lr-10 > div[class*=" col-"], .row.padding-lr-10 > div[class^=col-] {
    padding-right:10px;
    padding-left:10px;
}
.payment-state-area{
    margin-right:0;
    margin-left:0;
}
.order-history-container .payment-state-area{
    margin-right:15px;
    margin-left:15px;
}
.order-history-container .bottom-btn-area{
    margin-right:15px;
    margin-left:15px;
}
.order-history-container .bottom-btn-area > button{
    width:100%;
}
.order-history-container .bottom-btn-area > button.btn-default{
    padding: 10px 10px;
    border-radius: 5px;
    color: #555555;
    border: .5px solid #a8a8a8;
}
.text-basic-red{
    color:#ff5862 !important;
}
.payment-state-area .payment-state-txt{
    font-size:1.5rem;
}
.total-price-area span{
    font-size:1.5rem;
}
.data-one-row{
    height:40px;
    margin-right:0;
    margin-left:0;
    display: flex;
    align-items: center;
    position: relative;
    border-bottom:1px solid #EFF3F8;
}
.data-one-row div:first-child{
    padding-left: 20px;
}
.data-one-row div:last-child{
    padding-right: 20px;
}
.data-one-row > div {
    word-break: keep-all;
}
.collapse .data-one-row, .collapsing .data-one-row{
    border-bottom:none;
    height:30px;
    font-size: 1.15rem;
    padding-right:15px;
}
.collapse .data-one-row i.hint-text, .collapsing .data-one-row i.hint-text{
    opacity:.5;
}
.collapse .data-one-row:last-of-type, .collapsing .data-one-row:last-of-type{
    border-bottom:1px solid #EFF3F8;
}
.data-one-row[data-toggle=collapse]:not(.collapsed){
    border-bottom:none;
}
hr.margin-5{
    margin-top:5px;
    margin-bottom:5px;
}
hr.margin-10{
    margin-top:10px;
    margin-bottom:10px;
}
.order-history-container .tab{
    height: 80px;
    width: 100%;
    padding: 0 20%;
    margin-bottom: 20px;
    box-shadow: none;
    margin-top: 25px !important;
}
.order-history-container .tab > ul{
    border-bottom: none;
    border-image: none;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    box-shadow: none;
    z-index: 0;
    position: relative;
    padding-bottom: 10px;
}
.order-history-container .tab > ul > li{
    width:33.3333%;
}
.order-history-container .tab > ul > li > button{
    margin: 0 auto;
    border-radius: 20px;
    padding: 10px 13px;
    background-color: #f0f0f0;
    min-width: 80px;
    color: #a8a8a8;
}
.order-history-container .tab > ul > li.active > button{
    background-color: #ff5862;
    color:#ffffff;
}
.order-history-container .my-class-area{
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 30px;
    padding: 0;
}
.order-history-container .my-class-area .order-class-list .order-item div.right {
    padding: 0 10px;
    border-left: none;
    text-align: left;
    color: #555555;
}
.order-history-container .my-class-area .order-class-list .order-item {
    height: 80px;
    margin-top: 0;
    border: none;
}
.my-order-homeclass-area .tab > ul > li{
    width:50%;
}
.my-order-homeclass-area .tab > ul > li > button {
    margin: 0 auto;
}
.collapse.in, .collapsing{
    /* padding-left: 5px; */
}
.align-self-center{
    display: flex;
    align-items: center;
}
.vip-membership-container{
    padding-right:0;
    padding-left:0;
}
.vip-membership-main-contents{
    position: relative;
    display: block;
    /*background-color: #fafafa;*/
    padding: 0px 15px 15px 15px;
}
.vip-membership-main-contents .txt-area label.label-danger{
    padding: .4rem .8rem .5rem;
    font-weight: 100;
    background-color: #ff5862;
}
.vip-membership-main-contents .txt-area .explain-title{
    font-size: 2.8rem;
    font-weight: bold;
    letter-spacing: .15rem;
    margin-top: 10px;
    margin-bottom: 10px;
}
.vip-membership-main-contents .txt-area .benefit-explain{
}
.vip-membership-main-contents .btn-area{
    width:100%;
    background-color: #fff;
    margin-top: 30px;
    position: relative;
}
.vip-membership-main-contents .btn-area .vip-membership-item-btn{
    position: relative;
    margin: 15px auto;
    width: 100%;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 6px;
    cursor: pointer;
    /* box-shadow: 1px 4px 11px -5px #29a3a3a3; */
    border: 1px solid #eaeaea;
}
.vip-membership-main-contents .btn-area .vip-membership-item-btn.active{
    box-shadow: 0px 0px 0px 2.5px #ff5862;
}
.vip-membership-main-contents .btn-area .vip-membership-item-btn .discount-badge{
    position: relative;
    float: right;
    top: -3px;
    right: 10px;
    width: 38px;
    height: 38px;
    background-image: url(/m/statics/img/icon/img_discount_vip.png?v=1.1);
    background-repeat: no-repeat;
    background-size: contain;
    color:#fff;
    text-align: center;
    padding: 5px;
}
.vip-membership-main-contents .btn-area .vip-membership-item-btn .item-info{
    height: 100%;
    padding: 15px 0;
    position: relative;
    width: 100%;
    justify-content: space-between;
}
.vip-membership-main-contents .btn-area .vip-membership-item-btn .item-info .price{
    margin-right: 15px;
}
.vip-membership-main-contents .btn-area .vip-membership-item-btn .item-info .price .base-price{
    font-size: 12px;
    color: #a8a8a8;
    font-weight: normal;
    text-decoration: line-through;
}
.vip-membership-main-contents .btn-area .vip-membership-item-btn .item-info .price .discount-price{
    font-size:19px;
    font-weight: 800;
}
.vip-membership-main-contents .btn-area .vip-membership-item-btn .item-info .price .discount-price span{
    font-weight: 700;
}
.vip-membership-main-contents input[type="radio"].vip-item-chkbox{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.vip-membership-main-contents input[type="radio"].vip-item-chkbox + div.radio-label{
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.vip-membership-main-contents input[type="radio"].vip-item-chkbox + div.radio-label:before{
    content: '';
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translate(0px, -50%);
    width: 21px;
    height: 21px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #cacece;
    border-radius: 100%;
}
.vip-membership-main-contents input[type="radio"].vip-item-chkbox:checked + div.radio-label:after{
    content: '';
    position: absolute;
    left: 11px;
    width: 21px;
    height: 21px;
    border-radius: 100%;
    background-image: url(/m/statics/img/icon/checkbox-circle-btn-ico-on.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    transform: translate(0px, -50%);
}
.vip-membership-item-btn .radio-label .label.label-danger{
    font-weight: 100;
    background-color: #ff5862;
    font-size: .6rem;
    border-radius: .3rem;
}
.vip-membership-item-btn .radio-label .item-title{
    font-weight: 800;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    gap: 3px;
}
.vip-membership-item-btn .radio-label .additional-info{
    font-size:1rem;
    margin-top: 8px;
}
.vip-membership-item-btn .radio-label .additional-info .badge{
    color:#ff5862;
    background-color:#fff0f1;
    font-weight: 800;
    padding: 5px 8px;
}
.vip-membership-container .vip-benefit-area{
    margin: 15px 15px;
    margin-bottom: 30px;
}
.vip-membership-container .vip-benefit-area .vip-benefit-title{
    font-size: 2.8rem;
    font-weight: bold;
    letter-spacing: .1rem;
}
.vip-membership-main-contents .vip-tooltip-box{
    position: absolute;
    top: -15px;
    right: 2px;
    z-index: 1;
    background: #6A82EC;
    padding: 3px 6px;
    border-radius: 7px;
    color: #fff;
    font-size: 11px;
}
.vip-membership-main-contents .vip-tooltip-box .tooltip-arrow{
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #6A82EC;
}
.vip-benefit-img{

}
.vip-benefit-img > [class^=benefit-]{
    display:block;
    text-align:center;
    width:54px;
    height:50px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 auto;
}
.vip-benefit-img > .benefit-1{
    background-image: url(/m/statics/img/icon/ic_vip_detail_1.svg);
}
.vip-benefit-img > .benefit-2{
    background-image: url(/m/statics/img/icon/ic_vip_detail_2.svg);
}
.vip-benefit-img > .benefit-3{
    background-image: url(/m/statics/img/icon/ic_vip_detail_3.svg);
}
.vip-benefit-img > .benefit-4{
    background-image: url(/m/statics/img/icon/ic_vip_detail_4.svg);
}
.vip-benefit-img > .benefit-5{
    background-image: url(/m/statics/img/icon/ic_vip_detail_5.svg);
}
.vip-benefit-img > .benefit-6{
    background-image: url(/m/statics/img/icon/ic_vip_detail_6.svg);
}
.vip-benefit-area .benefit-txt{
    font-size: 1.2rem;
    font-weight: 700;
}
.vip-benefit-area .hint-text{
    font-size:.9rem;
    opacity:.6;
}
.vip-benefit-area .row > .left{

}
.vip-benefit-area .row > .right{
    padding-right:0;
    padding-left:0;
    height: 100%;
    display: flex;
    align-items: center;
}
.vip-benefit-area > .row{
    margin-top:10px;
    margin-bottom:10px;
    height:48px;
}
.cancel-apply-agree-area{
    border-top: 1px solid #f0f3f8;
    background-color: #fff;
}
.cancel-apply-agree-area .checkbox-area {
    margin-top: 0;
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
    position: relative;
    padding-left: 16px;
}
.cancel-apply-agree-area .checkbox-area input[type="checkbox"]{
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    left: 0;
    width: 20px;
    height: 22px;
}
.cancel-apply-agree-area .checkbox-area input[type="checkbox"] + label{
    display: inline-block;
    vertical-align: top;
    padding-left: 6px;
    cursor: pointer;
    line-height:20px;
}
.cancel-apply-agree-area .checkbox-area input[type="checkbox"] + label:before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 1px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
}
.cancel-apply-agree-area .checkbox-area input[type="checkbox"] + label:after{
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
    text-align: left;
}
.cancel-apply-agree-area .checkbox-area input[type="checkbox"]:checked + label:before{
    background-color: #FF5862;
    border-color: #f97e86;
}
.cancel-apply-agree-area .checkbox-area input[type="checkbox"]:checked + label:after{
    font-family: "xeicon";
    content: "\e928";
    color: #fff;
    margin-left: 1px;
}
.profile-edit-container{
    padding-left:0;
    padding-right:0;
}
.profile-edit-container .profile-pic-edit-form{
    height:275px;
    background-color:#f7f7f7;
}
.profile-edit-container .profile-pic-edit-form .user-nickname{
    font-size: 2.5rem;
    position: relative;
    display: inline-block;
    top: 45px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.profile-edit-container .profile-pic-edit-form .user-loginType{
    font-size: 1.4rem;
    position: relative;
    display: inline-block;
    top: 45px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.profile-edit-container .profile-pic-edit-form .user-grade{
    font-size: 11px;
    position: relative;
    top: 75px;
    margin: 0 auto;
    width: 43%;
    text-align: center;
    background-color: #fff;
    align-self: center;
    border-radius: 50px;
    min-width: 206px;
    max-width: 216px;
    padding: 8px 0px;
}
.profile-edit-container .profile-pic-edit-form .user-grade span{
    color:#ff5862;
}
.profile-edit-container .profile-pic-edit-form .user-grade .user-grade-info-btn{
    border-radius: 50px;
    background-color: #ffe1e3;
    color: #ff5862;
    border-color: #ffe1e3;
    font-weight: 100;
    padding: 4px 9px;
    font-size: 11px;
}
.profile-edit-container .edit-form{
    position: relative;
    display: block;
    margin-top:15px;
}
.profile-edit-container .edit-form .basic-data-form{
    padding:0 15px;
}
.profile-edit-container .edit-form .additional-data-form{
    padding:0 15px;
}
.profile-edit-container .profile-pic-edit-form .profile-area{
    position: relative;
    width: 11rem;
    height: 11rem;
    border-radius: 50%;
    background-color: #ebebeb;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 auto;
    top: 30px;
}
.profile-edit-container .profile-pic-edit-form .profile-area .user-profile{
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
}
.camera-icon{
    position: absolute;
    bottom: 3px;
    right: 2px;
    width: 30px;
    height: 29px;
    font-size: 2.1rem;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #cbd2db;
}
.edit-form .card .one-pair-btn-group{
    border: 2px solid #f0f3f8;
    height: 45px;
    margin-top: 5px;
}
.edit-form .card .one-pair-btn-group input{
    width:70%;
    height:100%;
    border:none;
    font-size:1em;
    padding-left: 10px;
    display:inline;
    outline:none;
    box-sizing: border-box;
    color:black;
}
.edit-form .card .one-pair-btn-group button[type="button"]{
    width: 25%;
    height:60%;
    border:none;
    background-color: #FF5862;
    color:#fff;
    font-size: 1em;
    outline:none;
    display:inline;
    box-sizing: border-box;
    border-radius: 3px;
}
.edit-form .card .phone-group{
    border: 2px solid #f0f3f8;
    height: 45px;
}
.edit-form .card .phone-group:first-of-type{
    margin-top:5px;
}
.edit-form .card .phone-group:last-of-type{
    border-top:none;
}
.edit-form .card .phone-group input{
    width:70%;
    height:100%;
    border:none;
    font-size:1em;
    padding-left: 10px;
    display:inline;
    outline:none;
    box-sizing: border-box;
    color:black;
}
.edit-form .card .phone-group button[type="button"]{
    width: 25%;
    height:60%;
    border:none;
    background-color: #d4d8de;
    font-size: 1em;
    color: #313131;
    outline:none;
    display:inline;
    box-sizing: border-box;
    border-radius: 3px;
}
.edit-form .card .phone-group button[type="button"].active{
    background-color: #FF5862;
    color:white;
}
.edit-form .card .gender-group {
    margin-top:14px;
}
.edit-form .card .gender-group input[type="radio"]{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.edit-form .card .gender-group input[type="radio"] + label{
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    margin-right: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-weight: 100;
}
.edit-form .card .gender-group input[type="radio"] + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    height: 21px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #E2E2E2;
    border-radius: 100%;
    box-shadow: unset;
}
.edit-form .card .gender-group input[type="radio"] + label:active:before
, .edit-form .card .gender-group input[type="radio"]:checked + label:active:before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.edit-form .card .gender-group input[type="radio"]:checked + label:before{
    background: #ffffff;
    border-color: #E2E2E2;
}
.edit-form .card .gender-group input[type="radio"]:checked + label:after{
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 11px;
    height: 11px;
    background: #FF5862;
    border-radius: 100%;
    box-shadow: unset;
}
.edit-form .card .gender-group input[type="radio"]:disabled + label:after{
    cursor:not-allowed;
    background: #f0f0f0;
}
.edit-form .one-pair-select-group select{
    border: 2px solid #f0f3f8;
    height: 45px;
    margin-top: 5px;
    width: 100%;
    padding: 6px 7px;
    display: block;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.edit-form .one-pair-select-group select + .select-bottom-arrow{
    position: relative;
    float: right;
    right: 17px;
    top: -35px;
    color: #FF5862;
    font-size: 20px;
}
.edit-form .one-pair-select-group select::-ms-expand{
    display:none;
}
.additional-txt-info{
    height: 58px;
    display: flex;
    align-items: center;
    position: relative;
    background-color: #f6f6f6;
    padding-right: 15px;
    padding-left: 15px;
}
.additional-txt-info span{
    margin: 0 auto;
}
.virtual-payback-info-input-area{
    padding-right: 15px;
    padding-left: 15px;
    border-top: 15px solid #f0f3f8;
    padding-top: 15px;
}
.user-grade-container{}
.user-grade-container .user-grade-header{
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
.user-grade-container .user-grade-header strong{
    font-size: 2.8rem;
}
.user-grade-container .user-grade-header span{
    color: #9faab7;
    font-size: 1.9rem;
}
.user-grade-benefit-table{
    border-top: 2px solid #5f5f5f;
}
.user-grade-benefit-table table{
    border-bottom: 1px solid #ddd;
}
.user-grade-benefit-table table thead th{
    text-align:center;
    color:#9faab7;
}
.user-grade-benefit-table table tbody td{
    text-align:center;
}
.user-grade-benefit-table table tbody tr td:first-of-type{
    color:#6a82ec;
}
.user-grade-benefit-table table tbody tr td:last-of-type{
    font-weight:bold;
}
.common-absolute-bottom-area{
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
    padding-right: 15px;
    padding-left: 15px;
}
.common-relative-bottom-area{
    position: relative;
    z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f0f3f8;
    padding:15px;
}
.info-txt-list{
    list-style: none;
    margin-bottom: 15px;
    padding: 0;
}
.info-txt-list li{
    padding: 0 15px;
    list-style: none;
    position: relative;
    font-size: 13px;
    color:#9faab7;
}
.info-txt-list li .flag{
    top: 2px;
    left: 0;
    position: absolute;
    width: 15px;
    height: 15px;
    text-align: center;
    font-size: 10px;
    line-height: 14px;
    vertical-align: middle;
}
.info-txt-list li .info-content{
    padding-left: 0px;
}
.vod-curriculum-area{
    padding: 0 20px;
    padding-top: 10px;
    padding-bottom: 30px;
}
.vod-curriculum-list{
    margin-top: 15px;
}
.vod-curriculum-list li > button{
    width: 100%;
    height: 48px;
    border: 1px solid #d0d9e3;
    display:block;
    position:relative;
    border-radius:3px;
    text-align:left;
    padding:0 10px;
    margin:5px 0;
}
.error-page {
    text-align:center;
}
.error-page .logo{
    background-image: url('/m/statics/img/icon/sssd-logo.svg');
    width: 100%;
    height: 8vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}
.error-page .title{
    font-size:2.2rem;
    letter-spacing:.1rem;
    line-height:130%;
    padding: .8rem 0;
}
.error-page .content{
    font-size: 1.5rem;
    padding: .8rem 0;
}
.error-page .bottom-logo{
    background-image: url('/m/statics/img/bg/error-logo-bg.svg');
    width: 100%;
    height: 50vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin:2em 0;
}
.whole-table-body{
    height: 100vh;
    display: table;
    text-align: center;
    margin: 0 auto;
}
.whole-table-body .v-align-child{
    height:100%;
    width:100%;
    align-items: center;
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
}
.class-abbr-info-area{
    padding: 20px 15px;
}
.class-abbr-container{
    display: grid;
    grid-template-rows: 73px 73px;
    grid-template-columns: 1fr 1fr;
    position: relative;
    grid-row-gap: 9px;
    grid-column-gap: 9px;
}
.class-abbr-container .class-abbr-item{
    text-align: center;
    /*padding: 4px;*/
    place-self: center;
    width: 100%;
    height: 100%;
}
.class-abbr-container .class-abbr-item .wrapper{
    padding: 15px 0;
    border: 1px solid #dddddd;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    place-self: center;
}
.class-abbr-container .wrapper{
    display:table;
}
.class-abbr-container .wrapper > div{
    display:table-cell;
    vertical-align:middle;
}
.class-abbr-container .class-abbr-item .img{
    width: 100%;
    height: 25px;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    margin-top: 0;
    padding-right: 0;
    word-break: unset;
}
.store-abbr-container{
    display: grid;
    grid-template-rows: unset;
    /*grid-template-rows: 95px 95px;*/
    grid-template-columns: 1fr 1fr;
    position: relative;
}
.class-reply-info-box{
    position: relative;
    text-align:center;
    background-color: #ffffff;
}
.class-reply-info-box.type-a .wrapper{
    padding: 30px 20px;
    border-radius: 5px;
    box-shadow: 0 0 7px 0 rgb(202 202 202 / 50%);
}
.class-reply-info-box.type-b{
    grid-template-rows: .3fr .5fr 1fr;
    grid-template-columns: 2fr;
    padding: 30px 0;
}
.class-reply-info-box > [class^="item-"]{
    place-self: center;
    width: 100%;
}
.class-reply-info-box.type-a .item-a{
    display: flex;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    margin-bottom: 20px;
}
.class-reply-info-box.type-a .item-a > div{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
}
.class-reply-info-box.type-a .item-a > div:first-child{
    width: 30%;
}
.class-reply-info-box.type-a .item-a > div:first-child .satisfaction{
    font-size:26px;
}
.class-reply-info-box.type-a .item-a > div:first-child .satisfaction .percent{
    font-size:14px;
}
.class-reply-info-box.type-a .item-a .rec-tag{
    color:#6A82EC;
    margin-right: 5px;
    font-weight:600;
}
.class-reply-info-box.type-a .explain-row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 15px;
    width: 100%;
    position: relative;
    color:#252525;
}
.class-reply-info-box.type-a .explain-row:last-child{
    margin-bottom:0;
}
.class-reply-info-box.type-a .explain-row .explain-title{
    width: 22%;
    padding: 5px 15px;
    background: #F5F5F5;
    border-radius: 14px;
}
.class-reply-info-box.type-a .explain-row > div:nth-child(2){
    display: flex;
    justify-content: space-between;
    position: relative;
    width: calc(100% - 25%);
}
.class-reply-info-box.type-a .explain-row > div:nth-child(2) > div:first-child{
    position: relative;
    z-index: 1;
    display: inline-block;
    padding-right: 0.5rem;
    background: #fff;
}
.class-reply-info-box.type-a .explain-row > div:nth-child(2) > div:nth-child(2):before{
    content: '';
    display: block;
    margin-top: 1rem;
    position: absolute;
    right: 3.8rem;
    border-bottom: 1px dashed #D9DFE7;
    width: auto;
    left: 0;
}
.class-reply-info-box.type-a .item-b{}
.class-reply-info-box.type-a .item-c{
    grid-column-start: 1;
    grid-column-end: 1;
    font-size: 40px;
    color: #ff5252;
    border-right:1px solid #959595;
    font-weight:600;
    line-height:.8;
}
.class-reply-info-box.type-a .item-d{
    font-size: 40px;
    color: #ff5252;
    font-weight:600;
    line-height:.8;
}
.class-reply-info-box.type-a .item-e{
    grid-column-start: 1;
    grid-column-end: 3;
    word-break: keep-all;
    align-self: end;
}
.class-reply-info-box.type-b .item-b{
    font-size: 40px;
    color: #ff5252;
    font-weight:bold;
}
.class-reply-list-modal .header{
    height: 50px;
    border-radius: 10px 10px 0px 0;
    width: 100%;
    position: fixed;
    max-width: 480px;
    z-index: 2;
}
.reply-type-list{
    display: flex;
    /*position: relative;*/
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin: 20px 0;

    position: sticky;
    top: -10px;
    background-color: #ffffff;
    z-index: 1;
}
.reply-type-list li{
    display: inline-block;
    padding: 0 10px;
    color: #A8A8A8;
    cursor:pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
.reply-type-list li:first-child{
    border-left:none;
}
.reply-type-list li.active{
    color: #252525;
    font-size: 14px;
    font-weight: 800;
    line-height: 16px;
}
.reply-type-list li.active span{
    border-bottom: 2px solid #252525;
    padding-bottom: 3px;
    font-weight: 600;
}
button.close-btn{
    right: 20px;
    position: absolute;
    top: 12px;
    font-size: 20px;
    color: rgba(168, 168, 168, 1);
}
.user-reply-img-cnt{
    width: 25px;
    height: 25px;
    padding: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 11;
    color: #d9d9d9;
    font-size: 15px;
    text-align: center;
    border-radius: 5px 0 0 0;
}
.common-bottom-slide-layer.middle-height-2.class-detail .layer-body-area{
    position: relative;
    max-height: 100%;
    overflow-y: auto;
    margin-top: 50px;
    width: 100%;
}
.common-bottom-slide-layer.middle-height-2.class-detail .layer-body-area .list-area.wrap{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.class-reply-img-list-modal .list-area{
    padding: 60px 10px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    background-color: #ffffff;
}
.class-reply-img-list-item{
    position: relative;
    width: 50%;
    padding: 5px;
    webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    cursor: pointer;
}
.class-reply-img-list-item .list-photo{
    position: relative;
    border-radius: 1px;
    overflow: hidden;
    width: 100%;
    border-radius: 5px;
}
.class-reply-img-list-item .list-photo:after{
    content: "";
    display: block;
    background-color: #ebebeb;
    padding-top: 85%;
}
.class-reply-img-list-item .img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
}
/*.class-reply-list-modal{*/
/*	display: flex;*/
/*    width: 100%;*/
/*    flex-wrap: wrap;*/
/*    background: #fff;*/
/*	top: 100vh;*/
/*	position:fixed;*/
/*}*/
/*.class-reply-list-modal.opened{*/
/*	top: 0;*/
/*	position: relative;*/
/*	transition: 700ms cubic-bezier(0.39, -0.01, 0.2, 1);*/
/*}*/
/*.class-reply-list-modal .list-area{*/
/*	width:100%;*/
/*	padding-top: 50px;*/
/*}*/
.class-reply-list-modal .reply-info-list{
    display: flex;
    flex-flow: column;
    padding: 0 15px;
}
.class-reply-list-modal .reply-info-list .title{
    color: #252525;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    padding-bottom: 20px;
}
.class-reply-list-modal .reply-info-list .reply-cnt{
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
.class-reply-detail-modal{
    background: #fff;
    height:100vh;
}
.class-reply-detail-modal .list-area{
    padding-top: 50px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding-bottom: 70px;
    background: #fff;
}
.reply-show-more-btn-wrapper {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}
.reply-show-more-btn {
    /*width: 127px;*/
    border: .5px solid #888888;
    padding: 7px 10px;
    border-radius: 19.5px;
    color: #888888;
    font-size: 13px;
}
.reply-show-more-btn.author-more{
    width: 145px;
}
.reply-show-more-btn.author-more.btn-red{
    background-color: rgb(255,88,98);
    color: #fff;
    border: unset;
}
.reply-useful-btn-wrapper {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 50px;
    border-top: 1px solid #d9dfe7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    background-color:#fff;
    z-index:1;
}
.reply-useful-btn-wrapper .ask-txt{
    font-size: 12px;
    text-align: left;
    color: #6a82ec;
}
.reply-useful-btn-wrapper .reply-useful-btn{
    width: 78px;
    border: 1px solid #a8a8a8;
    color: #a8a8a8;
    border-radius: 17px;
    padding: 4px 5px;
    font-size: 12px;
    background-color: #fff;
    height: 28px;
}
.reply-useful-btn-wrapper .reply-useful-btn.active{
    border: 1px solid #6b82ec;
    color: #6b82ec;
}
.fl-arrow-btn-area{
    width: 100%;
    bottom: 70px;
    position: fixed;
    padding: 0 20px;
    z-index: 1;
}
.fl-arrow-btn-area > button{
    width: 70px;
    height: 30px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
}
.fl-arrow-btn-area .left-btn{
    background-image:url('/m/statics/img/left-btn-img.svg');
    float:left;
}
.fl-arrow-btn-area .right-btn{
    background-image:url('/m/statics/img/right-btn-img.svg');
    float:right;
}
.user-reply-img-gallery{
    position:relative;
    display:flex;
}
.user-reply-img-gallery li {
    margin:2px;
    width:calc(100% / 4);
    cursor:pointer;
}
.user-reply-img-gallery .type-6{
    width: 100%;
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}
.user-reply-img-gallery .type-6 li:first-child{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}
.user-reply-img-gallery .type-3{
    width: 100%;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}
.user-reply-img-gallery .type-3 li:first-child{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}
.user-reply-img-gallery .list-photo {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: #949FAE;
    border-radius: 5px;
}
.user-reply-img-gallery .list-photo:after {
    content: "";
    display: block;
    background-color: #ebebeb;
    padding-top: 100%;
}
.user-reply-img-gallery .list-photo .img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    display: block;
}
.user-reply-img-gallery .list-moreview{
    z-index: 11;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    text-align: center;
    padding-top: 35%;
    font-size: 20px;
    font-weight: bold;
}
.horizontal-swipe-list-area{
    background-color: #f0f3f8;
    padding: 40px 0 20px 0;
}
.horizontal-swipe-list-area .main-header{
    position: relative;
    display: table;
    width: 100%;
    padding: 0 15px;
}
.horizontal-swipe-list-area .main-header .header-left{
    width: 90%;
    display: table-cell;
    vertical-align: bottom;
    text-align : left;
}
.horizontal-swipe-list-area .main-header .header-right{
    width: 10%;
    display: table-cell;
    vertical-align: bottom;
    text-align:right;
    padding-bottom: 2px;
}
.horizontal-swipe-list-area .main-header .header-left .header-text,
.store-curation-list-group .main-header .header-left .header-text{
    font-size: 17px;
    color : #212121;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.horizontal-swipe-list-area .main-header .header-left .header-text.two-line,
.store-curation-list-group .main-header .header-left .header-text.two-line{
    -webkit-line-clamp: 2;
}
.horizontal-swipe-list-area .main-header .header-right span.show-all-btn{
    font-size: 13px;
    cursor: pointer;
}
.horizontal-swipe-list-area .swiper-container{
    margin-top: 15px;
}
.horizontal-swipe-list-area .swiper-wrapper {}
.horizontal-swipe-list-area .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.horizontal-swipe-list-area .swiper-slide {
    width: 147px;
    border-radius: 3px;
    overflow: hidden;
    background-color:#fff;
    background-position: center center;
    background-size: 100%;
    margin-right: 10px;
    -ms-overflow-style: none;
    scrollbar-width: none; /* Firefox */
    cursor:pointer;
}
.horizontal-swipe-list-area .swiper-slide:last {
    margin-right : 0px;
}
.horizontal-swipe-list-area .img{
    width : 100%;
    height : 133px;
    background-image: url(/m/common/css/image/img_loding_bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    position: relative;
}
.horizontal-swipe-list-area.type-a .swiper-slide{
    width:125px;
}
.horizontal-swipe-list-area.type-a .img{
    height:120px;
}
.horizontal-swipe-list-area.type-b .img{
    height:230px;
}
.horizontal-swipe-list-area.type-b .swiper-slide{
    width:208px;
}
.horizontal-swipe-list-area.type-b .txt-info{
    color: #fff;
    font-size: 12px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.horizontal-swipe-list-area.type-b .txt-info .txt-1{
    position: absolute;
    left: 7%;
    top: 8%;
}
.horizontal-swipe-list-area.type-b .txt-info .txt-2{
    position: absolute;
    left: 7%;
    top: 45%;
    transform: translateY(-50%);
    border: 0.5px solid #fff;
    padding: 4px 8px;
    border-radius: 17px;
}
.horizontal-swipe-list-area.type-b .txt-info .txt-3{
    padding: 0 7%;
    position: absolute;
    top: 55%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 700;
    font-size:18px;
    line-height:1.2;
}
.horizontal-swipe-list-area.type-b .txt-info .txt-4{
    position: absolute;
    left: 7%;
    bottom: 8%;
}
.horizontal-swipe-list-area.type-c .img{
    height: 195px;
}
.horizontal-swipe-list-area.type-c .img:before
, .mdpick-contents-container .img:before{
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 5px;
}
.horizontal-swipe-list-area.type-c .txt-info{
    color: #fff;
    font-size: 12px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.horizontal-swipe-list-area.type-c .txt-info .txt-1{
    position: absolute;
    left: 7%;
    top: 12%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.horizontal-swipe-list-area.type-c .txt-info .txt-2{
    position: absolute;
    left: 7%;
    top: 65%;
    font-weight: 700;
    font-size:18px;
}
.horizontal-swipe-list-area.type-c .txt-info .txt-3{
    position: absolute;
    left:7%;
    top: 77%;
}
.horizontal-swipe-list-area span.badge{
    font-weight: normal;
}
.horizontal-swipe-list-area .badge.blank{
    background-color: transparent;
}
.horizontal-swipe-list-area .txt-area{
    padding : 1px 1px 1px 2px;
}
.horizontal-swipe-list-area .swiper-slide .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 29px;

    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: -0.08px;
    color: #252525;
    margin-bottom: 3px;
}
.horizontal-swipe-list-area .swiper-slide .title.line-clamp-1 {
    height: auto;
    -webkit-line-clamp: 1;
}
.horizontal-swipe-list-area .swiper-slide .review {
    display: flex;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.08px;
    color: #6A82EC;
    height: 16px;
    gap: 2px;
}
.horizontal-swipe-list-area .swiper-slide .review .sssd-ic-top30-host::before{
    width: 17px;
    height: 16px;
}
.horizontal-swipe-list-area .swiper-slide .store-review {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.08px;
    color: #6A82EC;
    height: 18px;
    margin-bottom: 8px;
}
.horizontal-swipe-list-area .swiper-slide .store-review .store-review-star{
    background-image: url(/m/common/css/image/ic-star.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-size: contain;
    margin-right: 2px;
}
.horizontal-swipe-list-area .swiper-slide .store-review .store-review-txt{
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.08px;
    color: #252525;
}
.horizontal-swipe-list-area .swiper-slide .store-online-price{
    display: flex;
    flex-flow: column;
    gap: 8px;
}
.horizontal-swipe-list-area .swiper-slide .store-online-price .online-discount{
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.08px;
    color: #252525;
}
.horizontal-swipe-list-area .swiper-slide .store-online-price .online-price{
    display: flex;
    flex-flow: row;
    gap: 2px;
}
.horizontal-swipe-list-area .swiper-slide .store-online-price .online-price .online-month-price{
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.08px;
    color: #252525;
}
.horizontal-swipe-list-area .swiper-slide .store-online-price .online-price .online-month-price-count{
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: -0.08px;
    color: #252525;
    align-items: last;
}
.horizontal-swipe-list-area.type-a .txt-area{
    color: #252525;
    font-size: 12px;
    font-weight: 600;
}
.horizontal-swipe-list-area.type-a .txt-area .title{
    -webkit-line-clamp: 1;
    height: 15px;
    margin-top: 2px;
}
.horizontal-swipe-list-area.type-a .discount-rate{
    padding-right: 2px;
    color:#ff5862;
}
.horizontal-swipe-list-area.type-a .txt-area .price-info{
    margin-top: 3px;
}
.horizontal-swipe-list-area .txt-area .limit-event{
    color:#8094ff;
}
.horizontal-swipe-list-area .txt-area .type{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.horizontal-swipe-list-area .txt-area .ad{
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 11px;
    letter-spacing: -0.3px;
    color: #A8A8A8;
    background: #F4F4F4;
    border-radius: 100px;
    padding: 1px 5px;
}
.horizontal-swipe-list-area .txt-area .course{
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 11px;
    letter-spacing: -0.3px;
    color: #A8A8A8;
    margin-top: 9px;
    margin-bottom: 6px;
}
.horizontal-swipe-list-area .loc{
    position: absolute;
    top: 107px;
    left: 0;
    color: #fff;
    /*background-color: rgba(0,0,0,0.4);border-radius: 2px;*/
    padding: 2px 6px;
}
.horizontal-swipe-list-area .loc .xi-maker{
    font-size:15px;
}
.horizontal-swipe-list-area .loc > span{
    font-size:10px;
    vertical-align: 3px;
}
.horizontal-swipe-list-area .swiper-slide .price{
    font-size: 14px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 6px;
}
.horizontal-swipe-list-area .swiper-slide .price .base-price{
    font-size: 11px;
    color: #a8a8a8;
    text-decoration: line-through;
    display:inline-block;
}
.horizontal-swipe-list-area .swiper-slide .price .discount-rate{
    display:inline-block;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.08px;
    color: #FF5862;
}
.horizontal-swipe-list-area .swiper-slide .price .cost{
    position:relative;
    display:block;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.08px;
    color: #252525;
}
.vertical-swipe-list-area{
    padding: 0 15px;
    margin-top: 10px;
}
.vertical-swipe-list-area .img{
    color: #fff;
    font-size: 13px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}
.vertical-swipe-list-area.type-c{
    position: relative;
    padding: unset;
    margin-top: unset;
}
.vertical-swipe-list-area.type-a .img{
    padding-bottom: 55%;
}
.vertical-swipe-list-area.type-b .img{
    padding-bottom: 35%;
}
.vertical-swipe-list-area.type-c .img{
    position: relative;
    padding-bottom: 370px;
    border-radius: 5px;
}
.vertical-swipe-list-area .img.dim:before {
    content: " ";
    position: absolute;
    width:100%;
    height:100%;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 5px;
}
/*.vertical-swipe-list-area .img:before {*/
/*    content: " ";*/
/*    position: absolute;*/
/*    width:100%;*/
/*    height:100%;*/
/*    z-index: 1;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    background-color: rgba(0, 0, 0, 0.4);*/
/*    border-radius: 5px;*/
/*}*/
.vertical-swipe-list-area .list-item {
    margin: 20px 5px;
    position: relative;
}
.vertical-swipe-list-area .txt-info{
    color: #fff;
    font-size: 12px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.vertical-swipe-list-area .txt-info .txt{
    position: absolute;
}
.vertical-swipe-list-area.type-a .txt-info .txt-1{
    left: 7%;
    top: 8%;
    font-size: 15px;
}
.vertical-swipe-list-area.type-a .txt-info .txt-2{
    left: 7%;
    top: 45%;
    border: 0.5px solid #fff;
    padding: 4px 8px;
    border-radius: 17px;
    font-size: 15px;
}
.vertical-swipe-list-area.type-a .txt-info .txt-3{
    width: 80%;
    top: 55%;
    left: 7%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    align-content: flex-start;
    font-weight:normal;
    font-size: 13px;
}
.vertical-swipe-list-area.type-a .txt-info .txt-3 strong{
    font-weight:700;
    font-size: 23px;
    word-break: keep-all;
    line-height: 1.1;
    margin-bottom: 10px;
}
.vertical-swipe-list-area.type-a .txt-info .txt-4{
    left: 7%;
    bottom: 8%;
}
.vertical-swipe-list-area.type-b .txt-info .txt-1{
    left: 7%;
    top: 15%;
    border: 0.5px solid #fff;
    padding: 4px 8px;
    border-radius: 17px;
    font-size: 15px;
}
.vertical-swipe-list-area.type-b .txt-info .txt-2{
    width: 85%;
    top: 45%;
    left: 7%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    align-content: flex-start;
    font-weight:normal;
    font-size: 13px;
}
.vertical-swipe-list-area.type-b .txt-info .txt-2 strong{
    font-weight:700;
    font-size: 23px;
    word-break: keep-all;
    line-height: 1.1;
}
.vertical-swipe-list-area.type-c .txt{
    z-index: 1;
}
.vertical-swipe-list-area.type-c .txt-info{
    position: relative;
    width: 100%;
    display: contents;
    color: #ffffff;
}
.vertical-swipe-list-area.type-c .txt-info .txt-1{
    left: 7%;
    top: 10%;
    border: 0.5px solid #fff;
    padding: 4px 8px;
    border-radius: 17px;
    font-size: 12px;
}
.vertical-swipe-list-area.type-c .txt-info .txt-2{
    width: 85%;
    top: 20%;
    left: 7%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    align-content: flex-start;
}
.vertical-swipe-list-area.type-c .txt-info .txt-2 strong{
    word-break: keep-all;
    font-size: 26px;
    font-weight: 800;
    color: #FFF;
}
.vertical-swipe-list-area.type-c .txt-info .txt-3{
    width: 80%;
    top: 65%;
    left: 7%;
    color: #FFF;
    font-size: 13px;
    font-weight: 400;
}
.reply-img-list{
    margin: 0 auto;
    margin-top:10px;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /*z-index: 1;*/
}
.reply-img-list > ul{
    overflow-x: auto;
    position: relative;
    width: 100%;
    height: 100%;
    /*z-index: 1;*/
    display: flex;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box;
    transform: translate3d(0px, 0, 0);
}
.reply-img-list > ul:after{
    content: "";
    display: table;
    clear: both;
}
.reply-img-list > ul li{
    width: calc(100%/2);
    overflow: hidden;
    background-position: center center;
    height: 150px;
    position: relative;
    margin-right: 5px;
}
.reply-img-list > ul li:nth-child(2){
    margin-right: unset;
}
.reply-img-list > ul.type-1 li{
    width: 100%;
    padding: unset !important;
}
.reply-img-list > ul li:-webkit-scrollbar{
    display: none !important;
}
.reply-img-list > ul li .img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.reply-img-list > ul li:after{
    content: "";
    display: block;
    background-color: #fff;
    padding-top: 100%;
}
.reply-img-list > ul li .list-more{
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    font-weight: 800;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #FFFFFF;
    padding-top: unset;
}
.reply-img-list > ul li .list-more .list-count{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.class-reply-info-box .tooltip-inner {
    color: #252525;
    background-color: #fff;
    width: 125px;
    text-align: left;
    padding: 3px 5px;
    word-break: keep-all;
    border: 1px solid #f6f6f6;
    box-shadow: 1px 2px 4px 2px rgb(0 0 0 / 10%);
}
.tooltip .tooltip-arrow{
    display : none;
}
.class-reply-info-box .tooltip .tooltip-arrow{
    display:none;
    border-right-color: rgb(226,226,226) !important;
}
.cs-txt{
    color:#9faab7;
    font-size:12px;
}
.cs-txt a{
    color:#9faab7;
}
.class-new-badge {
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(/m/common/css/image/icon/img_badge_new.svg);
    width: 24px;
    height: 24px;
}
.premium-author-badge {
    background-image: url(/m/statics/img/icon/ic-primeum-crown.png);
    background-position: center;
    background-size: 12px;
    background-repeat: no-repeat;
    bottom: 0px;
    right: -7px;
    object-fit: contain;
    width: 18px;
    height: 18px;
    position: absolute;
    border-radius: 50%;
    background-color: #e62121;
    border: 1px solid #fff;
}
.premium-author-badge.lg {
    border: 2px solid #fff;
    width: 26px;
    height: 26px;
    background-size: 16px;
    right: 0;
}
.premium-author-mark{
    /*background-image: url(/m/common/css/image/icon/ic_review_1st.svg);
    width: 23px;
    height: 26px;
    position: absolute;
    right: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;*/
}
.currnet-view-person-alert {
    z-index: 1;
    position: fixed;
    bottom: 80px;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(106, 130, 236, 0.8);
    color: #fff;
    padding: 6px 70px;
    border-radius: 5px;
    font-size: 12px;
    white-space: nowrap;
}
.currnet-view-person-alert.upper{
    bottom: 105px;
}
.class-detail-tab > ul{
    justify-content: space-between;
    padding-left:0;
}
.class-detail-tab > ul li {
    width: calc(100%/3);
    text-align: center;
    overflow: hidden;
}
.class-reply-info-area{
    /*padding: 15px 15px;*/
    /*padding-bottom: 10px;*/
}
.class-reply-info-area h3{
    padding: 0 15px;
}
.class-reply-info-area .user-reply-img-gallery{
    padding: 0 15px;
}
.class-reply-info-area .main-reply-list-area{
    margin-top:15px;
}
.class-reply-info-area .main-reply-list-area .reply-summary-txt{
    padding: 10px 0;
    margin: 10px 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /*border: 1px solid #ff5862;*/
    background: #FFF0F1;
    border-radius: 5px;
    font-size: 13px;
    line-height: 15px;
    font-weight: 700;
}
.main-reply-list-area .reply-summary-list-box{
    margin-top: 10px;
}
.main-reply-list-area .reply-summary-list-box .reply{
    /*border:1px solid #efefef;*/
    padding: 24px 18px;
    border-radius:5px;
    background-color: #F8F8F8;
}
.main-reply-list-area .reply-summary-list-box .profile-box{
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.main-reply-list-area .reply-summary-list-box .profile-box .profile{
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    margin-right: 10px;
}
.main-reply-list-area .reply-summary-list-box .content-box{
    margin-top: 10px;
    height: 105px;
    font-size:14px;
}
.author-other-class-info {
    position: relative;
    padding: 30px 15px 40px 15px;
}
/*.author-other-class-info .class-list-area {*/
/*    margin-top: 10px;*/
/*}*/
.author-other-class-info .move-author-detail-btn{
    text-align: center;
    cursor: pointer;
    border: 1px solid rgba(230,230,230,0.5);
    padding: 12px 3px;
    border-radius: 25px;
    color: #555555;
    font-size: 13px;
}
.hide{
    display:none !important;
}
.homeclass-recommand-card-area{}
.homeclass-recommand-card-area .lucky-msg{
    display: block;
    text-align: center;
    color: #ff5862;
    position: relative;
    height: 20px;
    opacity:0;
    margin-top:5px;
    font-size: 12px;
}
.flip-card-area{
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
    width: 100%;
    height: 100%;
    top:210px;
}
.flip-card-area .flip-card:nth-child(1){
}
.flip-card-area .flip-card:nth-child(2){
}
.flip-card-area .flip-card:nth-child(3){
}
.flip-card-area .flip-card:nth-child(1) .front-content{
    background-position: left;
}
.flip-card-area .flip-card:nth-child(2) .front-content{
    background-position: center;
}
.flip-card-area .flip-card:nth-child(3) .front-content{
    background-position: right;
}
.flip-card-wrapper{
    overflow:hidden;
    height:210px;
}
.flip-card {
    background-color: transparent;
    width: 100%;
    height: 100%;
    perspective: 1500px; /* Remove this if you don't want the 3D effect */
}
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}
.flip-card.opened .flip-card-inner {
    transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.flip-card-front {
}
.flip-card-front .front-content{
    background-image: url(/m/statics/img/img-flip-card.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 100%;
    height: 100%;
}
.flip-card-back {
    color: white;
    transform: rotateY(180deg);
    padding: 6px 9px;
}
.flip-card-back .back-content{
    box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    border-radius:5px;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 6px;
}
.flip-card-back .back-content .img{
    width:100%;
    height:100%;
    border-radius:5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.homeclass-header{

}
.homeclass-recommand-card-area{
    padding: 30px 15px 20px 15px;
    background-color: #fff1f2;
}
.homeclass-recommand-card-area .main-title{
    font-size:20px;
    font-weight:bold;
    padding-left:5px;
}
.homeclass-recommand-card-area .sub-title{
    opacity:.7;
    font-size:12px;
    padding-left:5px;
}
.homeclass-category-btn-area{
    position: fixed;
    background: #fff;
    border-top: 1px solid #ebebeb;
    padding: 15px 0;
    transition: .3s ease-in-out;
    z-index: 11;
    overflow: hidden;
    white-space: nowrap;
    width:480px;
    top: 50px;
}
.homeclass-category-btn-area.hiding{
    top:-50px !important;
}
.homeclass-category-btn-area .cate-btn{
    width: auto;
    position: relative;
    /* height: 37px; */
    cursor: pointer;
    border-radius: 10px;
    color: #A8A8A8;
    background-color: #FFFFFF;
    border: 1px solid #A8A8A880;
    padding: 10px 10px;
    font-size: 11px;
    line-height: 13px;
    margin-right: 7px;
}
.homeclass-category-btn-area .cate-btn.active{
    color: #ffffff;
    background-color: #555555;
    font-weight: 800;
    font-size: 11px;
    border: 1px solid #555555;
    line-height: 13px;
}
.homeclass-category-btn-area .btn-list {
    width: 100%;
    height: 100%;
    padding-bottom:2px;
    -ms-overflow-style: none;
}
.homeclass-category-fixed-btn-area{
    padding: 15px;
}
.homeclass-category-fixed-btn-area .btn-list{
    overflow-x: scroll;
    white-space: nowrap;
}
.homeclass-category-fixed-btn-area .btn-list li{
    display: inline-block;
}
.homeclass-category-fixed-btn-area li .cate-btn{
    position: relative;
    height: 37px;
    cursor: pointer;
    border-radius: 5px;
    color: #525252;
    background-color: #ebebeb;
    padding: 0 20px;
    margin:0 2px;
}
.homeclass-category-btn-area .btn-list::-webkit-scrollbar {display:none;}
.homeclass-category-fixed-btn-area .btn-list::-webkit-scrollbar {display:none;}
hr.homeclass-separator{border:1px solid #d8d8d8;}
.header.float-header-left-btn-area{
    background-color: transparent;
    height: 0;
}
.float-header-left-btn {
    position: absolute;
    display: block;
    top: 23px;
    width: 30px;
    height: 30px;
    font-size: 20px;
    z-index: 99;
    text-align: center;
}
.float-header-left-btn > i{
    color: #fff;
    font-weight: bold;
}
.curation-banner-area{
    width: 100%;
}
.curation-banner-area .img{
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: cover;
    border: 0 none;
    margin: 0;
    padding: 0;
}
.homeclass-footer{
    background-color:#e4e9ff;
    padding-bottom: 20px;
}
.homeclass-footer .next-inform-txt{
    color: #6a82ec;
    font-size: 12px;
}
.homeclass-footer .next-move-btn{
    position: relative;
    padding: 10px 25px;
    cursor: pointer;
    color: #6a82ec;
    border: 1px solid #6a82ec;
    border-radius: 20px;
    font-size: 12px;
}
.info-difficulty{
    background-image: url(/m/statics/img/icon/ico-difficulty.svg);
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.info-complete-medal{
    background-image: url(/m/statics/img/icon/ico-complete-medal.svg);
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.info-delivery-type{
    background-image: url(/m/statics/img/icon/ico-delivery-truck.svg);
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.info-material-type{
    background-image: url(/m/statics/img/icon/ico-vod-and-gift.svg);
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.info-gift-box{
    background-image: url(/m/statics/img/icon/ico-gift-box.svg);
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.info-paper-only{
    background-image: url(/m/statics/img/icon/ico-paper-only.svg);
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.info-vod-only{
    background-image: url(/m/statics/img/icon/ico-vod-only.svg);
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.info-paper-and-vod{
    background-image: url(/m/statics/img/icon/ico-paper-and-vod.svg);
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.info-live-streaming{
    background-image: url(/m/statics/img/icon/ico-live-streaming.png);
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.homeclass .tooltip.in, .store .tooltip.in{
    opacity:1;
}
.homeclass .tooltip-arrow, .store .tooltip-arrow{
    display:none;
}
.homeclass .tooltip-inner, .store .tooltip-inner{
    color: rgb(85,85,85);
    background-color: rgb(226,226,226);
    width: 165px;
    text-align: left;
    padding: 3px 5px;
    word-break: keep-all;
    font-size:10px;
}
.additional-info-area{}
.additional-info-area > ul{}
.additional-info-area > ul > li{
    border-bottom: 1px solid #F0F3F8;
    padding: 15px 15px;
}
.store-cancel-text-list{
    list-style: none;
    margin: 10px 0;
    padding: 0;
    padding-top: 50px;
    padding-bottom: 30px;
    height: 100%;
}
.store-cancel-text-list li{
    margin: 10px 0;
    padding: 0 20px;
    list-style: none;
    position: relative;
    font-size: 13px;
}
.store-cancel-text-list li .txt {
    font-size:16px;
    font-weight:bold;
}
.store-cancel-text-list li .sub {
    font-size: 14px;
    word-break: keep-all;
    white-space: pre-line;
    margin-top: 5px;
    color:#555555;
}
.store-detail-offer-docs-area{
    padding: 45px 15px 30px 15px;
}
.store-item-score-area {
    grid-template-rows: .2fr .6fr .2fr;
    grid-template-columns: auto;
    padding: 25px 15px;
    height: 147px;
    margin: 20px 15px;
    border-radius: 5px;
    box-shadow: 0 0 7px 0 rgba(202, 202, 202, 0.5);
    display: grid;
    position: relative;
    text-align: center;
    background-color: #ffffff;
}
.store-item-score-area > [class^="item-"] {
    place-self: center;
    width: 100%;
}
.store-item-score-area .item-a{
    color: #252525;
    font-size: 13px;
    font-weight: 600;
}
.store-item-score-area .item-b{
    color: #ff5252;
    font-weight: 300;
    font-size: 40px;
}
.store-item-score-area .item-c{
}
.class-detail-tab {
    box-shadow: 0 5px 6px 0 rgba(169, 178, 192, 0.11);
}
.header-left-angle-btn {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 20px;
    width: 22px;
    height: 30px;
    cursor:pointer;
    color:#ffffff;
}
.header-left-angle-btn.blk-btn{
    color : black;
}
.header-left-angle-btn > div{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.store-item-list-header-area .header-left-angle-btn{
    width: 35px;
    height: 50px;
}
.store-faq-area {
    padding: 20px 15px;
}
.store-faq-area .header-title{
    font-weight:bold;
}
.store-faq-area .faq-item {
    padding: 14px 13px;
    border: 1px solid rgba(230,230,230,0.5);
    border-radius: 5px;
    margin-bottom: 10px;
    background:#fff;
}
.store-faq-area .faq-item.fold{
    background:#fff;
}
.store-faq-area .faq-item.unfold{
    background:#fcfcfc;
}
.store-faq-area .faq-item .title-box{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    cursor:pointer;
}
.store-faq-area .faq-item .title{
    color: #252525;
    font-size:14px;
}
.store-faq-area .faq-item .content{
    margin-top: 10px;
    font-size: 14px;
    word-break: break-all;
    white-space: pre-line;
    border-top:1px solid #e8e8e8;
    padding-top:10px;
    color:#515151;
}
.store-faq-area .faq-item .toggle-btn {
    color: #a8a8a8;
    font-size: 16px;
    font-weight: bold;
}
.limit-event-alert-msg{
    background-color: #d7ddff;
    text-align: center;
    padding: 5px 0;
    color: #8094ff;
    font-size:11px;
    font-weight:bold;
}
.header .header-title {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    white-space: pre-line;
    overflow: hidden;
}
.header.border-bottom{
    border-bottom: 1px solid #d9dfe7;
}
.header .header-right-text-btn{
    position: absolute;
    right: 15px;
    top: 18px;
}
.img-detail-view .swiper-wrapper .swiper-slide{
    background-color: #252525;
}
.limit-event-price-bar{
    height: 110px;
    padding: 0;
}
.limit-event-price-bar > .row{
    padding: 15px;
}
.limit-event-price-bar.hiding{
    bottom:-111px !important;
}
.price-bar.store .detail_btn button {
    background-color: #677ff4;
    color: #ffffff;
}
.price-bar.store .detail_txt .discount_rate {
    color:#677ff4;
}
.delivery-abbr-area {
    padding: 20px 15px;
    /*border-top: 1px solid #f0f3f8;*/
}
.store .btn_write_review{
    border: 1px solid #677ff4 !important;
    color: #677ff4 !important;
}
.store .btn_write_review span.icon_write {
    background-image: url(/m/common/css/image/store_review_write.svg);
}
.delivery-abbr-area .info-box{
    border: 1px solid #dddddd;
    border-radius: 5px;
    padding: 10px 15px;
    margin-top: 10px;
    background-image: url(/m/statics/img/icon/ico-delivery-truck.svg);
    width: 100%;
    height: 60px;
    background-repeat: no-repeat;
    position: relative;
    background-position: left center;
    background-position-x: 15px;
}
.delivery-abbr-area .info-box .delivery-fee-type-txt{
    position: relative;
    padding-left: 45px;
    line-height: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}
/* 티켓 정보 요약 */
.class-abbr-item .info-ticket-place{
    width: 100%;
    height: 25px;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 23px 23px;
    margin-top: 0;
    padding-right: 0;
    word-break: unset;
    background-image: url(/m/statics/img/icon/ico-place.svg);
}
.class-abbr-item .info-ticket-parking{
    width: 100%;
    height: 25px;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    margin-top: 0;
    padding-right: 0;
    word-break: unset;
    background-image: url(/m/statics/img/icon/ico-parking.svg);
}
.class-abbr-item .info-ticket-no-parking{
    width: 100%;
    height: 25px;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    margin-top: 0;
    padding-right: 0;
    word-break: unset;
    background-image: url(/m/statics/img/icon/ico-noparking.svg);
}
.class-abbr-item.ticket-row{
    text-align: left;
    grid-column: 1/3;
    text-align: left !important;
}
.class-abbr-item .info-ticket-calendar{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    gap: 3px;
}
.class-abbr-item .info-ticket-calendar span{
    display: flex;
    justify-content:center;
    align-items:center;
}
.class-abbr-item .info-ticket-calendar .ic-ticket-calendar{
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/m/statics/img/icon/ico-calendar.svg);
    display: flex;
    justify-content:center;
    align-items:center;
    margin-bottom: 3px;
}
.recommand-class-list-box .closed.swiper-slide .img::before
,.recommand-class-list-box .closed .class-thumb .img::before
,.recommand-class-list-box .closed .list-thumb .img::before{
    padding-top: 34%;
}
.closed.swiper-slide .img::before
, .closed .class-thumb .img::before
, .closed .list-thumb .img::before{
    position: absolute;
    z-index: 10;
    content: "판매완료";
    padding-top: 30%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 7px;
}
.will-open.swiper-slide .img::before
, .will-open .class-thumb .img::before
, .will-open .list-thumb .img::before{
    position: absolute;
    z-index: 10;
    content: "오픈예정";
    padding-top: 35%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 7px;
}
@media screen and (max-width : 400px){
    .closed.swiper-slide .img::before
    , .closed .class-thumb .img::before
    , .closed .list-thumb .img::before
    , .will-open.swiper-slide .img::before
    , .will-open .class-thumb .img::before
    , .will-open .list-thumb .img::before{
        padding-top: 37%;
    }
}

.store-hot-category-btn-area{
    white-space: normal;
}
.store-hot-category-btn-area .cate-btn {
    background-color: #fff;
    color: #a8a8a8;
    border: .5px solid #a8a8a8;
    margin: 3px 5px 3px 0;
    padding: 0 15px;
    height: 35px;
}
.store-hot-category-btn-area .cate-btn.active{
    background-color: #677ff4;
    color: #677ff4;
}
.string-banner-area {
    overflow: hidden;
}
.string-banner-area .swiper-container{
    height: 100%;
    width: 100%;
}
.string-banner-area .swiper-container .img{
    width: 100%;
    height: 100%;
}
.string-banner-area .swiper-container .img img, .string-banner-area .swiper-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor:pointer;
}
.string-banner-area.bottom-fixed{
    position:fixed;
    bottom:0;
    width: 100%;
    display: block;
}
.common-bottom-slide-layer{
    position: fixed;
    height: 265px;
    bottom: -265px;
    background-color: white;
    z-index: 1001;
    width: 100%;
    transition: all 300ms cubic-bezier(0.27, 0.01, 0.27, 0.97);
    border-radius: 10px 10px 0 0;
    max-width: 480px;
}
.common-bottom-slide-layer.login-height{
    height: 300px;
    bottom: -300px;
}
.common-bottom-slide-layer.full-height{
    height: 100%;
    bottom: -100%;
    border-radius: 0;
    transform: translateY(100%);
}
.common-bottom-slide-layer.middle-height-2{
    height: 90%;
    bottom: -90%;
    transform: translateY(90%);
}
.common-bottom-slide-layer.middle-height-2.type-1{
    height: 100%;
    bottom: -100%;
    transform: unset;
    border-radius: unset !important;
}
.common-bottom-slide-layer.middle-height{
    height: 80%;
    bottom: -80%;
    border-radius: 0;
    transform: translateY(80%);
}
.common-bottom-slide-layer.open, .common-bottom-slide-layer.opened{
    bottom: 0 !important;
    transform:translateY(0);
}
.common-bottom-slide-layer .text-header{
    /* position: relative; */
}
.common-bottom-slide-layer .header-close-btn {
    position: absolute;
    font-size: 20px;
    left: 16px;
    top: 17px;
    display: block;
    font-weight: 600;
}
.common-bottom-slide-layer .layer-header-area{
    position: relative;
}
.common-bottom-slide-layer .layer-header-area .leyer-login-header{
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    align-items: center;
}
.common-bottom-slide-layer .layer-header-area .leyer-login-header .header-left-title{
    color: #252525;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.08px;
}
.common-bottom-slide-layer .layer-header-area .leyer-login-header .close{
    position: relative;
    top: unset;
    right: unset;
}
.common-bottom-slide-layer .layer-header-area .close{
    display: block;
    background-image: url(/m/statics/img/icon/btn-gnb-close-black@3x.png);
    background-size: 100% auto;
    width: 30px;
    height: 30px;
    top: 10px;
    position: absolute;
    right: 10px;
    text-indent: -1000em;
    /*color: #a8a8a8;*/
    opacity: unset;
}
.common-bottom-slide-layer .layer-header-area .close.gray{
    background-image: url(/m/statics/img/class/detail/ic-close-btn-gray.png);
}
.common-bottom-slide-layer.option-select-layer{
    height: 80%;
    bottom: -80%;
    max-height: 1000px;
}
.common-bottom-slide-layer.option-select-layer .layer-body-area{
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-scrollbar: none;
    padding: 0px 15px 220px 15px;
    height: 100%;
}
.common-bottom-slide-layer.option-select-layer .layer-body-area::-webkit-scrollbar{
    display:none;
    width:0 !important;
}
.option-select-layer .layer-header-area{
    height: 35px;
}
.option-select-layer .option-price-area{
    position: fixed;
    border-top: 1px solid #a8a8a8;
    padding:15px;
    height: 145px;
    bottom: -145px;
    background: #fff;
    transition: all 300ms cubic-bezier(0.27, 0.01, 0.27, 0.97);
}
.option-select-layer .option-price-area.opened{
    bottom: 0;
}
.option-select-layer .total-price{
    font-size: 18px;
    margin-right: 2px;
}
.option-select-layer .layer-title{
    font-size:17px;
}
.option-select-layer.store .total-price-title{
    color:#6a82ec;
}
.option-select-layer.store.homeclass .total-price-title{
    color:#ff5862;
}
.option-select-layer.store .option-price-area button{
    width: 100%;
    border: 0.5px solid #6a82ec;
    color: #6a82ec;
    border-radius: 5px;
    padding: 13px 5px;
    font-size:17px;
}
.option-select-layer.store.external-session .option-price-area button{
    background : #6a82ec;
    color:#fff;
}
.option-select-layer.store .option-price-area .add-to-cart-btn{
    color:#fff;
    background:#6a82ec;
}
.option-select-layer.store.homeclass .option-price-area button{
    color:#ff5862;
    border-color:#ff5862;
}
.option-select-layer.store.homeclass.external-session .option-price-area button{
    color:#fff;
    background:#ff5862;
}
.option-select-layer.store.homeclass .option-price-area .add-to-cart-btn{
    color:#fff;
    background:#ff5862;
}
.option-select-layer .option-price-area > div:last-child{
    height: 50%;
    bottom: 0;
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}
.option-select-layer.option-area .option-item.card{
    margin-bottom:5px;
}
.option-select-layer .option-item .counting-btn{
    border-radius:50%;
    color:#979797;
    padding: 4px 4px;
}
.option-select-layer .counting-btn-box{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.after-add-cart-layer{
    height:230px;
    bottom:-230px;
}
.after-add-cart-layer .layer-header-area{
    height: 35px;
}
.after-add-cart-layer .layer-title{
    color:#252525;
    font-size: 17px;
    font-weight: 600;
}
.after-add-cart-layer .layer-body-area{
    padding: 0px 15px 20px 15px;
    height: 100%;
}
.after-add-cart-layer .float-outside-box{
    height: 50px;
    position: relative;
    width: 90%;
    background: #6a82ec;
    border-radius: 5px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}
.after-add-cart-layer.store .float-outside-box{
    background: #ff5862;
}
.after-add-cart-layer.homeclass .float-outside-box{
    background: #ff5862;
}
.after-add-cart-layer.opened .float-outside-box{
    position:absolute;
    top: -25%;
}
.after-add-cart-layer .float-outside-box > div:first-child{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.after-add-cart-layer .float-outside-box .cart-ico{
    background-image: url(/m/statics/img/icon/cart-ico.png);
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 5px;
}
.app-install-propose-with-msg-layer{
    height:278px;
    bottom: -278px;
}
.app-install-propose-with-msg-layer.sm-logo-alert{
    height: 82px;
    bottom:-82px;
    border-top: .5px solid #d9dfe7;
    border-radius: 0;
}
.app-install-propose-with-msg-layer > .grid{
    width: 100%;
    height: 100%;
    position: relative;
    display: grid;
    grid-template-rows: 2fr 1fr 1.3fr;
    grid-template-columns: 1fr;
}
.app-install-propose-with-msg-layer > .grid > .item-a {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: 50% auto;
    align-items: center;
    padding: 0 8% 0 8%;
}
.app-install-propose-with-msg-layer > .grid > .item-a > .app-icon{
    background-image: url(/m/statics/img/icon/sssd-app-icon.png?v=1.1);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 55px 55px;
    display: block;
    height: 100%;
}
.app-install-propose-with-msg-layer > .grid > .item-b {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    /*height: 100%;*/
    /*background-color: #ffe7e8;*/
    background-image: url(/m/statics/img/ic-install-item-b.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 90%;
    background-position-y: 0;
    display: flex;
    align-items: center;
    padding:0 8% 0 8%;
}
.app-install-propose-with-msg-layer > .grid > .item-c {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
}
.app-install-propose-with-msg-layer > .grid > .item-a > span{
    font-size:1.2em;
    font-weight:600;
    color:#525252;
    letter-spacing: -0.4px;
    line-height: 1.31;
    text-align: center;
}
.app-install-propose-with-msg-layer > .grid > .item-b span{
    font-size:.8em;
}
.app-install-propose-with-msg-layer > .grid > .item-b strong{
    font-size:1em;
    color:#ff5862;
}
.app-install-propose-with-msg-layer .app-install-propose-with-msg-layer-btn-area{
    display: inline-flex;
    width: 100%;
    height: 100%;
    padding: 15px 7% 15px 7%;
}
.app-install-propose-with-msg-layer .install-cancel-btn{
    display: block;
    background-color: #e8e8e8;
    color: #555555;
    border-radius: 10px;
    width: 50%;
    height: 100%;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
}
.app-install-propose-with-msg-layer .install-page-move-btn{
    display: block;
    background-color: #FF5862;
    color: #fff;
    border-radius: 10px;
    width: 50%;
    height: 100%;
    margin-left: 10px;
    text-align: center;
    vertical-align: middle;
}
.app-install-propose-layer > .grid{
    width: 100%;
    height: 100%;
    position: relative;
    display: grid;
    grid-template-rows: 2fr 1fr 1fr;
    grid-template-columns: 1fr;
}
.app-install-propose-layer > .grid > .icon-area{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    background-image: url(/m/statics/img/icon/sssd-app-icon.png?v=1.1);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90px 90px;
    background-position-y: 30px;
}
.app-install-propose-layer > .grid > .title-area{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    align-self: center;
    text-align: center;
    font-weight: 600;
    font-size: 1.2em;
}
.app-install-propose-layer > .grid > .btn-area{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
}
.app-install-propose-layer .app-install-propose-btn-area{
    display: inline-flex;
    width: 100%;
    height: 100%;
    padding: 10px 7% 10px 7%;
}
.app-install-propose-layer .install-cancel-btn{
    display: block;
    background-color: #e8e8e8;
    color: #555555;
    border-radius: 5px;
    width: 50%;
    height: 100%;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
}
.app-install-propose-layer .install-page-move-btn{
    display: block;
    background-color: #FF5862;
    color: #fff;
    border-radius: 5px;
    width: 50%;
    height: 100%;
    margin-left: 10px;
    text-align: center;
    vertical-align: middle;
}
.app-install-propose-before-puchase-layer > .grid{
    width: 100%;
    height: 100%;
    position: relative;
    display: grid;
    grid-template-rows: 2fr 1.3fr 1fr;
    grid-template-columns: 1fr;
}
.app-install-propose-before-puchase-layer > .grid > .icon-area{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 80%;
    display: flex;
    place-self: center;
}
.app-install-propose-before-puchase-layer > .grid > .icon-area > .icon{
    width: 100%;
    height: 100%;
    background-image: url(/m/statics/img/som-hi.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.app-install-propose-before-puchase-layer > .grid > .text-area{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    text-align: center;
    font-size: 1em;
}
.app-install-propose-before-puchase-layer > .grid > .text-area > strong{
    font-size: 1.2em;
}
.app-install-propose-before-puchase-layer > .grid > .text-area > span{
    color:#ff5862;
}
.app-install-propose-before-puchase-layer > .grid > .btn-area{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
}
.app-install-propose-before-puchase-layer .app-install-propose-before-puchase-btn-area{
    display: inline-flex;
    width: 100%;
    height: 100%;
    padding: 10px 7% 10px 7%;
}
.app-install-propose-before-puchase-layer .install-cancel-btn{
    display: block;
    background-color: #e8e8e8;
    color: #555555;
    border-radius: 5px;
    width: 50%;
    height: 100%;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
}
.app-install-propose-before-puchase-layer .install-page-move-btn{
    display: block;
    background-color: #FF5862;
    color: #fff;
    border-radius: 5px;
    width: 50%;
    height: 100%;
    margin-left: 10px;
    text-align: center;
    vertical-align: middle;
}
.app-install-propose-with-msg-layer.sm-logo-alert > .grid{
    grid-template-columns: none;
    grid-template-rows: none;
}
.app-install-propose-with-msg-layer.sm-logo-alert > .grid > .item-a{
    grid-template-rows: 100%;
    align-items: center;
    justify-content: left;
    padding-left: 10%;
    padding-right: 0;
}
.app-install-propose-with-msg-layer.sm-logo-alert > .grid > .item-a > span{
    text-align: left;
    font-size: 18px;
}
.app-install-propose-with-msg-layer.sm-logo-alert > .grid > .item-b{
    grid-column: 2/3;
    grid-row: 1/2;
    background-image: url(/m/statics/img/icon/sssd-app-icon-w.png);
    background-color: #fff;
    background-position: center;
    background-size: 88px;
}
.app-install-propose-with-msg-layer.sm-logo-alert > .grid > .item-c{
    grid-column: 1/3;
    grid-row: 2/3;
}
.app-install-propose-with-msg-layer.sm-logo-alert .app-install-propose-with-msg-layer-btn-area{
    padding: 15px 10%;
}
.login-alert-layer > .grid{
    width: 100%;
    height: 100%;
    position: relative;
    display: grid;
    grid-template-rows: 2fr 1.3fr 1fr;
    grid-template-columns: 1fr;
}
.login-alert-layer > .grid > .icon-area{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 75%;
    display: flex;
    place-self: center;
    margin-top: 20px;
}
.login-alert-layer > .grid > .icon-area > .icon{
    width: 100%;
    height: 100%;
    background-image: url(/m/statics/img/som-and-dang.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.login-alert-layer> .grid > .text-area{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    text-align: center;
    align-self: center;
    font-size: 1.2em;
    font-weight: 600;
}
.login-alert-layer > .grid > .btn-area{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
}
.login-alert-layer .login-alert-layer-btn-area{
    display: inline-flex;
    width: 100%;
    height: 100%;
    padding: 10px 7% 10px 7%;
}
.login-alert-layer .login-cancel-btn{
    display: block;
    background-color: #e8e8e8;
    color: #555555;
    border-radius: 5px;
    width: 50%;
    height: 100%;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
}
.login-alert-layer .login-page-move-btn{
    display: block;
    background-color: #FF5862;
    color: #fff;
    border-radius: 5px;
    width: 50%;
    height: 100%;
    margin-left: 10px;
    text-align: center;
    vertical-align: middle;
}
.coupon-msg-area{
    position: relative;
    display: block;
    border-top: 1px solid rgba(230,230,230,0.5);
    margin: 0 15px;
}
.coupon-msg-area .coupon-msg-box{
    margin: 20px 0;
    padding: 14px 15px;
    color: #FF5862;
    border: 1px solid #FF5862;
    border-radius: 5px;
    /*height: 67px;*/
    vertical-align: middle;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 18px;
}
.coupon-msg-area.store .coupon-msg-box{
    background-color: #677ff4;
}
.coupon-download-list-layer{
    overflow:hidden;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;
    -webkit-scrollbar: none;
}
.coupon-download-list-layer::-webkit-scrollbar{
    display:none;
}
.coupon-download-list-layer.only-1-item{
    height:365px;
    bottom:-365px;
}
.coupon-download-list-layer.only-2-item{
    height:428px;
    bottom:-428px;
}
.coupon-download-list-layer.full{
    height:585px;
    bottom:-585px;
}
.coupon-download-list-layer > .layer-header-area{
    height:54px;
}
.coupon-download-list-layer > .layer-body-area{
    overflow-y:scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;
    -webkit-scrollbar: none;
    padding-bottom: 100px;
    height: 100%;
}
.coupon-download-list-layer > .layer-body-area::-webkit-scrollbar{
    display:none;
}
.coupon-download-list-layer .author-coupon-list-area{
    padding: 0 20px 0 20px;
    margin-top: 5px;
    margin-bottom: 15px;
}
.coupon-download-list-layer .available-coupon-download-list-area{
    padding: 0 20px 0 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.coupon-download-list-layer li {
    margin: 10px 0 15px 0;
}
.coupon-download-list-layer .author-coupon-item{
    height:118px;
    background-color: #ffe9e9;
    border-radius: 5px;
    /*cursor:pointer;*/
}
.coupon-download-list-layer .author-coupon-item .grid{
    display: grid;
    grid-template-rows: 2fr 1fr 1fr;
    grid-template-columns: 1fr;
    height: 100%;
    width: 100%;
    align-items: center;
    padding:10px 20px 10px 20px;
}
.coupon-download-list-layer .author-coupon-item .grid .a{
    color:#ff5862;
    font-size: 1.4em;
    font-weight: 600;
}
.coupon-download-list-layer .author-coupon-item .grid .b{
    color:#555555;
    font-size: 1.1em;
    font-weight: 700;
}
.coupon-download-list-layer .author-coupon-item .grid .c{
    color:#555555;
    font-size: .85em;
}
.coupon-download-list-layer .available-download-coupon-item{
    height:142px;
    border-radius: 5px;
    border:solid 1px #ff5862;
    /*cursor:pointer;*/
    background-position: 95% 15px;
    background-repeat: no-repeat;
    background-size: 30px;
}
.coupon-download-list-layer .close{
    display: block;
    background-image: url(/m/common/css/image/icon/page_close_blk.svg);
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    top: 10px;
    position: absolute;
    right: 10px;
    text-indent: -1000em;
    color: #212121;
    opacity: .5;
}
.coupon-download-list-layer .available-download-coupon-item .grid{
    display: grid;
    grid-template-rows: 1fr 2fr 1fr 1fr;
    grid-template-columns: 1fr;
    height: 100%;
    width: 100%;
    align-items: center;
    padding:10px 20px 10px 20px;
}
.coupon-download-list-layer .available-download-coupon-item .grid .a{
    color:#ff5862;
    font-size: 1.4em;
    font-weight: 600;
}
.coupon-download-list-layer .available-download-coupon-item .grid .b{
    color:#555555;
    font-size: 1.1em;
    font-weight: 500;
    align-self:baseline;
    overflow: hidden;
    height: 100%;
}
.coupon-download-list-layer .available-download-coupon-item .grid .c{
    color:#555555;
    font-size: 1em;
    font-weight: 600;
}
.coupon-download-list-layer .available-download-coupon-item .grid .d{
    color:#555555;
    font-size: .9em;
    letter-spacing: -0.4px;
}
.coupon-range-tag-area{}
.coupon-range-tag-area .coupon-range{
    margin-right:5px;
    padding: 3px 5px;
    font-weight: 500;
    font-size :11px;
}
.coupon-download-list-layer .available-download-coupon-item.active{
    background-image: url(/m/statics/img/icon/ic-coupon-down-pink.png);
}
.coupon-download-list-layer .available-download-coupon-item.disable{
    border:solid 1px #a8a8a8;
}
.coupon-download-list-layer .available-download-coupon-item.disable .grid > div{
    color: #a8a8a8 !important;
}
.coupon-download-list-layer .available-download-coupon-item.disable .coupon-range{
    background-color: #aaa !important;
    color: #fff !important;
}
.coupon-download-list-layer .available-download-coupon-item.disable.fcfs{
    background-image: url(/m/statics/img/icon/ic-coupon-down-gray.png);
}
.coupon-download-list-layer .available-download-coupon-item.disable.issue-complete{
    background-image: url(/m/statics/img/icon/ic-coupon-down-gray.png);
}
.coupon-download-list-layer .available-download-coupon-item.disable.use-complete{
    background-image: url(/m/statics/img/icon/ic-coupon-down-gray.png);
}
.coupon-download-list-layer .available-download-coupon-item.active .coupon-range{
    background-color: #ffe5e7;
    color: #555555;
}
.coupon-download-list-layer .available-download-coupon-item.disable.fcfs .grid .a:after{
    content:'선착순 마감';
    float: right;
    font-size: .6em;
    top: 13px;
    position: relative;
    right: 33px;
    font-weight: 300;
}
.coupon-download-list-layer .available-download-coupon-item.disable.issue-complete .grid .a:after{
    content:'발급완료';
    float: right;
    font-size: .6em;
    top: 13px;
    position: relative;
    right: 33px;
    font-weight: 300;
}
.coupon-download-list-layer .available-download-coupon-item.disable.use-complete .grid .a:after{
    content:'사용완료';
    float: right;
    font-size: .6em;
    top: 13px;
    position: relative;
    right: 33px;
    font-weight: 300;
}
.coupon-download-list-layer.store .available-download-coupon-item .grid .a {
    color: #6a82ec
}
.coupon-download-list-layer.store .available-download-coupon-item.active{
    background-image: url(/m/statics/img/icon/ico-coupon-download-store-active.png);
    border: solid 1px #6a82ec;
}
.coupon-download-list-layer.store .available-download-coupon-item.active .coupon-range{
    background-color: #f1f4ff;
    color: #555555;
}
.common-bottom-slide-layer.coupon-bottom-close-layer{
    height: 54px;
}
.common-bottom-slide-layer.coupon-bottom-close-layer .cancel-btn {
    display: block;
    background-color: #FFFFFF;
    color: #A8A8A8;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    border-top: 0.5px solid #E2E2E2;
}
.recent-shipping-dest-list-layer .apply-form-address-info-area{
    overflow: auto;
    height: calc(100% - 30px);
}
.recent-shipping-dest-list-layer .recent-shipping-dest-list-area{
    padding: 0 15px 20px 15px;
}
.recent-shipping-dest-list-layer .recent-shipping-dest-item{
    height: 120px;
    border-radius: 5px;
    cursor: pointer;
    background:#f6f7f8;
    padding: 13px 15px;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 10px;
}
.recent-shipping-dest-list-layer .recent-shipping-dest-item .delete-btn{
    border-radius: 10px;
    background: #dddddd;
    color: #555555;
    padding: 2px 10px;
    border: none;
}
.recent-shipping-dest-list-layer .footer-fix-btn{
    width: 100%;
    position: fixed;
    display: none;
    bottom: 0;
    padding: 10px 0;
    border-top: 1px solid #c1c1c1;
    text-align: center;
    background: #fff;
    color: #9a9a9a;
}
.recent-shipping-dest-list-layer.opened .footer-fix-btn{
    display: block;
}
.app-install-coupon-propose-layer{
    z-index:1002;
    height: 118px;
}
.app-install-coupon-propose-layer > .grid{
    width: 100%;
    height: 100%;
    position: relative;
    display: grid;
    grid-template-rows: 1fr 1.3fr;
    grid-template-columns: 1fr;
}
.app-install-coupon-propose-layer > .grid > .item-a{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
    background-color: #ff5862;
    /*background-image: url(/m/statics/img/bg/bg-loud-character.png);*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 94%;
    display: flex;
    align-items: center;
    padding: 0 6% 0 6%;
    color:#ffffff;
    font-size: .9em;
    letter-spacing: -0.5px;
}
.app-install-coupon-propose-layer .app-install-coupon-propose-layer-btn-area {
    display: inline-flex;
    width: 100%;
    height: 100%;
    padding: 13px 6%;
}
.app-install-coupon-propose-layer .install-cancel-btn {
    display: block;
    background-color: #e8e8e8;
    color: #555555;
    border-radius: 5px;
    width: 40%;
    height: 100%;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
}
.app-install-coupon-propose-layer .install-page-move-btn {
    display: block;
    background-color: #FF5862;
    color: #fff;
    border-radius: 5px;
    width: 60%;
    height: 100%;
    margin-left: 10px;
    text-align: center;
    vertical-align: middle;
}
.store span.badge.coupon-badge {
    border : 0.3px solid #677ff4;
    color:#677ff4;
    background-color: transparent;
}
.app-install-coupon-propose-layer.store > .grid > .item-a{
    background-color: #6a82ec;
    background-image: url(/m/statics/img/bg/bg-loud-character-store.png);
}
.app-install-coupon-propose-layer.store .install-page-move-btn {
    background-color: #6a82ec;
}
#main-banner-container .swiper-slide .banner-list > a > img{
    vertical-align:top;
    max-width:100%;
    min-width:100%;
    max-height:100%;
    min-height:100%;
    object-fit: cover;
}
/*span.badge.badge-md{*/
/*	font-size: 10px;*/
/*    line-height: 10px;*/
/*    padding: 5px 7px;*/
/*    font-weight: 400;*/
/*}*/
.welcome-coupon-price-bar{
    height: 110px;
    padding: 0;
}
.welcome-coupon-price-bar > .row{
    padding : 15px;
}
.welcome-coupon-price-bar .welcome-coupon-inform-msg{
    background-color: #ffd3d5;
    text-align: center;
    height:30px;
    padding: 5px 0;
    font-size: 11px;
    font-weight: bold;
    color:#525252;
    font-weight:300;
    line-height: 20px;
}
.welcome-coupon-price-bar .welcome-coupon-inform-msg.quick{
    background: #EEF1FF;
    color: #252525;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    padding: 10px;
}
.welcome-coupon-price-bar .welcome-coupon-inform-msg img{
    width:34px;
    height:24px;
    margin-right: 5px;
}
.welcome-coupon-price-bar .welcome-coupon-inform-msg strong{
    color:#ff5862;
    font-size: 12px;
    font-weight:600;
}
.welcome-coupon-price-bar.hiding{
    bottom:-111px !important;
}
.only-sssd-benefit-price-bar{
    height: 110px;
    padding: 0;
    border-top:unset;
}
.only-sssd-benefit-price-bar > .row{
    padding : 15px;
}
.only-sssd-benefit-price-bar .only-sssd-benefit-inform-msg{
    background-image: linear-gradient(253deg, #8094ff, #ff5862 75%);
    text-align: center;
    color: #fff;
    height: 30px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.only-sssd-benefit-price-bar .only-sssd-benefit-inform-msg > span{
    vertical-align: baseline;
    height: 14px;
}
.only-sssd-benefit-price-bar .only-sssd-benefit-inform-msg > strong{
    font-size: 15px;
    font-weight:600;
    margin-left:4px;
}
.only-sssd-benefit-price-bar.hiding{
    bottom:-111px !important;
}
.xi-help.coupon-point-inform-icon{
    color:#e2e2e2;
    vertical-align: text-bottom;
    font-size: 17px;
}
.xi-help.coupon-point-inform-icon + .tooltip{
    min-width: 152px;
    padding-top: 0;
}
.xi-help.coupon-point-inform-icon + .tooltip.in,
.xi-error + .tooltip.in{
    opacity:1;
}
.xi-help.coupon-point-inform-icon + .tooltip .tooltip-arrow{
    display:none;
}
.xi-help.coupon-point-inform-icon + .tooltip .tooltip-inner{
    background-color:#e2e2e2;
    color:#555555;
}
.xi-help.coupon-point-inform-icon + .tooltip .tooltip-inner{
    max-width:205px;
}
.xi-error.vat-inform-icon{
    color:#e2e2e2;
    vertical-align: text-bottom;
    font-size: 18px;
}
.xi-error.vat-inform-icon + .tooltip{
    min-width: 137px;
    padding-top: 0;
}
.xi-error.vat-inform-icon + .tooltip .tooltip-arrow{
    display:none;
}
.xi-error.vat-inform-icon + .tooltip .tooltip-inner{
    background-color:#e2e2e2;
    color:#555555;
}
.xi-error.text-left + .tooltip .tooltip-inner,
.xi-help.text-left + .tooltip .tooltip-inner{
    text-align:left;
}
.text-scroll-wrapper{overflow-x:scroll;}
.text-scroll-wrapper::-webkit-scrollbar {display:none;}
.text-scroll-wrapper .text-scroll{
    white-space:nowrap;
    overflow:hidden;
}
.gift-card-wrapper {
    position: absolute;
    align-self: center;
    width: 100%;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    transform: translate(-50%, -50%);
    max-width: 480px;
    overflow-y: auto;
}
.gift-card-select-container{
    display: grid;
    height: 90vh;
    grid-template-rows: 20% 80%;
    grid-template-columns: 100%;
    z-index:1;
    position: relative;
    min-height: 536px;
    max-height: 782px;
}
.gift-card-main-title{
    text-align: center;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-items: center;
    width: 100%;
    font-size: 17px;
}
.gift-card-main-title > span{
    width: 100%;
}
.gift-card-main-title > span > strong{
    font-weight:600;
    color: #ff5862;
}
.gift-card-swiper-container{
    width:100%;
}
.gift-card-swiper-container .swiper-slide.swiper-slide-prev .slide-img{
    margin-right: 0;
}
.gift-card-swiper-container .swiper-slide.swiper-slide-next .slide-img{
    margin-left: 0;
}
.gift-card-swiper-container .swiper-slide.swiper-slide-active .slide-img{
    width: auto;
    height: 86%;
    transition: cubic-bezier(0, 0, 0.2, 1) 400ms;
    transform-style: preserve-3d;
    box-shadow: 0 0 20px 2px #adadad87;
    opacity:1;
}
.gift-card-swiper-container .swiper-slide{
    width:100%;
    margin: 0 auto;
    text-align: center;
    display: grid;
    grid-template-rows: 75% 25%;
    grid-template-columns: 100%;
    align-items: center;
}
.gift-card-swiper-container .slide-img{
    width: auto;
    height: 72%;
    margin: 0 auto;
    transition: cubic-bezier(0, 0, 0.2, 1) 400ms;
    transform-style: preserve-3d;
    object-fit: contain;
    border-radius:12px;
    opacity:.5;
}
.gift-card-swiper-container .slide-text-area{
    width:100%;
    height:100%;
    text-align:center;
    display: grid;
    grid-template-rows: 40% 60%;
    grid-template-columns: 1fr;
    align-items: center;
    opacity:.3;
    transition: cubic-bezier(0, 0, 0.2, 1) 1s;
    transform-style: preserve-3d;
}
.gift-card-swiper-container .slide-text-area .slide-tag span{
    border:1px solid #ff5862;
    color:#ff5862;
    padding: 3px 7px;
    border-radius: 15px;
    font-size:12px;
}
.gift-card-swiper-container .slide-text-area .slide-title{
    font-size:16px;
    place-self: normal;
}
.gift-card-swiper-container .swiper-slide.swiper-slide-active .slide-text-area{
    opacity:1;
}
.gift-card-received-area{
    width: 100%;
}
.gift-received-card-lottie{
    background-repeat: no-repeat;
    background-size: 40%;
    background-position-x: center;
    background-position-y: 60%;
    width: 100%;
    height: 352px;
}
.gift-sender-msg-area {
    text-align: center;
}
.gift-sender-msg-area .gift-sender-title{
    font-weight: 600;
    color: #252525;
    white-space: pre-line;
    padding: 0 10px;
    overflow: hidden;
    word-break: keep-all;
}
.gift-sender-msg-area .gift-sender-msg{
    white-space: pre-line;
    word-break: break-all;
    overflow: hidden;
    color:#555555;
    margin-top: 3%;
    font-weight: 500;
    padding: 0 10px;
    line-height: 1.2;
}
.gift-received-app-install-propose-layer{
    height:132px;
    bottom:-132px;
    border-top:1px solid #d9dfe7;
    border-radius:0 0;
}
.gift-received-app-install-propose-layer .grid{
    width: 100%;
    height: 100%;
    position: relative;
    display: grid;
    grid-template-rows: 55% 45%;
    grid-template-columns: 100%;
}
.gift-received-app-install-propose-layer > .grid > .item-a{
    background-size: 65px 65px;
}
.gift-received-app-install-propose-layer > .grid > .item-a > span{
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.2;
    color:#525252;
}
.gift-received-app-install-propose-layer > .grid > .item-c{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
}
.gift-received-app-install-propose-layer .app-install-propose-with-msg-layer-btn-area{
    padding: 9px 7% 12px 7%;
}
.gift-card-received-contents{
    padding-bottom: 150px;
    padding-top: 50px;
}
.gift-card-contents-area{
    background-color: #fff8f2;
    margin: 0px 10px;
    padding-bottom: 30px;
    position: relative;
    border-radius: 5px;
}
.gift-top-header-area{
    position: relative;
    display: block;
    background-image: url(/m/statics/img/gift_header.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 71px;
}
.homeclass-main-category-tab-btn-area{
    position: relative;
    height: 54px;
}
.homeclass-main-category-tab-btn-area .tab-list{
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-left: 0;
    z-index: 99;
    height: 100%;
    box-shadow: inset 0px -1px 0px 0 rgb(208, 208, 208, .5);
}
.homeclass-main-category-tab-btn-area .tab-list li{
    width:calc(100%/5);
    text-align: center;
    overflow: hidden;
    position: relative;
    align-self: center;
    cursor:pointer;
    color:#a8a8a8;
    height: 100%;
    display: table;
}
.homeclass-main-category-tab-btn-area .tab-list li.active{
    color:#ff5862;
    box-shadow: inset 0 -3px 0 0 #ff5862;
}
.homeclass-main-category-tab-btn-area .tab-list li .thumb{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    color: #ff5862;
    border-bottom: 3px solid;
}
.homeclass-main-category-tab-btn-area .tab-list li .title{
    font-size: 13px;
    font-weight:600;
    display: table-cell;
    vertical-align: middle;
}
.homeclass-main-category-tab-btn-area .fixed-header-area{
    display:none;
}
.homeclass-main-category-tab-btn-area.tab-fixed{
    height:84px;
}
.homeclass-main-category-tab-btn-area.tab-fixed .tab-list{
    height:50%;
}
.homeclass-main-category-tab-btn-area.tab-fixed .fixed-header-area{
    display:block;
    position:relative;
    height:50%;
}
.homeclass-main-category-tab-btn-area.tab-fixed .fixed-header-area .header-text{
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.homeclass-main-category-tab-btn-area.tab-fixed .fixed-header-area .search-btn{
    font-size: 23px;
    position: absolute;
    top: 10px;
    z-index: 2;
    right: 18px;
    cursor: pointer;
}
.homeclass-main-category-tab-btn-area .sub-category-btn-area{
    display:none;
}
.homeclass-main-category-tab-btn-area .sub-category-btn-area.use{
    white-space: nowrap;
    padding: 0 5px;
    background: #ffffff;
    height: 65px;
    display: flex;
    align-items: center;
}
.homeclass-main-category-tab-btn-area .sub-category-btn-area::-webkit-scrollbar{
    display:none;
}
.homeclass-main-category-tab-btn-area .sub-category-btn-area .swiper-slide{
    width:auto;
    display: flex;
    align-items: center;
}
.homeclass-main-category-tab-btn-area .sub-category-btn-area.use > li{
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    padding-right: 2px;
}
.homeclass-main-category-tab-btn-area .sub-category-btn-area .cate-btn{
    position: relative;
    height: 30px;
    cursor: pointer;
    border-radius: 10px;
    color: #a8a8a8;
    background-color: transparent;
    padding: 0px 20px;
    margin: 0 2px;
    font-size: 12px;
    border: .5px solid #a8a8a8;
}
.homeclass-main-category-tab-btn-area .sub-category-btn-area li.active .cate-btn{
    color: #ffffff;
    background-color: #ff5862;
    border-color:#ff5862;
}
.top-banner-header{
    background-color: transparent;
    height:483px;
}
.top-banner-header .fixed-header-area{
    background-color: transparent;
    width: 100%;
    height: 42px;
    position: fixed;
    top: 0;
    margin: 0 auto;
    z-index: 2;
}
.top-banner-header .header-text{
    z-index:2;
    top:21px;
    color:#ffffff;
}
.top-banner-header .search-btn{
    font-size: 21px;
    position: absolute;
    top: 10px;
    z-index: 2;
    right: 18px;
    color:#ffffff;
    cursor:pointer;
}
.top-banner-header .header-left-btn
, .homeclass-main-category-tab-btn-area .fixed-header-area .header-left-btn
, .detail-header .header-btn-left{
    background-image: url(/m/statics/img/icon/btn-gnb-back-black@3x.png);
    width: 30px;
    height: 30px;
    top: 6px;
    left: 10px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    text-indent: -3000em;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
}
.detail-header.flex .header-btn-left{
    top: unset;
}
.top-banner-header .header-left-btn.w-btn
, .header-left-angle-btn {
    background-image: url(/m/statics/img/icon/btn-gnb-back-white@3x.png);
}
.top-banner-swiper-container{
    width:100%;height:100%;
}
.top-banner-swiper-container .top-banner-vod{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: cover;
}
.top-banner-swiper-container .swiper-slide .shadow{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background-color: transparent;
    -webkit-box-shadow: inset 0px -20px 10px 0px rgba(0,0,0, 0.3);
    -moz-box-shadow: inset 0px -20px 10px 0px rgba(0,0,0, 0.3);
    box-shadow: inset 0px -20px 10px 0px rgba(0,0,0, 0.3);
    z-index: 2;
}
.top-banner-swiper-container .swiper-slide.img{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.top-banner-header .top-banner-title-area {
    position: absolute;
    bottom: 63px;
    color: #ffffff;
    z-index: 2;
    width: 100%;
    display: grid;
    grid-template-rows: 18% 52% 30%;
    grid-template-columns: 100%;
    padding: 0 20px;
    height: 140px;
}
.top-banner-header .top-banner-title-area .top-banner-title{
    white-space: pre-line;
    word-break: break-all;
    font-weight:600;
    font-size: 24px;
    line-height: 1.3;
}
.top-banner-header .top-banner-title-area .top-banner-sub-title{
    align-self: flex-start;
}
.top-banner-header .top-banner-paging-area{
    position: absolute;
    bottom: 66px;
    color: #ffffff;
    z-index: 2;
    right: 30px;
    text-align: right;
    font-size: 12px;
}
.top-banner-header .top-banner-view-more-btn{
    place-self: self-start;
    align-self: end;
    border: 1px solid #ffffff;
    padding: 4px 6px 4px 8px;
    border-radius: 17px;
    font-size: 14px;
    cursor:pointer;
}
.top-banner-header .top-banner-paging-info-txt{
    place-self: center;
    justify-self: center;
}
.top-banner-child-container {
    border-radius: 16px 16px 0 0;
    position: absolute;
    top: 467px;
    z-index: 2;
    width: 100%;
    box-shadow: 0 0 17px 5px rgb(171, 171, 171, 0.5);
}
.homeclass-main-category-tab-btn-area.tab-fixed {
    position: fixed;
    width: inherit;
    top: 0;
    margin: 0 auto;
    background-color: #ffffff;
}
.homeclass-main-category-tab-btn-area.tab-fixed ~ .detail-contents.active{
    margin-top: 80px;
}
.homeclass-main-category-tab-btn-area.use-subcategory ~ .detail-contents.active{
    margin-top: 52px;
}
.homeclass-main-category-tab-btn-area.use-subcategory.tab-fixed ~ .detail-contents.active{
    margin-top: 96px;
}
.curation-thumb-type-area{
    padding: 0px 15px 0px 15px;
    height: 480px;
    display: flex;
    flex-direction: column;
}
.curation-thumb-type-area .main-header, .user-reply-contents-container .main-header{
    position: relative;
    display: flex;
    width: 100%;
    padding: 0px 5px;
}
.curation-thumb-type-area .main-header .header-left, .user-reply-contents-container .main-header .header-left {
    width: 90%;
    vertical-align: bottom;
    text-align: left;
}
.curation-thumb-type-area .main-header .header-left .header-text, .user-reply-contents-container .main-header .header-left .header-text{
    font-size: 20px;
    color: #212121;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.curation-thumb-type-area .main-header .header-right, .user-reply-contents-container .main-header .header-right{
    width: 10%;
    vertical-align: bottom;
    text-align: right;
    padding-bottom: 2px;
    align-self: end;
}
.curation-thumb-type-area .list-container{
    height:80%;
    margin-top: 8px;
}
.curation-thumb-type-area .thumb-type-3{
    width:100%;
}
.curation-thumb-type-area .img-wrap{
    width: 100%;
    height: 100%;
    padding: 3px;
    position: relative;
    overflow: hidden;
    cursor:pointer;
}
.curation-thumb-type-area .img{
    width: 100%;
    height: 100%;
    background-image: url(/m/common/css/image/img_loding_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius:5px;
}
.curation-thumb-type-area .img:hover{
    opacity:.8;
}
.curation-thumb-type-area .thumb-type-3 .card{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    width:100%;
    height:100%;
}
.curation-thumb-type-area .thumb-type-3 .card .img-wrap:nth-child(1){
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}
.curation-thumb-type-area .thumb-type-3 .card .img-wrap:nth-child(2){
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
}
.curation-thumb-type-area .thumb-type-3 .card .img-wrap:nth-child(3){
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
}
.curation-thumb-type-area .thumb-type-3 .card .img-wrap:nth-child(1) > .img{}
.curation-thumb-type-area .thumb-type-3 .card .img-wrap:nth-child(2) > .img{}
.curation-thumb-type-area .thumb-type-3 .card .img-wrap:nth-child(3) > .img{}
.curation-thumb-type-area .thumb-type-5 .card{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    width:100%;
    height:100%;
}
.curation-thumb-type-area .thumb-type-5 .card .img-wrap:nth-child(1){
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
}
.curation-thumb-type-area .thumb-type-5 .card .img-wrap:nth-child(1) > .img{}
.curation-thumb-type-area .thumb-type-5 .card .img-wrap:nth-child(3) > .img{}
.curation-thumb-type-area .thumb-type-5 .card .img-wrap:nth-child(4) > .img{}
.curation-thumb-type-area .thumb-type-5 .card .img-wrap:nth-child(5) > .img{}
.curation-thumb-type-area .card .list-more{
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    padding-top: 22%;
    color: #fff;
    border-radius: 5px;
}
.curation-thumb-type-area .card .list-more > .xi-plus{}
.user-reply-contents-container{
    background-color:#fff1f2;
}
.user-reply-contents-container .main-header{
    padding: 30px 20px 10px 20px;
}
.user-reply-contents-wrapper{
    height:374px;
}
.user-reply-contents-wrapper .swiper-wrapper .reply-card{
    padding: 15px 0 40px 0px;
    display: flex;
    align-items: center;
    position: relative;
}
.user-reply-contents-wrapper .reply-card .wrapper{
    width: 80%;
    height: 80%;
    margin: 0 auto;
    display: grid;
    grid-template-rows: 33% 47% 20%;
    grid-template-columns: 100%;
    align-items: center;
    border-radius:10px;
    opacity:.6;
    background-color: #ffffff;
    transition: cubic-bezier(0, 0, 0.2, 1) 500ms;
    cursor:pointer;
    position: relative;
}
.user-reply-contents-wrapper .reply-card .reply-contents{
    word-break: break-word;
    color: #252525;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-height: 1.4;
    font-size: 13px;
    align-self: baseline;
}
.user-reply-contents-wrapper .reply-card .class-info-txt-area{
    margin-left:12px;
    font-size: 12px;
}
.user-reply-contents-wrapper .reply-card .class-info-txt-area .class-title{
    word-break: keep-all;
    color: #252525;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 600;
}
.user-reply-contents-wrapper .reply-card .class-info-txt-area .discount-rate{
    margin-right:5px;
    font-weight:bold;
    color:#ff2559;
}
.user-reply-contents-wrapper .reply-card .class-info-txt-area .price{

}
.user-reply-contents-wrapper .reply-card.swiper-slide-active .wrapper{
    width: 90%;
    height: 100%;
    transition: cubic-bezier(0, 0, 0.2, 1) 500ms;
    box-shadow: 0 2px 11px rgb(160 160 160 / 50%);
    opacity: 1;
}
.user-reply-contents-wrapper .reply-card.swiper-slide-active .reply-contents{
    -webkit-line-clamp: 6;
}
.user-reply-contents-wrapper .reply-card .wrapper > div{
    width: 100%;
    position:relative;
}
.user-reply-contents-wrapper .reply-card .wrapper > div:first-child{
    padding:0 15px;
}
.user-reply-contents-wrapper .reply-card .wrapper > div:nth-child(2){
    padding:0 25px;
}
.user-reply-contents-wrapper .reply-card .wrapper > div:last-child{
    padding:10px 15px;
    border-top:2px solid #fff1f2;
}
.user-reply-contents-wrapper.handmade .reply-card .wrapper > div:last-child{
    border-color:#f0f3ff;
}
.user-reply-contents-wrapper .reply-card .class-card > a{
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns:20% 80%;
    align-items: center;
}
.user-reply-contents-wrapper .reply-card .class-card .img{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius:10px;
}
.user-reply-contents-wrapper .swiper-slide.swiper-slide-prev .wrapper{
    margin-right:3%;
}
.user-reply-contents-wrapper .swiper-slide.swiper-slide-next .wrapper{
    margin-left:3%;
}
.store-reply-card-star-form{
    text-align: center;
    font-size: 13px;
    color: #ff5862;
}
.store-reply-card-star-form .star{
    width: 100px;
    height: 20px;
    background-size: 20px 20px;
    line-height: 14px;
    margin-bottom: 5px;
}
.store-reply-card-star-form .star [class^=star-]{
    height: 20px;
    background-size: 20px 20px;
}
.rolling-ranking-container{
    margin-top: 25px;
    margin-bottom: 0;
    height: 400px;
}
.rolling-ranking-container .swiper-wrapper{

}
.rolling-ranking-container .swiper-wrapper .swiper-slide{
    padding:0 20px;
}
.rolling-ranking-container .section-header{
    font-size: 12px;
}
.rolling-ranking-container .section-header .header-text{
    padding: 5px 10px;
    border-radius: 20px;
}
.rolling-ranking-container .swiper-slide.best .section-header{
    color: #ff5862;
}
.rolling-ranking-container .swiper-slide.best .section-header a{
    color: #ff5862;
}
.rolling-ranking-container .swiper-slide.best .header-text{
    border: 1px solid #ff5862;
    cursor:pointer;
}
.rolling-ranking-container .swiper-slide.latest .section-header{
    color: #f7b500;
}
.rolling-ranking-container .swiper-slide.latest .section-header a{
    color: #f7b500;
}
.rolling-ranking-container .swiper-slide.latest .header-text{
    border: 1px solid #f7b500;
}
.rolling-ranking-container .swiper-wrapper{}
.rolling-ranking-container .swiper-wrapper .section-list-area{}
.rolling-ranking-container .swiper-wrapper .section-list-area ul {}
.rolling-ranking-container .swiper-wrapper .section-list-area ul li{
    display: grid;
    grid-template-columns: 20px auto;
    align-items: center;
    grid-template-rows: 100%;
    margin: 10px 0;
    padding: 0px 10px;
    cursor:pointer;
}
.rolling-ranking-container .swiper-wrapper .section-list-area ul li:not(.active) .class-card .img
, .rolling-ranking-container .swiper-wrapper .section-list-area ul li:not(.active) .class-card .discount-rate
, .rolling-ranking-container .swiper-wrapper .section-list-area ul li:not(.active) .class-card .price
, .rolling-ranking-container .swiper-wrapper .section-list-area ul li:not(.active) .class-card .badge-area{
    display:none;
}
.rolling-ranking-container .swiper-wrapper .section-list-area ul li :first-child{}
.rolling-ranking-container .swiper-wrapper .section-list-area ul li:not(.active) .class-card .class-title{
    word-break: keep-all;
    color: #252525;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.rolling-ranking-swiper-pagination{}
.rolling-ranking-container .swiper-wrapper .section-list-area ul li .ranking{
    color: #d8d8d8;
    font-weight: 600;
    font-size: 16px;
}
.rolling-ranking-container .swiper-wrapper .best .section-list-area ul li:nth-child(1) .ranking{
    color:#ff5862;
}
.rolling-ranking-container .swiper-wrapper .best .section-list-area ul li:nth-child(2) .ranking{
    color:#ff5862;
}
.rolling-ranking-container .swiper-wrapper .best .section-list-area ul li:nth-child(3) .ranking{
    color:#ff5862;
}
.rolling-ranking-container .swiper-wrapper .latest .section-list-area ul li:nth-child(1) .ranking{
    color:#f7b500;
}
.rolling-ranking-container .swiper-wrapper .latest .section-list-area ul li:nth-child(2) .ranking{
    color:#f7b500;
}
.rolling-ranking-container .swiper-wrapper .latest .section-list-area ul li:nth-child(3) .ranking{
    color:#f7b500;
}
.rolling-ranking-container .swiper-wrapper .section-list-area ul li.active{
    padding: 10px 10px;
    border-radius: 10px;
    transition: cubic-bezier(0.65, 0.05, 0.36, 1) 300ms;
    transform-style: preserve-3d;
    color:#ffffff;
}
.rolling-ranking-container .swiper-wrapper .best .section-list-area ul li.active{
    background-color: #ff6670;
}
.rolling-ranking-container .swiper-wrapper .latest .section-list-area ul li.active{
    background-color: #f7b500;
}
.rolling-ranking-container .swiper-wrapper .section-list-area ul li.active .ranking{
    color:#ffffff !important;
}
.rolling-ranking-container .swiper-wrapper .section-list-area ul li.active .class-card{
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 72px auto;
    align-items: center;
    width: 100%;
    height: 63px;
    color:#ffffff;
}
.rolling-ranking-container .swiper-wrapper .section-list-area ul li.active .class-card .img{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}
.rolling-ranking-container .swiper-wrapper .section-list-area ul li.active .class-card .class-title{
    word-break: keep-all;
    color: #252525;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight:600;
    font-size: 14px;
    color:#ffffff;
}
.rolling-ranking-container .swiper-wrapper .section-list-area ul li.active .class-card .class-info-txt-area{
    padding:0 10px;
    font-size: 12px;
    color:#ffffff;
}
.rolling-ranking-container .swiper-wrapper .section-list-area ul li.active .class-card .discount-rate{
    color:#ff5862; margin-right:5px;
    font-weight:600;
    color:#ffffff;
}
.rolling-ranking-container .swiper-wrapper .section-list-area ul li.active .class-card .price{
    color:#ffffff;
}
.rolling-ranking-container .badge{
    background-color: transparent;
    border: .5px solid #ffffff;
    font-size: 10px;
    padding: 5px 3px;
    line-height: 7px;
    margin-top: 6px;
    margin-right: 3px;
    border-radius: 4px;
}
.rolling-ranking-container .right-arrow-btn{
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 15px;
    height: 15px;
    background-image: url(/m/statics/img/right-arrow-btn.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.swiper-lazy-preloader{width:20px !important;height:20px !important;margin-left:-10.5px !important;margin-top:-10.5px !important;border:2px solid #ff586236 !important;border-top-color: transparent !important;}
.horizontal-swipe-list-area .swiper-lazy-preloader{top:33%;}
.store .swiper-lazy-preloader{border:2px solid #677ff436 !important;border-top-color:transparent !important;}
.gift-card-bottom-layer{z-index:2;height:70px;}
.badge-only-somssidang{background-image: linear-gradient(253deg, #8094ff, #ff5862 75%);padding:5px 6px !important;}
.badge-only-somssidang.badge-md{background-image: linear-gradient(253deg, #8094ff, #ff5862 75%);padding:6px 7px !important;}
.badge-quick{
    background-image: url(/m/statics/img/badge-quick.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 55.7px !important;
    height: 20px !important;
}
.title-footer .badge-quick{
    width: 58.5px !important;
    height: 21px !important;
}
.filter-group .check-quick{
    background-image: url(/m/statics/img/filter-logo-quick.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 57px;
    height: 14px;
}
.filter-group .checkbox-label.quick span{
    display: flex;
    align-items: center;
    gap: 4px;
}
.tooltip{z-index: 10;}
.mypage-btn-area .event-btns{
    position: relative;
    width: 100%;
    margin-top: 10px;
    display: flex;
}
.mypage-btn-area .vip-btn, .mypage-btn-area .tarot-btn{
    border-radius: 5px;
    width: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    color: #212121;
    padding: 10px 0;
    background-position: center;
}
.mypage-btn-area .vip-btn{
    margin-right:3px;
    background-color: #ffdee0;
    background-size: 105px;
    background-image: url(/m/statics/img/icon/mypage-vip-membership-btn.png);
}
.mypage-btn-area .tarot-btn{
    margin-left:3px;
    background-color: #dee4ff;
    background-size: 135px;
    text-indent: -10000em;
    background-image: url(/m/statics/img/icon/mypage-somssi-tarot-btn.png);
}
.mypage-btn-area .vip-btn .vip-membership-btn-lottie-container{
    width:45px;
    margin-left:10%;
}
.mypage-btn-area .vip-btn:focus, .mypage-btn-area .vip-btn:hover{
    color:#212121;
}
.mypage-btn-area .btn-list{
    display: flex;
    margin-top: 30px;
    border-radius: 5px;
    align-items: center;
    justify-items: center;
    background-color: #efefef;
    height: 63px;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.mypage-btn-area .btn-list .item{
    width: 100%;
    text-align: center;
    color:#212121;
    border-right: .3px solid #979797;
    font-size: 13px;
    cursor:pointer;
}
.mypage-btn-area .btn-list .item:last-child{
    border-right:none;
}
.btn.btn-danger{
    color:#fff;
    background-color:#ff5862;
    border-color:#ff5862;
}
.btn.btn-danger:hover{
    color: #fff !important;
    background-color:#ff5862;
    border-color:#ff5862;
}
.mypage-btn-area .app-install-info{
    text-align: center;
    margin-top: 80px;
    margin-bottom: 15px;
}
.mypage-btn-area .app-install-info .txt{
    font-size: 16px;
    color: #525252;
    margin-bottom: 20px;
}
.mypage-btn-area .app-install-info .btn{
    border-radius: 19.5px;
    padding: 11px 30px;
}
.modal.center-scale .modal-dialog {
    display: table;
    height: 100%;
}
.modal.center-scale .modal-content-wrapper {
    display: table-cell;
    vertical-align: middle;
}
.modal .modal-dialog .modal-content {
    width: 100%;
}
.profile-area .profile .user-grade{
    display: flex;
    justify-content: flex-start;
}
.order-list.list-type{}
.order-list.list-type .order-item .order-class-list .order-item{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    margin-top: 15px;
}
.order-list.list-type .order-item .order-class-list .order-item .left{
    width:80px;
}
.order-list.list-type .order-item .order-class-list .order-item .right{
    width:calc(100% - 80px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.order-history-container .tab > ul > li{
    width:100%;
    margin: 0;
}
.order-history-container .tab > ul > li:nth-child(2){
    margin-left: 5px;
    margin-right: 5px;
}
.order-history-container .order-list .order-item .payment-state-txt{
    font-size: 17px;
    color: #212121;
    opacity: 1;
    font-weight: 600;
}
.order-history-container .tab > ul > li.active:before{
    display:none;
}
.order-history-container .tab > ul > li.active > button:before{
    display:none;
}
.modal > .modal-dialog{
    min-width:278px;
    max-width:400px;
    margin:0 auto;
    width: 90%;
}
.modal .modal-dialog .modal-content .modal-header{
    border-bottom:none;
}
.modal .modal-dialog .modal-content .modal-header .close{
    text-shadow: none;
    opacity: 1;
    font-size: 20px;
    font-weight: 100;
}
.modal .modal-dialog .modal-content .btn.full-w{
    width:100%;
}
.user-grade-info .btn.btn-danger{
    border-radius: 0 0px 5px 5px;
}
.user-grade-info .user-grade-level{
    padding:30px 25px 30px 25px;
    display: grid;
    align-items: center;
}
.user-grade-info .user-grade-level .user-grade-title{
    margin-top: 10px;
    margin-bottom: 24px;
    color: #525252;
    font-weight: 600;
    font-size: 1.7rem;
}
.user-grade-info .user-grade-level .user-grade-medal{
    background-image:url(/m/statics/img/icon/user-grade-medal-ico.png);
    margin: 0 auto;
    height: 61px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.user-grade-info .user-grade-level .user-grade-level-step{
    display:grid;
}
.user-grade-info .user-grade-level .user-grade-level-step > .row{
    margin: 5px 0px;
    background-color: #fff0f1;
    border-radius: 20px;
    font-size: 1.4rem;
    padding-top: 10px;
    padding-bottom: 10px;
}
.user-grade-info .user-grade-level .hint-text{
    font-size:12px;
    color:#a8a8a8;
    line-height: 1.1;
}
.user-grade-info .user-grade-level .user-grade-level-step .level-title{
    padding-left: 20px;
    padding-right: 0;
    text-align: left;
    color:#ff5862;
    font-weight: 700;
}
.user-grade-info .user-grade-level .user-grade-level-step .level-description{
    padding-left: 0;
    padding-right: 20px;
    text-align: right;
    color: #525252;
}
.user-grade-info .user-grade-level .user-grade-level-step .level-description strong{
    font-weight: 600;
}
i.sssd-ic-vip-member{
    display: inline-flex;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
    align-items: center;
    vertical-align: bottom;
}
i.sssd-ic-vip-member:before{
    content: " ";
    background-image: url(/m/statics/img/mypage/ic-vip.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 15px;
    background-size: contain;
    margin-left: 1px;
    border-radius: 3px;
}
i.sssd-ic-top30-host{
    display: inline-flex;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
    align-items: center;
    vertical-align: bottom;
}
i.sssd-ic-vip-member.ic-lg{}
i.sssd-ic-vip-member.ic-lg:before{
    width: 28px;
    height: 15px;
}
.vip-membership-item-btn i.sssd-ic-vip-member:before{
    width: 18px;
    height: 10px;
}
i.sssd-ic-top30-host:before{
    content: " ";
    background-image: url(/m/statics/img/icon/top-30-host-ico.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 18px;
    background-size: contain;
    margin-left: 3px;
    border-radius: 3px;
}
.list-review i.sssd-ic-top30-host:before,
.review i.sssd-ic-top30-host:before{
    width: 17px;
    height: 16px;
}
i.sssd-w-angle-right{
    display: inline-flex;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
    align-items: center;
}
i.sssd-w-angle-right:before{
    content: " ";
    background-image: url(/m/statics/img/icon/w-angle-right.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
}
.reply-item .reply-content{
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 50px auto;
}
.reply-item .reply-content .txt{
    padding-left:0;
}
.reply-item .reply-content .photo{
    position: relative;
    top: unset;
    left: unset;
}
.reply-item .reply-img-list > ul{
    display: block;
}
.reply-item .reply-img-list > ul li{
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}
.mypage-author-chg-btn{
    height: 77px;
}
.my-class-area .payment-state-area .btn-area > button{
    padding: 11px 28px;
}
.my-class-area .option-list .option-text-area{
    line-height:1.1;
}
.my-class-area .option-list .option-text-area .option-list-txt{
    word-break: keep-all;
    font-size: 11px;
}
.my-class-area .option-list .option-item{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.payback-request-reason-area {
    padding-right: 15px;
    padding-left: 15px;
    border-top: 15px solid #f0f3f8;
    padding-top: 15px;
}
.payback-request-reason-area .radio-inline{
    display: block;
    margin-left: 0 !important;
    padding-left: 30px;
    margin-top: 18px !important;
    font-size: 14px;
}
.payback-request-reason-area .radio-inline:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: 1px solid #cacece;
    transform: translate(0, -50%);
}
.payback-request-reason-area .radio-inline input[type=radio]{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.payback-request-reason-area .radio-inline input[type=radio]:checked + span:before{
    content: '';
    position: absolute;
    top: 6px;
    left: 3px;
    width: 9px;
    height: 9px;
    background-color: #ff5862;
    border-radius: 100%;
}
.payback-request-reason-area textarea{
    border: 2px solid rgb(240, 243, 248);
    resize: none;
    margin-top: 17px;
    width: 100%;
    padding: 5px;
    border-radius: 5px;
}
.img-box{
    width:100%;
    position: relative;
    display: block;
}
.img-box .img{
    width: 100%;
    height: auto;
    max-width: 100%;
}
.common-toast-layer{
    border: none;
    color: #fff;
    position: fixed;
    bottom: 0;
    text-align: center;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 100%);
    min-width:290px;
    max-width:300px;
    z-index: 1001;
}
.common-toast-layer.show{
    transform: translate(-50%, 80%);
}
.common-toast-layer .msg{
    background-color: rgba(0,0,0, .8);
    color: #fff;
    padding: 10px 17px;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 10px;
}
.common-toast-layer.text-left{
    text-align:left;
}
.common-toast-layer.text-right{
    text-align:right;
}
.class-search-header {
    display: grid;
    grid-template-rows: 50px;
    grid-template-columns: 50px auto;
    align-items: center;
    align-content: center;
    text-align: center;
    height:70px;
    position: fixed;
    z-index: 13;
    width: 100%;
}
.class-search-header .search-cancel-btn{
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url(/m/statics/img/icon/btn-gnb-back-black@3x.png);
    background-position: center right;
    display: block;
    margin-left: 20px;
}
.class-search-header [type="search"]{
    height: 50px;
    font-size: 17px;
    color: #212121;
    width: 100%;
    border-radius: 5px;
    border: 0 none;
    background: #f4f5f7;
    line-height: 20px;
    padding: 15px 15px;
    position: relative;
    display: block;
}
.class-search-header .search-keyword-clear-btn{
    position: absolute;
    top: 22px;
    color: #a8a8a8;
    right: 25px;
    font-size: 25px;
    cursor:pointer;
}
.class-search-header > div:nth-child(1){
    font-weight: 700;
    font-size: 20px;
}
.class-search-header > div:nth-child(2){
    font-weight: 700;
    font-size: 20px;
}
.class-search-header .search-form{
    padding: 10px 15px;
    position: relative;
    width: 100%;
}
.class-search-category-area{
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
}
.class-search-main-category{
    height: 100vh;
    position:relative;
    background-color: #fff;
    padding-top: 70px;
}
.class-search-main-category > div{
    height: 100%;
}
.class-search-main-category{
    overflow-y: auto;
    -ms-overflow-style: none;
}
.class-search-main-category::-webkit-scrollbar {
    display: none;
    width: 0 !important;
}
.class-search-main-category ul li a{
    width: 100%;
    height: 75px;
    display: inline-block;
    text-align: center;
    background-position: center 5px;
    padding-top: 55px;
    background-size: 45px 47px;
    background-repeat: no-repeat;
    font-size: 13px;
    cursor: pointer;
}
.class-search-main-category ul li.active a{
    color: #ff5252 !important;
}
.class-search-sub-category {
    height: 100vh;
    position: relative;
    padding: 80px 20px 20px 20px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    overflow: hidden;
}
.class-search-sub-category ul{
    overflow-y: auto;
    height: 100%;
    -ms-overflow-style: none;
}
.class-search-sub-category ul::-webkit-scrollbar {
    display: none;
    width: 0 !important;
}
.class-search-sub-category ul li a{
    display: block;
    padding: 10px;
}
.class-search-sub-category .region-main-item .child-list-area {
    width: 100%;
    display: inline-block;
}
.class-search-sub-category .region-main-item .child-list-area ol li {
    width: calc(100%/ 3);
    float: left;
    position: relative;
    text-align: center;
}
.recent-search-keyword-panel{
    height: 100%;
    position: relative;
    padding: 90px 20px 20px 20px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    overflow: hidden;
    background-color: #fff;
}
.recent-search-keyword-panel .wrapper{
    height: 100%;
    position: relative;
    -ms-overflow-style: none;
    overflow-y: auto;
}
.recent-search-keyword-panel .wrapper::-webkit-scrollbar {
    display: none;
    width: 0 !important;
}
.recent-search-keyword-panel .wrapper .recent-keyword-panel > div:nth-child(1){
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 50% 50%;
    margin-top: 1px;
}
.recent-search-keyword-panel .wrapper .recent-keyword-panel > div:nth-child(2){
    margin: 10px 0 40px 0;
}
.recent-search-keyword-panel .wrapper .recent-keywords > div{
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}
.recent-search-keyword-panel .wrapper .recent-keywords .recent-keywords-list{
    display: flex;
    width: 100%;
    overflow-x: scroll;
    -ms-overflow-style: none;
}
.recent-search-keyword-panel .recent-keywords .recent-keywords-list::-webkit-scrollbar {
    display: none;
    width: 0 !important;
}
.class-heavy-search-and-recent-keywords h4{
    color:#252525;
    margin-bottom: 10px;
}
.class-heavy-search-and-recent-keywords ul{}
.class-heavy-search-and-recent-keywords ul li > a{
    display: flex;
    grid-template-rows: 1fr;
    grid-template-columns: 20px auto;
    padding: 7px 5px;
    font-weight:500;
    font-size:16px;
    cursor:pointer;
    padding-left:0;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}
.class-heavy-search-and-recent-keywords .rate{
    width: 20px;
    display: block;
    position: absolute;
    right: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -1000px;
}
.class-heavy-search-and-recent-keywords .ranking-up{
    background-image:url(/m/statics/img/icon/search-ranking-up.png);
}
.class-heavy-search-and-recent-keywords .ranking-down{
    background-image:url(/m/statics/img/icon/search-ranking-down.png);
}
.class-heavy-search-and-recent-keywords .ranking-new{
    background-image:url(/m/statics/img/icon/search-ranking-new.png);
}
.class-heavy-search-and-recent-keywords .ranking-stay{
    background-image:url(/m/statics/img/icon/search-ranking-stay.png);
}
.class-heavy-search-and-recent-keywords ul li > a > span:first-child{
    margin-right: 15px;
}
.class-heavy-search-and-recent-keywords ul li > a > span:last-child{
}
.class-heavy-search-and-recent-keywords ul li:nth-child(1) > a{
    color:#ff5862 !important;
    font-weight:600;
}
.class-heavy-search-and-recent-keywords ul li:nth-child(2) > a{
    color:#ff5862 !important;
    font-weight:600;
}
.class-heavy-search-and-recent-keywords ul li:nth-child(3) > a{
    color:#ff5862 !important;
    font-weight:600;
}
.recent-search-keyword-panel .recent-keyword-item{
    background-color:#ffe1e3;
    color:#ff5862;
    padding:5px 10px;
    border-radius:15px;
    margin-right: 5px;
    cursor:pointer;
    position: relative;
    display: flex;
    flex-grow: row;
    align-items: center;
}
.recent-search-keyword-panel .recent-keyword-item a{
    color:#ff5862;
}
.recent-search-keyword-panel .recent-keyword-item i{
    margin-left:5px;
}
.recent-search-keyword-panel .recent-keywords-title, .class-heavy-search-and-recent-keywords .heavy-search-title{
    color: #252525;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.class-heavy-search-and-recent-keywords .heavy-search-title .base-date-txt{
    color: #a8a8a8;
    font-size: 11px;
    font-weight: normal;
}
.recent-search-keyword-panel .recent-keyword-clear-btn{
    background-color: #f3f3f3;
    color: #555555;
    border-radius: 15px;
    padding: 6px 9px;
    font-size: 11px;
    cursor:pointer;
}
a:hover{
    color:inherit !important;
}
.keyword-autocomplete-panel{
    height: 0;
    position: absolute;
    padding: 70px 15px 0px 15px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    overflow: hidden;
    width: 100%;
    top: 0;
    background: #fff;
    transition: height .3s ease-in-out;
    z-index:1;
}
.keyword-autocomplete-panel.on{
    height: 480px;
    transition: height .3s ease-in-out;
    z-index: 12;
}
.keyword-autocomplete-panel .wrapper{
    height: 100%;
    padding:10px 0px 15px 0px;
}
.keyword-autocomplete-panel ul{
    overflow-y: auto;
    height: 100%;
}
.keyword-autocomplete-panel ul li > a{
    display: flex;
    padding: 9px 5px;
    font-weight:500;
    font-size:16px;
    cursor:pointer;
}
.keyword-autocomplete-panel ul li > a .ico-keyword-search{
    background-image:url(/m/statics/img/icon/ico-keyword-search.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    width: 35px;
    margin-right: 5px;
}
.search-container{
    position:relative;
    height: 100%;
}
.text-danger{
    color:#ff5862;
}
.search-result-panel{
    height: 100vh;
    position: relative;
    padding: 70px 0px 20px 0px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    background-color: #fff;
    overflow:hidden;
}
.search-result-panel .search-tab{
    position: relative;
    height: 50px;
    box-shadow: 0 5px 6px 0 rgba(169, 178, 192, 0.11);
    border-top: .5px solid #d0d0d0;
    padding: 0px 22px;
}
.search-result-panel .search-tab ul {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    align-items: center;
}
.search-result-panel .search-tab ul li{
    position: relative;
    margin: 0 5px;
    padding:0 5px;
    height: 100%;
    width: auto;
    display: flex;
    align-items: center;
    cursor:pointer;
    font-weight:700;
    color:#a8a8a8;
    gap: 3px;
}
.search-result-panel .search-tab ul li.active{
    color:#252525;
}
.search-result-panel .search-tab ul li.active:before{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #15202e;
    content: "";
}
.search-result-panel .search-tab ul li.has-items:after{
    position: absolute;
    top: 15px;
    right: 2px;
    background: #FF5862;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    content: "";
}
.search-result-panel .search-keyword-related-tag-area{
    padding: 0px 15px 0px 15px;
}
.search-result-panel .search-keyword-related-tag-area .search-keyword-related-tag-list{
    width: 100%;
}
.search-result-panel .search-keyword-related-tag-area .search-keyword-related-tag-list::-webkit-scrollbar {
    display: none;
    width: 0 !important;
}
.search-result-panel .search-keyword-related-tag-area .related-tag{
    background-color: #ffe1e3;
    color: #ff5862;
    padding: 10px 10px;
    border-radius: 15px;
    margin-right: 5px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: auto;
    border: none;
}
.search-result-panel .search-keyword-related-tag-area .related-tag a{
    color: #ff5862;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
.search-result-panel .search-result-area{
    padding: 20px 10px;
    overflow: hidden;
    max-height: 100%;
    display:block;
    position:relative;
    overflow-y:auto;
    -ms-overflow-style: none;
}
.search-result-panel .search-result-area.no-padding{
    padding: 20px 0;
}
.search-result-panel .search-result-area::-webkit-scrollbar {
    display: none;
    width: 0 !important;
}
.search-result-panel .search-result-area .search-result-cnt-txt{
    color:#a8a8a8;
    font-weight:600;
    font-size:14px;
}
.search-result-panel .search-result-area .search-filter-header{
    display: flex;
    margin-bottom: 15px;
    padding: 0  0 0 10px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.search-result-panel .search-result-area .search-filter-header > div {
    display:flex;
}
.search-result-panel .search-result-area .filter-btn{
    color:#555550;
    padding:4px 12px 4px 14px;
    cursor:pointer;
    border-radius:14px;
    font-size: 12px;
    font-weight:600;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.search-result-panel .search-result-area .filter-btn.filter-on{
    background-color:#ff5862;
    color:#fff;
}
.search-result-panel .search-result-area .filter-btn.filter-on.handmade{
    color:#6a82ec;
}
.search-result-panel .search-result-area .search-result-list{
    height: 100%;
    display: block;
    position: relative;
    padding-bottom: 200px;
}
.search-result-panel .search-result-area .search-result-list > ul{
    /*padding-bottom: 100px;*/
    padding-bottom: 20px;
}
.interest-region-list-panel .main-header{
    font-size:17px;
    padding: 0px 20px 10px 20px;
    display:grid;
    grid-template-columns: 80% 20%;
}
.interest-region-list-panel .main-header .header-right{
    justify-self: end;
    place-self: flex-end;
}
.interest-region-list-panel .main-header .show-all-btn{
    cursor:pointer;
}
.interest-region-list-panel .section-title{
    font-size: 20px;
    font-weight: 700;
}
.interest-region-list-panel .interest-region-text{
    text-decoration: underline;
    text-underline-position: under;
    font-size: 17px;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
}
.interest-region-list-panel .interest-category-range-text{
    text-decoration: underline;
    text-underline-position: under;
    cursor: pointer;
    margin-right:5px;
}
.class-category-select-layer .header{
    position:relative;
}
.class-category-select-layer .header-close-btn{
    position: absolute;
    font-size: 20px;
    left: 16px;
    top: 17px;
    display: block;
    font-weight: 600;
}
.class-category-select-layer .category-select-body{
    width: 100%;
    padding: 10px 20px 0px 20px;
    overflow: hidden;
    height: 100%;
    position: relative;
    display: block;
}
.class-category-select-layer .category-select-body .title{
    font-size: 22px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 24px;
}
.class-category-select-layer .category-select-list-area{
    overflow-y: scroll;
    height: 100%;
    padding-bottom: 170px;
    transition: height .3s ease-in-out;
}
.class-category-select-layer .category-select-list-area .category-btn{
    padding: 5px 15px;
    border-radius: 15px;
    color:#fff;
    margin-right: 10px;
    display: inline-flex;
    margin-bottom: 10px;
}
.class-category-select-layer .category-select-list-area .all-category-select-btn{
    background-image: linear-gradient(253deg, #8094ff, #ff5862 75%);
}
.class-category-select-layer .category-select-list-area .main-category{
    transition: opacity ease 1s;
    transition-delay: 0.2s;
    opacity: 1;
}
.class-category-select-layer .category-select-list-area .sub-category{
    padding: 4px 15px;
    border-radius: 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    display:none;
    opacity:0;
}
.class-category-select-layer .category-select-list-area .sub-category.showing{
    display: inline-flex;
}
.class-category-select-layer .category-select-list-area .sub-category.visible{
    display: inline-flex;
    opacity:1;
}
.class-category-select-layer .category-select-apply-btn-area{
    position: fixed;
    bottom:-100px;
    left: 0;
    right: 0;
    opacity:0;
    padding: 0px 20px 20px 20px;
}
.class-category-select-layer.opened .category-select-apply-btn-area{
    bottom: 0px;
    transition: all 400ms cubic-bezier(0.27, 0.01, 0.27, 0.97);
    opacity: 1;
    padding: 0px 20px 20px 20px;
    background-color: #fff;
}
.class-category-select-layer .category-select-apply-btn-area .category-filter-select-apply-btn{
    width: 100%;
    text-align: center;
    position: relative;
    margin: 0 auto;
    background-color: #ff5862;
    color: #fff;
    padding: 14px 0px;
    border-radius: 5px;
    font-size: 16px;
    transition: all 300ms cubic-bezier(0.27, 0.01, 0.27, 0.97);
    cursor: pointer;
}
.class-category-select-layer .category-select-apply-btn-area .category-filter-select-apply-btn.disable{
    background-color: #a8a8a8;
    color: #dfdfdf;
}
.class-region-select-layer .class-region-list-panel{
    min-height: 120vh;
    position: relative;
    padding: 0px 0px 20px 0px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    overflow: hidden;
}
.class-region-select-layer .class-region-list-panel ul{
    overflow-y: auto;
    height: 100%;
}
.class-region-select-layer .class-region-list-panel ul li a{
    display: block;
    padding: 5px 0px;
}
.class-region-select-layer .class-region-list-panel .region-main-item .child-list-area{
    width: 100%;
    display: inline-block;
}
.class-region-select-layer .class-region-list-panel .region-main-item .child-list-area ol li{
    width: calc(100%/4);
    display: inline-block;
    position: relative;
    text-align: center;
}
.class-region-guide-panel{
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 50% 50%;
    margin-top: 1px;
}
.recent-search-keyword-panel .recent-keyword-default-btn{
    background-color: #f3f3f3;
    color: #555555;
    border-radius: 15px;
    padding: 6px 9px;
    font-size: 11px;
    cursor: pointer;
}
.common-msg-modal .modal-header .modal-title{
    font-weight: 700;
    font-size: 16px;
    color: #212121;
}
.common-msg-modal .modal-footer{
    border-top:unset;
}
.common-msg-modal.common-alert-modal .modal-footer > button{
    width: 100%;
}
.common-msg-modal.common-alert-modal .modal-footer > button .bell-btn{
    background-image: url("/m/statics/img/icon/ic_tarot_bell.png");
    height: 18px;
    width: 18px;
    display: inline-block;
    background-repeat: round;
    vertical-align: middle;
}
.common-msg-modal.common-alert-modal .modal-footer > button > span{
    padding-left: 4px;
}
.btn-danger{
    color: #fff;
    background-color: #ff5862;
    border-color: #ff5862;
}
.common-msg-modal.common-confirm-modal .modal-footer > div{
    width: 100%;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 50% 50%;
}
.common-msg-modal.common-confirm-modal .modal-footer > div > button:first-child{
    margin-right:5px;
}
.common-msg-modal.common-confirm-modal .modal-footer > div > button:last-child{
    margin-left:5px;
}
.common-msg-modal.common-confirm-modal .modal-footer > div > button.btn-cancel{
    background: #FFFFFF;
    border: 0.5px solid #FF5862;
    border-radius: 5px;
    color: #FF5862;
    padding: 13px 0;
}
.common-msg-modal.common-confirm-modal .modal-footer > div > button.btn-complete{
    background: #FF5862;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 13px 0;
}
.common-msg-modal .botttom-outside-close-btn{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 2.2em;
    height: 2.2em;
    margin-top: 15px;
    background-image: url(/m/statics/img/icon/trans-close-btn.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor:pointer;
}
.empty-character-alert{
    position:relative;
    display:block;
    width:100%;
    margin:0 auto;
    padding-top: 30px;
}
.empty-character-alert .empty-img{
    background-image: url(/m/statics/img/img-empty-character.png);
    height: 87px;
    background-position: center;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
.empty-character-alert .empty-msg{
    position:relative;
    display:block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    color:#a8a8a8;
    font-size: 14px;
    font-weight: 600;
}
.empty-character-alert.big-font .empty-msg{
    font-size:16px;
}
.empty-character-alert .empty-img.type-1{background-image: url(/m/statics/img/empty_1@3x.png);}
.empty-character-alert .empty-img.type-2{background-image: url(/m/statics/img/empty_2@3x.png);}
.empty-character-alert .empty-img.type-3{background-image: url(/m/statics/img/empty_3@3x.png);}
.empty-search-hint-area {
    margin-top: 30px;
    padding: 0 10px;
}
.empty-search-hint-area .tip-tag{
    background-color: #ffe1e3;
    color: #ff5862;
    padding: 5px 10px;
    border-radius: 15px;
    margin-right: 5px;
    position: relative;
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 11px;
}
.empty-search-hint-area .tip-hint-text{
    color:#a8a8a8;
    font-size: 13px;
}
.empty-search-hint-area .recommand-region-class-text-box{
    padding:20px 20px;
    border:1px solid #ff5862;
    border-radius:10px;
    color: #ff5862;
}
.empty-search-hint-area .recommand-region-class-text-box .user-info{
    font-size:16px;
    margin-bottom: 5px;
}
.empty-search-hint-area .recommand-region-class-text-box .location-text{
    font-size:13px;
    font-weight:600;
    margin-right: 5px;
}
.empty-search-hint-area .recommand-region-class-text-box .move-text{
    font-size:13px;
    cursor: pointer;
}
.search-filter-layer{
    height: 419px;
    bottom: -419px;
}
.search-filter-layer.sm-layer{
    height: 340px;
    bottom: -340px;
}
.search-filter-layer.lg-layer{
    height: 520px;
    bottom: -520px;
}
.search-filter-layer .layer-content{
    height: 100%;
    position: relative;
    display: grid;
    overflow: hidden;
    grid-template-columns: 100%;
    grid-template-rows: 44px auto;
    padding: 15px 20px 10px 20px;
}
.search-filter-layer .layer-content .layer-header{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}
.search-filter-layer .layer-content .layer-header .layer-close-btn{
    /* place-self: flex-end; */
}
.search-filter-layer .layer-content .layer-body{
    position: relative;
    display: block;
    overflow-y: auto;
    padding-bottom: 50px;
}
.search-filter-layer .layer-content .layer-title{
    font-weight: 600;
    font-size: 16px;
    position: relative;
    display: block;
}
.search-filter-layer .layer-content .layer-footer{
    position: fixed;
    width: 100%;
    bottom: -100px;
    left: 0;
    right:0;
    padding: 0 20px 15px 20px;
    opacity: 0;
    background-color: #fff;
}
.search-filter-layer.opened .layer-footer{
    opacity:1;
    bottom: 0;
    transition: all 400ms cubic-bezier(0.27, 0.01, 0.27, 0.97);
}
.search-filter-layer .layer-content .layer-footer > div{
    width: 100%;
    display: grid;
    grid-template-rows: 40px;
    grid-template-columns: 50% 50%;
}
.search-filter-layer .layer-content .layer-footer.alert-footer > div{
    grid-template-columns: 100%;
}
.search-filter-layer .layer-content .layer-footer button{
    background-color: #e8e8e8;
    color: #555555;
}
.search-filter-layer .layer-content .layer-footer button:first-child{
    margin-right:5px;
}
.search-filter-layer .layer-content .layer-footer button:last-child{
    margin-left:5px;
}
.class-search-filter-layer.search-filter-layer{
    height: 70%;
    bottom: -70%;
}
.handmade-search-filter-layer.search-filter-layer{
    height: 400px;
    bottom: -400px;
}
.filter-group .radio, .filter-group .checkbox{
    margin-bottom: 20px;
    margin-top: 0;
}
.filter-group .radio input[type="radio"], .filter-group .checkbox input[type="checkbox"]{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.filter-form-group .filter-group:not(:last-child){
    border-bottom:0.5px solid #d0d0d0;
    margin-bottom: 20px;
}
.filter-group .radio label > .radio-label, .filter-group .checkbox label > .checkbox-label{
    font-size:15px;
}
.filter-group .radio label > .radio-label > span, .filter-group .checkbox label > .checkbox-label > span{
    margin-left: 15px;
}
.filter-group .radio label > .radio-label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 24px;
    background-image: url(/m/statics/img/icon/radio-btn-ico-off.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.filter-group .radio label > input[type="radio"]:checked + .radio-label:before{
    background-image:url(/m/statics/img/icon/radio-btn-ico-on.svg);
}
.filter-group .checkbox label > .checkbox-label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 23px;
    background-image: url(/m/statics/img/icon/checkbox-btn-ico-off.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.filter-group .checkbox label > input[type="checkbox"]:checked + .checkbox-label:before{
    background-image:url(/m/statics/img/icon/checkbox-btn-ico-on.svg);
}
.filter-group .checkbox.circle label > .checkbox-label:before{
    background-image: url(/m/statics/img/icon/checkbox-circle-btn-ico-off.png);
}
.filter-group .checkbox.circle label > input[type="checkbox"]:checked + .checkbox-label:before{
    background-image:url(/m/statics/img/icon/checkbox-circle-btn-ico-on.png);
}
.filter-group.form-inline .radio label > .radio-label > span,
.filter-group.form-inline .checkbox label > .checkbox-label > span{
    margin-left:25px;
}
.filter-group.form-inline .radio,
.filter-group.form-inline .checkbox{
    margin-bottom:0;
    display:inline-block;
}
.filter-group.form-inline .radio label,
.filter-group.form-inline .checkbox label{
    padding-left:5px;
}
.author-list-type ul li{
    margin-bottom:20px;
}
.author-list-type ul li > a{
    position:relative;
    display:grid;
    grid-template-rows: 60px;
    grid-template-columns: 60px auto;
}
.author-list-type ul li .author-profile{
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    background-position: center center;
}
.author-list-type ul li .author-info{
    padding-left:15px;
    align-self: center;
}
.author-list-type ul li .author-info .author-nick{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.08px;
    color: #252525;
    text-align: left;
}
.author-list-type ul li .author-info .author-nick .sssd-ic-top30-host:before{
    width: 20px;
    height: 16px;
}
.author-list-type ul li .author-info .author-introduction{
    margin: 4px 0 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.08px;
    color: #555555;
    text-align: left;
}
.text-line-restrict{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.text-1-line{-webkit-line-clamp: 1;}
.text-2-line{-webkit-line-clamp: 2;}
.text-3-line{-webkit-line-clamp: 3;}
.text-4-line{-webkit-line-clamp: 4;}
.text-5-line{-webkit-line-clamp: 5;}
.text-6-line{-webkit-line-clamp: 6;}
.text-7-line{-webkit-line-clamp: 7;}
.text-8-line{-webkit-line-clamp: 8;}
.text-9-line{-webkit-line-clamp: 9;}
.text-10-line{-webkit-line-clamp: 10;}
.author-list-type ul li .author-info .author-classdesc{
    color:#949fae;
    font-size:10px;
    margin-top: 2px;
}
.nearby-class-header{
    display: grid;
    grid-template-rows: 50px auto;
    height: 240px;
    position: fixed;
    width: 100%;
    background-image: linear-gradient(233deg, #ca71a2 0%, #ff5862 100%);
    border-bottom: unset;
    color: #fff;
    z-index: 2;
}
.nearby-class-header .nearby-class-fixed-header{
    display: grid;
    grid-template-columns: 50px auto 50px;
    justify-items: center;
    place-items: center;
    font-size: 20px;
    width: 100%;
    padding: 0 20px;
}
.nearby-class-header .nearby-class-fixed-header .title-header-txt{
    font-size: 17px;
}
.nearby-class-header .nearby-class-fixed-header .search-cancel-btn{

}
.nearby-class-header .nearby-class-fixed-header .header-left{
    justify-self: self-start;
}
.nearby-class-header .nearby-class-fixed-header .header-right{
    width: 30px;
    height: 30px;
}
.nearby-class-header.h-fix{
    height: 120px;
    position: relative;
}
.nearby-class-sub-header{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    z-index: 1;
    padding-top: 6px;
    background: #fff;
}
.nearby-class-sub-header .region-txt-area{
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.3;
    margin-left: 20px;
}
.nearby-class-sub-header .region-select-marker-btn{
    font-size: 14px;
    margin-left: 25px;
    margin-bottom: 15px;
}
.nearby-class-sub-header .region-select-marker-btn i{
    font-size: 16px;
}
.nearby-class-sub-header .fixed-bar{
    position:relative;
    width:100%;
    background: #fff;
    padding: 20px 0;
    z-index: 1;
}
.nearby-class-search-container{
    position: relative;
    overflow: hidden;
    padding: 0 5px;
    width: 100%;
}
.nearby-class-search-container.top-fix{
    top:120px;
    position: relative;
}
.nearby-class-search-container .search-result-panel{
    padding-top: 0px;
}
.nearby-class-search-container .search-result-panel .search-result-list{
    padding-bottom: 300px;
}
.nearby-class-sub-header .filter-bar-ico{
    position: relative;
    padding: 6px 9px;
    border-radius: 18px;
    background-color: #ffffff;
    color:#555550;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.nearby-class-sub-header .filter-bar-ico:before{
    content: '';
    background-image: url(/m/statics/img/icon/filter-bar-ico-off.png);
    height: 12px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
}
.nearby-class-sub-header .class-search-filter-open-btn.filter-on .filter-bar-ico{
    background-color: #555550;
    color:#ffffff;
    opacity: .9;
}
.nearby-class-sub-header .class-search-filter-open-btn.filter-on .filter-bar-ico:before{
    background-image: url(/m/statics/img/icon/filter-bar-ico-on.png);
}
.nearby-class-sub-header .filter-bar-ico > span{
    margin-left:3px;
}
.nearby-class-sub-header .filter-bar-area {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    padding-left: 20px;
}
.nearby-class-sub-header .region-search-btn {
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.no-visible{
    visibility: hidden !important;
}
.nearby-class-sub-header .category-select-area{
    display: inline-block;
    white-space: nowrap;
}
.nearby-class-sub-header .category-select-btn{

}
.nearby-class-sub-header .category-select-btn i{
    position: absolute;
    right: 10px;
    top: 10px;
    color:#555555;
}
.nearby-class-sub-header .class-search-filter-open-btn{

}
.nearby-class-sub-header .filter-bar-area .filter-btn{
    position: relative;
    border-radius: 18px;
    background-color: #f3f3f3;
    color: #252525;
    padding: 5px 15px;
    display: inline-block;
    cursor:pointer;
    margin-right: 10px;
}
.nearby-class-sub-header .filter-bar-area .filter-btn.filter-on{
    color:#ff5862;
    font-weight: 700;
}
.nearby-class-sub-header .filter-bar-area .filter-btn.filter-on:after{
    content: ' ';
    width: 4px;
    height: 4px;
    background: #ff5862;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 6px;
    right: 10px;
}
.nearby-class-sub-header .ic-arrow-down{
    background-image: url(/m/statics/img/ic-arrow-down.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-size: contain;
    margin-top: 5px;
}
.nearby-class-sub-header .interest-region-range{
    display: flex;
    align-items: center;
    gap: 4px;
}
.nearby-class-reply-swiper{
    border-top: 0.3px solid #A8A8A8;
    /*margin-bottom: 20px;*/
    width: 100%;
    overflow: hidden;
}
.nearby-class-reply-swiper .swiper-wrapper{
    margin-top: 20px;
}
.nearby-class-reply-swiper .swiper-wrapper .swiper-slide{
    background: #FCFCFC;
    border: 0.5px solid #E6E6E6;
    border-radius: 7px;
    padding: 20px;
}
.nearby-class-reply-swiper .swiper-wrapper .swiper-slide a{
    display: flex;
    flex-flow: column;
    gap: 8px;
}
.nearby-class-reply-swiper .swiper-wrapper .swiper-slide .reply-header{
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
.nearby-class-reply-swiper .swiper-wrapper .swiper-slide .reply-header .tag-box{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #6A82EC;
}
.nearby-class-reply-swiper .swiper-wrapper .swiper-slide .reply-header .reply-satisfaction{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #252525;
}
.nearby-class-reply-swiper .swiper-wrapper .swiper-slide .reply-content{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #252525;
    height: 32px;
}
.class-category-search-header{
    grid-template-rows: 40% 60%;
    grid-template-columns: 100%;
    height: 100px;
}
.class-category-search-header > div:first-child{
    font-size: 16px !important;
}
.class-category-search-header .search-cancel-btn{
    position: relative;
    width: 30px;
    height: 30px;
    background-image: url(/m/statics/img/icon/btn-gnb-back-black@3x.png);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -1000em;
    margin-left:0;
}
/* .class-category-search-header > div:last-child{
	position: relative;
    display: flex;
    height: 100%;
    font-size: 12px;
    align-items: center;
    padding: 0 10px;
    font-weight: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
	padding-left: 25px;
}
.class-category-search-header > div:last-child > div{
	position: relative;
} */
.class-category-search-header .swiper{
    width:100%;
    padding-left:15px !important;
    font-size: 12px !important;
    font-weight: normal !important;
}
.class-category-search-header .swiper .swiper-slide{
    width: auto;
}
.class-category-search-header .filter-btn{
    position: relative;
    border-radius: 18px;
    background-color: #f3f3f3;
    color: #252525;
    padding: 5px 15px;
    display: inline-block;
    cursor: pointer;
    width: auto;
}
.class-category-search-header .filter-btn.filter-on{
    color: #ff5862;
    font-weight:600;
}
.class-category-search-header .filter-btn.filter-on:after{
    content: ' ';
    width: 4px;
    height: 4px;
    background: #ff5862;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 6px;
    right: 10px;
}
.class-category-search-header .filter-btn > .ico{
    height: 16px;
    width: 16px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.class-category-search-header .class-period-choose-open-btn > .title{
    white-space: normal;
    word-wrap: break-word;
}
.class-category-search-header .class-period-choose-open-btn > .ico{
    background-image: url(/m/statics/img/icon/calendar-ico-off.png);
}
.class-category-search-header .class-period-choose-open-btn.filter-on > .ico{
    background-image: url(/m/statics/img/icon/calendar-ico-on.png);
}
.class-category-search-header .class-region-search-open-btn > .ico{
    background-image: url(/m/statics/img/icon/location-ico-off.png);
}
.class-category-search-header .class-region-search-open-btn.filter-on > .ico{
    background-image: url(/m/statics/img/icon/location-ico-on.png);
}
.class-category-search-header .class-search-filter-open-btn > .ico{
    background-image: url(/m/statics/img/icon/gnb-filter-ico-off.png);
}
.class-category-search-header .class-search-filter-open-btn.filter-on > .ico{
    background-image: url(/m/statics/img/icon/gnb-filter-ico-on.png);
}
.class-search-category-area.top-slide-panel{
    transform: translateY(-400px);
    transition: .2s ease-in-out;
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
    position: fixed;
    max-width: 480px;
}
.class-search-category-area.top-slide-panel.opened{
    transform: translateY(100px);
    transition: .2s ease-in-out;
    visibility: visible;
    opacity: 1;
    height:400px;
    z-index: 13;
    position: fixed;
}
.class-search-category-area.top-slide-panel .class-search-main-category{
    padding-top: 0;
    width: 80px;
    height: 100%;
    overflow-y: auto;
}
.class-search-category-area.top-slide-panel .class-search-sub-category{
    padding-top: 10px;
    height: 100%;
    background-color:#f9f9f9;
}
.class-category-search-body{
    height: 100vh;
}
.class-category-search-body .search-result-panel{
    height:100%;
    padding: 0;
}
.class-category-search-body .search-result-panel .search-result-area{
    padding: 0 0 10px 0;
}
.class-category-search-body .search-result-panel .search-result-area .search-result-list{
    padding-bottom: 250px;
}

.header-link-share-btn, .curation-share-btn{
    top: 15px;
    cursor:pointer;
}
.header.header-spacer + .header-adjacent{
    padding-top:60px;
}
.header.blk-header {
    background-color: #252525;
    color: #fff;
    border-bottom: 1px solid #252525;
}
.curation-item-list .region-filter-tag-area{
    width: 100%;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    padding: 15px 0px 25px 0px;
    margin: 0 auto;
}
.curation-item-list .region-filter-tag-area .region-filter-tag-list{
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: none;
}
.curation-item-list .region-filter-tag-area .region-filter-tag-list::-webkit-scrollbar {
    display: none;
    width: 0 !important;
}
.curation-item-list .region-filter-tag-area .region-filter-tag-list .region-filter-tag{
    padding: 5px 10px;
    border: .5px solid #a8a8a8;
    position: relative;
    display: inline-block;
    border-radius: 10px;
    margin-right: 7px;
    color: #a8a8a8;
    background-color:#fff;
    font-size:12px;
    cursor:pointer;
}
.curation-item-list .region-filter-tag-area .region-filter-tag-list .region-filter-tag.active{
    color:#fff;
    border-color:#ff5862;
    background-color:#ff5862;
}
.only-sssd-benefit{
    margin: 20px 15px;
    padding-bottom: 20px;
    /*display: grid;*/
    /*grid-template-rows: 25% auto;*/
    /*grid-template-columns: 50% 50%;*/
    /*height: 200px;*/
    display: flex;
    flex-flow: column;
    border-bottom: 1px solid rgba(230,230,230,0.5);
}
.only-sssd-benefit .only-sssd-benefit-logo-area{
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
.only-sssd-benefit .only-sssd-benefit-logo-text {
    width: 120px;
    height: 27px;
    background-image: url(/m/statics/img/class/detail/onlysssd-logo-text.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.only-sssd-benefit .only-sssd-benefit-detail-btn{
    display: flex;
    background-image: linear-gradient(253deg, #8094ff, #ff5862 75%);
    border-radius: 13px;
    padding: 6px 8px;
    cursor: pointer;
    font-weight: 600;
    font-size: 10px !important;
    color: #fff;
    align-items: center;
    gap: 2px;
}
/*.only-sssd-benefit > div:nth-child(2){*/
/*	place-self: end;*/
/*}*/
/*.only-sssd-benefit > div:last-child{*/
/*	grid-column: 1/3;*/
/*	padding-top:10px;*/
/*}*/
.only-sssd-benefit .only-sssd-benefit-info{
    border: 1px solid #dddddd;
    border-radius: 5px;
    display: flex;
    position:relative;
    width: 100%;
    padding: 10px 15px;
    margin-top: 12px;
}
.only-sssd-benefit .only-sssd-benefit-info .title-box{
    width : 30%;
}
.only-sssd-benefit .only-sssd-benefit-info .content-box{
    width : 70%;
}
.only-sssd-benefit .only-sssd-benefit-info > div{
    padding: 2px 0;
    font-size: 12px;
}
.somssikit-badge{
    width: 60px;
    height: 24px;
    display: inline-block;
    margin-right: 5px;
}
.somssikit-badge > img{
    width:100%;
}
.somssikit-benefit{
    padding: 20px 20px;
    display: grid;
    grid-template-rows: 30% auto;
    grid-template-columns: 60% auto;
    height: 210px;
    /*border-top: 1px solid #f0f3f8;*/
    border-bottom: 10px solid #f0f3f8;
}
.somssikit-benefit .somssikit-benefit-logo-text{
    background-image: url(/m/statics/img/somssikit-logo-text.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
}
.somssikit-benefit .somssikit-benefit-detail-btn{
    background-color: #ff5862;
    border-radius: 13px;
    padding: 6px 8px;
    cursor: pointer;
    font-weight: 600;
    font-size: 10px !important;
    color: #fff;
}
.somssikit-benefit > div:nth-child(2){
    place-self: end;
}
.somssikit-benefit > div:last-child{
    grid-column: 1/3;
    margin-top: 5px;
}
.somssikit-benefit .somssikit-benefit-info{
    border: 1px solid #dddddd;
    border-radius: 5px;
    display: grid;
    grid-template-columns: 30% auto;
    padding: 10px 15px;
    margin-top: 12px;
}
.somssikit-benefit .somssikit-benefit-info > div{
    padding: 2px 0;
    font-size: 12px;
}
.common-scroll-top-binder{
    margin: 0 auto;
    position: fixed;
    bottom: 25px;
    left: 0;
    right: 0;
    background: transparent;
    z-index: 99;
}
.common-scroll-top-binder.high{
    bottom:120px;
}

.common-scroll-top-binder.low{
    bottom:120px;
}
.common-scroll-top-btn {
    position: absolute;
    bottom: 0;
    right: 20px;
    width: 45px;
    height: 45px;
    font-size: 24px;
    border-radius: 50%;
    background-color: #ff999f;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    cursor: pointer;
}
.common-scroll-top-btn.visible{
    opacity:1;
    visibility: visible;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.sssd-select-wrapper{
    min-width: 70px;
    width: auto;
    display: inline-block;
    background-color: #fff;
    transition: all .3s ease;
    position: relative;
    font-size: 16px;
    color: #474747;
    text-align: left;
    border-radius: 5px;
}
.sssd-select-wrapper .select{
    cursor: pointer;
    display: inline-flex;
    padding: 10px;
    align-items: center;
    width: 100%;
    border: 0.5px solid #A8A8A8;
    border-radius: 2px;
    transition: all .3s ease;
    color: #a8a8a8;
}
.sssd-select-wrapper .select.item-selected{
    /*color:#252525;*/
}
.sssd-select-wrapper.active .select{
    border-bottom: unset;
    border-radius: 5px 5px 0 0;
    transition: all .3s ease;
}
.sssd-select-wrapper .select > .arrow{
    font-size: 13px;
    margin-left: auto;
    text-align: center;
    transition: all .3s ease-in-out;
}
.sssd-select-wrapper.active:hover, .sssd-select-wrapper.active{
    border-radius: 2px 2px 0 0;
    background-color: #fff;
}
.sssd-select-wrapper.disabled{
    opacity: unset;
}
.sssd-select-wrapper.active .select > .arrow {
    transform: rotate(-180deg);
    color:#ff5862;
}
.sssd-select-wrapper .select-dropdown-list{
    width: 100%;
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 0;
    margin-top: 0px;
    overflow: hidden;
    display: none;
    max-height: 284px;
    overflow-y: auto;
    z-index: 9;
    border: 1px solid #FF5862;
    border-radius: 2px;
}
.sssd-select-wrapper .select-dropdown-list {
    padding: 0;
    list-style: none;
}
.sssd-select-wrapper .select-dropdown-list li{
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    color: #252525;
    width:100%;
    display: inline-flex;
    align-items: center;
}
.sssd-select-wrapper .select-dropdown-list li.selected-item{
    /* display:none; */
}
.sssd-select-wrapper .select-dropdown-list li:hover {
    background-color: #f2f2f2;
    color:#ff5862;
}
.sssd-select-wrapper .select-dropdown-list li:active {
    background-color: #e2e2e2;
    color:#ff5862;
}
.sssd-select-wrapper .select-dropdown-list::-webkit-scrollbar {
    display: none;
    width: 0 !important;
}
.sssd-select-wrapper.active .select-dropdown-list li:hover::after{
    margin-left: auto;
    content: "\e941";
    transform: rotate(-180deg);
    color: #ff5862;
    font-family: xeicon!important;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
    line-height: 1;
}
.custom-select-box {
    display: inline-block;
}
.custom-select-box.option-select-box{
    position:relative;
    display: block;
    margin-bottom: 5px;
}
.option-select-box .sssd-select-wrapper{
    width:100%;
}
.option-select-box.store .sssd-select-wrapper .select.item-selected{
    color:#252525;
}
.option-select-box.store .sssd-select-wrapper .select{
    border-color:#6a82ec;
}
.option-select-box.store.homeclass .sssd-select-wrapper .select{
    border-color:#ff5862;
}
.option-select-box.store .sssd-select-wrapper.active .select > .arrow {
    color:#252525;
}
.option-select-box.store .sssd-select-wrapper .select-dropdown-list{
    border-color: #6a82ec;
}
.option-select-box.store.homeclass .sssd-select-wrapper .select-dropdown-list{
    border-color: #ff5862;
}
.option-select-box.store .sssd-select-wrapper .select-dropdown-list li{
    color:#252525;
}
.option-select-box.store .sssd-select-wrapper .select-dropdown-list li:first-child:hover{
    background-color: #ffffff;
}
.option-select-box.store .sssd-select-wrapper .select-dropdown-list li:not(:first-child):hover {
    background-color: #f2f2f2;
    color:#6a82ec;
}
.option-select-box.store.homeclass .sssd-select-wrapper .select-dropdown-list li:not(:first-child):hover {
    color:#ff5862;
}
.option-select-box.store .sssd-select-wrapper .select-dropdown-list li:active {
    background-color: #e2e2e2;
    color:#6a82ec;
}
.option-select-box.store.homeclass .sssd-select-wrapper .select-dropdown-list li:active {
    color:#6a82ec;
}
.option-select-box.store .sssd-select-wrapper .select-dropdown-list::-webkit-scrollbar {
    display: none;
    width: 0 !important;
}
.option-select-box.store .sssd-select-wrapper.active .select-dropdown-list li:hover::after{
    color: #6a82ec;
}
.option-select-box.store.homeclass .sssd-select-wrapper.active .select-dropdown-list li:hover::after{
    color: #ff5862;
}
.option-select-box .sssd-select-wrapper .select-dropdown-list > li:not(:first-child) > div{
    justify-content: space-between;
    width: 96%;
    display: flex;
}
.option-select-layer .option-select-box .sssd-select-wrapper .select-dropdown-list li{
    font-size: 13px;
    opacity: .7;
}
.option-select-layer .option-select-box .sssd-select-wrapper .select-dropdown-list li:not(:last-child){
    border-bottom: 0.5px solid #a8a8a8;
}
.option-select-layer .option-select-box .selected-value-text {
    font-size: 13px;
}
.option-area .option-item .card-block .option-title {
    margin-bottom: 5px;
    font-size: 13px;
}
.text-baseline{
    vertical-align: sub;
}
.etc-payment-type-btn-area .etc-payment-type-btn-box{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 40px;
}
.etc-payment-type-btn-area > div{
    width: 100%;
    height: 100%;
}
.etc-payment-type-btn-area .etc-payment-type-btn-box .etc-payment-type-btn{
    width: 100%;
    background-color: #fff;
    font-size: 15px;
    color: #555555;
    outline: none;
    display: inline;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid #dddddd;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    border-radius: 7px;
    font-weight: 600;
}
.etc-payment-type-btn-area .etc-payment-type-btn-box .etc-payment-type-btn.active{
    border: 1px solid #ff5862;
    color: #ff5862;
}
.main-payment-type-btn-area {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 50px 50px;
}
.main-payment-type-btn-area > div{
    width: 100%;
    height: 100%;
}
.main-payment-type-btn-area .somssi-pay-btn {
    grid-row: 1/3;
}
.main-payment-type-btn-area .main-payment-type-btn{
    width: 100%;
    background-color: #fff;
    font-size: 15px;
    color: #555555;
    outline: none;
    display: inline;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid #dddddd;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    border-radius: 7px;
    font-weight: 600;
}
.main-payment-type-btn-area .main-payment-type-btn.active{
    border: 1px solid #ff5862;
    color: #ff5862;
}
.main-payment-type-btn-area .somssipay-badge{
    padding: 5px 10px;
    /*background-image: linear-gradient(253deg, #8094ff, #ff5862 100%);*/
    background-color: #FF5862;
    color: #fff;
    border-radius: 15px;
    font-size: 12px;
}
.cash-receipts-auso-save-info-area .default-input-area{
    background-color: #f3f3f3;
    border: none;
}
.cash-receipts-auso-save-info-area .default-input-area input{
    background-color: #f3f3f3;
}
.cash-receipts-auso-save-info-area .default-input-area button{
    background-color: #fff;
    color: #555555;
}
.space-between-box{
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.shipping-dest-list-btn{
    width: 25%;
    height: 75%;
    border: none;
    font-size: 1em;
    outline: none;
    display: inline;
    box-sizing: border-box;
    border-radius: 17px;
    background-color: #fff1f2;
    color: #ff5862;
    font-weight: normal;
    padding: 5px;
}
.somssipay-info-area {
    background: #fff1f2;
    border-radius: 7px;
    padding: 40px 15px;
    text-align: center;
    font-size: 12px;
    letter-spacing: -0.8px;
    line-height: 1.3;
}
.somssipay-info-area strong{
    font-weight:normal;
    color:#ff5862;
}
.somssipay-info-area strong.bold{
    font-weight:700;
    font-size:15px;
}
.somssipay-info-area button{
    border: none;
    font-size: 1em;
    outline: none;
    display: inline;
    box-sizing: border-box;
    border-radius: 17px;
    background-color: #ff5862;
    color: #fff;
    padding: 10px 20px;
}
.v-scroll{
    overflow-y: auto;
    height: 100%;
}
.point-benefit-info-area > div, .point-benefit-info-area > h3{
    padding:0 15px;
}
.point-benefit-info-area .max-point-benefit-info-area{
    background:#fff1f2;
    display:grid;
    grid-template-columns: 60% 40%;
    padding: 15px 15px;
    margin-top: 15px;
    border-bottom: 10px solid #f0f3f8;
}
.policy-item-list{
    /*border-bottom: 1px solid #dddddd;*/
    padding: 0 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #252525;
}
.policy-item-list .policy-item{
    padding-bottom: 5px;
    font-size: 15px;
    color: #252525;
}
.apply-btn-area{
    position: relative;
    margin: 0 auto;
    text-align: center;
    padding: 0 15px;
    margin-top: 20px;
    color:#212121;
}
.apply-btn-area .apply-btn{
    width: 100%;
    position: relative;
    text-align: center;
    padding: 15px 15px;
    background: #ff5862;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}
.delivery-msg-regist-layer .delivery-msg-apply-btn-box{
    position: fixed;
    width: 100%;
    bottom: 15px;
    z-index: 1;
    padding: 0px 15px;
}
.delivery-msg-regist-layer .delivery-msg-apply-btn-box .delivery-msg-apply-btn{
    width: 100%;
    position: relative;
    text-align: center;
    padding: 12px 15px;
    background: #ff5862;
    border-radius: 7px;
    color: #fff;
    font-size: 19px;
    cursor:pointer;
}
.delivery-msg-regist-layer .layer-body-area{
    padding-bottom:160px !important;
}
.class-apply-form .row{
    margin-left:0;
    margin-right:0;
    margin-bottom: 10px;
}
.class-apply-form .row div[class*=" col-"], .class-apply-form .row div[class^="col-"]{
    padding-right: 0;
    padding-left: 0;
}
.thick-divider{
    border-top: 10px solid #f0f3f8;
}
.badge.vipmembership-tootip-info-btn{
    border-radius:10px;
    background:#a8a8a8;
    color:#fff;
}
.cursor{
    cursor: pointer;
}
.vod-player-section{
    z-index:10;
    position: fixed;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
}
.diykit-vod-list{
    padding: 57% 0 80px;
    position: relative;
}
.diykit-vod-list .diykit-vod-list-area{
    position: relative;
    height: auto;
    overflow-y: auto;
}
.diykit-vod-list .diykit-vod-list-area .vod-curriculum-info{
    display: flex;
    justify-content: space-between;
    padding: 30px 15px 20px;
    color: #252525;
    font-size: 14px;
    line-height: 16px;
}
.diykit-vod-list .diykit-vod-list-area .vod-curriculum-info .vod-list{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
}
.diykit-vod-list .diykit-vod-list-area .vod-curriculum-info .vod-cnt{
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
.diykit-vod-list .vod-curriculum-list{
    padding: 0 15px;
    margin-top: unset;
}
.diykit-vod-list .vod-curriculum-list button{
    width: 100%;
    height: 50px;
    border: 1px solid #D7D7D7;
    position: relative;
    border-radius: 5px;
    padding: 14px 15px;
    margin: 0 0 10px 0;
    display: grid;
    grid-template-columns: auto 22px;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
}
.diykit-vod-list .vod-curriculum-list button.active{
    background: #8094FF;
    color: #FFF;
    border: 1px solid #8094FF;
    font-weight: bold;
}
.diykit-vod-list .vod-curriculum-list button i{
    background-image: url(/m/statics/img/mypage/ic_arrow_right_bk.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 22px;
    height: 22px;
}
.diykit-vod-list .vod-curriculum-list button.active i{
    background-image: url(/m/statics/img/mypage/ic_arrow_right_wh.png);
}
.diykit-vod-info{
    padding:60.25% 20px 30px 20px;
    position: relative;
}
.diykit-vod-info .kit-banner{
    display: grid;
    grid-template-columns: auto 100px;
    padding: 11px 12px;
    align-items: center;
    background: #e8e8e8;
    border-radius: 7px;
}
.diykit-vod-info .kit-logo-text{
    background-image: url(/m/statics/img/diykit-banner-type-2.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    width: 75%;
    height: 30px;
}
.diykit-vod-info .kit-banner > div:last-child{
    justify-self: right;
}
.diykit-vod-info .somssikit-benefit-detail-btn {
    background-color: #ff5862;
    border-radius: 13px;
    padding: 3px 7px;
    cursor: pointer;
    font-weight: 600;
    font-size: 10px !important;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    align-content: center;
}
.diykit-vod-info .somssikit-benefit-detail-btn > a{
    color:#fff;
}
.diykit-vod-info .somssikit-benefit-detail-btn > a:hover{
    color:#fff;
}
.diykit-vod-info .kit-title-info{
    margin-top: 20px;
}
.diykit-vod-info .kit-sub-title{
    color:#8b8b8b;
    font-size:14px;
}
.diykit-vod-info .kit-title{
    color:#212121;
    font-size:22px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 4px;
}
.diykit-info .nav-tab{
    height:50px;
    border-top: 1px solid #dddddd;
    box-shadow: 0px 3px 5px 1px rgb(147 154 165 / 20%);
}
.diykit-info .nav-tab > ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
}
.diykit-info .nav-tab > ul > li{
    height: 100%;
    width: 100%;
    cursor: pointer;
}
.diykit-info .nav-tab > ul > li > div{
    width: 70%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    position: relative;
    color:#a8a8a8;
    font-weight: 600;
    font-size: 13px;
}
.diykit-info .nav-tab > ul > li.active > div{
    font-weight:600;
    color:#212121;
}
.diykit-info .nav-tab > ul > li.active > div:before{
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #15202E;
}
.diykit-info .tab-item{
    padding: 40px 20px;
    padding-bottom: 120px;
    height: 100%;
    position: relative;
}
.diykit-info .nav-tab-content-swiper .swiper-slide .tab-item{
    display:none;
}
.diykit-info .nav-tab-content-swiper .swiper-slide.swiper-slide-active .tab-item{
    display:block;
}
.diykit-info .tab-item.no-w-pad{
    padding-left: 0;
    padding-right: 0;
}
.diykit-info .tab-item .tab-title{
    font-weight: 600;
    margin-bottom: 25px;
    margin-left: 20px;
}
.diykit-info .tab-item .curriculum{
    padding: 0 20px;
    padding-bottom: 40px;
}
.thin-separator{
    height:1px;
    background:#dddddd;
}
.thick-separator{
    height:10px;
    background:#dddddd;
}
.horizontal-swipe-list-area.recommand-class-area{
    padding: 0;
}
.horizontal-swipe-list-area.recommand-class-area .main-header{
    height: 280px;
    background: #ffe5e6;
}
.horizontal-swipe-list-area.recommand-class-area .content{
    transform: translateY(-50px);
    /* padding-left: 20px; */
    padding:0 20px;
}
.horizontal-swipe-list-area.recommand-class-area .main-header .logo{
    background-image: url(/m/statics/img/icon/ico-sssd-logo.png);
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    background-position: center 25%;
    background-repeat: no-repeat;
    background-size: 35%;
}
.horizontal-swipe-list-area.recommand-class-area .main-header .move-btn{
    bottom:22%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding: 8px 7px;
    color: #fff;
    background: #ff5862;
    border-radius: 30px;
    width: 75%;
    text-align: center;
    font-size: 17px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.horizontal-swipe-list-area.recommand-class-area .main-header .move-btn a{
    color:#fff;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-end;
}
.horizontal-swipe-list-area.recommand-class-area .main-header .move-btn a:hover{
    color:#fff;
}
.horizontal-swipe-list-area.recommand-class-area .main-header .move-btn a > span{
    margin-left:9px;
}
.footer-floating-btn-area{
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1;
    background: #fff;
    transition: all .2s ease-in-out;
}
.footer-floating-btn-area.hiding{
    bottom:-110px;
    transition: all .2s ease-in-out;
}
.footer-floating-btn-area .welcome-coupon-inform-msg{
    background-color: #ffd3d5;
    text-align: center;
    height: 30px;
    padding: 5px 0;
    font-size: 12px;
    color: #525252;
    font-weight: 300;
    line-height: 20px;
}
.footer-floating-btn-area .welcome-coupon-inform-msg img{
    width: 34px;
    height: 24px;
    margin-right: 5px;
}
.footer-floating-btn-area .welcome-coupon-inform-msg strong{
    color: #ff5862;
    font-weight: 600;
}
.footer-floating-btn-area .grid{
    width:100%;
    height:80px;
    display:grid;
    grid-template-columns:auto 20%;
    align-items: center;
    text-align: center;
}
.footer-floating-btn-area .grid > div{
    position: relative;
}
.footer-floating-btn-area .grid .footer-link-btn{
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0 auto;
    padding: 14px 5px;
    font-size: 15px;
}
.footer-floating-btn-area .grid .footer-link-btn > a{
    color:#fff;
}
.footer-floating-btn-area .grid .footer-link-btn > a:hover{
    color:#fff;
}
.footer-floating-btn-area .grid .som-like-btn-area{
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: grid;
    grid-template-rows: 65% auto;
    cursor: pointer;
    position: relative;
    align-items: center;
    margin: 0 auto;
}
.footer-floating-btn-area .grid .som-like-btn-area .bubble-icon{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-image: url(/m/statics/img/som-off-like-btn.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 55%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    grid-row: 1/2;
}
.footer-floating-btn-area .grid .som-like-btn-area .bubble-icon.on{
    background-image: url(/m/statics/img/som-on-like-btn.png?v=1.1);
}
.footer-floating-btn-area .grid .som-like-btn-area .like-cnt-txt{
    grid-row: 2/3;
    position: relative;
    font-size: 15px;
    align-self: baseline;
    color:#ff5862;
}
.footer-floating-btn-area .grid.type1{
    display: flex;
    padding-right: 15px;
    padding-left: 15px;
}
.footer-floating-btn-area .grid.type1 .footer-link-btn{
    width: 100%;
    border-radius: 5px;
    font-weight: bold;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}
.multiple-text-row{
    height:unset;
}
.multiple-text{
    overflow: hidden;
    min-height: 40px;
    display: flex;
    align-items: center;
    word-break: break-word !important;
    padding-top: 10px;
    padding-bottom: 10px;
}
.multiple-text.text-right{
    justify-content: flex-end;
}
@media screen and (min-width : 480px){
    body {width: 480px;margin: 0px auto !important;box-shadow: 0 0 17px 3px rgb(171 171 171 / 50%);position:relative;}
    .container{width : 480px;margin: 0px auto;}
    .footer {width: 480px;margin: 0 auto;}
    .tab {width: 480px;margin : 0px auto;}
    .header {width: 480px;margin: 0px auto;}
    .menu-bar {width: 480px;margin: 0px auto;}
    .store-header {width: 480px;margin: 0px auto;}
    .price-bar{width: 480px;margin: 0px auto;}
    .mobile-app-install {width: 480px;margin: 0px auto;}
    .category-moreview {width: 480px;margin: 0px auto;}
    .category-box {width: 480px;margin: 0px auto;}
    .category-nav {left : unset;}
    .mobile-app-installs {width: 480px;margin: 0px auto;}
    .gallList {width: 480px;margin: 0px auto;}
    .gallList2, .gallery_view2 {width: 480px;margin: 0px auto;}
    .worker-title {height: 30vh;}
    .reply-input-area {width: 480px;margin: 0px auto;}
    .review-list-area li.review-item .review-img-area{height : 130px;}
    .review-detail-area .review-area .review-img-area{height : 130px;}
    .mobile-app-install-induce{width: 480px;margin: 0px auto;}
    .group-apply-move-bar{width: 480px;margin: 0px auto;}
    .regist-complete-form .complete-btn-area,.common-footer-btn-area{width: 480px;margin: 0px auto;}
    .class-apply-area{width: 480px;margin: 0px auto;}
    .class-apply-area .apply-btn-area{width: 480px;margin: 0px auto;}
    .bottom-fixed-btn-area{width: 480px;margin: 0px auto;}
    .class-apply-complete-modal{width: 480px;margin: 0px auto;}
    .row.padding-lr-5 > div[class*=" col-"], .row.padding-lr-5 > div[class^=col-] {padding-right:15px;padding-left:15px;}
    .row.padding-lr-10 > div[class*=" col-"], .row.padding-lr-10 > div[class^=col-] {padding-right:20px;padding-left:20px;}
    .main-banner .banner-list { height: 102px;}
    .main-banner .banner-list a { height: 100%;}
    .common-absolute-bottom-area{width: 480px;margin: 0px auto;}
    .class-reply-list-modal{width: 480px;margin: 0px auto;}
    .fl-arrow-btn-area{width: 480px;margin: 0px auto;}
    .flip-card-wrapper {height:210px;}
    #download_header{width:480px;}
    .string-banner-area{width:480px !important;margin:0 auto;}
    .top-banner-header .fixed-header-area{width:480px;}
    .category-select-apply-btn-area{width:480px !important;margin:0 auto;}
    .search-filter-layer .layer-footer{width:480px !important;margin:0 auto;}
    .common-scroll-top-binder{width:480px !important;margin:0 auto;}
    .footer-floating-btn-area{width:480px !important;margin:0 auto;}
}
@media screen and (max-width : 425px){
    .row.padding-lr-5 > div[class*=" col-"], .row.padding-lr-5 > div[class^=col-] {padding-right:10px;padding-left:10px;}
    .row.padding-lr-10 > div[class*=" col-"], .row.padding-lr-10 > div[class^=col-] {padding-right:15px;padding-left:15px;}
    .class-apply-form button.payment-type-btn {background-size: 65%;}
    .flip-card-wrapper{height:190px;}
    .homeclass-category-btn-area{width:425px;}
    .gift-card-select-container{min-height: 480px;max-height: 647px;}
    .gift-received-card-lottie{height: 250px;background-size: 42%;}
    .curation-thumb-type-area{height:456px;}
    .my-class-area .order-option-list .option-text-area .option-list-txt{padding-left: 4px;}
}
@media screen and (max-width : 410px){
    .gift-card-select-container{min-height: 398px;max-height: 495px;}
    .curation-thumb-type-area{height:437px;}
    .modal > .modal-dialog{max-width:370px;}
    .my-class-area .order-option-list .option-text-area .option-list-txt{padding-left: 8px;}
    .horizontal-swipe-list-area.recommand-class-area .main-header .move-btn a{font-size:14px;}
}
@media screen and (max-width : 375px){
    .review-ranking-area{height : 225px;}
    .review-ranking-area > .rank-list{height : 110px;}
    .review-list-area li.review-item .review-img-area{height : 100px;}
    .review-detail-area .review-area .review-img-area{height : 100px;}
    .review-filter-btn {width : 80px;}
    .profile-container .profile .profile-img-area .user-profile{width: 75px;height: 75px;}
    .profile-container .profile .profile-img-area{width: 75px;}
    .profile-container .profile-area .user-state-box > ul li > div.row .vip-tooltip{width: 140px;}
    .author-chg-btn-area{height:68px;}
    .row.padding-lr-5 > div[class*=" col-"], .row.padding-lr-5 > div[class^=col-] {padding-right:5px;padding-left:5px;}
    .row.padding-lr-10 > div[class*=" col-"], .row.padding-lr-10 > div[class^=col-] {padding-right:10px;padding-left:10px;}
    .author-profile-area .author-profile-img {height: 60px;width: 60px;max-width: 60px;min-width: 60px;}
    .my-class-area .order-class-list .order-item div.right {padding-left:0;padding-right:0;}
    .my-class-area .order-class-list .order-item div.right .remain-day-explain-txt.highlight{font-size:1.3rem;}
    .author-profile-area .btn-area button {height:40px;}
    .vip-membership-main-contents .txt-area .explain-title{font-size:1.6em;}
    .vip-membership-container .vip-benefit-area .vip-benefit-title{font-size:1.6em;}
    .vip-membership-main-contents .btn-area {}
    .vip-benefit-img > [class^=benefit-] {width: 50px;}
    .user-grade-container .user-grade-header strong{font-size: 2.2rem;}
    .user-grade-container .user-grade-header span{font-size: 1.5rem;}
    .class-apply-form button.payment-type-btn {background-size: 80%;}
    .flip-card-wrapper {height:164px;}
    .homeclass-category-btn-area{width:375px;}
    .curation-thumb-type-area{padding: 30px 15px 20px 15px;height: 412px;}
    .user-reply-contents-wrapper {height: 324px;}
    .user-reply-contents-wrapper .reply-card .wrapper{grid-template-rows: 32% 45% 23%;}
    .gift-received-card-lottie{height: 220px;background-size: 40%;}
    .gift-card-select-container{min-height: 398px;max-height: 700px;height: 77vh;}
    .curation-thumb-type-area{height:402px;}
    .gift-card-bottom-layer{height:60px;}
    .footer .group a{font-size:1.2rem;}
    .footer .group .title{font-size:14px;}
    .footer .group .title .hint-text{font-size:11px;}
    .order-history-container .tab {padding: 0 18%;}
    .order-history-container .tab > ul > li > button{min-width: 72px;}
    .modal > .modal-dialog{max-width:350px;}
    .user-grade-info .user-grade-level .user-grade-level-step > .row{font-size: 1.2rem;}
    .my-class-area .order-option-list .option-text-area .option-list-txt{padding-left: 10px;}
    .somssikit-benefit .somssikit-benefit-info{grid-template-columns: 35% auto;}
    .store-item-list-header-area .header-text{
        width: 76%;
        margin: 0 auto;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        white-space: nowrap;
    }
    .class-apply-form .class-info-area {grid-template-columns: 33% auto;}
    .class-apply-form .class-info-area .class-text-area{font-size:12px;}

    .app-install-propose-with-msg-layer > .grid > .item-a > span{font-size:1em;}
    .app-install-propose-with-msg-layer.sm-logo-alert{
        height: 82px;
        bottom:-82px;
    }
    .horizontal-swipe-list-area.recommand-class-area .main-header .move-btn{
        font-size: 15px;
        width: 80%;
    }
    .diykit-vod-info .kit-logo-text{
        width: 85%;
    }
    .horizontal-swipe-list-area.recommand-class-area .main-header .move-btn a > span{
        margin-left:5px;
    }
    .class-reply-info-box.type-a .wrapper{padding: 30px 15px;}
}
@media screen and (max-width : 320px){
    .switch-button {width : 80px;}
    .review-ranking-area{height : 206px;}
    .review-ranking-area > .rank-list {height: 88px;}
    .review-list-area li.review-item .review-img-area{height : 88px;}
    .review-detail-area .review-area .review-img-area{height : 88px;}
    .profile-container .profile .profile-img-area .user-profile{width: 65px;height: 65px;}
    .profile-container .profile .profile-img-area{width: 65px;}
    .profile-container .profile-area .user-state-box {margin-top:0px;}
    .profile-container .profile-area .user-state-box > ul li > div.row .vip-tooltip{width: 110px;}
    .author-chg-btn-area{height: 59px;}
    .profile-area .user-state-box > ul li > div.row .explain-text .friend-invite-add-text {overflow: hidden;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
    .author-profile-area .author-profile-img {height: 50px;width: 50px;max-width: 50px;min-width: 50px;}
    .my-class-area .order-class-list .order-item div.right {padding-left:0;padding-right:0;}
    .my-class-area .order-class-list .order-item div.right .remain-day-explain-txt.highlight{font-size:1.3rem;}
    .author-profile-area .btn-area button {height:30px;}
    .vip-membership-main-contents .txt-area .explain-title{font-size:1.4em;}
    .vip-membership-container .vip-benefit-area .vip-benefit-title{font-size:1.4em;}
    .vip-benefit-img > [class^=benefit-] {width: 45px;}
    .class-reply-info-box .tooltip-inner {width: 100px;}
    .horizontal-swipe-list-area .main-header .header-left{width: 68%;}
    .flip-card-wrapper {height:135px;}
    .homeclass-category-btn-area{width:320px;}
    .app-install-propose-with-msg-layer > .grid > .item-a > span{font-size:0.9em;}
    .curation-thumb-type-area{height: 362px;}
    .user-reply-contents-wrapper {height: 312px;}
    .user-reply-contents-wrapper .reply-card .class-card{grid-template-columns: 23% auto;}
    .homeclass-main-category-tab-btn-area .tab-list li .title {font-size: 12px;}
    .gift-received-card-lottie{height: 220px;background-size: 40%;}
    .gift-card-swiper-container .swiper-slide.swiper-slide-active .slide-img{max-width: 144px;height: auto;}
    .gift-card-swiper-container .slide-img{max-width: 120px;height: auto;}
    .gift-card-select-container{min-height: 320px;max-height: 360px;}
    .curation-thumb-type-area{height:340px;}
    .gift-card-bottom-layer{height:51px;}
    .footer .group a {font-size: 1rem;}
    .footer .group .title{font-size:11px;}
    .footer .group .title .hint-text{font-size:9.5px;}
    .order-history-container .tab {padding: 0 12%;}
    .order-history-container .tab > ul > li > button{min-width: 72px;font-size: 12px;}
    .modal > .modal-dialog{max-width:300px;}
    .user-grade-info .user-grade-level .user-grade-level-step > .row{font-size: 1.1rem;}
    .user-grade-info .user-grade-level .user-grade-level-step .level-title{padding-left:15px;}
    .user-grade-info .user-grade-level .user-grade-level-step .level-description{padding-right:15px;}
    .user-grade-info .user-grade-level .hint-text{font-size:11px;}
    .my-class-area .order-option-list .option-text-area .option-list-txt{padding-left: 15px;}
    .string-banner-area {height: 68px;}
    .store-item-list-header-area .header-text{width: 70%;}
    .class-apply-form .class-info-area {grid-template-columns: 38% auto;}
    .somssipay-info-area{font-size: 12px;}
    .somssipay-info-area strong.bold{font-size:14px;}
    .app-install-propose-with-msg-layer.sm-logo-alert{
        height: 82px;
        bottom:-82px;
    }
    .horizontal-swipe-list-area.recommand-class-area .main-header .move-btn{
        font-size: 13px;
        width: 80%;
    }
    .diykit-vod-info .kit-logo-text{
        width: 95%;
    }
    .footer-floating-btn-area .grid{
        grid-template-columns: auto 25%;
    }
    .footer-floating-btn-area .grid .som-like-btn-area .like-cnt-txt{
        font-size:13px;
    }
    .class-reply-info-box.type-a .wrapper{padding: 30px 10px;}
}
[data-somssi-common-uploader-input] {
    position: absolute;
    left: -1000px;
    top: -1000px;
    opacity: 0;
    cursor: pointer;
}
.favorite-heart{
    width: 20px;
    height: 18px;
    position: absolute;
    right: 8px;
    top: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    background-image: url(/m/statics/img/icon/heart-off.png);
    z-index: 11;
}
.favorite-heart.blk{
    background-image: url(/m/statics/img/icon/heart-off-b.png);
}
.favorite-heart.gray{
    background-image: url(/m/statics/img/icon/heart-off-g.png);
}
.favorite-heart.on{
    background-image: url(/m/statics/img/icon/heart-on.png);
}
.favorite-heart.on.w{
    background-image: url(/m/statics/img/icon/heart-on-w.png);
}
.favorite-heart.md {
    width: 24px;
    height: 22px;
}
.favorite-heart.header-favorite-heart{
    width: 30px;
    height: 30px;
    position: relative;
    background-size: 100% auto;
    right: unset;
    top: unset;
    background-image:url(/m/statics/img/icon/btn-gnb-heart-white@3x.png);
}
.favorite-heart.header-favorite-heart.blk{
    background-image: url(/m/statics/img/icon/btn-gnb-heart-black@3x.png);
}
.favorite-heart.header-favorite-heart.on{
    background-image: url(/m/statics/img/icon/btn-gnb-heart-red@3x.png);
}
.top-header{
    max-width: 480px;
    width: 100%;
    margin: 0px auto;
    padding: 0 15px;
    height: 50px;
    position: relative;
    background: #fff;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}
.top-header .header-title{
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-weight:600;
    width: 100%;
    text-align: center;
}
.top-header .header-title.center{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width:80%;
}
.top-header .header-title.left-align{
    text-align: left;
}
.top-header .header-title.right-align{
    text-align: right;
}
.top-header.bottom-line{
    border-bottom: 0.5px solid #dddddd;
}
.top-header.blk-header{
    background-color: #252525;
    color: #fff;
    border-bottom: 1px solid #252525;
}
.top-header.transparent-header{
    background: transparent;
}
.top-header.fixed-header{
    position: fixed;
    z-index: 13;
    border-bottom: 0px solid rgb(240, 243, 248);
}
.top-header.fixed-header + .header-adjacent{
    padding-top: 50px;
}
.top-header .main-logo{
    background-image: url(/m/statics/img/home-main-logo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 60px;
    height: 50px;
}
.top-header .main-logo > a{
    display: block;
    text-indent: -3000em;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}
.top-header .search-icon a{
    display: block;
    text-indent: -3000em;
    overflow: hidden;
    width: 27px;
    height: 27px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/m/statics/img/findhobby/search-icon.png);
    cursor: pointer;
}
.top-header .search-map-ico a{
    display: block;
    text-indent: -3000em;
    overflow: hidden;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/m/statics/img/icon/search-map-ico-blk.png);
    cursor: pointer;
}
.top-header .l-btn a {
    width: 30px;
    height: 30px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url(/m/statics/img/icon/btn-gnb-back-black@3x.png);
    background-position: center center;
    display : block;
    text-indent: -3000em;
    overflow: hidden;
    cursor:pointer;
}
.top-header.blk-header .l-btn a, .top-header .l-btn.w-btn a{
    background-image: url(/m/statics/img/icon/btn-gnb-back-white@3x.png);
}
.top-header .l-btn a.close-btn{
    background-image: url(/m/statics/img/icon/btn-gnb-close-black@3x.png);
}
.top-header .r-btn a {
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/m/statics/img/icon/btn-gnb-share-black@3x.png);
    background-position: center center;
    display : block;
    text-indent: -3000em;
    overflow: hidden;
    cursor:pointer;
}
.top-header .r-btn a.text-btn{
    text-indent: 1em;
    background-image: none;
    width: auto;
    height: auto;
    font-size: 14px;
    text-align: center;
    word-break: keep-all;
    display: inline;
    color:#252525;
}
.top-header.blk-header .r-btn a, .top-header .r-btn.w-btn a{
    background-image: url(/m/statics/img/icon/btn-gnb-share-white@3x.png);
}
.top-header .btn-hide a{
    visibility: hidden;
}
.top-header .r-btn-group{
    position: relative;
    display: flex;
}
.top-header .r-btn-group > div{
    margin-left: 6px;
    cursor: pointer;
}

.main-top-banner-container .banner-item{
    width: 100%;
    position: relative;
    height: 221px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.main-top-banner-container .main-banner-swiper-pagination{
    text-align: left;
    padding-left: 5%;
    bottom: 9% !important;
}
.main-top-banner-container .main-banner-swiper-pagination .swiper-pagination-bullet{
    background: #fff;
    opacity: 0.4;
}
.main-top-banner-container .main-banner-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 25px !important;
    background: #fff !important;
    opacity: 1;
}
.main-top-banner-container .banner-tag{
    position: absolute;
    top: 8%;
    padding: 4px 8px;
    border-radius: 17px;
    border: 0.5px solid #fff;
    font-size: 14px;
}
.main-top-banner-container .txt-box{
    padding-left: 5%;
    width: 100%;
    height: 100%;
    position:relative;
}
.main-top-banner-container .title-box{
    position: absolute;
    top: 20%;
    width: 90%;
}
.main-top-banner-container .banner-title{
    font-weight: 700;
    font-size: 24px;
}
.main-top-banner-container .banner-subtitle{
    font-size: 15px;
    height: 20px;
    line-height: 15px;
}
.main-top-banner-container .more-btn{
    position: absolute;
    right: 5%;
    top: 5%;
    color: #fff;
    padding: 6px 7px 5px 12px;
    border-radius: 15px;
    background: rgba(255,255,255,0.2);
    z-index: 11;
    display: block;
    font-size: 12px;
    cursor: pointer;
}
.main-top-banner-container .more-btn span{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
}
.main-top-banner-container .more-btn:hover{
    color:#fff !important;
}

.main-category-banner-container {
    height: auto;
    display: flex;
}
.main-category-banner-container .main-category-left-banner {
    height: 100%;
    margin-left: 15px;
    margin-top: 20px;
    margin-right: 6px;
    width: 100%;
}

.main-category-banner-container .main-category-right-banner {
    height: 100%;
    margin-right: 15px;
    margin-top: 20px;
    margin-left: 6px;
    width: 100%;
}


.footer-box-form .footer-btn{
    border-radius: 20px;
    border: 1px solid rgba(215, 215, 215, 0.5);
    color: #555555;
    font-size: 12px;
    cursor: pointer;
    padding: 10px 30px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
}
.footer-box-form .footer-btn:hover{
    color:#555555 !important;
}
.footer-box-form .footer-btn.search-more-btn{
    border: 1px solid #D7D7D7;
    color: #252525;
}
.footer-box-form .footer-btn.type-a{
    border: 1px solid #D7D7D7;
}
.footer-box-form.f-w{
    width: 100%;
}
.footer-box-form.f-w .footer-btn{
    width: 100%;
}
.list-style.type-a{
    position:relative;
}
.list-style.type-a .list-item{
    width: 100%;
}
.list-style.type-a .list-item .wrapper{
    margin-bottom: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    width: 100%;
}
.list-style.type-a .list-item .wrapper .list-thumb{
    position: relative;
    height: 80px;
    width: 136px;
    display: block;
    margin-right: 10px;
}
.list-style.type-a .list-item .wrapper .list-thumb .img{
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(/m/common/css/image/img_loding_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px;
}
.list-style.type-a .list-item .wrapper .txt-info{
    width:calc(100% - 85px);
}
.list-style.type-a .list-item .wrapper .txt-1{
    font-weight: 400;
    font-size: 10px;
    line-height: 11px;
    letter-spacing: -0.3px;
    color: #A8A8A8;
    margin-bottom: 3px;
}
.list-style.type-a .list-item .wrapper .txt-2{
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.08px;
    color: #252525;
    margin-bottom: 12px;
}
.list-style.type-a .list-item .wrapper .txt-3{
    color: #a8a8a8;
    display: inline-block;
    font-size: 10px;
    line-height: 16px;
}
.list-style.type-a .list-item .wrapper .txt-info .tags{
    height: 10px;
}
.list-style.type-a .list-item .wrapper .review {
    display: flex;
    gap: 2px;
    height: 15px;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.08px;
    color: #6A82EC;
    margin-bottom: 4px;
}
.list-style.type-a .list-item .wrapper .review.store{
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.08px;
    color: #252525;
}
.list-style.type-a .list-item .wrapper .review .review-star{
    background-image: url(/m/common/css/image/ic-star.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-size: contain;
    margin-right: 2px;
}
.list-style.type-a .list-item .wrapper .price {
    display: flex;
    gap: 2px;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.08px;
    color: #252525;
    margin-bottom: 5px;
}
.list-style.type-a .list-item .wrapper .price .discount-rate{
    color: #FF5862;
}
.list-style.type-a .list-item .wrapper .price.online{
    flex-flow: column;
    gap: 7px;
}
.list-style.type-a .list-item .wrapper .price.online .online-discount{
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.08px;
    color: #252525;
}
.list-style.type-a .list-item .wrapper .price.online .online-price-box{
    display: flex;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.08px;
    color: #252525;
}
.list-style.type-a .list-item .wrapper .price.online .online-price-box .online-month-price-count{
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    color: #252525;
}
.list-style.type-a .list-item .wrapper .sale-label{
    height:15px;
}
.list-style .list-item .wrapper .base-price{
    text-decoration: line-through;
}
.list-style .list-item .wrapper .cost{
    font-weight: 700;
    color:#252525;
    font-size:14px;
}
.list-style .list-item.store-card .wrapper .tags .badge-default{
    color:#a8a8a8;
    border-color:#a8a8a8;
}
.list-style .list-item.store-card .wrapper .tags .badge-purple{
    color:#6a82ec;
    border-color:#6a82ec;
    background: #fff;
}
.list-style.type-b .main-thumbnail-box{
    position: relative;
    width: 100%;
    padding-bottom: 70%;
    margin-bottom: 15px;
}
.list-style.type-b .main-thumbnail-box .main-thumbnail{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 7px;
}
.list-style.type-b .list-item .list-thumb{
    position: relative;
    width: 120px;
    height: 120px;
    /*padding-bottom: 80%;*/
    border-radius: 7px;
}
.list-style.type-b .list-item .list-thumb .img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/m/common/css/image/img_loding_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 7px;
}
.list-style.type-b .list-item.more-card .list-thumb{
    background: #f5f5f5;
    cursor: pointer;
}
.list-style.type-b .list-item.more-card .list-thumb .center-txt{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    color: #555555;
    font-size: 12px;
}
.best-author-rank-container{
    background: #252525;
    padding-top: 10%;
    background-image: url(/m/statics/img/contents/bestauthor/top-30-bg.png);
    background-position: 105% 5%;
    background-repeat: no-repeat;
    background-size: 50%;
    padding-bottom: 10%;
    position: relative;
}
.best-author-rank-container.no-bg{
    background-image: unset;
}
.best-author-rank-container .main-title-box {
    padding: 0 20px;
    line-height: 1.3;
}
.best-author-rank-container .main-title-box .header-title{
    color: #6a82ec;
    margin-bottom: 10px;
}
.best-author-rank-container .main-title-box .title{
    color:#fff;
    font-size:20px;
    position: relative;
}
.best-author-rank-container .main-title-box .title strong{
    font-size:29px;
}
.best-author-rank-container .author-profile-swiper{
    padding-top: 50px;
}
.best-author-rank-container .author{
    width: 100%;
    position: relative;
    padding-bottom: 100%;
    vertical-align: middle;
}
.best-author-rank-container .author-profile{
    position: absolute;
    top: 0;
    left: 0;
    transition: cubic-bezier(0, 0, 0.2, 1) 200ms;
    transform-style: preserve-3d;
    width: 100%;
    height: 100%;
}
.best-author-rank-container .author-profile .img{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    transition: cubic-bezier(0, 0, 0.2, 1) 200ms;
    transform-style: preserve-3d;
}
.best-author-rank-container .swiper-slide:not(.swiper-slide-active) .author-profile .img:before {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
}
.best-author-rank-container .author-profile-swiper .swiper-slide.swiper-slide-active {
    z-index: 1;
}
.best-author-rank-container .author-profile-swiper .swiper-slide-active .author-profile .img{
    width:100%;
    height:100%;
}
.best-author-rank-container .author-profile-swiper .swiper-slide-prev .author-profile {
    transition: cubic-bezier(0, 0, 0.2, 1) 200ms;
}
.best-author-rank-container .author-profile-swiper .swiper-slide-next .author-profile {
    transition: cubic-bezier(0, 0, 0.2, 1) 200ms;
}
.best-author-rank-container .author-additional-info{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    z-index: 1;
    color: #fff;
    width: 100%;
    height: auto;
    position: relative;
    transform: translateY(-20px);
}
.best-author-rank-container .top-30-badge {
    background-image: url(/m/statics/img/contents/bestauthor/top-30-ico.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 40px;
    height: 36px;
    background-size: contain;
    background-position: center;
}
.best-author-rank-container .author-category-tags{
    padding:0 20px;
}
.best-author-rank-container .author-category-tags .tag{
    margin-right:3px;
    font-size: 12px;
}
.best-author-rank-container .author-additional-info .top-30-rank{
    font-size: 13px;
    padding-top: 5px;
}
.best-author-rank-container .author-additional-info .author-nick{
    font-weight: 700;
    font-size: 23px;
}
.best-author-rank-container.home-main{
    margin-top: 50px;
}
.best-author-rank-container .author-additional-info .more-btn{
    border-color:#eaeaea;
    color: #fff;
}
.best-author-rank-container .author-additional-info .more-btn:hover{
    color:#fff !important;
}
.best-author-rank-container.rank-type .more-btn{
    color: #fff;
    background: #6a82ec;
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 13px;
    padding: 5px 8px;
    font-size: 11px;
}
.best-author-rank-container.rank-type .more-btn > a{
    color: #fff;
}
.grid-type.type-a .grid-group{
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
}
.grid-type.type-a .card{
    width: calc(100%/2);
    padding: 5px;
    cursor: pointer;
}
.grid-type.type-a .card .thumb{
    width: 100%;
    height: 136px;
    background-image: url(/m/common/css/image/img_loding_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3px;
    position: relative;
}
.grid-type.type-a .location{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    left: 8px;
    bottom: 8px;
    color: #fff;
    font-size: 12px;
}
.grid-type.type-a .location .ic-loc-marker{
    content: " ";
    background-image: url(/m/statics/img/main-home/ic-loc-marker.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 19px;
    height: 19px;
    background-size: contain;
    border-radius: 3px;
}
.grid-type.type-a .card .thumb .badge{
    position:absolute;
}
.grid-type.type-a.list-type-1 .card{
    padding: 0 5px 30px;
}
.list-style.type-c .list-item{
    background: #555555;
    margin: 15px 15px 20px 15px;
    border-radius: 5px;
    padding: 20px 10px;
    position: relative;
}
.list-style.type-c .list-item .wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.list-style.type-c .list-item .wrapper .list-thumb {
    position: relative;
    width: 35%;
    display: block;
    height: 100px;
    padding-bottom: 35%;
}
.list-style.type-c .list-item .wrapper .list-thumb .img{
    position: absolute;
    width: 95%;
    height: 95%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
}
.list-style.type-c .list-item .wrapper .txt-info{
    padding-left: 10px;
    color: #fff;
    position: relative;
    width: 65%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
}
.list-style.type-c .list-item .wrapper .txt-info .txt-1{
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}
.list-style.type-c .list-item .wrapper .txt-info .txt-1 strong{
    font-size:20px;
    font-weight:700;
}
.list-style.type-c .list-item .wrapper .txt-info .txt-2{
    margin-top: 8px;
}
.list-style.type-c .list-item .wrapper .txt-info .txt-3{
    margin-top: 20px;
    font-size: 12px;
}
.list-style.type-c .list-item .tag{
    margin-right: 3px;
}
.string-banner-container{
    margin-top:20px;
    margin-bottom:20px;
    position:relative;
}
.string-banner-container .swiper-slide .img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}
.hobbyroad-contents-container {
    position: relative;
    margin-top: 40px;
    padding: 0 15px;
    margin-bottom: 20px;
}
.hobbyroad-contents-container .title-box {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-end;
    color: #252525;
    font-size: 14px;
}
.hobbyroad-contents-container .title-box .main-title {
    font-weight: 700;
    font-size: 18px;
}

.hobbyroad-contents-container .content-box .content-title-box{
    background: #f5f5f5;
    border-radius: 5px;
    padding: 25px 25px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    margin-top: 20px;
    cursor: pointer;
    background-image: url(/m/statics/img/contents/hobbyplace/img-hobbyroad.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 55px;
    background-position-x: 95%;
    background-position-y: 75%;
}
.hobbyroad-contents-container .content-box .sequence-box{
    position:relative;
    margin-top: 20px;
}
.hobbyroad-contents-container .content-box .sequence-box:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 6px;
    bottom: 10px;
    border-left: 1px solid #dddddd;
}
.hobbyroad-contents-container .content-box .spot{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 20px;
    position: relative;
    padding-left: 20px;
}
.hobbyroad-contents-container .content-box .spot:first-child::before{
    content: "";
    position: absolute;
    left: 4px;
    top: -5px;
    background-image: url(/m/statics/img/main-home/hobbyroad-spot-flag.png);
    width: 18px;
    height: 31px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.hobbyroad-contents-container .content-box .spot:not(:first-child):before{
    content: "";
    position: absolute;
    top: 5px;
    left: 1px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #ff7879;
    z-index: 3;
}
.hobbyroad-contents-container .content-box .spot:first-child strong{
    margin-top: 10px;
}
.hobbyroad-contents-container .content-box .spot:last-child::after{
    position: absolute;
    width: 20px;
    bottom: 0;
    top: 10px;
    left: 0;
    background: #fff;
    content: "";
}
.hobbyroad-contents-container .content-box .spot > strong{
    width:35%;
}
.hobbyroad-contents-container .content-box .spot > a{
    width:65%;
}
.hobbyroad-contents-container .content-box .spot .spot-thumbnail{
    position: relative;
    width: 100%;
    height: 108px;
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hobbyroad-contents-container .more-btn strong{
    color:#252525;
}
.filter-tag-box{
    margin-top:15px;
    margin-bottom: 15px;
}
.filter-tag-box .filter-tag {
    width: auto;
    padding: 10px 10px;
    border: 1px solid rgba(168, 168, 168, 0.5);
    position: relative;
    border-radius: 10px;
    margin-right: 7px;
    color: #a8a8a8;
    background-color: #fff;
    font-size: 11px;
    line-height: 13px;
    cursor: pointer;
}
.filter-tag-box .filter-tag.active{
    font-weight: 800;
    color: #fff;
    border-color: #555555;
    background-color: #555555;
}
.sssd-main-bottom-menu-bar { position: fixed; z-index: 999; bottom: 0; left: 0; right: 0; height: 67px; background: #fff; border-top: 1px solid #ebebeb; transition: .3s ease-in-out; }
.sssd-main-bottom-menu-bar .navigation-menu{
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}
.sssd-main-bottom-menu-bar .navigation-menu ol{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.sssd-main-bottom-menu-bar .navigation-menu ol li{
    width: calc(100% / 5);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    height: 100%;
    align-items: center;
}
.sssd-main-bottom-menu-bar .navigation-menu ol li > .menu-lottie-container {
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 48%;
    background-size: contain;
    display: block;
    margin-bottom: 2px;
}
.sssd-main-bottom-menu-bar .navigation-menu .icon-label{
    display: block;
    text-align: center;
    height: auto;
    color:#a8a8a8;
    font-size: 10px;
}
.sssd-main-bottom-menu-bar .navigation-menu ol li.main .menu-lottie-container{
    background-image: url(/m/statics/img/menu/menu-main-off.png);
}
.sssd-main-bottom-menu-bar .navigation-menu ol li.place .menu-lottie-container{
    background-image: url(/m/statics/img/menu/menu-place-off.png);
}
.sssd-main-bottom-menu-bar .navigation-menu ol li.find .menu-lottie-container{
    background-image: url(/m/statics/img/menu/menu-find-off.png);
}
.sssd-main-bottom-menu-bar .navigation-menu ol li.chat .menu-lottie-container{
    background-image: url(/m/statics/img/menu/menu-chat-off.png);
}
.sssd-main-bottom-menu-bar .navigation-menu ol li.mypage .menu-lottie-container{
    background-image: url(/m/statics/img/menu/menu-mypage-off.png);
}
.sssd-main-bottom-menu-bar .navigation-menu ol li.active .menu-lottie-container{
    background-image:unset;
}
.sssd-main-bottom-menu-bar .navigation-menu .active .icon-label{
    color:#252525;
}
.schedule_info .swiper-wrapper .swiper-slide.disabled {
    opacity: 1;
    color: #eeeeee;
    border-color: #dddddd;
    background: #eee;
}
.schedule_info .swiper-wrapper .swiper-slide.disabled .schedule_click > div{
    color:#a8a8a8 !important;
}
.mdpick-content-box{
    margin: 0 15px;
    border-top: 1px solid rgba(230,230,230,0.5);
    padding-bottom: 30px;
}
.mdpick-content-box .title-box{
    color: #15202e;
    font-size: 17px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 14px;
}
.mdpick-content-box .swiper .swiper-slide{
    border-radius: 5px;
}
.mdpick-content-box .swiper .swiper-slide .img{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 70%;
    border-radius: 5px;
    position: relative;
}
.mdpick-content-box .swiper .swiper-pagination {
    text-align: right;
    padding-right: 5%;
}
.mdpick-content-box .swiper .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.4;
    width: 5px;
    height: 5px;
}
.mdpick-content-box .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 15px !important;
    height: 5px !important;
    background: #fff !important;
    opacity: 1;
}
.mdpick-content-box .tag-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    position: relative;
    height: 100%;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 15px;
}
.mdpick-content-box .tag-box .recommander{
    padding: 4px 8px;
    border-radius: 17px;
    border: 0.5px solid #252525;
    color:#252525;
    font-size: 14px;
}
.mdpick-content-box .tag-box .helpful-btn{
    color: #252525;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}
.mdpick-content-box .tag-box .helpful-btn.on{
    color: #ff5862;
}
.mdpick-content-box .separator{
    height: 0.3px;
    background-color: #979797;
    margin-top: 3px !important;
    margin-bottom: 15px !important;
}
.mdpick-content-box .main-title{
    font-size: 20px;
    font-weight: 700;
    color: #252525;
}
.mdpick-content-box .sub-title{
    font-size: 14px;
    font-weight: 700;
    color: #252525;
}
.mdpick-content-box .content-box{
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: pre-line;
    word-break: keep-all;
    color: #555555;
    font-size: 14px;
    line-height: 1.4;
}
.mdpick-content-box.type-a{
    border-top: unset;
}
.mdpick-content-box.type-a .title-box{
    color: #252525;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -0.08px;
    margin-top: unset;
}
.mdpick-content-box.type-a .tag-box .helpful-btn{
    color: #FF5862;
    font-size: 12px;
    font-weight: 700;
}
.mdpick-content-box.type-a .swiper .swiper-slide .img{
    padding-bottom: 65%;
}
.best-author-rank-container{
    padding: 5% 0;
    background-position: top right;
    background-size: 35%;
}
.best-author-rank-container .main-title-box .title {
    font-size: 13px;
}
.best-author-rank-container .main-title-box .title strong{
    font-size: 20px;
}
.best-author-rank-banner{
    padding-left: 15px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    font-size: 16px;
    background: #6a82ec;
    background-image: url(/m/statics/img/contents/bestauthor/top-30-bg.webp);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 15%;
    height: 60px;
    position: relative;
}
.best-author-rank-banner:hover{
    color:#fff !important;
}
.menu-place-tooltip {
    width: 100%;
    position: absolute;
    display: flex;
    top: 0;
    height: 34px;
    background-image: url(/m/statics/img/menu/place-tooltip.png);
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(15%, -100%);
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.menu-chat-tooltip {
    width: 100%;
    position: absolute;
    display: flex;
    top: 0;
    height: 34px;
    background-image: url(/m/statics/img/menu/chat-tooltip.png);
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(55.5%, -100%);
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.main-home-categories .main-home-category-list{
    display: grid;
    grid-template-columns: repeat(4, minmax(20%, 68px));
    justify-content: space-between;
    text-align: center;
    row-gap: 24px;
    padding: 30px 22px 40px 22px;
}

.main-home-categories .main-home-category-list li {
    display: flex;
    justify-content: center;
}

.main-home-categories.ticket-category-swiper .main-home-category-list{
    padding: 0;
}

.main-home-category-list .main-home-category-item{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.main-home-category-list .main-home-category-img-wrapper {
    display: flex;
    justify-content: center;
}
.main-home-category-list .main-category-img{
    width: 52px;
    height: 52px;
}
.main-home-category-list .main-home-category-text-area {
    margin-top: 10px;
    color:#252525;
    font-size: 11px;
    font-weight:500;
}
.default-card-section-container{
    background:#fff;
}
.default-card-section-container .title-box{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-end;
    color: #252525;
    font-size: 18px;
    /* padding: 0 15px; */
}
.default-card-section-container .title-arrow-box{
    margin-bottom: -3px;
}
.default-card-section-container.class-apply-form .title-box{
    position: relative;
    display: grid;
    grid-template-columns: auto 10px;
    align-content: center;
    justify-content: space-between;
    align-items: flex-end;
    color: #252525;
    font-size: 18px;
    /* padding: 0 15px; */
    align-items: center;
}
.default-card-section-container .title-box .main-title{
    font-size: 18px;
}
.default-card-section-container .title-box .sub-title{
    font-size: 15px;
}
.default-card-section-container .show-all-btn > i{
    color: rgba(168, 168, 168, 0.8);
}
.delivery-main-notice-box{
    padding: 30px 20px;
}
.delivery-main-notice-box h3{
    margin-bottom: 20px;
}
.delivery-main-notice-box .delivery-main-notice-img{
    width:100%;
}
.delivery-main-notice-box .delivery-main-notice-content{
    color: #252525;
    font-size: 13px;
    word-break: keep-all;
    white-space: pre-line;
}
.delivery-main-notice-box .delivery-main-notice-content + .delivery-main-notice-img{
    /*margin-top:20px;*/
}
.store-cart-float-btn{
    position: absolute;
    width: 55px;
    height: 55px;
    bottom: 5%;
    right: 20px;
    background: #ff5862;
    color: #ff5862;
    z-index: 10;
    border-radius: 50%;
    background-image: url(/m/statics/img/icon/cart-ico.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 32px 31px;
}
.store-cart-float-btn > div{
    right: 8px;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 9px;
    border: 2px solid #ff5862;
    border-radius: 50%;
    background: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}
.cart-list-layer{
    z-index:1000;
}
.cart-list-layer .layer-header-area
, .cart-apply-layer .layer-header-area
, .pay-complete-layer .layer-header-area
, .delivery-msg-regist-layer .layer-header-area
, .privacy-policy-area .layer-header-area
, .payback-policy-area .layer-header-area{
    height: 55px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    border-bottom: 0.5px solid #dddddd;
}
.cart-list-layer .layer-header-area .close
, .cart-apply-layer .layer-header-area .close
, .pay-complete-layer .layer-header-area .close
, .delivery-msg-regist-layer .layer-header-area .close
, .privacy-policy-area .layer-header-area .close
, .payback-policy-area .layer-header-area .close{
    left: 10px;
    top: 13px;
    right: unset;
    opacity: 1;
}
.cart-list-layer .layer-body-area
, .cart-apply-layer .layer-body-area
, .delivery-msg-regist-layer .layer-body-area
, .privacy-policy-area .layer-body-area
, .payback-policy-area .layer-body-area{
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-scrollbar: none;
    padding: 0 0 80px 0;
    height: 100%;
}
.cart-list-layer .layer-body-area::-webkit-scrollbar
, .cart-apply-layer .layer-body-area::-webkit-scrollbar
, .delivery-msg-regist-layer .layer-body-area::-webkit-scrollbar
, .privacy-policy-area .layer-body-area::-webkit-scrollbar
, .payback-policy-area .layer-body-area::-webkit-scrollbar{
    display: none;
}
.cart-list-layer .item-ctrl-box{
    height: 60px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}
.cart-list-layer .item-ctrl-box .checkbox, .cart-list-layer .store-item-box-wrapper .filter-group .checkbox{
    margin: 0;
}
.cart-list-layer .item-ctrl-box .checkbox label > .checkbox-label{
    margin-left: 10px;
}
.cart-list-layer .item-list-box{
    position:relative;
}
.cart-list-layer .item-list-box .cart-item{
    border-top: 10px solid #f0f3f8;
}
.cart-list-layer .item-list-box .cart-item .cart-author-profile{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    margin: 0 15px;
    border-bottom: 1px solid #dddddd;
}
.cart-list-layer .item-list-box .cart-item .cart-author-profile > div:first-child{
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}
.cart-list-layer .item-list-box .cart-item .cart-author-profile .author-profile{
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    margin-right: 6px;
}
.cart-list-layer .item-list-box .cart-item .cart-author-profile .author-home-btn{
    background: #ebebeb;
    font-size: 12px;
    right: 0;
    bottom: 0;
    position: relative;
    text-align: right;
    padding: 3px 10px;
    border-radius: 20px;
    color: #555555;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.cart-list-layer .item-list-box .cart-item .cart-author-profile .author-home-btn > i{
    font-size:10px;
}
.cart-list-layer .cart-item .cart-item-box{
    padding: 0 15px;
    position: relative;
}
.cart-list-layer .cart-item .cart-item-box .cart-group-price-box{
    width: calc(100% - 82px);
    margin-left: auto;
    margin-top: 20px;
    margin-bottom: 25px;
}
.cart-list-layer .cart-item .cart-item-box .cart-group-price-box .wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px;
    background: #f4f4f4;
    border-radius: 6px;
}
.cart-list-layer .cart-item .cart-item-box .store-item-box .store-item-box-wrapper{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    position: relative;
}
.cart-list-layer .cart-item .cart-item-box .store-item-box .store-item-box-wrapper > .option-del-btn{
    position: absolute;
    right: 0;
    top: -2px;
    color: #979797;
    font-weight: 800;
    font-size: 15px;
    z-index: 1;
    cursor:pointer;
}
.cart-list-layer .cart-item .cart-item-box .store-item-box .store-item-info
, .cart-apply-layer .item-box{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    width: calc(100% - 30px);
    margin-left: 10px;
}
.cart-list-layer .cart-item .cart-item-box .store-item-box .store-item-info .store-item-thumb
, .cart-apply-layer .item-box .store-item-thumb
, .delivery-msg-regist-layer .item-box .store-item-thumb{
    width: 45px;
    height: 45px;
    border-radius: 6px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cart-list-layer .cart-item .cart-item-box .store-item-box .store-item-info .store-item-text-box
, .cart-apply-layer .item-box .store-item-text-box
, .delivery-msg-regist-layer .item-box .store-item-text-box{
    width: calc(100% - 45px);
    margin-left: 10px;
    height: 100%;
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    flex-direction: column;
    align-content: flex-start;
    position: relative;
    color:#555555;
}
.cart-list-layer .cart-item .cart-item-box .store-item-box .store-item-info .store-item-text-box .store-item-category
, .cart-apply-layer .store-item-text-box .store-item-category
, .delivery-msg-regist-layer .item-box .store-item-text-box .store-item-category{
    margin-top:3px;
}
.cart-list-layer .cart-item .cart-item-box .store-item-box .store-item-info .store-item-text-box .option-item
, .cart-apply-layer .item-box .store-item-text-box .option-item{
    position:relative;
    width:100%;
}
.cart-apply-layer .item-box{
    padding: 15px 15px 15px 15px;
    width: 100%;
    margin: 0;
    display:none;
}
.cart-apply-layer .item-box.opened{
    border-bottom: 1px solid #dddddd;
    display:flex;
}
.delivery-msg-regist-layer .layer-body-area .item-box{
    padding: 20px 15px 10px 15px;
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    border-bottom: 3px solid #f5f5f5;
}
.delivery-msg-regist-layer .layer-body-area .item-box:last-child{
    border-bottom:none;
}
.delivery-msg-regist-layer .item-box .info-box{
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
}
.cart-apply-layer .item-box.opened:last-child{
    border-bottom: none;
}
.cart-apply-layer .item-box.no-underline{
    border-bottom: none;
}
.cart-list-layer .cart-item .cart-item-box .store-item-box .store-item-info .store-item-text-box .option-item > .option-del-btn{
    position: absolute;
    right: 0;
    top: 15px;
    color: #979797;
    font-weight: 800;
    font-size: 15px;
    z-index: 1;
    cursor: pointer;
}
.cart-list-layer .cart-item .cart-item-box .store-item-box .store-item-info .store-item-text-box .option-item .option-text
, .cart-apply-layer .item-box .store-item-text-box .option-item .option-text{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    color: #a8a8a8;
    margin-top: 9px;
    font-size: 11px;
}
.cart-apply-layer .item-box .store-item-text-box .option-item .option-text.add-option-text{
    margin-top: 7px;
}
.cart-list-layer .cart-item .cart-item-box .store-item-box .store-item-info .store-item-text-box .option-item .option-text div:first-child
, .cart-apply-layer .item-box .store-item-text-box .option-item .option-text > div:first-child{
    border-radius: 6px;
    border: 0.5px solid #979797;
    padding: 0px 5px;
    color:#a8a8a8;
}
.cart-list-layer .cart-item .cart-item-box .store-item-box .store-item-info .store-item-text-box .option-item .option-text div:first-child:hover
, .cart-apply-layer .item-box .store-item-text-box .option-item .option-text > div:first-child:hover{
    background: #fff;
}
.cart-list-layer .cart-item .cart-item-box .store-item-box .store-item-info .store-item-text-box .option-item .option-text div:last-child
, .cart-apply-layer .item-box .store-item-text-box .option-item .option-text > div:last-child{
    width: calc(100% - 61px);
    padding-left: 5px;
    margin-top: 2px;
    line-height: 1.3;
}
.cart-list-layer .cart-item .cart-item-box .store-item-box .store-item-info .store-item-text-box .option-item .counting-btn{
    border-radius: 50%;
    color: #adadad;
    padding: 4px 4px;
    border: 0.5px solid #adadad;
    font-size:12px;
    cursor: pointer;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.cart-list-layer .cart-item .cart-item-box .store-item-box .store-item-info .store-item-text-box .option-item .counting-btn:hover{
    color: #979797 !important;
    background: #fff;
}
.cart-list-layer .cart-item .cart-item-box .store-item-box .store-item-info .store-item-text-box .option-item .counting-btn-box{
    display:flex;
}
.cart-list-layer .cart-item .cart-item-box .store-item-box .store-item-info .store-item-text-box .option-item .counting-btn-box .count{
    margin:0px 10px;
}
.cart-list-layer .cart-item .cart-item-box .store-item-box .store-item-info .store-item-text-box .option-item .cnt-ctrl-box{
    margin-top:10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
}
.cart-list-layer .cart-item .cart-item-box .store-item-box .store-item-info .store-item-text-box .option-item .cnt-ctrl-box.underline{
    border-bottom: 1px solid #dddddd;
}
.cart-list-layer .cart-item .cart-item-box .store-item-box .store-item-info .store-item-text-box .option-item .option-price-box{
    font-size:13px;
    color:#252525;
}
.cart-list-layer .cart-item .author-shipping-free-info-box {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: #fff1f2;
    padding: 15px 0;
    font-size: 10px;
}
.cart-list-layer .cart-item .author-shipping-free-info-box > strong{
    font-size:11px;
}
.cart-list-layer .cart-item .cart-item-box .store-item-text-box .delivery-info{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 15px;
    color: #a8a8a8;
}
.cart-list-layer .cart-item .cart-item-box .store-item-text-box .delivery-info > div:last-child{
    color:#252525;
    font-size:13px;
}
.cart-list-layer .total-cart-result-box{
    border-top: 10px solid #f0f3f8;
}
.cart-list-layer .total-cart-result-box .item{
    margin: 0;
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    font-size:13px;
}
.cart-list-layer .total-cart-result-box .item:not(:last-child){
    margin-bottom:10px;
}
.cart-list-layer .total-cart-result-box .item.hint > div:first-child{
    color:#a8a8a8;
}
.cart-list-layer .total-cart-result-box .item.result{
    font-weight:700;
}
.cart-list-layer .total-cart-result-box .item.result > div:first-child{
    font-size:15ppx;
}
.cart-list-layer .total-cart-result-box .item.result > div:last-child{
    color:#ff5862;
}
.cart-list-layer .total-cart-result-box .cart-result-detail-box{
    border-bottom:1px solid #dddddd;
    padding: 15px 0px;
}
.cart-list-layer .total-cart-result-box .payment-box{
    padding: 15px 15px;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cart-list-layer .total-cart-result-box .payment-box .info{
    color:#212121;
    font-size:11px;
}
.cart-list-layer .total-cart-result-box .payment-box .buy-cart-btn{
    width: 100%;
    margin-top: 15px;
    padding: 12px 12px;
    font-size: 16px;
    border-radius: 6px;
}
.common-confirm-layer .close-btn{
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 20px;
    color: #555555;
    opacity: .7;
    font-weight: 800;
    cursor: pointer;
}
.common-confirm-layer .text-box{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 95%;
}
.common-confirm-layer .layer-title{
    font-size: 20px;
    font-weight: 700;
    color: #252525;
}
.common-confirm-layer .layer-msg{
    color: #555555;
    font-size: 15px;
    text-align: center;
}
.common-confirm-layer .confirm-btn-box{
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
}
.common-confirm-layer .confirm-btn-box > div{
    width:50%;
    padding:10px 5px;
}
.common-confirm-layer .cancel-btn{
    background:#e8e8e8;
    color:#555555;
    width: 100%;
    border: none;
}
.common-confirm-layer .ok-btn{
    background:#555555;
    color:#fff;
    width: 100%;
    border: none;
}
.cart-list-layer .empty-box{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-align: center;
}
.cart-list-layer .empty-box .empty-title{
    font-weight: 700;
    margin-bottom: 16px;
}
.cart-list-layer .empty-box .empty-sub-title{

}
.cart-list-layer .empty-box .empty-recommand-box{
    position: relative;
    width: 60%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 36px;
    margin-bottom: 36px;
}
.cart-list-layer .empty-box .empty-recommand-box > div{
    width: 48%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor:pointer;
}
.cart-list-layer .empty-box .empty-recommand-box > div:after{
    content:"";
    display:block;
    padding-bottom:100%;
}
.cart-list-layer .empty-box .empty-recommand-box .item-1{
    background-image: url(/m/statics/img/cart/empty-diykit.png);
}
.cart-list-layer .empty-box .empty-recommand-box .item-2{
    background-image: url(/m/statics/img/cart/empty-store.png);
}
.cart-apply-layer .item-summary-box{
    position:relative;
}
.cart-apply-layer .collpase-ctrl-box{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    height: 40px;
    background: #fff1f2;
    font-size: 12px;
    border-bottom: 8px solid #f0f3f8;
    color: #555555;
}
.cart-apply-layer .delivery-msg-layer-open-btn {
    display: flex;
    background: #f2f2f2;
    border-radius: 10px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 15px 10px;
    margin-top: 5px;
    cursor: pointer;
}
.cart-apply-layer .one-item-delivery-msg
, .delivery-msg-regist-layer .one-item-delivery-msg{
    box-shadow: none;
    border: 1px solid #dddddd;
    resize: none;
    margin-top: 5px;
    width: 100%;
    padding: 10px;
    border-radius: 7px;
    -webkit-appearance: none;
    overflow-y: hidden;
}
.cart-apply-layer .one-item-delivery-msg
, .delivery-msg-regist-layer .one-item-delivery-msg::placeholder{
    color:#a8a8a8;
}

.pre-line{
    white-space:pre-line !important;
}

/* 모바일에서만 적용되는 스타일 */
@media (hover: none) and (pointer: coarse) {

}

/* PC에서만 적용되는 스타일 */
@media (hover: hover) and (pointer: fine) {

}
.gathering-schedule-box .gathering-schedule-list .swiper-slide,
.gathering-apply-schedule-box .gathering-schedule-list .swiper-slide{
    position: relative;
    display: flex;
    width: unset;
    /*padding: 15px 0 0 0;*/
    /*padding-right: 25px;*/
    border-radius: 5px;
    border: 1px solid #d9dfe7;
    cursor: pointer;
    color: #252525;
    opacity: 1;
    font-size: 14px;
    line-height: 1.1;
}
.gathering-schedule-box .gathering-schedule-list .swiper-slide.meeting,
.gathering-apply-schedule-box .gathering-schedule-list .swiper-slide.meeting{
    display: unset;
}
.gathering-schedule-box .gathering-schedule-list .swiper-slide.meeting .round-group,
.gathering-apply-schedule-box .gathering-schedule-list .swiper-slide.meeting .round-group{
    display: flex;
}
.gathering-schedule-box .gathering-schedule-list .swiper-slide.meeting .round-group.meeting,
.gathering-apply-schedule-box .gathering-schedule-list .swiper-slide.meeting .round-group.meeting{
    flex-flow: column;;
}
.gathering-schedule-box .gathering-schedule-list .swiper-slide.meeting .round-group.meeting .add-opt-desc,
.gathering-apply-schedule-box .gathering-schedule-list .swiper-slide.meeting .round-group.meeting .add-opt-desc{
    margin: 0 15px 15px 15px;
    max-width: 120px;
}
.gathering-schedule-box .gathering-schedule-list .swiper-slide.meeting .round-group.meeting .memo,
.gathering-apply-schedule-box .gathering-schedule-list .swiper-slide.meeting .round-group.meeting .memo{
    display: grid;
    grid-template-columns: auto 95%;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 15px;
    background: #F8F9FF;
    color: #8094FF;
    gap: 4px;
}
.gathering-schedule-box .gathering-schedule-list .swiper-slide.meeting.active .round-group.meeting .memo,
.gathering-apply-schedule-box .gathering-schedule-list .swiper-slide.meeting.active .round-group.meeting .memo{
    background: #8094FF;
    color: #fff;
}
.gathering-schedule-box .gathering-schedule-list .swiper-slide.meeting .round-group.meeting .memo .marquee,
.gathering-apply-schedule-box .gathering-schedule-list .swiper-slide.meeting .round-group.meeting .memo .marquee{
    width: 100%;
}
.gathering-schedule-box .gathering-schedule-list .swiper-slide.active.meeting .round-group.meeting .add-opt-desc,
.gathering-apply-schedule-box .gathering-schedule-list .swiper-slide.active.meeting .round-group.meeting .add-opt-desc{
    max-width: unset;
}
.gathering-schedule-box .gathering-schedule-list .swiper-slide.active,
.gathering-apply-schedule-box .gathering-schedule-list .swiper-slide.active{
    border-color: #8094ff;
    background : #f8f9ff;
}
.gathering-schedule-box .gathering-schedule-list .swiper-slide.active:not(.disabled),
.gathering-apply-schedule-box .gathering-schedule-list .swiper-slide.active:not(.disabled){
    background-image:url(/m/statics/img/icon/ic-moim-check.webp);
    background-position: 12px 10px;
    background-repeat: no-repeat;
    background-size: 24px;
}
.gathering-schedule-box .gathering-schedule-list .swiper-slide.disabled,
.gathering-apply-schedule-box .gathering-schedule-list .swiper-slide.disabled{
    background : #f8f8f8;
    color: #bbbbbb;
    border-color: #f8f8f8;
}
.gathering-schedule-box .gathering-schedule-list .swiper-slide.disabled .round .round-area-2,
.gathering-apply-schedule-box .gathering-schedule-list .swiper-slide.disabled .round .round-area-2{
    background: #E6E6E6;
    color: #A8A8A8;
}
.gathering-schedule-box .gathering-schedule-list .swiper-slide.disabled .round-group,
.gathering-apply-schedule-box .gathering-schedule-list .swiper-slide.disabled .round-group{
    background: #E6E6E6;
    color: #A8A8A8;
}
.gathering-schedule-box .gathering-schedule-list .round,
.gathering-apply-schedule-box .gathering-schedule-list .round{
    position:relative;
    min-width: 122px;
    min-height: 122px;
}
.gathering-schedule-box .gathering-schedule-list .round.meeting-round,
.gathering-apply-schedule-box .gathering-schedule-list .round.meeting-round{
    position:relative;
    max-width: unset;
    padding-right: 32px;
    padding-top: 15px;
}
.gathering-schedule-box .gathering-schedule-list .round.meeting-round:first-child,
.gathering-apply-schedule-box .gathering-schedule-list .round.meeting-round:first-child{
    padding-left: 15px;
}
.gathering-schedule-box .gathering-schedule-list .round.meeting-round:last-child,
.gathering-apply-schedule-box .gathering-schedule-list .round.meeting-round:last-child{
    padding-right: 15px;
}
.gathering-schedule-box .gathering-schedule-list .active .round.meeting-round:last-child,
.gathering-apply-schedule-box .gathering-schedule-list .active .round.meeting-round:last-child{
    padding-right: 15px;
}
.gathering-schedule-box .gathering-schedule-list .active .round,
.gathering-apply-schedule-box .gathering-schedule-list .active .round{
    display: flex;
    flex-flow: column;
    /*padding-right: 32px;*/
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.gathering-schedule-box .gathering-schedule-list .active .round:last-child,
.gathering-apply-schedule-box .gathering-schedule-list .active .round:last-child{
    padding-right: 0;
}
.gathering-schedule-box .gathering-schedule-list .round .round-area-1,
.gathering-apply-schedule-box .gathering-schedule-list .round .round-area-1{
    display: flex;
    flex-flow: column;
    padding: 15px 15px 0 15px;
    /*padding-right: 32px;*/
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.gathering-schedule-box .gathering-schedule-list .round .round-area-2,
.gathering-apply-schedule-box .gathering-schedule-list .round .round-area-2{
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    align-items: center;
    gap: 4px;
    background: #F8F9FF;
    color: #8094FF;
    padding: 11px 9px;
}
.gathering-schedule-box .gathering-schedule-list .active .round .round-area-2,
.gathering-apply-schedule-box .gathering-schedule-list .active .round .round-area-2{
    background: #8094FF;
    color: #fff;
}
.gathering-schedule-box .gathering-schedule-list .round .round-area-2 .memo,
.gathering-apply-schedule-box .gathering-schedule-list .round .round-area-2 .memo{
    display: flex;
    overflow: hidden;
    width: 100%;
}
.gathering-schedule-box .gathering-schedule-list .round .round-area-2 .memo .marquee,
.gathering-apply-schedule-box .gathering-schedule-list .round .round-area-2 .memo .marquee{
    height: 16px;
    white-space: nowrap;
    animation: text-scroll 10s linear infinite;
}
@keyframes text-scroll {
    from {
        transform: translateX(5%);
        -moz-transform: translateX(5%);
        -webkit-transform: translateX(5%);
        -o-transform: translateX(5%);
        -ms-transform: translateX(5%);
    }
    to {
        transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
    }
}
.gathering-schedule-box .gathering-schedule-list .ic-dance-play,
.gathering-apply-schedule-box .gathering-schedule-list .ic-dance-play{
    background-image: url(/m/statics/img/ic_dance_play_off.png);
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 12px;
    height: 10px;
    background-size: contain;
}
.gathering-schedule-box .gathering-schedule-list .active .ic-dance-play,
.gathering-apply-schedule-box .gathering-schedule-list .active .ic-dance-play{
    background-image: url(/m/statics/img/ic_dance_play.png);
}
.gathering-schedule-box .gathering-schedule-list .disabled .ic-dance-play,
.gathering-apply-schedule-box .gathering-schedule-list .disabled .ic-dance-play{
    background-image: url(/m/statics/img/ic_dance_play_gray.png);
}
.gathering-schedule-box .gathering-schedule-list .active.onetime .round,
.gathering-apply-schedule-box .gathering-schedule-list .active.onetime .round{
    padding-right:unset;
}
.gathering-schedule-box .gathering-schedule-list .state,
.gathering-apply-schedule-box .gathering-schedule-list .state{
    font-size:12px;
    height:12px;
}
.gathering-schedule-box .gathering-schedule-list .able .state,
.gathering-apply-schedule-box .gathering-schedule-list .able .state{
    color:#8094ff;
}
.gathering-schedule-box .gathering-schedule-list .round .step,
.gathering-apply-schedule-box .gathering-schedule-list .round .step{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    padding-top: 10px;
}
.gathering-schedule-box .gathering-schedule-list .round .time-period,
.gathering-apply-schedule-box .gathering-schedule-list .round .time-period{
    padding: 10px 0 10px 0;
}
.gathering-schedule-box .gathering-schedule-list .round .time-period,
.gathering-apply-schedule-box .gathering-schedule-list .round .time-period{
    padding: 10px 0 5px 0;
}
.gathering-schedule-box .gathering-schedule-list .round .add-opt-desc,
.gathering-apply-schedule-box .gathering-schedule-list .round .add-opt-desc{
    font-size: 12px;
    height: 12px;
    max-width: 100px;
    margin-bottom: 15px;
}
.gathering-schedule-box .gathering-schedule-list .round:not(:first-child),
.gathering-apply-schedule-box .gathering-schedule-list .round:not(:first-child){
    display:none;
}
.gathering-schedule-box .gathering-schedule-list .round:not(:last-child):after,
.gathering-apply-schedule-box .gathering-schedule-list .round:not(:last-child):after{
    content: " ";
    position: absolute;
    width: 0px;
    border-top: 1px dashed #bbbbbb;
    top: 45px;
    right: 0;
}
.gathering-schedule-box .gathering-schedule-list .active .round:not(:last-child):after,
.gathering-apply-schedule-box .gathering-schedule-list .active .round:not(:last-child):after{
    content: " ";
    position: absolute;
    width: 51px;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.gathering-schedule-box .gathering-schedule-list .active .round:not(:last-child) .step:after,
.gathering-apply-schedule-box .gathering-schedule-list .active .round:not(:last-child) .step:after{
    content: " ";
    position: relative;
    left: -10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #bbbbbb;
    z-index: 1;
    margin-right: 10px;
}
.gathering-schedule-box .gathering-schedule-list .active .round:not(:first-child) .step:before,
.gathering-apply-schedule-box .gathering-schedule-list .active .round:not(:first-child) .step:before{
    content: " ";
    position: absolute;
    left: -22px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #bbbbbb;
    z-index: 1;
}
.gathering-schedule-box .gathering-schedule-list .active .round:not(:first-child),
.gathering-apply-schedule-box .gathering-schedule-list .active .round:not(:first-child){
    display: block;
    padding-left: 22px;
}
.gathering-schedule-box .gathering-schedule-list .active:not(.disabled) .state,
.gathering-apply-schedule-box .gathering-schedule-list .active:not(.disabled) .state{
    visibility:hidden;
}
.gathering-schedule-box .schedule-participant-info,
.gathering-apply-schedule-box .schedule-participant-info{
    padding: 20px 15px 15px 15px;
    position:relative;
    width:100%;
    color:#515151;
    font-size: 12px;
}
.gathering-apply-schedule-box .schedule-participant-info{
    padding: 15px 0;
}
.gathering-schedule-box .schedule-participant-info.disabled,
.gathering-apply-schedule-box .schedule-participant-info.disabled{
    opacity:1;
    cursor: unset;
}
.gathering-schedule-box .schedule-participant-info .wrapper,
.gathering-apply-schedule-box .schedule-participant-info .wrapper{
    background:#F8F8F8;
    padding: 0px 18px 15px 0px;
    border-radius: 5px;
    height: 54px;
}
.gathering-schedule-box .schedule-participant-info .wrapper .summary,
.gathering-apply-schedule-box .schedule-participant-info .wrapper .summary{
    display: flex;
    padding: 0px 0px 0px 18px;
    align-items: center;
    #justify-content: space-between;
    color:#bec8ff;
    font-size:13px;
}
.gathering-schedule-box .schedule-participant-info .wrapper .summary > div:first-child,
.gathering-apply-schedule-box .schedule-participant-info .wrapper .summary > div:first-child{
    color:#252525;
}
.gathering-schedule-box .schedule-participant-info .wrapper .summary .reg-num,
.gathering-apply-schedule-box .schedule-participant-info .wrapper .summary .reg-num{
    font-size:13px;
    color:#252525;
    font-weight: 600;
}

.gathering-schedule-box .schedule-participant-info .wrapper .summary .max-num,
.gathering-apply-schedule-box .schedule-participant-info .wrapper .summary .max-num{
    font-size:13px;
    color:#252525;
}

.gathering-schedule-box .schedule-participant-info .wrapper .summary .min-txt,
.gathering-apply-schedule-box .schedule-participant-info .wrapper .summary .min-txt{
    font-size:11px;
    color:#acacac;
}
.gathering-schedule-box .schedule-participant-info .wrapper .summary .waiting-noti-btn.on,
.gathering-apply-schedule-box .schedule-participant-info .wrapper .summary .waiting-noti-btn.on{
    float: right;
    background-image: url(/m/statics/img/icon/btn-bell-on.png);
    width: 84px;
    height: 34px;
    background-size: 100% 100%;
    margin-top: 10px;
}

.gathering-schedule-box .schedule-participant-info .wrapper .summary .waiting-noti-btn.off,
.gathering-apply-schedule-box .schedule-participant-info .wrapper .summary .waiting-noti-btn.off{
    float: right;
    width: 84px;
    height: 34px;
    background-size: 100% 100%;
    margin-top: 10px;
    background-image:url(/m/statics/img/icon/btn-bell-off.png);
}



.gathering-schedule-box .schedule-participant-info .profile-list.empty,
.gathering-apply-schedule-box .schedule-participant-info .profile-list.empty{
    height:60px;
}
.gathering-schedule-box .schedule-participant-info .profile-list.empty .swiper-wrapper,
.gathering-apply-schedule-box .schedule-participant-info .profile-list.empty .swiper-wrapper{
    align-content: center;
    justify-content: center;
    align-items: center;
}
.gathering-schedule-box .schedule-participant-info .profile-list,
.gathering-apply-schedule-box .schedule-participant-info .profile-list{
    height:50px;
}
.gathering-schedule-box .schedule-participant-info.disabled .profile-list,
.gathering-apply-schedule-box .schedule-participant-info.disabled .profile-list{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
}
.gathering-schedule-box .schedule-participant-info.disabled .profile-list.profile-list-grid{
    display: grid;
    grid-template-columns: auto 30%;
    justify-content: space-between;
    margin-top: 20px;
    height: 100%;
}
.gathering-schedule-box .schedule-participant-info.disabled .profile-list.profile-list-grid .swiper-wrapper{
    max-width: 200px;
    overflow: hidden;
}
.gathering-schedule-box .schedule-participant-info.disabled .profile-list.profile-list-grid .swiper-wrapper .swiper-slide{
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.gathering-schedule-box .schedule-participant-info .profile-list .waiting-noti-btn,
.gathering-apply-schedule-box .schedule-participant-info .profile-list .waiting-noti-btn{
    width: 100%;
    border: 1px solid;
    border-radius: 5px;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color:#8094ff;
    border:1px solid #8094ff;
    background:#fff;
}
.gathering-schedule-box .schedule-participant-info .profile-list .waiting-noti-btn .icon,
.gathering-apply-schedule-box .schedule-participant-info .profile-list .waiting-noti-btn .icon{
    width: 15px;
    height: 15px;
    margin-left: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.gathering-schedule-box .schedule-participant-info .profile-list .swiper-slide,
.gathering-apply-schedule-box .schedule-participant-info .profile-list .swiper-slide{
    width: unset;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-end;
}
.gathering-schedule-box .schedule-participant-info .profile-list .member,
.gathering-apply-schedule-box .schedule-participant-info .profile-list .member{
    width:32px;
    height:32px;
    position: relative;
    vertical-align: middle;
    margin-right: 5px;
}
.gathering-schedule-box .schedule-participant-info .profile-list .member .img,
.gathering-apply-schedule-box .schedule-participant-info .profile-list .member .img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.gathering-schedule-box .schedule-participant-info.disabled .wrapper,
.gathering-apply-schedule-box .schedule-participant-info.disabled .wrapper{
    background:#f8f8f8;
    color:#959595;
}
.gathering-schedule-box .schedule-participant-info.disabled .wrapper .summary,
.gathering-apply-schedule-box .schedule-participant-info.disabled .wrapper .summary{
    color:#959595;
}
.gathering-schedule-box .schedule-participant-info.disabled .wrapper .summary > div:first-child,
.gathering-apply-schedule-box .schedule-participant-info.disabled .wrapper .summary > div:first-child{
    color:#959595;
}
.gathering-schedule-box .schedule-participant-info.disabled .wrapper .summary .reg-num,
.gathering-apply-schedule-box .schedule-participant-info.disabled .wrapper .summary .reg-num{
    color:#959595;
}
.gathering-info-box{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0 15px;
    padding: 25px 0;
    #border-radius: 5px;
    border-top: 0.5px solid #D7D7D7;
    #background: #F8F8F8;
}
.gathering-info-box .cal-icon{
    background-image: url(/m/statics/img/class/detail/ic-booking.png);
    width:17px;
    height:14px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom:9px;
}
.gathering-info-box .gathering-info-title{
    color: #252525;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.08px;
    margin-bottom: 4px;
}
.gathering-info-box .gathering-info-subtitle{
    color: #A8A8A8;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.08px;
}
.gathering-statistics-box{
    border-top: 1px solid rgba(230,230,230,0.5);
    position:relative;
    padding: 30px 0;
    margin: 0 15px;
}
.gathering-statistics-box .wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
}
.gathering-statistics-box .chart-main-title{
    font-size: 16px;
    color: #252525;
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
}
.gathering-statistics-box .tooltip-inner {
    color: #252525;
    background-color: #fff;
    text-align: left;
    padding: 3px 5px;
    word-break: keep-all;
    border: 1px solid #f6f6f6;
    box-shadow: 1px 2px 4px 2px rgb(0 0 0 / 10%);
    font-size:12px;
}
.gathering-statistics-box .chart-main-title .tooltip-inner {
    width: 145px;
}
.gathering-statistics-box .chart-main-title .tooltip .tooltip-arrow{
    display:none;
}
.gathering-statistics-box .chart{
    position:relative;
    width:100%;
}
.gathering-statistics-box .legend-btns{
    position:relative;
    width:100%;
    height:60px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    text-align: center;
}
.gathering-statistics-box .legend-btns .legend-btn{
    padding: 5px 20px;
    border-radius: 5px;
    border: 1px solid #ececec;
    margin: 4px;
    cursor:pointer;
    font-size: 14px;
}
.gathering-statistics-box .legend-btns .legend-btn.active{
    border-color:#ff5862;
    color:#ff5862;
    background:#fff2f3;
}
.gathering-statistics-box .axis-y-label{
    position: relative;
    height: 30px;
    margin-left: 8px;
    color:#959595;

    font-weight: 400;
    font-size: 9px;
    line-height: 10px;
}
.gathering-statistics-box .axis-x-label{
    position: absolute;
    bottom: -9px;
    left: 5px;
    color:#959595;

    font-weight: 400;
    font-size: 9px;
    line-height: 10px;
}
.gathering-statistics-box .graph-box{
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: flex-end;
}
.gathering-statistics-box .plot{
    position: relative;
    width: 92%;
    height: 100%;
}
.gathering-statistics-box .bar-wrapper{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-evenly;
    align-items: flex-end;
}
.gathering-statistics-box .bar-wrapper .bar{
    width: 32px;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    height:0;
    border-radius: 4px 4px 0 0;
    background-image: linear-gradient(to bottom, #ff5862, #8094ff);
}
.gathering-statistics-box .bar-wrapper.type-1 .bar,
.gathering-statistics-box .bar-wrapper.type-2 .bar{
    width:15px;
}
.gathering-statistics-box .bar-wrapper.type-0 > .bar:nth-child(1){
    background-image: linear-gradient(to bottom, #ff5862, #ffa8ad);
}
.gathering-statistics-box .bar-wrapper.type-0 > .bar:nth-child(2),
.gathering-statistics-box .bar-wrapper.type-0 > .bar:nth-child(3){
    background-image: linear-gradient(to bottom, #8094ff, #dbe0ff);
}
.gathering-statistics-box .bar-wrapper .bar.no-gradient{
    background-color: #ccc;
    background-image: unset;
}
.gathering-statistics-box .bar-wrapper .x-label{
    position: absolute;
    bottom: -25px;
    color:#959595;
    font-size: 13px;
}
.gathering-statistics-box .y-bar{
    width:100%;
    height: 23px;
    position: relative;
    color:#ececec;
}
.gathering-statistics-box .y-bar .y-label{
    position: absolute;
    left: -30px;
    top: -12px;
    color:#959595;
    font-weight: 400;
    font-size: 9px;
    line-height: 10px;
}
.gathering-statistics-box .y-bar:nth-child(even){
    border-top: 1px solid #ececec;
}
.gathering-statistics-box .y-bar:nth-child(odd){
    border-top: 1px dashed #ececec;
}
.gathering-statistics-box .y-bar:last-child{
    border-bottom: 1px solid #ececec;
}
.place-info-box{
    /*border-top: 10px solid #f0f3f8;*/
    padding: 20px 15px;
}
/*.place-info-box .img{*/
/*	width: 100%;*/
/*    height: auto;*/
/*    object-fit: cover;*/
/*	max-height: 250px;*/
/*}*/
.place-info-box .swiper-pagination{
    text-align: right;
    padding-right: 5%;
}
.place-info-box .swiper-pagination-bullet{
    background: #fff;
    opacity: 0.4;
    width: 5px;
    height: 5px !important;
}
.place-info-box .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 15px !important;
    background: #fff !important;
    opacity: 1;
}
.place-info-box .content{
    margin-top:15px;
    font-size:14px;
}
.data-one-row.row > div:nth-child(2), .order-separate-area > div:nth-child(2) {
    color: #515151;
}
.order-separate-area.gathering-info > div:nth-child(2) {
    color: #717781;
}
.search-filter-swiper-box.swiper{
    width: 100%;
    padding-left: 5px;
    font-size: 12px !important;
    font-weight: normal !important;
}
.search-filter-swiper-box .filter-btn{
    position: relative;
    border-radius: 18px;
    background-color: #f3f3f3;
    color: #252525;
    padding: 7px 15px !important;
    display: inline-block !important;
    cursor: pointer;
    width: auto;
}
.search-filter-swiper-box .filter-btn.refresh-btn{
    padding: 7px 10px !important;
}
.search-filter-swiper-box .filter-btn.refresh-btn .xi-refresh{
    margin-top: 2px;
}
.search-filter-swiper-box .swiper-slide{
    width:auto;
}
.search-filter-swiper-box .swiper-slide .filter-btn.filter-on{
    color: #ff5862;
    font-weight: 600;
    background: #f3f3f3;
}
.search-filter-swiper-box .filter-btn.filter-on:after{
    content: ' ';
    width: 4px;
    height: 4px;
    background: #ff5862;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 6px;
    right: 10px;
}
.search-result-panel .search-result-area .filter-btn.filter-on.handmade:after{
    background: #6a82ec;
}
.list-curriculum li img{
    width: 100%;
    height: 245px;
    object-fit: cover;
    margin-top: 10px;
}
@media screen and (min-height : 568px){
    .gift-card-select-container {
        height: 60vh;
    }
}
@media screen and (min-height : 800px){
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    input:radio{border:none;background:none}
}
@media screen and (max-width : 450px){
    .mypage-btn-area .vip-btn .vip-membership-btn-lottie-container{margin-left:5%;}
}
@media screen and (max-width : 430px){
    .menu-place-tooltip{transform: translate(13%, -100%);}
    .menu-chat-tooltip{transform: translate(54%, -100%);}
}
@media screen and (max-width : 425px){
    .main-banner .banner-list {height: 90px;}
    .main-top-banner-container .banner-item{height:221px;}
}
@media screen and (max-width : 375px){
    .vertical-swipe-list-area.type-a .txt-info .txt-2{
        top:44%;
    }
    .menu-place-tooltip{
        transform: translate(11%, -100%);
    }
    .menu-chat-tooltip{transform: translate(51.5%, -100%);}
    .main-banner .banner-list {height: 80px;}
    .vertical-swipe-list-area.type-b .txt-info .txt-1{
        font-size: 12px;
    }
    .vertical-swipe-list-area.type-b .txt-info .txt-2{
        margin-bottom: 3px;
    }
    .vertical-swipe-list-area.type-b .txt-info .txt-2 strong{
        font-size: 20px;
    }
    .main-top-banner-container .banner-item{height:208px;}
    .main-top-banner-container .banner-tag{top:8%;}
    .mypage-btn-area .vip-btn .vip-membership-btn-lottie-container{margin-left:-2%;}
    .list-curriculum li img{height:185px;}
}
@media screen and (max-width : 350px){
    .vertical-swipe-list-area.type-a .txt-info .txt-2{
        top:43%;
    }
    .menu-place-tooltip{
        transform: translate(10%, -100%);
    }
    .menu-chat-tooltip{transform: translate(50%, -100%);}
    .main-banner .banner-list {height: 75px;}
    .main-top-banner-container .banner-item{height:194px;}
    .mypage-btn-area .vip-btn .vip-membership-btn-lottie-container{margin-left:-3%;width:35px;}
    .mypage-btn-area .vip-btn, .mypage-btn-area .tarot-btn{background-size:90px;}
}
@media screen and (max-width : 320px){
    .vertical-swipe-list-area.type-a .txt-info{
        font-size:11px;
    }
    .vertical-swipe-list-area.type-a .txt-info .txt-1{
        font-size: 13px;
    }
    .vertical-swipe-list-area.type-a .txt-info .txt-2{
        font-size: 13px;
        top:42%;
    }
    .vertical-swipe-list-area.type-a .txt-info .txt-3{
        font-size: 11px;
        top:54%;
    }
    .vertical-swipe-list-area.type-a .txt-info .txt-3 strong{
        font-size: 20px;
    }
    .menu-place-tooltip{
        transform: translate(8%, -100%);
    }
    .menu-chat-tooltip{transform: translate(48%, -100%);}
    .main-banner .banner-list {height: 68px;}
    .vertical-swipe-list-area.type-b .txt-info .txt-1{
        font-size: 10px;
    }
    .vertical-swipe-list-area.type-b .txt-info .txt-2{
        font-size: 11px;
        margin-bottom: 3px;
        top: 48%;
    }
    .vertical-swipe-list-area.type-b .txt-info .txt-2 strong{
        font-size: 18px;
    }
    .main-top-banner-container .banner-item{height:177px;}
    .main-top-banner-container .banner-title{font-size:22px;}
    .list-curriculum li img{height:153px;}
}
/* CSS specific to iOS devices */
@supports (-webkit-overflow-scrolling: touch) {
    /* ios textarea focus 시 font-size:16px 미만일 경우 pinch zoom 발생 방지 */
    .reply-list-area > ul li.review-item .reply-area .reply-content-area
    .review-modify-area > textarea {
        font-size: 16px;
    }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}
/*AppsFlyer SmartBanner*/
.responsive-wrapper{max-width:480px;margin:0 auto;}

.rcm-class-container{
    background: #F8F9FF;
    position: relative;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.rcm-class-container .title-box{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-end;
    color: #252525;
    font-size: 18px;
    font-weight: bold;
    padding: 30px 15px 0 10px;
}
.rcm-class-swiper-container .swiper-wrapper .swiper-slide{
    background-color: transparent;
}
.rcm-class-swiper-container.swiper{
    padding: 10px;
    background-color: transparent;
}
.horizontal-swipe-list-area .rcm-loc{
    font-weight: bold;
    margin-top: 3px;
    margin-bottom: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}
.horizontal-swipe-list-area .rcm-loc .ic-loc:before{
    content: " ";
    background-image: url(/m/statics/img/icon/loc-marker2.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 13px;
    height: 12px;
    background-size: contain;
    border-radius: 3px;
}
.filter-tag-box.padding{
    padding: 0 10px;
}
.map-box{
    position: relative;
    width: 100%;
}
.map-box h3{
    padding-top: 30px !important;
    padding-left: 15px !important;
}
.map-place-div {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    text-align: left;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    padding: 16px;
    align-items: center;
    display: grid;
    grid-template-columns: auto 42px;
}
.map-place-div .map-place-info{
    display: flex;
    flex-flow: column;
    padding-right: 20px;
}
.map-place-div .map-place-info .map-place-title {
    font-size: 14px;
    font-weight: bold;
    color: black;
}
.map-place-div .map-place-info .map-place-sub {
    font-size: 12px;
    color: #A8A8A8;
}
.map-place-div .map-place-copy-btn{
    content: " ";
    background-image: url(/m/statics/img/icon/ic-linkcopy.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 42px;
    height: 42px;
    background-size: contain;
    border-radius: 3px;
}
.pay-btn.ticket-btn {
    background-color: #FF5862;
    color: #fff !important;
}
/* 공통 상세 QnA */
.qna-write-modal .write-box{
    width: 100%;
    height: 100vh;
    padding-top: 50px;
}
.qna-write-modal .write-box .write{
    width: 100%;
    display: flex;
    flex-flow: column;
    padding: 15px;
}
.qna-write-modal .write-box .write .write-header{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.qna-write-modal .write-box .write .write-header .number{
    color: #A8A8A8;
}
.qna-write-modal .write-box .write .write-header .number .red{
    color: #FF5862;
}
.qna-write-modal .write-box .write textarea{
    width: 100%;
    height: 220px;
    border: 0.5px solid #A8A8A8;
    border-radius: 3px;
    resize: none;
    padding: 10px;
}
.qna-write-modal .write-box .write textarea::placeholder{
    color: #a8a8a8;
}
.qna-write-modal .btn-box{
    height: 50px;
    padding: 15px;
    transition: all 300ms;
    text-align: center;
    border-radius: 0;
}
.qna-write-modal .btn-box.gray{
    background: #A8A8A8;
}
.qna-write-modal .btn-box.red{
    background: #FF5862;
}
.qna-write-modal .btn-box .write-complete-btn{
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
}
.common-app-install-layer{
    display: none;
}
.common-app-install-layer.show{
    display: block;
    position: fixed;
    height: 120px;
    bottom: 20px;
    width: 100%;
    transition: all 300ms cubic-bezier(0.27, 0.01, 0.27, 0.97);
    border-radius: 10px 10px 0 0;
    max-width: 480px;
    padding: 0 15px;
}
.common-app-install-layer.app-install-layer{
    z-index: 999;
}
.common-app-install-layer .grid{
    display: grid;
    grid-template-columns: auto 22px;
    justify-content: space-between;
    align-items: center;

    background-color: rgba(0,0,0, .71);
    color: #fff;
    padding: 10px 17px;
    left: 0;
    right: 0;
    width: 100%;
    height: 65px;
    border-radius: 10px;
}
.common-app-install-layer .grid .text-area{
    display: grid;
    grid-template-columns: 42px auto;
    justify-content: center;
    align-items: center;
    grid-column-gap: 12px;
}
.common-app-install-layer .grid .text-area .icon {
    background-image: url(/m/statics/img/icon/tool-tip-icon.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 42px;
    height: 42px;
    background-size: contain;
}
.common-app-install-layer .grid .install-cancel-btn{
    background-image: url(/m/statics/img/icon/tool-tip-close-btn.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: contain;
}
/* 키즈 - 내정보 */
.notice-box.kids-mypage{
    padding: 10px 20px;
    background: #F4F4F4;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.notice-box.kids-mypage a{
    vertical-align: middle;
    width: 95%;
    height: 100%;
}
.notice-box.kids-mypage .notice-content .badge-new{
    display: inline-block;
    margin: 0;
    background: #555555;
    border-radius: 5px;
    color: #fff;
    padding: 3px 6px;
    font-size: 12px;
    line-height: 14px;
}
.notice-box.kids-mypage .notice-content{
    color: #555555;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
}
.notice-box.kids-mypage .notice-btn{
    vertical-align: middle;
}
.notice-box.kids-mypage .notice-btn .close-btn{
    content: " ";
    background-image: url(/m/statics/img/mypage/ic-notice-close.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 19px;
    height: 19px;
    background-size: contain;
}
.mypage-box .mypage-profile-box .profile-area{
    padding: 20px 15px;
    position: relative;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 60px auto;
    grid-column-gap: 12px;
}
.mypage-box .mypage-profile-box .profile-area .profile-img{
    position: relative;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    justify-self: center;
}
.mypage-box .mypage-profile-box .profile-area .profile-img .user-img{
    width: 54px;
    height: 54px;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    border-radius: 50%;
    background-color: #ebebeb;
}
.mypage-box .mypage-profile-box .profile-area .profile-info {
    display: grid;
    grid-template-rows: 1fr 1fr;
}
.mypage-box .mypage-profile-box .profile-area .profile-info .user-info{
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: #252525;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mypage-box .mypage-profile-box .profile-area .profile-info .user-info .edit-btn{
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #A8A8A8;
}
.mypage-box .mypage-profile-box .profile-area .profile-info .user-grade{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.mypage-box .mypage-profile-box .profile-area .profile-info .user-grade i {
    vertical-align: middle;
}
.mypage-box .mypage-profile-box .profile-area .profile-info .user-grade span{
    vertical-align: middle;
    display: inline-block;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
}
.mypage-banner-box .mypage-banner-swiper .swiper-slide{
    height: 60px;
}
.mypage-banner-box .mypage-banner-swiper .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mypage-group-box .mypage-group-area{
    display: grid;
    grid-template-rows: auto;
}
.mypage-group-box{
    padding: 30px 0;
}
.mypage-group-box .mypage-group-area .mypage-group-item{
    padding: 16px 21px;
}
.mypage-group-box .mypage-group-area .mypage-group-item .txt{
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #252525;
    vertical-align: middle;
}
.mypage-group-box .mypage-group-area .mypage-group-item .invite-btn-area{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mypage-group-box .mypage-group-area .mypage-group-item .invite-btn-area .invite-txt{
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #FF5862;
    vertical-align: middle;
}
.mypage-group-box .mypage-group-area .mypage-group-item .tarot-btn-area{
    display: flex;
}
.mypage-group-box .mypage-group-area .mypage-group-item .tarot-btn-area .ic-tarot{
    content: "";
    background-image: url(/m/statics/img/mypage/ic-tarot.png);
    background-position: bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: contain;
    margin-left: 8px;
}
.mypage-hr{
    width: 90%;
    border: 0.5px solid #D7D7D7;
    margin: 0 auto;
}
.mypage-group-box .mypage-group-header{
    padding: 7px 21px;
    color: #A8A8A8;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mypage-group-box .mypage-group-header .title{
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    vertical-align: middle;
}
.mypage-group-box .mypage-group-header .sub-title{
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -1px;
    vertical-align: middle;
}
.mypage-group-box .mypage-group-area .mypage-group-item .instagram-btn-area .txt{
    display: inline-block;
    vertical-align: middle;
}
.mypage-group-box .mypage-group-area .mypage-group-item .instagram-btn-area .ic-instagram{
    content: "";
    background-image: url(/m/statics/img/mypage/ic-insta.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    margin-left: 5px;
    vertical-align: middle;
}
.mypage-group-box .mypage-group-area .mypage-group-item .naver-blog-btn-area .txt{
    display: inline-block;
    vertical-align: middle;
}
.mypage-group-box .mypage-group-area .mypage-group-item .naver-blog-btn-area .ic-naver-blog{
    content: "";
    background-image: url(/m/statics/img/mypage/ic-naver.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    margin-left: 5px;
    vertical-align: middle;
}
.mypage-box .mypage-profile-box .profile-area .profile-img .non-login-user-img{
    width: 54px;
    height: 54px;
    background-image: url(/m/statics/img/mypage/ic-non-profile.svg);
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    border-radius: 50%;
    background-color: #ebebeb;
}
.mypage-box .mypage-profile-box .profile-area .profile-info .login-btn{
    display: flex;
    font-weight: 800;
    font-size: 20px;
    line-height: 23px;
    color: #252525;
    align-items: center;
}
.mypage-box .mypage-profile-box .profile-area .profile-info .ic-arrow{
    content: "";
    background-image: url(/m/statics/img/mypage/ic-arrow.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-size: contain;
}
.mypage-box .mypage-profile-box .profile-area .profile-info .txt{
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #252525;
}
.common-scroll-top-binder.b-80{
    bottom: 80px;
}
/* 내정보 장바구니 아이콘 */
.top-header .cart-icon .cart-btn {
    display: block;
    overflow: hidden;
    width: 27px;
    height: 27px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/m/statics/img/mypage/ic-cart.svg);
    cursor: pointer;
}
.top-header .cart-icon .cart-btn span{
    position: absolute;
    right: 12px;
    color: #fff;
    background: #FF5862;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 10px;
}
.top-header .cart-icon .cart-btn span.number{
    position: absolute;
    right: 12px;
    color: #fff;
    width: 18px;
    height: 14px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    background: #FF5862;
    border-radius: 100px;
}
/* 티켓 목록 */
.class-category-search-header.kids-category{
    grid-template-rows: unset;
    height: 50px;
}
.class-category-search-body .search-result-panel .search-result-area.kids-category{
    padding: 0 0 67px 0;
}
.kids-category-top-banner{
    padding-top: 50px;
}
.kids-category-top-banner-swiper .swiper-wrapper .swiper-slide img{
    width: 100%;
}
.kids-category-top-banner-swiper .swiper-wrapper .swiper-slide .title-box{
    position: absolute;
    top: 25%;
    left: 20px;
    width: 85%;
    color: #FFFFFF;
}
.kids-category-top-banner-swiper .swiper-wrapper .swiper-slide .title-box .title{
    font-weight: 800;
    font-size: 18px;
    line-height: 20px;
}
.kids-category-top-banner-swiper .swiper-wrapper .swiper-slide .title-box .sub-title{
    font-weight: 400;
    font-size: 11px;
    line-height: 12px;
    padding-top: 4px;
}
.kids-category-top-banner-swiper .swiper-pagination{
    text-align: right;
    padding-right: 5%;
    bottom: 9% !important;
}
.kids-category-top-banner-swiper .swiper-pagination .swiper-pagination-bullet{
    background: #fff;
    opacity: 0.4;
}
.kids-category-top-banner-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 25px !important;
    background: #fff !important;
    opacity: 1;
}
.kids-category-list-bar{
    background-color: #fff;
}
.kids-category-list-bar.fixed{
    z-index: 12;
}
.mypage-hr {
    width: 90%;
    border: 0.5px solid #D7D7D7;
    margin: 0 auto;
}
..main-home-category-list.ticket li{
    width: unset;
}
.right-arrow-btn{
    display: block;
    width: 8px;
    height: 15px;
    background-image: url(/m/statics/img/store/store-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.apply-form-user-info-layer .common-bottom-slide-layer.btn-box{
    height: unset;
}
.apply-form-user-info-layer .common-bottom-slide-layer .apply-form-user-info-complete-btn{
    display: block;
    background-color: #FF5862;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
}
.apply-form-address-info-layer .address-info-add-btn{
    width: 100%;
    height: 50px;
    padding: 17px 10px;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #555555;
    text-align: center;
}
.apply-form-address-info-layer .layer-body-area{
    overflow: auto;
}
.apply-form-address-info-add-layer .common-bottom-slide-layer.btn-box{
    height: unset;
}
.apply-form-address-info-add-layer .common-bottom-slide-layer .apply-form-address-info-add-complete-btn{
    display: block;
    background-color: #FF5862;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
}
.default-card-section-container .title{
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
}
.default-card-section-container .title-box .main-title.apply-form-user-info{
    display: flex;
    flex-flow: row;
    gap: 10px;
    align-items: center;
}
.default-card-section-container .title-box .main-title.apply-form-user-info .user-info{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
}
.default-card-section-container .apply-form-address-info{
    padding: 0 15px;
}
.default-card-section-container .apply-form-address-info .main-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.default-card-section-container .apply-form-address-info .main-title .address-info-add-btn{
    padding: 6px 8px;
    border: 0.5px solid #FF5862;
    border-radius: 200px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #FF5862;
}
.default-card-section-container .apply-form-address-info .address-info{
    margin-top: 20px;
    display: flex;
    flex-flow: column;
}
.default-card-section-container .apply-form-address-info .address-info .info{
    display: grid;
    grid-template-columns: 90px auto;
    align-items: baseline;
}
.default-card-section-container .apply-form-address-info .address-info .info .hint-text{
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #A8A8A8;
}
/*#class_info .class_info_add{*/
/*    overflow: hidden;*/
/*    max-height: 600px;*/
/*}*/
.info_add_btn{
    width: 100%;
    height: 100px;
    background-image: url(/m/statics/img/store/store-info-more-btn.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#store_info .store_info_add{
    overflow: hidden;
    max-height: 600px;
}
.user-coupon-list-layer .user-coupon-list-area{
    margin-top: 50px;
    padding-top: 20px;
    overflow: auto;
    height: calc(100% - 120px);
}
.user-coupon-list-layer .user-coupon-list-area.cart{
    padding-top: unset;
}
.user-coupon-list-layer .user-coupon-list-area.one-item{
    padding-top: unset;
    margin-top: unset;
}
.user-coupon-list-layer .user-coupon-list-area.one-item .coupon-info-box{
    margin-top: unset;
}
.user-coupon-list-layer .coupon-area .coupon-info-area{
    padding: 0 15px;
}
.user-coupon-list-layer .coupon-area .coupon-sale-price-area{
    display: grid;
    grid-template-columns: auto 30px auto 40px auto;
    background: #F8F8F8;
    border-radius: 5px;
    padding: 25px 0;
    align-items: center;
    justify-content: center;
    margin: 0 15px;
}
.user-coupon-list-layer .coupon-area .coupon-sale-price-area .box{
    text-align: right;
}
.user-coupon-list-layer .coupon-area .coupon-sale-price-area .box.shape{
    text-align: center;
}
.user-coupon-list-layer .coupon-area .coupon-sale-price-area .box .title{
    font-weight: 300;
    font-size: 11px;
    line-height: 13px;
    color: #252525;
}
.user-coupon-list-layer .coupon-area .coupon-sale-price-area .box .price{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #252525;
}
.user-coupon-list-layer .coupon-area .coupon-sale-price-area .box .price.coupon{
    color: #FF5862;
}
.user-coupon-list-layer .checkbox-area {
    margin-top: 0;
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
    position: relative;
    padding-left: 16px;
    float: left;
    padding-bottom: 10px;
}
.user-coupon-list-layer .checkbox-area input[type="checkbox"]{
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    left: 0;
    width: 22px;
    height: 22px;
    margin: 0;
}
.user-coupon-list-layer .checkbox-area input[type="checkbox"] + label{
    display: inline-block;
    vertical-align: top;
    padding-left: 6px;
    cursor: pointer;
    line-height:20px;
}
.user-coupon-list-layer .checkbox-area input[type="checkbox"] + label:before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 1px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    text-align: center;
}
.user-coupon-list-layer .checkbox-area input[type="checkbox"] + label:after{
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0px;
    padding-left: 4px;
    padding-top: 2px;
    font-size: 11px;
    color: #555555;
    text-align: left;
}
.user-coupon-list-layer .checkbox-area input[type="checkbox"]:Not(:checked) + label:before{
    font-family: "xeicon";
    content: "\e928";
    color: #dddddd;
}
.user-coupon-list-layer .checkbox-area input[type="checkbox"]:checked + label:before{
    background-color: #FF5862;
    border-color: #f97e86;
}
.user-coupon-list-layer .checkbox-area input[type="checkbox"]:checked + label:after{
    font-family: "xeicon";
    content: "\e928";
    color: #fff;
}
.user-coupon-list-layer .coupon-area .coupon-info-box{
    margin-top: 28px;
    display: flex;
    flex-flow: column;
    gap: 15px;
}
.user-coupon-list-layer .coupon-area .coupon-info-box .title-area{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #252525;
    display: flex;
    height: 22px;
    align-items: center;
    gap: 8px;
}
.user-coupon-list-layer .coupon-area .coupon-info-box .title-area small{
    font-weight: 700;
    font-size: 10px;
    line-height: 11px;
}
.user-coupon-list-layer .coupon-area .coupon-info-box .list{
    display: flex;
    flex-flow: column;
    gap: 15px;
}
.user-coupon-list-layer .coupon-area .coupon-info-box .list .box-area{
    display: grid;
    grid-template-columns: 22px auto;
    gap: 10px;
    background: #FFFFFF;
    border: 1px solid #FF5862;
    border-radius: 5px;
    padding: 15px;
}
.user-coupon-list-layer .coupon-area .coupon-info-box .list .box-area.no{
    border: 1px solid #DDDDDD;
}
.user-coupon-list-layer .coupon-area .coupon-info-box .list .box-area.no.no-coupon{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.user-coupon-list-layer .coupon-area .coupon-info-box .list .box-area .info-area{
    display: flex;
    flex-flow: column;
    gap: 13px;
}
.user-coupon-list-layer .coupon-area .coupon-info-box .list .box-area .info-area .over{
    font-weight: 400;
    font-size: 9px;
    line-height: 10px;
    color: #FF5862;
}
.user-coupon-list-layer .coupon-area .coupon-info-box .list .box-area .info-area .info-1{
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 2px;
}
.user-coupon-list-layer .coupon-area .coupon-info-box .list .box-area .info-area .info-1 .price{
    font-weight: 700;
    font-size: 17px;
    line-height: 19px;
    color: #555555;
}
.user-coupon-list-layer .coupon-area .coupon-info-box .list .box-area .info-area .info-1 .day{
    font-weight: 400;
    font-size: 9px;
    line-height: 10px;
    color: #555555;
}
.user-coupon-list-layer .coupon-area .coupon-info-box .list .box-area .info-area .info-2{
    display: flex;
    flex-flow: column;
    gap: 3px;
}
.user-coupon-list-layer .coupon-area .coupon-info-box .list .box-area .info-area .info-2 .title{
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #555555;
}
.user-coupon-list-layer .coupon-area .coupon-info-box .list .box-area .info-area .info-2 .option{
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #555555;
}
.user-coupon-list-layer .common-bottom-slide-layer.btn-box{
    height: unset;
    border-radius: unset;
    width: 100%;
    background: #FF5862;
    text-align: center;
}
.user-coupon-list-layer .common-bottom-slide-layer.btn-box .coupon-complete-btn{
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #FFFFFF;
    padding: 18px 0;
}
.user-coupon-list-layer .common-bottom-slide-layer.btn-box .coupon-complete-btn2{
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #FFFFFF;
    padding: 18px 0;
}
.user-coupon-list-layer .coupon-area .coupon-info-area.cart{
    padding: 0;
}
.user-coupon-list-layer .coupon-area .coupon-info-area.cart .coupon-info-box{
    gap: unset;
}
.user-coupon-list-layer .coupon-area .coupon-info-area.cart .coupon-info-box .title-area{
    padding: 0 15px;
}
.user-coupon-list-layer .coupon-area .coupon-info-area.cart .coupon-info-box .list{
    gap: unset;
}
.user-coupon-list-layer .list .item-box{
    padding: 20px 15px 0 15px;
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    border-bottom: 1px solid #DDDDDD;
}
.user-coupon-list-layer .list .item-box .info-box{
    display: flex;
    flex-flow: row;
    gap: 8px;
}
.user-coupon-list-layer .list .item-box .info-box .store-item-text-box{
    display: grid;
    grid-template-rows: 13px 40px 13px;
}
.user-coupon-list-layer .list .item-box .info-box .store-item-thumb{
    width: 80px;
    height: 80px;
    border-radius: 6px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.user-coupon-list-layer .list .item-box:last-child{
    border-bottom:none;
}
.user-coupon-list-layer .list .item-box .btn-box{
    padding: 15px 0 25px 0;
}
.user-coupon-list-layer .list .item-box .btn-box button{
    border: 0.5px solid #A8A8A8;
    border-radius: 5px;
    text-align: center;
    padding: 15px 0;
    width: 100%;
    color: #555555;
}
.user-coupon-list-layer .list .item-box .btn-box button.active{
    border: 0.5px solid #FF5862;
    color: #FF5862;
}
.modal button{
    outline: none !important;
}
.no-bg-img{
    background-image: unset !important;
}
.all-search-result .all-search-div{
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}
.all-search-result .all-search-div .title{
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.08px;
    color: #252525;
}
.all-search-result li{
    padding: unset;
}
.request-btn-area{
    display: flex;
    flex-flow: column;
    gap: 10px;
    margin: 0 15px 30px 15px;
    padding-top: 30px;
}
.request-btn-area .request-title{
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.08px;
    color: #252525;
}
.request-btn-area .request-hint{
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.08px;
    color: #555555;
}
.request-btn-area .request-btn{
    display: grid;
    grid-template-columns: 73px auto;
    justify-content: center;
    padding: 16px 15px;
    border-radius: 5px;
    border: 1px solid #FF5862;
    background: #FFF;
    vertical-align: middle;
    position: relative;
    align-items: center;
    cursor: pointer;
    color: #FF5862;
    gap: 4px;
}
.request-btn-area .request-btn .request-btn-txt{
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.08px;
}
.request-btn-area .request-btn .request-check {
    background-image: url(/m/statics/img/naproduct/logo-quick-r.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
    height: 17px;
    background-size: contain;
}
.request-btn-area .request-btn.complete{
    background: #FF5862;
    color: #FFF;
}
.request-btn-area .request-btn.complete .request-check{
    background-image: url(/m/statics/img/naproduct/logo-quick-w.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 73px;
    height: 16px;
    background-size: contain;
}
.ic-quick{
    background-image: url(/m/statics/img/logo_quick_pink.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 73px;
    height: 16px;
    background-size: contain;
}
/* 20230703 클래스 상세 리뉴얼 */
.class-detail-summery-area{
    display: flex;
    margin: 20px 15px;
    margin-bottom: unset;
    padding-bottom: 20px;
    /*border-bottom: 1px solid rgba(230,230,230,0.5);*/
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.class-detail-summery-area .class-detail-summery-card{
    display: flex;
    flex-flow: row;
    gap: 10px;
    color: #252525;
    font-size: 15px;
    font-weight: 700;
    align-items: center;
}
.class-detail-summery-area .class-detail-summery-card .class-detail-place-copy{
    color: #252525;
    font-size: 11px;
    font-weight: 400;
    text-decoration-line: underline;
    cursor: pointer;
}
.class-detail-summery-area i.ic-class-detail-place{
    background-image: url(/m/statics/img/class/detail/ic-class-detail-place.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
}
.class-detail-summery-area i.ic-class-detail-car{
    background-image: url(/m/statics/img/class/detail/ic-class-detail-car.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
}
.class-detail-summery-area i.ic-class-detail-car.no{
    background-image: url(/m/statics/img/class/detail/ic-class-detail-no-car.png);
}
.class-detail-summery-area i.ic-class-detail-time{
    background-image: url(/m/statics/img/class/detail/ic-class-detail-time.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
}
.class-detail-summery-area i.ic-class-detail-people{
    background-image: url(/m/statics/img/class/detail/ic-class-detail-people.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
}
.common-bottom-slide-layer.reply-img-list-layer .layer-body-area{
    position: relative;
    height: 100%;
    padding-bottom: 80px;
    padding: 0 10px;
    margin-top: 60px;
}
.common-bottom-slide-layer.reply-img-list-layer .layer-body-area .list-area{
    position: relative;
    max-height: 100%;
    overflow-y: auto;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    background-color: #ffffff;
}
.common-bottom-slide-layer.reply-img-list-layer .layer-body-area .list-area::-webkit-scrollbar {
    display: none;
}
.class-detail-master-piece{
    font-size: 13px;
}
.class-detail-master-piece .wrapper{
    padding-top: 30px;
    margin: 0 15px;
    border-top: 1px solid #E6E6E6;
}
.class-detail-master-piece h4{
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 600;
}
.class-detail-master-piece.type-1{
    /*margin: 10px 0;*/
    /*padding: 0 10px;*/
}
.class-detail-master-piece.type-1 .master-piece-title{
    color: #252525;
}
/* 이미지 갤러리 */
.curation-thumb-type-area.type-1{
    height: 264px;
    padding: 0 15px;
    margin: 30px 0px;
}
.curation-thumb-type-area.type-1 .list-container{
    height: 100%;
}
.curation-thumb-type-area.type-1 .thumb-type-5 .card {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 5px;
}
.curation-thumb-type-area.type-1 .thumb-type-5 .card.item-type-1{
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}
.curation-thumb-type-area.type-1 .thumb-type-5 .card.item-type-2{
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
}
.curation-thumb-type-area.type-1 .thumb-type-5 .card .img-wrap{
    margin: unset;
    padding: unset;
}
.curation-thumb-type-area.type-1 .thumb-type-5 .card .img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.curation-thumb-type-area.type-1 .thumb-type-5 .card .list-more{
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    font-weight: 800;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #FFFFFF;
    padding-top: unset;
}
.curation-thumb-type-area.type-1 .thumb-type-5 .card .list-more .list-count{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.info-area .info-address-area{
    display: grid;
    grid-template-columns: auto 42px;
    gap: 7px;
    border: 0.5px solid #D7D7D7;
    border-radius: 5px;
    padding: 10px;
    align-items: center;
    margin-bottom: 10px;
    background: #F8F8F8;
}
.info-area .info-address-area .info-address-text-area{
    display: grid;
    grid-template-columns: 44px auto;
    gap: 10px;
    cursor: pointer;
}
.info-area .info-address-area .info-address-text-area .address-text{
    margin: auto 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.08px;
    color: #252525;
}
.info-area .info-address-area .address-copy-btn{
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.08px;
    text-decoration-line: underline;
    color: #252525;
    text-align: center;
    cursor: pointer;
}
.info-area .info-address-area .ic-address{
    background-image: url(/m/statics/img/naproduct/ic_address.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 44px;
    height: 44px;
    background-size: contain;
    margin: auto 0;
}
.qna-content-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 15px;
    padding: 20px 0;
    border-top: 1px solid #E6E6E6;
}
.qna-content-box.top{
    margin: 0 18px;
    padding: 15px 0;
}
.qna-content-box .ic-arrow-right{
    background-image: url(/m/statics/img/class/detail/ic-arrow-right.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: contain;
}
.qna-content-box .qna-content-title.coupon{
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    #gap: 4px;
}
.qna-content-box .qna-content-title.coupon .coupon-price{
    color: #FF5862;
    font-weight: 700;
    line-height: 24px;
    margin-left: 4px;
}
.qna-content-box .qna-content-title.reserve{
    display: flex;
    align-items: flex-start;
    gap: 4px;
}
.qna-content-box .qna-content-title.reserve .title{
    display: flex;
    flex-flow: column;
}
.qna-content-box .ic-detail-coupon{
    background-image: url(/m/statics/img/class/detail/ic-detail-coupon.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
}
.qna-content-box .ic-detail-chat{
    background-image: url(/m/statics/img/class/detail/ic-detail-chat.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
}
.md-pick-content-box{
    position: relative;
    padding: 30px 0;
    margin: 0 15px;
    border-top: 1px solid rgba(230,230,230,0.5);
}
.header .ic-close{
    background-image: url(/m/statics/img/class/detail/ic-close.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-size: contain;
}
.reply-img-list-gallery-modal,
.main-img-detail-layer,
.reply-img-detail-layer,
.master-piece-img-detail-layer{
    position: absolute;
    z-index: 99999;
    top: 0px;
}
.classFilterMaxNumSwiper{
    z-index: 0 !important;
}
.classFilterMaxNumSwiper .title{
    color: #252525;
    font-size: 15px;
    font-weight: 700;
    line-height: 17px;
}
.classFilterMaxNumSwiper .swiper-wrapper{
    padding-top: 15px;
    padding-bottom: 20px;
}
.classFilterMaxNumSwiper .swiper-wrapper .swiper-slide{
    width: 50px;
    /*height: 50px;*/
    padding: 15px 0;
    border-radius: 50%;
    border: 1px solid rgba(230,230,230,0.5);
    text-align: center;
    align-items: center;
    color: #252525;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.08px;
    cursor: pointer;
}
.classFilterMaxNumSwiper .swiper-wrapper .swiper-slide.active{
    background: #FF5862;
    color: #FFF;
    border: 1px solid #FF5862;
}
.login-option-layer .layer-body-area{
    display: flex;
    flex-flow: column;
    width: 75%;
    margin: 25px auto 0;
}
#optBtn{
    color: #252525;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    margin-top: 20px;
}
.apply-hr{
    margin-bottom: unset !important;
    margin-top: 20px !important;
    padding-bottom: 20px !important;
}
/* 내정보 탈퇴 */
.profile-edit-container .secession-form{
    padding: 0 15px;
}
.profile-edit-container .secession-form .secession-btn{
    color: #252525;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    border-bottom: 1px solid #252525;
}
.secession-modal .secession-info-box{
    width: 100%;
    height: 100%;
    padding-top: 50px;
    margin-bottom: 30px;
}
.secession-modal .secession-info-box .secession-info-img{
    padding: 130px 0;
}
.secession-modal .secession-info-box .secession-info-area{
    padding: 0 15px;
}
.secession-modal .secession-info-box .secession-info-area .title{
    font-weight: 700;
    font-size: 17px;
    line-height: 19px;
    color: #212121;
    margin-bottom: 10px;
}
.secession-modal .secession-info-box .secession-info-area .sub-title{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #252525;
    margin-bottom: 2px;
}
.secession-modal .secession-info-box .secession-info-area .sub-title span{
    vertical-align: middle;
}
.secession-modal .secession-info-box .secession-info-area .checkbox-area{
    margin-top: 0;
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
    position: relative;
    padding-left: 16px;
    float: right;
    vertical-align: middle;
}
.secession-modal .secession-info-box .secession-info-area input[type="checkbox"]{
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    margin: 0;
    background: #FFFFFF;
    border: 2px solid #E2E2E2;
}
.secession-modal .secession-info-box .secession-info-area input[type="checkbox"] + label{
    display: inline-block;
    vertical-align: top;
    padding-left: 6px;
    cursor: pointer;
    line-height:20px;
}
.secession-modal .secession-info-box .secession-info-area input[type="checkbox"] + label:before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 1px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
}
.secession-modal .secession-info-box .secession-info-area input[type="checkbox"] + label:after{
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    top: 0px;
    padding-left: 4px;
    padding-top: 2px;
    font-size: 11px;
    color: #555555;
    text-align: left;
}
.secession-modal .secession-info-box .secession-info-area input[type="checkbox"]:checked + label:before{
    background-color: #FF5862;
    border-color: #f97e86;
}
.secession-modal .secession-info-box .secession-info-area input[type="checkbox"]:checked + label:after{
    font-family: "xeicon";
    content: "\e928";
    color: #fff;
    margin-left: 1px;
}
.secession-modal .secession-info-box .secession-modal-hr{
    border: 1px solid #F4F4F4;
    width: 95%;
    margin: 10px 0;
}
.secession-modal .secession-info-box .secession-info{

}
.secession-modal .secession-info-box .secession-info .txt{
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #A8A8A8;
    padding: 10px 20px;
}
.secession-modal .secession-info-box .secession-info .txt .oval{
    border-radius: 50%;
    background-color: #A8A8A8;
    color: #fff;
    width: 14px;
    height: 14px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 9px;
    line-height: 10px;
    position: absolute;
    left: 15px;
}
.secession-modal .btn-box{
    height: 50px;
    padding: 15px;
    transition: all 300ms;
    text-align: center;
}
.secession-modal .btn-box.gray{
    background: #A8A8A8;
}
.secession-modal .btn-box.red{
    background: #FF5862;
}
.secession-modal .btn-box .secession-complete-btn{
    color: #fff;
    font-size: 16px;
    line-height: 18px;
}
.profile-edit-container .edit-box{
    display: flex;
    flex-flow: column;
    /*gap: 30px;*/
    margin: 0 15px;
    border-bottom: 1px solid #D7D7D7;
}
.profile-edit-container .edit-box .edit-sub-box{
    margin-bottom: 30px;
}
.profile-edit-container .edit-box:nth-last-of-type(2){
    border-bottom: unset;
}
.profile-edit-container .edit-box .edit-title{
    padding: 30px 0 0;
    color: #252525;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}
.profile-edit-container .ic-arrow-right {
    background-image: url(/m/statics/img/class/detail/ic-arrow-right.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: contain;
}
.profile-edit-container .edit-sub-box{
    display: grid;
    grid-template-columns: 90% 22px;
    justify-content: space-between;
    align-items: center;
}
.profile-edit-container .edit-sub-box > div{
    display: flex;
    flex-flow: column;
    gap: 10px;
}
.profile-edit-container .edit-sub-box .edit-sub-title{
    color: #252525;
    font-size: 14px;
    font-weight: 400;
}
.profile-edit-container .edit-sub-box .edit-sub-txt{
    color: #A8A8A8;
    font-size: 14px;
    font-weight: 400;
}
.profile-edit-container .edit-sub-box .edit-sub-txt.active{
    color: #252525;
    font-weight: 700;
}
.mypage-box .mypage-profile-box .profile-area.edit .profile-info{
}
.mypage-box .mypage-profile-box .profile-area.edit .profile-info .txt{
    color: #555;
    font-size: 12px;
    font-weight: 400;
}
.mypage-box .mypage-profile-box .profile-area.edit .profile-info .login-btn{
    color: #252525;
    font-size: 18px;
    font-weight: 700;
}
.mypage-box .mypage-profile-box .profile-area.edit .profile-img .profile-img-edit-btn{
    color: #FFF;
    font-size: 10px;
    font-weight: 700;
    background: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    margin-top: 38px;
    cursor: pointer;
}
.edit-layer{
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 50px;
}
.edit-layer input[type=text],
.edit-layer input[type=number],
.edit-layer textarea{
    font-size: 16px !important;
}
.edit-layer .header .header-text{
    font-size: 16px;
}
.edit-layer .edit-form{
    top: unset;
}
.edit-layer .edit-form .card .form-group .form-group-title{
    color: #252525;
    font-size: 14px;
    font-weight: 700;
}
.edit-layer .edit-form .card .nickname-chk-txt{
    color: #8094FF;
    font-size: 12px;
    font-weight: 400;
}
.edit-layer .edit-form .card .change-group{
    border-radius: 7px !important;
    border: 1px solid #E6E6E6 !important;
    align-items: center;
    margin-top: 7px;
}
.edit-layer .edit-form .card .change-group input[type="text"]::placeholder {
    color: #A8A8A8;
    font-size: 14px;
    font-weight: 400;
}
.edit-layer .edit-form .card .change-group input[type="text"]{
    width: calc(70% - 12px);
    margin-left: 7px;
    color: #252525;
}
.edit-layer .edit-form .card .change-group button[type="button"]{
    border-radius: 100px;
    background: #FF5862;
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    width: calc(30% - 12px);
    height: 34px;
    margin-right: 12px;
}
.edit-layer .edit-form .card .change-group button.disabled{
    color: #A8A8A8;
    font-size: 12px;
    font-weight: 400;
    background: #DDD;
    opacity: unset;
}
.edit-layer .btn-box{
    position: absolute;
    bottom: 20px;
    width: calc(100% - 30px);
    margin: 0 15px;
}
.edit-layer .btn-box button{
    position: relative;
    width: 100%;
    height: 50px;
    background: #FF5862;
    border-radius: 5px;
    transition: all 300ms;
    text-align: center;
    padding: 15px 0;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}
.edit-layer .edit-form .card .form-input-group{
    border-radius: 7px;
    border: 1px solid #E6E6E6;
    align-items: center;
    margin-top: 7px;
}
.edit-layer .edit-form .card .form-input-group input[type="text"],
.edit-layer .edit-form .card .form-input-group input[type="number"]{
    width: 95%;
    padding: 0 12px;
    height: 50px;
    border: none;
    font-size: 16px;
    font-weight: 400;
    margin-left: 7px;
    display: inline;
    outline: none;
    box-sizing: border-box;
    color: #252525;
}
.edit-layer .edit-form .card .form-input-group textarea{
    width: 100%;
    height: 330px;
    border-radius: 7px;
    border: unset;
    background: #FFF;
    resize: none;
    padding: 10px;
}
.edit-layer .edit-form .card .form-group .phone-group:first-of-type{
    height: 50px;
    margin-top: 7px;
}
.edit-layer .edit-form .card .form-group .phone-group:last-of-type{
    height: 50px;
    margin-top: 10px;
}
.edit-layer .edit-form .card .form-group .week-group{
    position: relative;
    margin-top: 14px;
}
.edit-layer .edit-form .card .form-group .week-group ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    /*flex-direction: row;*/
    /*flex-wrap: nowrap;*/
    gap: 5px;
    position: relative;
    width: 100%;
}
.edit-layer .edit-form .card .form-group .week-group li{
    width: 100%;
    border-radius: 100px;
    border: 1px solid #E6E6E6;
    font-size: 14px;
    font-weight: 400;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.edit-layer .edit-form .card .form-group .week-group li.active{
    background: #FF5862;
    color: #FFF;
    border: unset;
}
.edit-layer .edit-form .card .form-group .select-group{
    margin-top: 7px;
}
/*익스플로러 기본 화살표 없애기*/
.edit-layer select::-ms-expand {
    display: none;
}
/*화살표 기본 css 없애기*/
.edit-layer select {
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.edit-layer .edit-form .card .form-group .select-group select{
    border-radius: 7px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    color: #A8A8A8;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    padding: 6px 12px;
    box-shadow: unset;
    min-width: 100%;
    background: url(/m/statics/img/icon/ic-arrow-down-gray.png) no-repeat 95% 50% / 12px 12px;
    background-size: 16px;
    text-overflow: ellipsis;
}
.edit-layer .edit-form .card .form-group .form-select-group.type-2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.edit-layer .edit-form .card .form-group .form-select-group.type-3{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.edit-layer .edit-form .card .form-group .form-select-group.type-4{
    display: unset;
    position: relative;
}
.edit-layer .edit-form .card .form-group .date-group{
    margin-top: 7px;
    position: relative;
}
.edit-layer .edit-form .card .form-group .date-group input{
    border-radius: 7px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    color: #252525;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    min-width: 99%;
    box-shadow: unset;
    padding: 6px 12px;
    background: url(/m/statics/img/icon/ic-arrow-down-gray.png) no-repeat 97% 50%/12px auto;
    background-size: 16px;
}
.edit-layer input[type='date'] {
    position: relative;
    width: 100%;
    -webkit-appearance: none;
}
.edit-layer input[type='date']::-webkit-date-and-time-value {
    text-align: left;
}
.edit-layer input[type='date']::-webkit-calendar-picker-indicator {
    display: none;
}
@media (max-width: 576px) {
    .edit-layer{
        height: calc(100vh - 50px);
    }
    .edit-layer .edit-form .card .form-group .date-group input{
        min-width: 95%;
    }
}

#shareModal {
    height: 200px;
}

#shareModal .share-modal-header {
    display: inline-flex;
    padding: 15px 0;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
}

#shareModal .close-btn {
    display: flex;
    margin-right: 18px;
    align-items: flex-start;
    gap: 10px;
    background-image: url(/m/statics/img/naproduct/ic_close_btn_gray.png);
    background-size: 28px 28px;
    background-position: center;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
}


#shareModal .title-div {
    display: flex;
    padding-left: 15px;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

#shareModal .title-div span {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.08px;
}

#shareModal .share-model-body {
    display: flex;
    width: 100%;
    padding: 10px 0 30px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

#shareModal .share-model-body .body-item {
    display: flex;
    padding: 0 15px;
    align-items: center;
    gap: 7px;
    align-self: stretch;
}

#shareModal .share-model-body .body-item .item-img {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
}

#shareModal .share-model-body .body-item #kakao-img {
    background-image: url(/m/statics/img/icon/btn_share_kakao.png);
}

#shareModal .share-model-body .body-item .desc {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.08px;
}

#shareModal .share-model-body .body-item #url-img {
    background-image: url(/m/statics/img/icon/btn_share_url.png);
}

.curation-list-type-1 ul {
    flex-direction: column;
}
.curation-list-type-1 li {
    width: 100%;
    padding: 0 15px !important;
    margin-bottom: 30px;
}
.curation-list-type-1 li > a{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.curation-list-type-1 .list-img{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
}
.curation-list-type-1 .list-img .img{
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1; /* 정사각형 유지 */
    object-fit: cover;
    border-radius: 5px;
}
.curation-list-type-1 .list-img:after{
    display: none;
}
.curation-list-type-1 .list-subject{
    margin-bottom: 0;
    height: unset;
    color: var(--gray-900, #252525);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 115.385% */
    letter-spacing: -0.08px;
    width: 95%;
}
.curation-list-type-1 .text-info {
    position:relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}
.curation-list-type-1 .list-course{
    margin-top:0;
    margin-bottom:0;
}
.curation-list-type-1 .list-footer{
    display: flex;
    width: 100%;
    height: 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: var(--gray-200, #F4F4F4);
}
.curation-list-type-1 .introduction-title{
    color: var(--gray-900, #252525);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 116.667% */
    letter-spacing: -0.08px;
}
.curation-list-type-1 .list-price{
    margin-bottom: 0;
}
.curation-list-type-1 .favorite-heart {
    background-image: url(/m/statics/img/icon/heart2-off.svg);
    top:14px;
    right: 0;
}
.curation-list-type-1 .favorite-heart.on{
    background-image: url(/m/statics/img/icon/heart-on.png);
}