/* 공통 css */
.dx-toolbar.dx-toolbar-head{padding:10px 24px; border-bottom: 1px solid #efefef; box-shadow: 0px 0px 12px -2px #dcdcdc;}
.dx-toolbar.dx-toolbar-head .title{font-size:18px;}
.contents{width:96%; margin:0 auto; margin-top:20px;}
.content{ padding:2px 10px;}
#currentPage{color:#fff; background-color:#ff5722; border:0;}
.page-content-wrap{width:100%; display:flex; margin-top:20px;}
.page-content{margin:0 auto; display:flex;}

.dx-editor-cell .dx-texteditor, .dx-editor-cell .dx-texteditor .dx-texteditor-input{background:#fff0 !important;}
.red{background:rgba(244,67,54,.32);}
div.page-btn{margin:2px 8px; border-radius:50px; box-shadow:none;}
#spinner-bg-wrap{width:100%; height:100%;}
#spinner-bg-wrap::after{content:""; width:100%; height:100%; background:rgba(141, 141, 141, 0.384); position:fixed; top:0; left:0; z-index:1502;}
#medium-indicator{z-index:1503; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%);}
.dx-treeview-node-container{color:#000;}
/* .dx-item-content.dx-box-item-content{display:block !important;} */
.kakao-login-btn.dx-button{width:100%; height:42px; display:flex; background:#FEE500; border:0; box-shadow:none; border-radius:8px;}
.kakao-login-btn.dx-button.dx-state-hover{background:#f1d901; box-shadow:none;}
.kakao-login-btn.dx-button>div{margin:auto; max-width: 200px; width: 100%; min-width:160px;}
.kakao-login-btn.dx-button>div::before{float:left; content:''; display:block; width:30px; height:24px; margin-top:2px; background:url('/kakao-log.png') no-repeat;}
.kakao-login-btn.dx-button>div>span{text-align:center; display:block; line-height:30px;}
.kakao-integrated-wrap::before{width: 253px; height: 89px; margin:0 auto; content:''; display:block; background:url('/common-fondation.png') no-repeat;}
.kakao-integrated-wrap .title{margin-top:20px; text-align:center; line-height:24px; font-size: 18px; font-weight: bold}
.kakao-integrated-wrap .sub-title{margin-top:20px; text-align:center;}
.kakao-integrated-wrap .kakao-login-btn.dx-button{width:254px; margin:20px auto;}
.kakao-integrated-con{margin:10px 0 18px 0;}
.kakao-integrated-con.title{margin:24px; font-size:20px; text-align:center;}
.kakao-integrated-con .text{margin-top:10px; text-align:center; display:block;}
.kakao-integrated-con .text-inp{margin-top:8px; display:inline-block; background:#efefef; border-radius:4px; padding:4px 8px;}
.popup div.dx-toolbar-center{width:100%;}
.popup div.dx-overlay-content,.popup div.dx-state-focused{border:0 !important;}
.popup div.dx-popup-bottom{padding:0;}
.popup .dx-toolbar-items-container div.dx-toolbar-center .dx-button-has-text{background:#ff5722; border-radius:0;}
.popup .dx-toolbar-items-container div.dx-toolbar-center span.dx-button-text{ color:#fff;}
.popup div.dx-popup-wrapper{transform:inherit !important;}
/* 카카오친구목록 팝업 검색 패널 위치 조정 */
.dataGridForFriendsList .dx-toolbar {width: 100%; margin-left: -62%; height:50px; position: fixed; top:120px; z-index: 11; background:transparent;}
.dataGridForFriendsListXSmall .dx-toolbar{width: 100%; height:"50px" ; margin-left: -56%; position: fixed; top:180px; z-index: 11;background:transparent;}
.dataGridForFriendsListSmall .dx-toolbar{width: 100%; margin-left: -78%;  height:"50px" ;position: fixed; top:180px; z-index: 11; background:transparent;}


/* 레이아웃 재구성 */
/* 초기화 */
/* body{background:#fbfcfd} */
.sp-new-layout *{margin:0; padding:0;}
.sp-new-layout .sp-content-head,.sp-new-layout .sp-content-body,.sp-new-layout .sp-content-footer{padding:26px 26px 0;}
.sp-new-layout .dx-texteditor.dx-editor-underlined{height:40px; border: 1px solid #EAEFF4; background-color:#fff; border-radius: 18px; padding:0 18px; overflow:hidden;}
.sp-new-layout .dx-texteditor.dx-editor-underlined.dx-textarea{padding:4px 0 4px 18px;}
.sp-new-layout .login-inp-con .dx-texteditor.dx-editor-underlined{border-radius:0; border-top:0; border-left:0; border-right:0; padding:0 4px;}
.sp-new-layout .dx-texteditor.dx-editor-underlined.dx-state-disabled::after{border-bottom:0;}

.sp-new-layout .dx-texteditor.dx-editor-underlined.dx-state-disabled{background:#eaeff4;}

.sp-new-layout .text-hr{width:100%; position:relative; height:22px; margin:14px 0 10px;}
.sp-new-layout .text-hr::after{width:100%; border-bottom:1px solid #E8EAED; position:absolute; top:50%; content:'';display:block;}
.sp-new-layout .text-hr>span{position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding:0 10px;  background:#fff; z-index: 2; font-size:12px; color: #CFD3D8;}

/* 아이콘 커스텀 */
.dx-icon-customicon-share {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAABE0lEQVQ4jd2TsS5EURCGv9kIovAACo37AKKgoCJEI6HYVqHXbUIl26FWbSVR0hCVeIYVhYiwiYeQSCQ2n+bs2uzeKzZX5W9Ocuafb87MycD/lpqpLYdXS80ARhKrCswAt8DdL+vPAasp97ADGkvnCvAK1CLireD1E8ABsNybW+nzbQLrwJNazYFsAI/ANrCTV6Wu2qmoHqmf6rU6rU6pZ2pbbaiTyatah+8ZdRUR78C+egE0gIcUegbmI6KZ1/IAqAfYVBeA3XR1EhHtPttpYWvDSK2oszA47GG1FhH3fwG6Sj/ZndEHgLqX546IY3UJWOwLjQLn6hYJkKkvRXuQPPUfVuWyVF8JcqOOlwWVhyRQF/IFCmgDb66yHsAAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}



.sp-new-layout .dx-item.dx-box-item{position:relative;}
.sp-new-layout .dx-layout-manager .dx-field-item:not(.dx-last-col){padding-bottom:0;}
.sp-new-layout .dx-texteditor.dx-editor-underlined::after{border-bottom:none;}
.sp-new-layout .dx-texteditor.dx-editor-underlined.dx-state-hover::after{border-bottom:0;}
.sp-new-layout .dx-layout-manager .dx-field-item:not(.dx-last-col){padding-right:0;}
.sp-new-layout .dx-layout-manager .dx-field-item:not(.dx-first-col){padding:0;}
.sp-new-layout #SEARCH_CONTENTS_SHOP div.dx-item.dx-box-item{flex:none !important; margin-right:4px;}

.sp-new-layout .dx-scrollview-content{padding:0 4px;}
.sp-new-layout .dx-item.dx-list-item{border:1px solid #F0F3F7; background:#fff; border-radius:24px; margin:12px 0;}
.dx-list:not(.sp-new-layout .dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover{background-color:#fafaff6c; box-shadow: 0px 2px 13px #dad9df52;}
.dx-list:not(.sp-new-layout .dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused{background-color:#fafaffcb;}
.dx-list:not(.sp-new-layout .dx-list-select-decorator-enabled) .dx-list-item.dx-state-active{background-color:#fafaffe5;}

.sp-new-layout .sp-content-head{display:flex;}
.sp-new-layout .sp-content-head .sp-content-title{margin:0; line-height:38px; font-size:22px;}
.sp-new-layout .sp-content-head .sp-content-gnb{min-width:120px;margin-left:auto;}
.sp-new-layout .sp-content-head .sp-content-gnb>div{float:right;}
.sp-new-layout .sp-content-head .sp-content-gnb .sp-content-writer>.sp-con-btn{background-color:#AEC6DB; margin:0 4px; padding:6px 18px 4px; border-radius:15px; font-size:14px; text-align:center; color:#fff;}
.sp-content-writer>.sp-con-btn.free-con{background: transparent linear-gradient(90deg, #7690FF 0%, #2A78E3 100%) 0% 0% no-repeat padding-box;}


.sp-new-layout .sp-content-body{padding-top:10px; color:#868686;}
.sp-new-layout .sp-content-body .sp-image-con{width:150px; height:150px; background-color:#FAFAFF; float:left; overflow: hidden; position: relative; margin-right:8px;}
.sp-new-layout .sp-content-body .sp-image-con>img{height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.sp-new-layout .sp-content-body>span{line-height: 25px;}

.sp-new-layout  .dx-list-item-content{white-space:normal}

.sp-new-layout .sp-content-footer{display:flex; padding-bottom:18px; clear:left;}
.sp-new-layout .sp-content-footer .sp-img-con{width:34px; height:34px; float:left; position:relative; overflow:hidden; background: #FAFAFF 0% 0% no-repeat padding-box; border: 1px solid #EAEFF4; border-radius:25px; background:url('./sp-user-profile.png') no-repeat; background-size:34px 34px;}
.sp-new-layout .sp-content-footer .sp-img-con>img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.sp-new-layout .sp-user-btn{float:left; margin-left:12px; line-height:32px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.sp-new-layout .sp-content-footer .sp-before-con{min-width: 94px; display:flex;}
.sp-new-layout .sp-content-footer .sp-after-con{min-width: 340px; display:flex; flex-direction: row-reverse; margin-left:auto;}
.sp-new-layout .sp-btn.send-btn{ background: #6F7BFF 0% 0% no-repeat padding-box; color:#fff; border:0; border-radius:50px;}
.sp-new-layout .sp-btn.remove-btn{background: #FD6F3A 0% 0% no-repeat padding-box; color:#fff; border:0;}
.sp-new-layout .sp-btn,.sp-new-layout .dx-list-next-button>.dx-button, .sp-fileupload-btn .dx-fileuploader-button{font: normal normal 300 12px/20px Open Sans; border-radius:50px; box-shadow:none; margin:0 4px; }
.sp-new-layout .sp-btn.dx-button{height:34px;}
.sp-new-layout .dx-list-next-button>.dx-button{border: 1px solid #E7ECF0; height:46px; margin-top:20px; font-size:14px; color: #000; font-size:14px;}
.sp-new-layout .dx-button.send-btn.dx-state-hover{background:#4c58d7; color:#fff !important;}
.sp-new-layout .dx-button.send-btn.dx-state-focused{background-color:#3e48b9; color:#fff !important;}
.sp-new-layout .sp-btn.remove-btn.dx-state-hover{background: #ee5d29 0% 0% no-repeat padding-box; color:#fff; border:0;}
.sp-new-layout .sp-btn.remove-btn.dx-state-focused{background: #eb561f 0% 0% no-repeat padding-box; color:#fff; border:0;}
.sp-new-layout .sp-fileupload-btn .dx-fileuploader-button{width:80px; display:block; margin:0 auto;}
.sp-new-layout .sp-fileupload-btn.qr-btn .dx-fileuploader-button{width:126px; margin:0 auto; float:initial;}

.sp-new-layout .sp-btn>.dx-button-content{padding:4px 26px; font-size:14px;}
#header-wrap{position:fixed; z-index:2500;}
#side-menu-wrap{position:fixed; overflow-y: auto; padding-bottom:60px;}
.header-component .header-toolbar{background-color:#fff;}

.sp-new-layout .sp-profile-con,.sp-new-layout .sp-profile-info-con{margin-top:16px;}
.sp-new-layout .sp-profile-con{min-width:92px; width:92px; height:92px; background:#FAFAFF 0% 0% no-repeat padding-box; float:left; border-radius:10px; position:relative; overflow:hidden; margin:auto 0 0; background:url('./sp-user-profile.png') no-repeat;}
.sp-new-layout .blog-profile.sp-profile-con{background-size:100%; border:1px solid rgb(227, 227, 227);}
.sp-new-layout .qr-code-img-con{border:1px solid rgb(227, 227, 227);}
.sp-new-layout .qr-code-img-con.sp-profile-con{background:url('./sp-default-img-2.png') no-repeat; background-size:50%; background-position:36px 36px; background-color:#fff;}
.sp-new-layout .sp-profile-con>img{height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.sp-new-layout .sp-profile-header-con{padding:16px 20px; background:#F2F5FA 0% 0% no-repeat padding-box; border-radius:12px 12px 0 0; border: 1px solid #F0F3F7; position:relative; display:flex;}
.sp-new-layout .sp-profile-info-con-nickname{position:absolute; top:17px; left:131px; font-size:14px; }
.sp-new-layout .sp-profile-info-con{top:10px; left:10px; position: relative; font-size:14px; font-weight:400; margin:auto 0; margin-left:10px; color: #000000; float:left; line-height:22px; padding-right:20px; font-size:13px;}
.sp-profile-header-con.sp-triangle-icon::after{width:100%; height:23px; left:0; bottom:-10px; position:absolute; content:''; background:url('/sp-triangle-icon.png') repeat-x; background-size:42px; display:none;}
.sp-content-header-con{padding:30px 28px; border:1px solid #F0F3F7; border-top:0; background:#fff; border-radius:0 0 12px 12px; overflow:hidden;}
.sp-content-header-con>h1{font-size:28px; margin-bottom:10px; font-weight:bold;}
.sp-content-header-con .sp-content-con{font-size:16px; margin-top:22px; line-height: 28px;}
.sp-content-header-con .sp-content-con img{width:100%; max-width:650px}
.sp-hr{border:0; border-bottom: 1px solid #F0F4FA;}
.sp-content-exception .dx-widget>.dx-box-flex>div.dx-item.dx-box-item:nth-child(2){display:block !important;}
.copyright-con{position:absolute; right:24px; bottom:20px; color:#999da1; font-size:12px;}

.sp-new-layout.login-wrap,.sp-new-layout.sp-layout-wrap{width:100%; max-width: 374px; padding:54px 48px 30px; margin:0 auto; margin-top:80px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 5px 18px #0000000D; border-radius: 11px;}
.sp-new-layout.sp-layout-wrap{padding:54px 28px 30px; }
.sp-new-layout.login-wrap .login-title-con h4{font-size: 28px; font-weight:400;}
.sp-new-layout.login-wrap .login-inp-con:first-child{margin-top:26px;}
.sp-new-layout.login-wrap .login-inp-con{margin-top:16px;}
.sp-new-layout.login-wrap .login-submit-btn{width:100%; height:42px; margin-top:26px; font-size:14px; }
.sp-new-layout .login-pw-help-con{width:210px; font-size:13px; margin:0 auto; margin-top:12px;}
.sp-new-layout .login-pw-help-con>div{float:left; margin:0 4px;}
.sp-new-layout .login-pw-help-con>a{color:#4656FF; font-weight:bold; text-decoration:none;}
.sp-new-layout .send-inp-con{margin-top:18px;}
.sp-new-layout .send-inp-con>label{margin-bottom:8px; font-size:14px; display:block; color:rgb(101, 102, 109); margin-left:10px;}
.sp-new-layout .send-btn-con{display:flex; margin-top:50px;}
.sp-new-layout .send-btn-con>div:first-child{width:100%; height:36px; margin-left:auto;}
.sp-new-layout .send-btn-con>div:last-child{width:100%; height:36px; margin-right:auto;}
.sp-new-layout .send-title-con{margin-bottom:10px;}
.sp-new-layout .send-title-con>.sp-title{margin-top:20px;}
.sp-new-layout .sp-join-btn-wrap{display:flex;}
.sp-new-layout .sp-join-btn-wrap>div:first-child{margin-left:auto;}
.sp-new-layout .sp-join-btn-wrap>div:last-child{margin-right:auto;}
.sp-new-layout .kakao-login-btn.sp-btn>.dx-button-content{width:200px; padding:4px 14px;}
.sp-new-layout .pc-show{display: block;}
.sp-new-layout .mobile-show{display: none;}
.sp-new-layout .text-center{text-align:center;}
.sp-new-layout .grid{display:grid;}
.sp-new-layout .awaiting-transfer{margin-top:28px; max-width:720px; padding:10px 28px 34px;}
.sp-new-layout .awaiting-transfer.two-column{grid-template-columns: 40% 30% 30%; grid-column-gap: 14px;}
.sp-new-layout .awaiting-transfer .send-btn-con{margin-top:28px;}
.sp-new-layout .awaiting-transfer .send-btn-con>.sp-btn{max-width:120px; height:40px; margin-top: 15px;}
.sp-new-layout .payment-con{text-align: center; line-height:24px; font-size: 18px;}
.sp-new-layout .payment-con.margin{margin:60px 0 110px;}
/* 발송대기 목록 삭제 아이콘 버튼 */
#sendingListtrashButton{border: none;margin: 20% 16%;}

.sp-new-layout .refund-policy-wrap{margin-top:30px;}
.sp-new-layout .refund-policy-wrap>div.dx-accordion-wrapper>.dx-accordion-item{box-shadow:none; border:1px solid rgb(234, 239, 244);}
.sp-new-layout .refund-policy-wrap>div.dx-accordion-wrapper>.dx-accordion-item-opened > .dx-accordion-item-title{height:48px;}
.sp-new-layout .refund-policy-wrap>div.dx-accordion-wrapper>.dx-accordion-item-opened > .dx-accordion-item-title::before{top:11px;}
.sp-new-layout .refund-policy-wrap .title{font-size:16px; line-height:26px; }
.sp-new-layout .refund-policy-wrap .content-con{font-size:14px;}
.sp-new-layout .refund-policy-wrap .content-con ul,.sp-new-layout .refund-policy-wrap .content-con ol{list-style:decimal; padding:0 0 0 6px;}
.sp-new-layout .refund-policy-wrap .content-con ol>li>ol{padding:0 0 0 18px; list-style:hangul; color:#000000}
.sp-new-layout .refund-policy-wrap .content-con p{line-height:20px; margin-top:10px;}
.sp-new-layout .refund-policy-wrap .content-con a{text-decoration: none; color:#2A78E3;}

.policy-table-wrap{border:1px solid rgb(233, 233, 233); border-collapse: collapse;}
.policy-table-wrap th,.policy-table-wrap td{font-size:13px; text-align:center; line-height: 20px; border:0; border:1px solid rgb(233, 233, 233);}
.policy-table-wrap th{padding:2px 0; background:#fafafa;}
.policy-table-wrap td{padding:4px 4px;}


.terms-con ul{list-style:none;}
#main-content-wrap{height:100%; min-height: 100%;}
#main-footer-wrap{width:100%; position: relative; bottom: 0;}

.menu-overflow{width:100%; height:100%; position: absolute; clip: rect(auto, auto, auto, auto);}

@media screen and (max-width: 900px) {
    
    .sp-new-layout .sp-content-head .sp-content-title{line-height: 26px;}
    .sp-new-layout .sp-content-footer{
        display:block;
    }
    .sp-new-layout .sp-content-footer .sp-after-con{ width:90%;margin-left:auto; min-width: 340px; display:flex; flex-direction: row-reverse;grid-template-columns: repeat(5, 1fr);}
    .sp-new-layout .sp-join-btn-wrap div:first-child>.dx-button-content{width:160px; padding:4px 4px;}
    .sp-new-layout .sp-join-btn-wrap div:last-child>.dx-button-content{width:180px; margin: 0 auto;}
    .sp-new-layout .sp-profile-header-con{padding:16px 0 16px 10px;}
    .sp-new-layout .sp-profile-info-con-nickname{position: absolute; left:118px;}
    .sp-new-layout .sp-profile-info-con{left:10px; position: relative; font-size:12px; margin:auto 0; margin-left:6px; line-height:20px; padding-right:20px; word-break: break-word;}
    .sp-new-layout .pc-show{display: none;}
    .sp-new-layout .mobile-show{display: block;}
    .sp-new-layout .mobile-show.sp-more{margin-right:auto;}

    .sp-new-layout .awaiting-transfer{padding:18px 28px 28px;}
    .sp-new-layout .awaiting-transfer.two-column{grid-template-columns:50% 50%; grid-column-gap: 14px;}
    .sp-new-layout .awaiting-transfer .send-btn-con{grid-column:span 2;}
    .sp-new-layout .awaiting-transfer .send-btn-con>.sp-btn{margin:0 auto; }

  }

  @media screen and (max-width: 400px) {
    .sp-new-layout .sp-content-footer .sp-after-con{max-width: 400px; margin-left: -14%;}
    #termsPageButton .dx-button-content .dx-button-text{ margin-left: -30px;}
  }



.sp-kakao-friend-wrap>h3{font-size: 16px; margin-top: 30px; text-align: center; margin-bottom: 6px;}
.sp-kakao-friend-wrap .sp-kakao-qr-con>img{width:100%; display:block; max-width:140px; margin:0 auto;}
.sp-kakao-friend-wrap .sp-kakao-qr-text{text-align:center; margin-top:8px;}
.subscribe-body.red{background: #fff3f3; color: #bd4545; padding:10px 14px; }


.sp-seminar-layout{background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 5px 15px #B3BDC429; padding:28px 30px; }
.sp-seminar-layout .sp-seminar-head{display:flex; margin-bottom:20px;}
.sp-seminar-layout .sp-before{margin-right:auto; display:flex;}
.sp-seminar-layout .sp-after{margin-left:auto; display:flex;}
.sp-seminar-layout .sp-after>.dx-button,.sp-seminar-layout .sp-before>h2{margin:auto;}
.sp-seminar-layout .sp-before>h2{font-size:24px;}
.sp-seminar-layout .sp-seminar-info-wrap{list-style:none; margin:0; padding:0; line-height:26px;}
.sp-seminar-layout .sp-seminar-info-wrap li>span:first-child{margin-right:10px; font-weight:500; color:rgb(119, 119, 119);}
.sp-seminar-layout .sp-seminar-content{margin-top:18px;}
.sp-seminar-layout .sp-seminar-bottom{margin-top:20px;}
.sp-seminar-layout table{width:100%; border:none !important; }
.sp-seminar-layout table tr td{border-bottom:1px solid rgb(227, 227, 227); padding:10px 14px;}
.sp-seminar-layout table tr:first-child td{border-top:1px solid rgb(78, 78, 78); border-bottom:1px solid rgb(227, 227, 227); background:rgb(250, 250, 250); padding:10px 14px;}
.sp-seminar-btn.dx-button{border-radius:50px; margin:0 auto; width:92px; display:block; font-size:14px; background:#5c68f0 0% 0% no-repeat padding-box; color:#fff; border:none;}
.sp-seminar-btn.dx-button:hover{background:#525ee4 0% 0% no-repeat padding-box;}
.sp-seminar-btn.dx-button:active,.sp-seminar-btn.dx-button:focus{background:#525ee4 0% 0% no-repeat padding-box; color: #ffff;}

.sp-seminar-layout.max,.sp-new-layout.max,.sp-seminar-info-con{max-width:720px; margin:0 auto;}

.sp-seminar-layout .sp-seminar-text{border-radius:4px; margin-top:24px; background:#f6f6fc; padding:10px 16px 12px; font-size:14px; color:#5c68f0;}
.sp-seminar-layout .sp-seminar-text>div:first{margin-top:0;}
.sp-seminar-layout .sp-seminar-text>div:last-child{margin-bottom:0;}
.sp-seminar-layout .sp-seminar-text>div{display:block; clear:left; margin:4px 0;}
.sp-seminar-layout .sp-seminar-text>div::before{content:'*'; display:block; margin-top:2px; float: left; font-size:16px; margin-right:2px;}

.sp-seminar-info-con{margin-top:10px; margin-bottom:10px; background:#f1f2ff; display:block; padding:12px 14px 10px; font-size: 14px; color:#5c68f0; }
.sp-seminar-info-con>i{float:left;}
.sp-seminar-info-con>span{line-height:24px; margin-left:4px;}

.sp-comment-main{background: #fff; box-shadow: 0px 8px 15px #b3bdc429; border-top:1px solid rgb(238, 238, 238); display:flex; padding:16px 0;}
.sp-comment-prfoile-con{min-width:82px; width:82px; height: 82px; overflow: hidden; position:relative; margin:0 10px; background:rgb(248, 248, 248); border-radius:12px; margin-top:10px;}
.sp-comment-prfoile-con>img{background-size:cover; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.sp-comment-textarea{width:100%;}
.sp-comment-textarea .dx-texteditor.dx-editor-outlined textarea.dx-texteditor-input{padding:0;}
.sp-comment-textarea .dx-texteditor.dx-editor-outlined .dx-placeholder::before{padding:0;}
.sp-comment-textarea .dx-texteditor.dx-editor-outlined{border:none;}
.sp-seminar-content>p{margin:6px 0;}
.skip-line{margin:auto 0;}