/*modal style*/
.modal-layer { display: none; position: relative; width: 394px; max-width: calc(100% - 32px); max-height: calc(100% - 32px); border-radius: 18px; box-shadow: 6px 24px 24px 0 rgba(255, 207, 207, 0.14); box-sizing: border-box; background: #fff; }

.dim-layer { display: none; position: fixed; _position: fixed; top: 0; left: 0; z-index: 2000; width: 100%; height: 100%; }
.dim-layer-on { display: flex; }
.dim-layer .dim-bg { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; margin: 0 auto; background-color: rgba(0, 0, 0, 0.32); }
.dim-layer .modal-layer { display: block; }

.modal-group { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; }
.modal-close { position: absolute; top: 20px; right: 20px; z-index: 10; width: 30px; height: 30px; border: none; background: url('../img/ico_x2.svg') center center no-repeat; background-size: contain; }
.modal-container { height: 100%; background: #fff; overflow: auto; }
.modal-container .box-modal { overflow-y: auto; }
.modal-top { display: flex; justify-content: center; align-items: center; height: 88px; }
.modal-top .tit { font-size: 28px; font-weight: 700; color: #231916; text-align: center; letter-spacing: -0.16px; }
.modal-top .btn { position: absolute; right: 25px; width: 26px; height: 26px; border: none; background: url('../img/ico_x2.svg') center center no-repeat; }


/*다이얼 모달창*/
.dim-layer-dial { display: block; visibility: hidden; opacity: 0; }
.dim-layer-dial.active { visibility: visible; opacity: 1; }

.modal-group-dial .modal-layer { height: 389px; padding: 40px 24px 28px; box-sizing: border-box; }
.modal-group-dial .modal-close { width: 20px; height: 20px; background-image: url('../img/ico_x3.svg'); background-size: auto; }
.modal-group-dial .box-modal { display: flex; flex-direction: column; justify-content: space-between; min-height: 100%; }
.modal-group-dial .tit-dial { font-size: 24px; font-weight: 700; color: #000; text-align: center; letter-spacing: -0.18px; }
.modal-group-dial .select-category { display: flex; align-items: center; margin-bottom: -20px; }
.modal-group-dial .select-category .txt { width: 100%; font-size: 15px; font-weight: 400; color: #000; text-align: center; letter-spacing: -0.12px; }
.modal-group-dial .ck-group { display: flex; justify-content: center; align-items: center; }
.modal-group-dial .ck-group .ck-custom + label { font-size: 19px; color: #000; letter-spacing: -0.53px; }
.modal-group-dial .ck-group .ck-custom + label .custom { margin-right: 15px; }
.modal-group-dial .btn-custom { height: 58px; font-size: 18px; letter-spacing: -0.24px; }

.dial-group { display: flex; align-items: center; position: relative; overflow: hidden; cursor: pointer; }
.dial-group .line-area { position: absolute; left: 0; width: 100%; height: 38px; margin: 0 auto; padding: 0; border-radius: 10px; box-sizing: border-box; background: #f4f4f4; }
.dial-group .drum-wrapper { width: 100%; }
.dial-group .dial { background: none !important; }
div.drum-wrapper div.container, div.drum-wrapper figure { height: 50px; line-height: 25px; font-size: 19px; font-weight: 500; color: #000 !important; text-align: center; letter-spacing: -0.15px; }


/*카테고리 모달창*/
.modal-group-filter .modal-layer { padding: 40px 24px 28px; box-sizing: border-box; }
.modal-group-filter .modal-close { width: 20px; height: 20px; background-image: url('../img/ico_x3.svg'); background-size: auto; }
.modal-group-filter .tit-filter { margin-bottom: 20px; font-size: 24px; font-weight: 700; color: #000; text-align: center; letter-spacing: -0.18px; }
.modal-group-filter .list-ck { max-height: 364px; overflow: auto; }
.modal-group-filter .btn-custom { height: 58px; margin-top: 22px; font-size: 18px; letter-spacing: -0.24px; }


/*상담하기 모달창*/
.modal-group-item .modal-layer { width: 525px; }
.modal-group-item .modal-container { height: calc(100% - 88px); border-radius: 0 0 18px 18px; box-sizing: border-box; }
.modal-group-item .item-banner { position: relative; height: 155px; background: left center no-repeat; background-size: cover; padding-left:40px; }
.modal-group-item .item-banner .item-basic { display: flex; flex-direction: column; justify-content: center; position: absolute; left: 52%; height: 100%; }
.modal-group-item .item-banner .item-basic .item-code { margin-bottom: 10px; font-size: 34px; font-weight: 500; color: #f8778d; letter-spacing: -0.45px; }
.modal-group-item .item-banner .item-basic .item-title { display: flex; align-items: center; }
.modal-group-item .item-banner .item-basic .item-title .item-category { font-size: 24px; font-weight: 700; color: #f8778d; letter-spacing: -0.14px; }
.modal-group-item .item-banner .item-basic .item-title .item-name { margin-left: 4px; font-size: 24px; font-weight: 700; color: #231916; letter-spacing: -0.14px; }

.modal-group-item .item-detail { padding: 28px 26px 30px; box-sizing: border-box; }
.modal-group-item .item-detail .item-price { display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px; }
.modal-group-item .item-detail .item-price > .tit { display: flex; align-items: center; font-size: 24px; font-weight: 600; color: #231916; letter-spacing: -0.14px; }
.modal-group-item .item-detail .item-price > .tit img { width: 25px; margin-right: 10px; }
.modal-group-item .item-detail .item-price > .tit .item-tip { position: relative; margin-left: 9px; }
.modal-group-item .item-detail .item-price > .tit .item-tip .btn-tip { display: block; width: 22px; height: 22px; border: none; background: url('../img/ico_question2.svg') center center no-repeat; background-size: contain; }

.modal-group-item .item-detail .item-price > .tit .bubble { display: none; position: absolute; left: calc(50% - 152px); z-index: 1000; width: 310px; margin-top: 14px; padding: 32px 20px; border-radius: 12px; box-sizing: border-box; background: #3d3d3d; }
.modal-group-item .item-detail .item-price > .tit .bubble.active { display: block; }
.modal-group-item .item-detail .item-price > .tit .bubble:before { content: ''; display: block; position: absolute; top: -8px; left: 0; right: 0; width: 12px; height: 9px; margin: 0 auto; background: url('../img/ico_triangle1.svg') center center no-repeat; }
.modal-group-item .item-detail .item-price > .tit .bubble .txt-group { margin-bottom: 20px; }
.modal-group-item .item-detail .item-price > .tit .bubble .txt-group:last-child { margin-bottom: 0; }
.modal-group-item .item-detail .item-price > .tit .bubble .txt-group .tit { margin-bottom: 9px; font-size: 15px; font-weight: 700; color: #ffb3c0; }
.modal-group-item .item-detail .item-price > .tit .bubble .txt-group .txt { font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -0.46px; line-height: 24px; }

.modal-group-item .item-detail .item-price > .txt { display: flex; justify-content: flex-end; align-items: center; }
.modal-group-item .item-detail .item-price > .txt .coin { display: flex; justify-content: flex-end; align-items: center; font-size: 20px; font-weight: 500; color: #000; letter-spacing: -0.67px; }
.modal-group-item .item-detail .item-price > .txt .coin strong { margin-right: 2px; font-size: 24px; letter-spacing: 0; }
.modal-group-item .item-detail .item-price > .txt .time { display: flex; justify-content: center; align-items: center; height: 32px; margin-left: 10px; padding: 0 9px; border-radius: 6px; box-sizing: border-box; background: #f4f4f4; font-size: 15px; font-weight: 500; color: rgba(26, 26, 26, 0.76); }

.modal-group-item .item-detail .coin-state { display: flex; justify-content: center; margin-bottom: 20px; padding: 25px 0; border: 1px solid #ffe3e9; border-radius: 16px; box-sizing: border-box; background: #fff6f9; }
.modal-group-item .item-detail .coin-state .txt-group { position: relative; width: 50%; text-align: center; }
.modal-group-item .item-detail .coin-state .txt-group:after { content: ''; display: block; position: absolute; top: calc(50% - 12px); right: -7px; width: 13px; height: 24px; background: url('../img/ico_arrow_right2.svg') center center no-repeat; }
.modal-group-item .item-detail .coin-state .txt-group:last-child:after { display: none; }
.modal-group-item .item-detail .coin-state .txt-group .tit { font-size: 17px; font-weight: 400; color: #444; letter-spacing: -0.77px; }
.modal-group-item .item-detail .coin-state .txt-group .txt { margin-top: 10px; font-size: 24px; font-weight: 500; color: #000; letter-spacing: -0.8px; line-height: 32px; }
.modal-group-item .item-detail .coin-state .txt-group:nth-child(1) .txt { margin-top: 4px; }
.modal-group-item .item-detail .coin-state .txt-group:nth-child(1) .txt strong { margin-right: 2px; }
.modal-group-item .item-detail .coin-state .txt-group .btn { display: flex; justify-content: center; align-items: center; width: 108px; height: 38px; margin: 12px auto 0; border-radius: 8px; box-sizing: border-box; background: #f8778d; font-size: 18px; font-weight: 600; color: #fff; letter-spacing: -0.4px; }

.modal-group-item .item-detail .item-info { margin-bottom: 20px; font-size: 17px; font-weight: 400; color: #888; text-align: center; letter-spacing: -0.61px; line-height: 26px; }

.modal-group-item .item-detail .btn-custom { height: 70px; }
.modal-group-item .item-detail .btn-custom > div { position: relative; margin-right: 40px; }
.modal-group-item .item-detail .btn-custom > div:last-child { margin-right: 0; }
.modal-group-item .item-detail .btn-custom > div:after { content: ''; display: block; position: absolute; top: calc(50% - 9px); right: -23px; width: 2px; height: 18px; background: #fff; }
.modal-group-item .item-detail .btn-custom-v1 > div:after { background: #f8778d; }
.modal-group-item .item-detail .btn-custom > div:last-child:after { display: none; }
.modal-group-item .item-detail .btn-custom .txt img { margin-right: 6px; }
.modal-group-item .item-detail .btn-custom .txt2 { font-weight: 500; }

.modal-group-item .deferred-item { border-top: 1px solid #f2f2f2; box-sizing: border-box; }
.modal-group-item .deferred-item .top { display: flex; justify-content: space-between; align-items: center; padding: 25px 32px; box-sizing: border-box; background: rgba(255, 255, 255, 0); cursor: pointer; }
.modal-group-item .deferred-item .top .tit { font-size: 24px; font-weight: 600; color: #231916; letter-spacing: -0.14px; }
.modal-group-item .deferred-item .top .ico-arrow { width: 17px; transition: .2s all ease-out; }
.modal-group-item .deferred-item .top.active .ico-arrow { transform: rotate(180deg); }
.modal-group-item .deferred-item .item-detail { display: none; padding-top: 0; }
.modal-group-item .deferred-item .item-detail.active { display: block; }


/*상담하기 모달창 (채팅)*/
.modal-group-item-v1 .item-banner .item-basic .item-code { color: #4ac1f4; }
.modal-group-item-v1 .item-banner .item-basic .item-title .item-category { color: #4ac1f4; }

.modal-group-item-v1 .item-detail .item-price { margin-bottom: 15px; }
.modal-group-item-v1 .item-detail .item-price > .tit .bubble .txt-group .tit { color: #a9ecff; }

.modal-group-item-v1 .item-detail .coin-state2 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; padding: 34px 25px 34px 28px; border: 1px solid #ddeff7; border-radius: 16px; box-sizing: border-box; background: #f9fdff; }
.modal-group-item-v1 .item-detail .coin-state2 > div { display: flex; justify-content: space-between; width: calc(100% - 140px); }
.modal-group-item-v1 .item-detail .coin-state2 .txt-group { position: relative; text-align: center; }
.modal-group-item-v1 .item-detail .coin-state2 .txt-group:after { content: ''; display: block; position: absolute; top: calc(50% - 12px); right: -50%; width: 13px; height: 24px; background: url('../img/ico_arrow_right2_v1.svg') center center no-repeat; }
.modal-group-item-v1 .item-detail .coin-state2 .txt-group:last-child:after { display: none; }
.modal-group-item-v1 .item-detail .coin-state2 .txt-group .tit { font-size: 17px; font-weight: 400; color: #444; letter-spacing: -0.77px; }
.modal-group-item-v1 .item-detail .coin-state2 .txt-group .txt { margin-top: 8px; font-size: 18px; font-weight: 500; color: #000; letter-spacing: -0.6px; }
.modal-group-item-v1 .item-detail .coin-state2 .txt-group .txt-v1 { color: #ff4a4a; }
.modal-group-item-v1 .item-detail .coin-state2 .txt-group .txt strong { margin-right: 4px; font-size: 20px; letter-spacing: -0.63px; }
.modal-group-item-v1 .item-detail .coin-state2 .txt-group .txt2 { position: absolute; left: 0; right: 0; margin-top: 2px; font-size: 14px; font-weight: 400; color: #888; letter-spacing: -0.5px; }
.modal-group-item-v1 .item-detail .coin-state2 .btn { display: flex; justify-content: center; align-items: center; width: 90px; height: 40px; border-radius: 20px; box-sizing: border-box; background: #6fc4e9; font-size: 16px; font-weight: 600; color: #fff; letter-spacing: -0.36px; }

.modal-group-item-v1 .item-detail .item-info { margin-bottom: 30px; }

.modal-group-item-v1 .item-detail .btn-custom { background: #6fc4e9; }
.modal-group-item-v1 .item-detail .btn-custom-v1 { border-color: #4ac1f4; background: #fff; color: #4ac1f4; }
.modal-group-item-v1 .item-detail .btn-custom-v1:hover { background: #f9fdff; }
.modal-group-item-v1 .item-detail .btn-custom-v1:focus { background: #ddeff7; }
.modal-group-item-v1 .item-detail .btn-custom-v1 > div:after { background: #4ac1f4; }
.modal-group-item-v1 .item-detail .btn-custom-v1 .txt img { width: 24px; margin-right: 10px; }

.modal-group-item .option-group { margin-bottom: 20px; }
.modal-group-item .option-group .tit { margin-bottom: 12px; font-size: 20px; font-weight: 600; color: #231916; letter-spacing: -0.12px; }
.modal-group-item .list-ck { display: flex; align-items: center; margin: -4px; }
.modal-group-item .list-ck li { width: 100%; padding: 4px; box-sizing: border-box; }


/*후기 작성 모달창*/
.modal-group-review .modal-layer { width: 480px; padding: 48px 30px 36px; box-sizing: border-box; }
.modal-group-review .item-basic { display: flex; align-items: center; margin-bottom: 26px; }
.modal-group-review .item-basic .img-group { width: 68px; height: 68px; margin-right: 16px; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.modal-group-review .item-basic .item-info { width: calc(100% - 84px); }
.modal-group-review .item-basic .item-info .item-category { margin-bottom: 5px; font-size: 16.5px; font-weight: 500; color: #e55678; }
.modal-group-review .item-basic .item-info .item-title { display: flex; align-items: center; }
.modal-group-review .item-basic .item-info .item-title > div { position: relative; margin-right: 18px; }
.modal-group-review .item-basic .item-info .item-title > div:last-child { margin-right: 0; }
.modal-group-review .item-basic .item-info .item-title > div:after { content: ''; display: block; position: absolute; top: calc(50% - 7px); right: -10px; width: 2px; height: 14px; background: #d8d8d8; }
.modal-group-review .item-basic .item-info .item-title > div:last-child:after { display: none; }
.modal-group-review .item-basic .item-info .item-title .item-name { font-size: 21px; font-weight: 600; color: #1a1a1a; }
.modal-group-review .item-basic .item-info .item-title .item-code { font-size: 21px; font-weight: 400; color: #7c7c7c; }

.modal-group-review .btn-group-upload { margin-bottom: 11px; }
.modal-group-review .btn-group-upload .btn-upload { width: 88px; height: 88px; border: 1px dashed #ddd; box-sizing: border-box; background: url('../img/ico_camera1.svg') center center no-repeat #fff; }
.modal-group-review .btn-group-upload .btn { margin-right: 13px; margin-bottom: 13px; }
.modal-group-review .frm-group2 > div { margin-bottom: 20px; }
.modal-group-review .frm-group2 > div:last-child { margin-bottom: 0; }
.modal-group-review .frm-group2 .textarea-group { height: 310px; }
.modal-group-review .frm-group2 .textarea-group textarea { height: 100%; font-size: 19px; }
.modal-group-review .select-custom { font-size: 19px; }


/*상담후기 운영정책 모달창*/
.modal-group-guide .modal-layer { width: 480px; padding: 48px 30px 36px; box-sizing: border-box; }
.modal-group-guide .tit-group { margin-bottom: 20px; }
.modal-group-guide .tit-group .tit { margin-bottom: 15px; font-size: 24px; font-weight: 700; color: #000; letter-spacing: -0.18px; }
.modal-group-guide .tit-group .txt { font-size: 17px; font-weight: 400; color: #444; letter-spacing: -0.26px; line-height: 26px; }
.modal-group-guide .txt-group { margin-bottom: 25px; }
.modal-group-guide .txt-group:last-child { margin-bottom: 0; }
.modal-group-guide .txt-group .tit { margin-bottom: 8px; font-size: 19px; font-weight: 700; color: #000; letter-spacing: -0.29px; }
.modal-group-guide .txt-group .txt { font-size: 17px; font-weight: 400; color: #444; letter-spacing: -0.26px; line-height: 24px; }
.modal-group-guide .txt-group .txt2 { margin-top: 15px; font-size: 14px; font-weight: 400; color: #444; letter-spacing: -0.22px; line-height: 20px; }

.tbl2 { width: 100%; border-collapse: collapse; margin-top: -8px; margin-bottom: 30px; }
.tbl2 thead th { height: 45px; padding: 0 18px; box-sizing: border-box; background: #f5f5f5; font-size: 17px; font-weight: 500; color: #000; }
.tbl2 thead th:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; box-sizing: border-box; }
.tbl2 thead th:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; box-sizing: border-box; }
.tbl2 tbody tr { border-bottom: 1px solid #ededed; box-sizing: border-box; }
.tbl2 tbody td { font-size: 17px; font-weight: 500; color: #000; line-height: 24px; }
.tbl2 th:nth-child(1), .tbl2 td:nth-child(1) { width: 26%; text-align: left; }
.tbl2 th:nth-child(2), .tbl2 td:nth-child(2) { width: 48%; text-align: center; }
.tbl2 th:nth-child(3), .tbl2 td:nth-child(3) { width: 26%; text-align: right; }

.tbl2 td:nth-child(1) { padding: 19px 0 19px 18px; box-sizing: border-box; }
.tbl2 td:nth-child(2) { padding: 19px 18px; box-sizing: border-box; }
.tbl2 td:nth-child(3) { padding: 19px 18px 19px 0; box-sizing: border-box; font-weight: 600; color: #ff4b6a; }


/*예상 리워드 모달창*/
.modal-group-reward .modal-layer { width: 480px; padding: 52px 32px 35px; box-sizing: border-box; }
.modal-group-reward .modal-close { top: 18px; right: 18px; width: 25px; height: 25px; background-size: auto; }
.modal-group-reward .coin-state { display: flex; justify-content: center; margin-bottom: 18px; padding: 25px 0; border: 1px solid #fff0f3; border-radius: 12px; box-sizing: border-box; background: #fff6f9; }
.modal-group-reward .coin-state .txt-group { position: relative; width: 50%; text-align: center; }
.modal-group-reward .coin-state .txt-group:after { content: ''; display: block; position: absolute; top: calc(50% - 25px); right: 0; width: 1px; height: 70px; background: #ffe8ec; }
.modal-group-reward .coin-state .txt-group:last-child:after { display: none; }
.modal-group-reward .coin-state .txt-group .tit { font-size: 17px; font-weight: 400; color: #444; letter-spacing: -0.49px; }
.modal-group-reward .coin-state .txt-group .txt { margin-top: 10px; font-size: 22px; font-weight: 500; color: #000; }
.modal-group-reward .coin-state .txt-group:nth-child(2) .txt { color: #ff4b6a; }

.modal-group-reward .coin-state-v1 { margin-bottom: 14px; border-color: #ffced3; border-radius: 15px; box-sizing: border-box; background: #ffeaec; }
.modal-group-reward .coin-state-v1 .txt-group .txt { display: flex; justify-content: center; align-items: center; margin-top: 0; font-size: 20px; }
.modal-group-reward .coin-state-v1 .txt-group .txt strong { font-size: 24px; }
.modal-group-reward .coin-state-v1 .txt-group .txt img { width: 28px; margin-right: 8px; }

.modal-group-reward .reward-info { margin-bottom: 30px; font-size: 17px; font-weight: 400; color: #444; text-align: center; letter-spacing: -0.27px; line-height: 26px; }
.modal-group-reward .reward-info2 { font-size: 16px; font-weight: 400; color: #444; text-align: center; letter-spacing: -0.25px; line-height: 23px; }
.modal-group-reward .reward-info3 { font-size: 14px; font-weight: 400; color: #444; text-align: center; letter-spacing: -0.22px; line-height: 21px; }
.modal-group-reward .tit-group { margin-bottom: 18px; }
.modal-group-reward .tit-group .tit { font-size: 23px; font-weight: 900; color: #ff4b6a; text-align: center; }
.modal-group-reward .tit-group-v1 { margin-bottom: 30px; }
.modal-group-reward .tit-group-v1 .tit { font-size: 22px; font-weight: 700; color: #231916; letter-spacing: -0.13px; }

.modal-group-reward .coin-info { margin-bottom: 30px; font-size: 14px; font-weight: 400; color: #313131; text-align: center; letter-spacing: -0.47px; line-height: 22px; }

.tbl3 { width: 100%; border-collapse: collapse; margin-bottom: 18px; }
.tbl3 thead th { height: 46px; padding: 0 18px; box-sizing: border-box; background: #f5f5f5; font-size: 17px; font-weight: 500; color: #000; }
.tbl3 thead th:first-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; box-sizing: border-box; }
.tbl3 thead th:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; box-sizing: border-box; }
.tbl3 tbody tr { border-bottom: 1px solid #ededed; box-sizing: border-box; }
.tbl3 tbody td { font-size: 19px; font-weight: 600; color: #000; text-align: center; }
.tbl3 th, .tbl3 td { width: 50%; padding: 20px; box-sizing: border-box; text-align: center; }
.tbl3 td:last-child { font-weight: 600; color: #ff4b6a; }


/*상담시간 계산기 모달창*/
.modal-group-calculator .modal-layer {
    width: 426px;
    padding: 28px 32px 52px;
    box-sizing: border-box;
}

.modal-group-calculator .modal-close {
    top: 24px;
    right: 24px;
    width: 20px;
    height: 20px;
    background-size: 31px;
}

.modal-group-calculator .tit-group {
    margin-bottom: 25px;
}

.modal-group-calculator .tit-group .tit {
    font-size: 22px;
    font-weight: 700;
    color: #231916;
    text-align: center;
    letter-spacing: -0.13px;
}

.modal-group-calculator .frm-group2 {
    margin-bottom: 26px;
}

.modal-group-calculator .frm-group2 .tit-frm {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.5px;
}

.modal-group-calculator .select-custom {
    height: 57px;
    padding: 0 60px 0 20px;
    box-sizing: border-box;
    background-size: 18px;
    font-size: 18px;
    font-weight: 700;
}

.modal-group-calculator .calculator-info {
    font-size: 14px;
    font-weight: 400;
    color: #444;
    text-align: center;
    letter-spacing: -0.22px;
    line-height: 20px;
}

.tbl3-v1 {
    margin-bottom: 30px;
}

.tbl3-v1 thead th {
    height: 40px;
    font-size: 14px;
}

.tbl3-v1 thead th span {
    color: #979797;
}

.tbl3-v1 thead th:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    box-sizing: border-box;
}

.tbl3-v1 thead th:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    box-sizing: border-box;
}

.tbl3-v1 tbody td {
    padding: 16px;
    box-sizing: border-box;
    font-size: 17px;
}

.tbl3-v1 td:last-child {
    color: #1a1a1a;
}

.tbl3-v2 { margin-bottom: 20px; }
.tbl3-v2 thead th { height: 40px; font-size: 16px; }
.tbl3-v2 thead th:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; box-sizing: border-box; }
.tbl3-v2 thead th:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; box-sizing: border-box; }
.tbl3-v2 tbody td { padding: 14px; box-sizing: border-box; font-size: 17px; font-weight: 500; }
.tbl3-v2 tbody td span { font-weight: 600; color: #717171; }
.tbl3-v2 tbody td .c1 { color: #19b265; }
.tbl3-v2 tbody td .c2 { color: #888; }
.tbl3-v2 tbody td .c3 { color: #ef5c5c; }


/*결제내역 상세 모달창*/
.modal-group-receipt .modal-layer { width: 394px; padding: 58px 30px 46px; box-sizing: border-box; }
.modal-group-receipt .tit-receipt { margin-bottom: 30px; font-size: 22px; font-weight: 700; color: #1a1a1a; text-align: center; }
.modal-group-receipt .receipt-info { width: auto; }
.modal-group-receipt .receipt-info .receipt-data { margin-bottom: 0; }
.modal-group-receipt .receipt-info .receipt-data .txt-group .tit { font-size: 14px; }
.modal-group-receipt .receipt-info .receipt-data .txt-group .tit-v1 { font-size: 18px; }
.modal-group-receipt .receipt-info .receipt-data .txt-group .txt { font-size: 16px; }
.modal-group-receipt .receipt-info .receipt-data .txt-group .txt .v2 { font-size: 14px; }
.modal-group-receipt .receipt-info .receipt-data .txt-group .txt .v3 { font-size: 18px; }
.modal-group-receipt .receipt-info .receipt-data .txt-group .txt .v4 { font-size: 14px; line-height: 21px; }
.modal-group-receipt .receipt-info .receipt-data .txt-group .txt .v4:first-of-type { margin-top: 6px; }


/*비밀번호 모달창*/
.modal-group-pw { justify-content: flex-end; }
.modal-group-pw .modal-layer { width: 720px; max-width: 100%; height: calc(100% - 208px); border-radius: 32px 32px 0 0; box-sizing: border-box; background: linear-gradient(to bottom, #ffa5bc, #f8778d 170%); animation: motion1 .5s ease-out; }
.modal-group-pw .modal-close { top: 32px; right: 25px; width: 31px; height: 31px; background-image: url('../img/ico_x5.svg'); background-size: 49px; }
.modal-group-pw .modal-container { background: none; }
.modal-group-pw .box-modal { padding-top: 114px; box-sizing: border-box; }
.modal-group-pw .top-title { margin-bottom: 30px; font-size: 40px; font-weight: 700; color: #fff; text-align: center; line-height: 54px; }
.modal-group-pw .inp-group-pw { display: flex; justify-content: center; align-items: center; }
.modal-group-pw .inp-group-pw .inp-pw { position: relative; width: 60px; border: none; background: none; font-size: 48px; font-weight: 700; color: #fff; text-align: center; -webkit-text-security: disc; }
.modal-group-pw .inp-group-pw .inp-pw::-ms-input-placeholder { font-size: 20px; color: rgba(255, 255, 255, 0.25); }
.modal-group-pw .inp-group-pw .inp-pw::-webkit-input-placeholder { font-size: 20px; color: rgba(255, 255, 255, 0.25); }
.modal-group-pw .inp-group-pw .inp-pw::-moz-placeholder { font-size: 20px; color: rgba(255, 255, 255, 0.25); }
.modal-group-pw .inp-group-pw .inp-pw::-webkit-outer-spin-button,
.modal-group-pw .inp-group-pw .inp-pw::-webkit-inner-spin-button { -webkit-appearance: none; }

.modal-group-pw .find-pw { display: flex; justify-content: center; align-items: center; margin-top: 60px; font-size: 21px; font-weight: 500; color: #fff; text-align: center; letter-spacing: -0.58px; }
.modal-group-pw .find-pw img { margin-left: 10px; }
.modal-group-pw .pw-auto { display: flex; justify-content: space-between; align-items: center; width: calc(100% - 40px); margin: 64px auto 0; padding: 26px 32px 22px; border-radius: 20px; box-sizing: border-box; background: rgba(0, 0, 0, 0.12); }
.modal-group-pw .pw-auto .txt-group .tit { margin-bottom: 8px; font-size: 22px; font-weight: 600; color: #fff; letter-spacing: -0.61px; }
.modal-group-pw .pw-auto .txt-group .txt { font-size: 18px; font-weight: 500; color: #fff; letter-spacing: -0.5px; }

/*motion*/
@keyframes motion1 {
  0% {
     bottom: -100%;
  }
  100% {
      bottom: 0;
  }
}


/*서비스 전달하기 모달창*/
.modal-group-send .modal-layer { width: 480px; padding: 48px 30px 36px; box-sizing: border-box; }
.modal-group-send .item-basic { display: flex; align-items: center; margin-bottom: 26px; }
.modal-group-send .item-basic .img-group { width: 68px; height: 68px; margin-right: 16px; border-radius: 4px; box-sizing: border-box; overflow: hidden; }
.modal-group-send .item-basic .item-info { width: calc(100% - 84px); }
.modal-group-send .item-basic .item-info .tit { margin-bottom: 6px; font-size: 21px; font-weight: 700; color: #1a1a1a; }
.modal-group-send .item-basic .item-info .txt { font-size: 18px; font-weight: 400; color: #7c7c7c; }

.modal-group-send .frm-group2 .textarea-group { height: 220px; margin-bottom: 20px; }
.modal-group-send .frm-group2 .textarea-group textarea { height: 100%; font-size: 19px; }

.modal-group-send .frm-group2 .btn-group-upload { margin-bottom: 16px; }
.modal-group-send .frm-group2 .btn-group-upload .btn { margin-right: 14px; margin-bottom: 0; }
.modal-group-send .frm-group2 .btn-group-upload .btn:last-child { margin-right: 0; }
.modal-group-send .frm-group2 .btn-group-upload .btn:nth-child(2) img { width: 26px; }

.modal-group-send .frm-group2 .upload-group { display: flex; flex-wrap: wrap; position: relative; min-height: 120px; margin-bottom: 20px; padding: 7px; border: 1px dashed #ddd; border-radius: 8px; box-sizing: border-box; background: #fbfbfb; }
.modal-group-send .frm-group2 .upload-group .drag-message { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 100%; font-size: 16px; font-weight: 500; color: #999; text-align: center; letter-spacing: -0.57px; }

.modal-group-send .frm-group2 .upload-group.active { border: 1px solid #e8e8e8; box-sizing: border-box; background: #fff; }
.modal-group-send .frm-group2 .upload-group.active .drag-message { display: none; }

.modal-group-send .frm-group2 .file-group { display: flex; align-items: center; position: relative; width: 188px; height: 57px; margin: 7px; padding: 0 14px; border: 1px solid #ffe3e9; border-radius: 8px; box-sizing: border-box; background: #fff6f9; }
.modal-group-send .frm-group2 .file-group img { margin-right: 12px; }
.modal-group-send .frm-group2 .file-group .tit-group { width: calc(100% - 24px); }
.modal-group-send .frm-group2 .file-group .tit-group .tit { margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 400; color: #000; }
.modal-group-send .frm-group2 .file-group .tit-group .txt { font-size: 11px; font-weight: 400; color: #7c7c7c; word-break:break-word; }


/*결제하기 모달창*/
.modal-group-payment { justify-content: flex-end; }
.modal-group-payment .modal-layer { width: 720px; max-width: 100%; max-height: calc(100% - 190px); padding: 40px 32px 150px; border-radius: 18px 18px 0 0; box-sizing: border-box; animation: motion1 .5s ease-out; }

.modal-group-payment .modal-container { overflow-y:scroll; height: 100%; box-sizing: border-box;}

.modal-group-payment .frm { padding-bottom: 24px; box-sizing: border-box; }
.modal-group-payment .frm-group2 { margin-bottom: 20px; }
.modal-group-payment .frm-group2 .tit-frm { position: relative; }
.modal-group-payment .frm-group2 .tit-frm .frm-guide { display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 0; right: 0; font-size: 20px; font-weight: 400; color: #444; letter-spacing: -0.1px; }
.modal-group-payment .frm-group2 .tit-frm .item-tip { position: relative; margin-right: 8px; }
.modal-group-payment .frm-group2 .tit-frm .item-tip .btn-tip { display: block; width: 22px; height: 22px; border: none; background: url('../img/ico_question2.svg') center center no-repeat; background-size: contain; }

.modal-group-payment .frm-group2 .tit-frm .bubble { display: none; position: absolute; right: calc(50% - 88px); z-index: 10; width: 310px; margin-top: 14px; padding: 32px 20px; border-radius: 12px; box-sizing: border-box; background: #3d3d3d; }
.modal-group-payment .frm-group2 .tit-frm .bubble.active { display: block; }
.modal-group-payment .frm-group2 .tit-frm .bubble:before { content: ''; display: block; position: absolute; top: -8px; right: 82px; width: 12px; height: 9px; margin: 0 auto; background: url('../img/ico_triangle1.svg') center center no-repeat; }
.modal-group-payment .frm-group2 .tit-frm .bubble .txt-group { margin-bottom: 20px; }
.modal-group-payment .frm-group2 .tit-frm .bubble .txt-group:last-child { margin-bottom: 0; }
.modal-group-payment .frm-group2 .tit-frm .bubble .txt-group .tit { margin-bottom: 9px; font-size: 15px; font-weight: 700; color: #ffb3c0; }
.modal-group-payment .frm-group2 .tit-frm .bubble .txt-group .txt { font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -0.46px; line-height: 24px; }

.modal-group-payment .frm-group2 .textarea-group { height: 154px; }
.modal-group-payment .frm-group2 .textarea-group textarea { height: 100%; }

.modal-group-payment .agree-group { display: flex; justify-content: center; align-items: center; }
.modal-group-payment .agree-group .txt { font-size: 18px; font-weight: 400; color: #f8778d; text-align: center; letter-spacing: -0.5px; }
.modal-group-payment .agree-group .txt a { text-decoration: underline; }
.modal-group-payment .agree-group .ck-group { margin-left: 10px; }
.modal-group-payment .agree-group .ck-group .ck-custom + label .custom { margin-right: 0; }

.modal-group-payment .btn-floating-bottom { position: absolute; padding: 18px 32px 16px; border-top: 1px solid #f2f2f2; box-shadow: none; box-sizing: border-box; }
.modal-group-payment .btn-floating-bottom .total-price { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.modal-group-payment .btn-floating-bottom .total-price .tit { font-size: 20px; font-weight: 500; color: #1a1a1a; }
.modal-group-payment .btn-floating-bottom .total-price .txt { font-size: 25px; font-weight: 700; color: #1a1a1a; text-align: right; }


/*타임라인 모달창*/
.modal-group-timeline .modal-layer {
    width: 400px;
    padding: 48px 28px 32px;
    box-sizing: border-box;
}

.modal-group-timeline .box-modal {
    position: relative;
    height: 100%;
}

.modal-group-timeline .date {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 123px;
    height: 35px;
    margin: 0 auto 18px;
    border-radius: 8px;
    box-sizing: border-box;
    background: #ffb786;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    letter-spacing: -0.28px;
}

.modal-group-timeline .tit {
    margin-bottom: 24px;
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
    text-align: center;
    letter-spacing: -0.59px;
}

.modal-group-timeline .img {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 6px;
    box-sizing: border-box;
}

.modal-group-timeline .txt {
    margin-bottom: 36px;
    font-size: 18px;
    font-weight: 400;
    color: #1a1a1a;
    text-align: center;
    letter-spacing: -0.48px;
    line-height: 33px;
}


/* 상담사 동의 모달창 */
.modal-group-agree .modal-layer {
    width: 400px;
    padding: 60px 28px 32px;
    box-sizing: border-box;
}

.modal-group-agree .tit-group {
    padding-bottom: 34px;
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box;
}

.modal-group-agree .tit-group img {
    display: block;
    margin: 0 auto 26px;
}

.modal-group-agree .tit-group .tit {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
    text-align: center;
    letter-spacing: -0.59px;
}

.modal-group-agree .list-ck {
    padding: 30px 0;
    box-sizing: border-box;
}

.modal-group-agree .list-ck li:not(:last-child) {
    margin-bottom: 18px;
}

.modal-group-agree .agree-group {
    margin-bottom: 34px;
    padding: 30px 0 25px;
    border: 1px solid #e4e4e4;
    border-radius: 9px;
    box-sizing: border-box;
    text-align: center;
}

.modal-group-agree .agree-group .txt {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #1a1a1a;
    letter-spacing: -0.48px;
    line-height: 24px;
}

.modal-group-agree .agree-group .agree-write {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 400;
    color: #b1b1b1;
    letter-spacing: -0.64px;
    line-height: 24px;
}

.modal-group-agree .agree-group .agree-write .inp-group-agree {
    position: relative;
    margin: 0 4px;
    font-size: 24px;
    font-weight: 400;
    color: #d5d5d5;
    text-decoration: underline;
    letter-spacing: -0.64px;
}

.modal-group-agree .agree-group .agree-write .inp-group-agree input {
    position: absolute;
    top: -3px;
    left: 0;
    width: 105px;
    border: none;
    background: none;
    font-size: 24px;
    font-weight: 500;
    color: #1a1a1a;
    letter-spacing: -0.64px;
    line-height: 24px;
}

.modal-group-agree .agree-group .txt2 {
    font-size: 16.5px;
    font-weight: 500;
    color: #1a1a1a;
    letter-spacing: -0.44px;
    line-height: 24px;
}


/*메시지 모달창*/
.modal-group-message .modal-layer { width: 400px; height: 374px; padding: 33px 28px; box-sizing: border-box; }
.modal-group-message .box-modal { display: flex; flex-direction: column; justify-content: flex-end; position: relative; height: 100%; }
.modal-group-message .modal-message { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 100%; }
.modal-group-message .modal-message img { display: block; width: 60px; margin: 0 auto 25px; }
.modal-group-message .modal-message .tit { font-size: 20px; font-weight: 500; color: #1a1a1a; text-align: center; line-height: 30px; }
.modal-group-message .btn-custom { height: 60px; border-radius: 8px; box-sizing: border-box; letter-spacing: -0.27px; }

.modal-group-message2 .modal-layer { width: 400px; padding: 50px 28px 32px; box-sizing: border-box; }
.modal-group-message2 .box-modal { display: flex; flex-direction: column; justify-content: flex-end; position: relative; height: 100%; }
.modal-group-message2 .modal-message { margin-bottom: 42px; }
.modal-group-message2 .modal-message img { display: block; margin: 0 auto 40px; zoom: 0.5; }
.modal-group-message2 .modal-message .tit { margin-bottom: 7px; font-size: 22px; font-weight: 700; color: #1a1a1a; text-align: center; letter-spacing: -0.59px; }
.modal-group-message2 .modal-message .tit2 { font-size: 20px; font-weight: 400; color: #1a1a1a; text-align: center; letter-spacing: -0.53px; }
.modal-group-message2 .modal-message .tit2 strong { color: #fc6188; }
.modal-group-message2 .modal-message .txt { margin-top: 9px; font-size: 14px; font-weight: 400; color: #444; text-align: center; letter-spacing: -0.22px; line-height: 21px; }
.modal-group-message2 .modal-message .txt strong { font-weight: 600; }


/*동영상 업로드 모달창*/
.modal-group-video .modal-layer { width: 400px; padding: 33px 28px; box-sizing: border-box; }
.modal-group-video .box-modal { position: relative; height: 100%; }
.modal-group-video .tit-group { margin-bottom: 28px; }
.modal-group-video .tit-group .tit { font-size: 24px; font-weight: 700; color: #231916; text-align: center; letter-spacing: -0.14px; }
.modal-group-video .tit-group .txt { margin-top: 13px; font-size: 16px; font-weight: 400; color: #1a1a1a; text-align: center; letter-spacing: -0.43px; line-height: 22px; }

.modal-group-video .upload-group { height: 190px; margin-bottom: 24px; padding: 30px 26px 28px; border: 1px solid #ffe3e9; border-radius: 6px; box-sizing: border-box; background: #fff6f9; }
.modal-group-video .upload-group .ico-video { display: block; margin: 0 auto 16px; }

.modal-group-video .upload-guide { margin-bottom: 20px; padding: 16px 18px; border-radius: 8px; box-sizing: border-box; background: #f4f4f4; }
.modal-group-video .upload-guide p { position: relative; padding-left: 6px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #1a1a1a; letter-spacing: -0.41px; line-height: 22px; word-break: keep-all; }
.modal-group-video .upload-guide p:before { content: ''; position: absolute; top: 10px; left: 0; width: 2px; height: 2px; border-radius: 50%; box-sizing: border-box; background: #1a1a1a; }

.modal-group-video .btn-group-upload2 { display: flex; align-items: center; }
.modal-group-video .btn-group-upload2 .btn { height: 44px; border-radius: 4px; box-sizing: border-box; font-size: 16px; font-weight: 600; letter-spacing: -0.4px; }
.modal-group-video .btn-group-upload2 .btn:not(:last-child) { margin-right: 8px; }
.modal-group-video .btn-group-upload2 .btn-custom:disabled { border-color: #e8e8e8; background: #e8e8e8; }

.modal-group-video .encoding-group .tit { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; font-size: 18px; font-weight: 600; color: #2d2d2d; text-align: center; }
.modal-group-video .encoding-group .tit img { margin-right: 6px; }
.modal-group-video .encoding-group .tit-v1 { font-size: 18px; font-weight: 800; color: #e75292; }
.modal-group-video .encoding-group .txt { margin-top: 16px; font-size: 14px; font-weight: 400; color: #1a1a1a; text-align: center; letter-spacing: -0.38px; line-height: 20px; }

.modal-group-video .encoding-group .encoding-bar { display: flex; align-items: center; position: relative; height: 30px; padding: 0 12px; border-radius: 4px; box-sizing: border-box; background: #ffe2e8; }
.modal-group-video .encoding-group .encoding-bar .bar { position: absolute; top: 0; left: 0; height: 100%; border-radius: 4px; box-sizing: border-box; background: linear-gradient(107deg, #a05dff -61%, #ff4f6d 98%, #ff4f6d 98%); transition: .2s all ease-out; }
.modal-group-video .encoding-group .encoding-bar .percent { position: relative; font-size: 15px; font-weight: 600; color: #fff; letter-spacing: -0.38px; }

.modal-group-video .textarea-group { height: 132px; margin-bottom: 20px; padding: 16px; border: 1px solid #e8e8e8; border-radius: 6px; box-sizing: border-box; }
.modal-group-video .textarea-group textarea { display: block; width: 100%; height: calc(100% - 16px); padding: 0; border: none; font-size: 14px; font-weight: 400; color: #000; letter-spacing: -0.5px; line-height: 22px; }
.modal-group-video .textarea-group .num { font-size: 14px; font-weight: 400; color: #999; text-align: right; letter-spacing: -0.5px; }


/*공유하기 모달창*/
.modal-group-share .modal-layer { width: 400px; padding: 26px 0 24px; box-sizing: border-box; }
.modal-group-share .box-modal { position: relative; height: 100%; }
.modal-group-share .tit-group { margin-bottom: 21px; }
.modal-group-share .tit-group .tit { font-size: 20px; font-weight: 700; color: #1a1a1a; text-align: center; letter-spacing: -0.53px; }

.modal-group-share .item-basic { display: flex; align-items: center; width: calc(100% - 44px); margin: 0 auto 20px; padding: 14px 22px; border: 1px solid #ffe3e9; border-radius: 18px; box-sizing: border-box; background: #fff6f9; }
.modal-group-share .item-basic .img-group { width: 54px; height: 54px; margin-right: 18px; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.modal-group-share .item-basic .item-info { width: calc(100% - 72px); }
.modal-group-share .item-basic .item-info .item-code { margin-bottom: 3px; font-size: 20px; font-weight: 700; color: #f8778d; }
.modal-group-share .item-basic .item-info .item-title { display: flex; align-items: center; }
.modal-group-share .item-basic .item-info .item-title > div { position: relative; margin-right: 4px; }
.modal-group-share .item-basic .item-info .item-title > div:last-child { margin-right: 0; }
.modal-group-share .item-basic .item-info .item-title .item-category { font-size: 16px; font-weight: 600; color: #f8778d; }
.modal-group-share .item-basic .item-info .item-title .item-name { font-size: 16px; font-weight: 600; color: #1a1a1a; }

.modal-group-share .list-share { display: flex; justify-content: space-around; padding: 16px 22px 0; border-top: 1px solid #f2f2f2; box-sizing: border-box; }
.modal-group-share .list-share img { display: block; width: 49px; margin: 0 auto 10px; }
.modal-group-share .list-share .tit { font-size: 13px; font-weight: 400; color: #222; text-align: center; letter-spacing: -0.22px; line-height: 20px; }


/*스토리 뷰어 모달창*/
.modal-story { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); max-width: none; border-radius: 0; background: none; width: 720px; max-width: none; height: 100%; max-height: none; margin: 0 auto; background: #131415; }
.modal-story .modal-container { background: none; }
.modal-story .modal-top { position: absolute; top: 0; left: 0; right: 0; z-index: 10; width: 100%; height: 80px; }
.modal-story .modal-top .btn-back { position: absolute; left: 24px; width: 40px; height: 40px; border: none; background: url('/img/ic_header_back_gray.svg') center center no-repeat; background-size:cover; }
.modal-story .modal-top .tit { font-size: 22px; color: #fff; letter-spacing: -0.49px; }

.slide-story { position: relative; height: 100%;; }
.slide-story .swiper { height: 100%; }
.slide-story .swiper-slide { display: flex; flex-direction: column; justify-content: flex-end; }

.slide-story .img-group { position: absolute; top:0px; height:100%; /*top: calc(50%); left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); */width: 100%; }
.slide-story .img-group img { width: 100%; }

.slide-story .story-content { position: relative; padding: 0 28px 75px; box-sizing: border-box; background: rgb(19,20,21);
background: -moz-linear-gradient(0deg, rgba(19,20,21,1) 0%, rgba(19,20,21,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(19,20,21,1) 0%, rgba(19,20,21,0) 100%);
background: linear-gradient(0deg, rgba(19,20,21,1) 0%, rgba(19,20,21,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#131415",endColorstr="#131415",GradientType=1); }
.slide-story .story-content .story-info { display: flex; align-items: center; position: relative; padding: 15px 0; box-sizing: border-box; }
.slide-story .story-content .story-info .story-profile { width: 54px; height: 54px; margin-right: 18px; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.slide-story .story-content .story-info .story-data { width: calc(100% - 72px); }
.slide-story .story-content .story-info .story-data .story-writer { margin-bottom: 6px; font-size: 22px; font-weight: 600; color: #fff; letter-spacing: -0.29px; line-height: 27px; }
.slide-story .story-content .story-info .story-data .story-date { font-size: 18px; font-weight: 400; color: #9d9d9d; letter-spacing: -0.3px; line-height: 27px; }
.slide-story .story-content .story-info .story-views { position: absolute; right: 0; font-size: 18px; font-weight: 400; color: #fff; text-align: center; letter-spacing: -0.3px; line-height: 27px; }
.slide-story .story-content .story-info .story-views img { display: block; margin: 0 auto; }
.slide-story .story-content .story-txt { padding: 20px 0; box-sizing: border-box; font-size: 22px; font-weight: 500; color: #fff; letter-spacing: -0.37px; line-height: 27px; }

.slide-story .progress-group { display: flex; align-items: center; position: absolute; left: 0; right: 0; bottom: 68px; z-index: 10; margin: 0 auto; width: calc(100% - 56px); }

/*오토플레이 프로그레스*/
.autoplay-progress { position: relative; width: 100%; height: 8px; background: rgba(216, 216, 216, 0.2); border-radius: 4px; box-sizing: border-box; overflow: hidden; }
.autoplay-progress svg { --progress: 0; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; stroke-width: 8px; stroke: #fff; fill: none; stroke-dashoffset: calc(100 * (1 - var(--progress))); stroke-dasharray: 100; }
/*stroke-dashoffset은 선의 테두리가 얼마나 이동하는지 결정 progress라는 변수를 사용하여 계산되어진 값이 들어감 100은전체길이 
stroke-dasharray는 선의 테두리를 구성하는 선 조각의 길이를 설정 전체길이가 100*/

@media only screen and (max-width: 720px) {
	/*modal style*/
	.modal-layer { width: 328px; border-radius: 16px; box-sizing: border-box; }
	.modal-close { top: 8px; right: 8px; width: 24px; height: 24px; background-size: 24px; }
	.modal-top { height: 54px; }
	.modal-top .tit { font-size: 18px; letter-spacing: -0.1px; }
	.modal-top .btn { right: 16px; width: 16px; height: 16px; background-size: 25px; }
	
	/*다이얼 모달창*/
	.modal-group-dial .modal-layer { height: 324px; padding: 32px 20px 24px; box-sizing: border-box; }
	.modal-group-dial .modal-close { top: 20px; right: 20px; width: 16px; height: 16px; }
	.modal-group-dial .tit-dial { font-size: 20px; letter-spacing: -0.15px; }
	.modal-group-dial .select-category .txt { font-size: 12px; letter-spacing: -0.09px; }
	.modal-group-dial .ck-group .ck-custom + label { font-size: 16px; letter-spacing: -0.44px; }
	.modal-group-dial .ck-group .ck-custom + label .custom { margin-right: 12px; }
	.modal-group-dial .btn-custom { height: 48px; font-size: 15px; letter-spacing: -0.2px; }
	
	.dial-group .line-area { height: 32px; border-radius: 6px; box-sizing: border-box; }
	div.drum-wrapper div.container, div.drum-wrapper figure { height: 44px; line-height: 22px; font-size: 16px; letter-spacing: -0.12px; }
	
	/*카테고리 모달창*/
	.modal-group-filter .modal-layer { padding: 32px 20px 24px; box-sizing: border-box; }
	.modal-group-filter .modal-close { top: 20px; right: 20px; width: 16px; height: 16px; }
	.modal-group-filter .tit-filter { margin-bottom: 6px; font-size: 20px; letter-spacing: -0.15px; }
	.modal-group-filter .list-ck { max-height: 343px; }
	.modal-group-filter .modal-layer .btn-custom { height: 48px; font-size: 15px; letter-spacing: -0.2px; }
	
	/*상담하기 모달창*/
	.modal-group-item .modal-layer { width: 328px; max-height:70%; border-radius: 10px; box-sizing: border-box; }
	.modal-group-item .modal-container { height: calc(100% - 54px); }
	
	.modal-group-item .item-banner { height: 96px; padding-left:25px; }
	.modal-group-item .item-banner .item-basic .item-code { margin-bottom: 4px; font-size: 22px; letter-spacing: -0.29px; }
	.modal-group-item .item-banner .item-basic .item-title .item-category { font-size: 16px; letter-spacing: -0.09px; }
	.modal-group-item .item-banner .item-basic .item-title .item-name { font-size: 16px; letter-spacing: -0.09px; }
	
	.modal-group-item .item-detail { padding: 20px 16px; box-sizing: border-box; }
	.modal-group-item .item-detail .item-price { margin-bottom: 15px; }
	.modal-group-item .item-detail .item-price > .tit { font-size: 15px; letter-spacing: -0.09px; }
	.modal-group-item .item-detail .item-price > .tit img { width: 16px; margin-right: 6px; }
	.modal-group-item .item-detail .item-price > .tit .item-tip { margin-left: 4px; }
	.modal-group-item .item-detail .item-price > .tit .item-tip .btn-tip { width: 15px; height: 15px; }
	.modal-group-item .item-detail .item-price > .tit .bubble { left: calc(50% - 123px); width: 246px; padding: 20px 16px; box-sizing: border-box; }
	.modal-group-item .item-detail .item-price > .tit .bubble .txt-group { margin-bottom: 15px; }
	.modal-group-item .item-detail .item-price > .tit .bubble .txt-group .tit { margin-bottom: 8px; font-size: 12px; letter-spacing: -0.43px; }
	.modal-group-item .item-detail .item-price > .tit .bubble .txt-group .txt { font-size: 10px; letter-spacing: -0.36px; line-height: 19px; }
	
	.modal-group-item .item-detail .item-price > .txt .coin { font-size: 13px; }
	.modal-group-item .item-detail .item-price > .txt .coin strong { font-size: 15px; }
	.modal-group-item .item-detail .item-price > .txt .time { height: 22px; margin-left: 8px; padding: 0 7px; border-radius: 5px; box-sizing: border-box; font-size: 10px; letter-spacing: -0.13px; }
	
	.modal-group-item .item-detail .coin-state { padding: 16px 0; border-radius: 10px; box-sizing: border-box; }
	.modal-group-item .item-detail .coin-state .txt-group:after { width: 11px; height: 19px; background-size: contain; }
	.modal-group-item .item-detail .coin-state .txt-group .tit { font-size: 11px; letter-spacing: -0.5px; }
	.modal-group-item .item-detail .coin-state .txt-group .txt { margin-top: 5px; font-size: 15px; letter-spacing: -0.5px; line-height: 20px; }
	.modal-group-item .item-detail .coin-state .txt-group .btn { width: 68px; height: 24px; margin-top: 6px; border-radius: 6px; box-sizing: border-box; font-size: 12px; letter-spacing: -0.3px; }
	
	.modal-group-item .item-detail .item-info { font-size: 11px; letter-spacing: -0.39px; }
	
	.modal-group-item .item-detail .btn-custom { height: 44px; }
	.modal-group-item .item-detail .btn-custom > div { margin-right: 26px; font-size: 14px; }
	.modal-group-item .item-detail .btn-custom > div:after { top: calc(50% - 6px); right: -14px; width: 1px; height: 12px; }
	.modal-group-item .item-detail .btn-custom .txt img { width: 12px; margin-right: 4px; }
	
	.modal-group-item .deferred-item .top { padding: 16px 20px; box-sizing: border-box; }
	.modal-group-item .deferred-item .top .tit { font-size: 15px; letter-spacing: -0.09px; }
	.modal-group-item .deferred-item .top .ico-arrow { width: 10px; }
	
	/*상담하기 모달창 (채팅)*/
	.modal-group-item-v1 .item-detail .item-price > .tit .bubble { left: calc(50% - 85px); }
	.modal-group-item-v1 .item-detail .item-price > .tit .bubble:before { left: 80px; right: auto; }
	
	.modal-group-item-v1 .item-detail .coin-state2 { margin-bottom: 15px; padding: 31px 16px 31px 22px; border-radius: 10px; box-sizing: border-box; }
	.modal-group-item-v1 .item-detail .coin-state2 > div { width: calc(100% - 70px); }
	.modal-group-item-v1 .item-detail .coin-state2 .txt-group:after { right: -23px; width: 11px; height: 19px; background-size: contain; }
	.modal-group-item-v1 .item-detail .coin-state2 .txt-group .tit { font-size: 11px; letter-spacing: -0.05px; }
	.modal-group-item-v1 .item-detail .coin-state2 .txt-group .txt { margin-top: 5px; font-size: 13px; letter-spacing: -0.43px; }
	.modal-group-item-v1 .item-detail .coin-state2 .txt-group .txt strong { font-size: 15px; }
	.modal-group-item-v1 .item-detail .coin-state2 .txt-group .txt2 { margin-top: 4px; font-size: 11px; letter-spacing: -0.39px; }
	.modal-group-item-v1 .item-detail .coin-state2 .btn { width: 62px; height: 28px; border-radius: 14px; box-sizing: border-box; font-size: 11px; letter-spacing: -0.28px; }
	
	.modal-group-item-v1 .item-detail .item-info { margin-bottom: 15px; line-height: 17px; }
	
	.modal-group-item .option-group .tit { margin-bottom: 8px; font-size: 13px; }
	.modal-group-item .list-ck { margin: -3px; }
	.modal-group-item .list-ck li { padding: 3px; box-sizing: border-box; }
	
	/*후기 작성 모달창*/
	.modal-group-review .modal-layer { width: 328px; padding: 24px 20px 24px; border-radius: 12px; box-sizing: border-box; }
	.modal-group-review .item-basic { margin-bottom: 12px; }
	.modal-group-review .item-basic .img-group { width: 48px; height: 48px; margin-right: 12px; }
	.modal-group-review .item-basic .item-info { width: calc(100% - 60px); }
	.modal-group-review .item-basic .item-info .item-category { font-size: 12px; }
	.modal-group-review .item-basic .item-info .item-title > div { margin-right: 12px; }
	.modal-group-review .item-basic .item-info .item-title > div:after { top: calc(50% - 5px); right: -7px; width: 1px; height: 10px; }
	.modal-group-review .item-basic .item-info .item-title .item-name { font-size: 15px; }
	.modal-group-review .item-basic .item-info .item-title .item-code { font-size: 15px; }
	
	.modal-group-review .btn-group-upload { margin-bottom: 9px; }
	.modal-group-review .btn-group-upload .btn-upload { width: 80px; height: 80px; }
	.modal-group-review .btn-group-upload .btn { margin-right: 8px; margin-bottom: 8px; }
	.modal-group-review .frm-group2 > div { margin-bottom: 12px; }
	.modal-group-review .frm-group2 .textarea-group { height: 212px; padding: 14px; box-sizing: border-box}
	.modal-group-review .frm-group2 .textarea-group textarea { font-size: 13px; }
	.modal-group-review .select-custom { font-size: 13px; letter-spacing: -0.36px; }
	
	/*상담후기 운영정책 모달창*/
	.modal-group-guide .modal-layer { width: 328px; padding: 28px 24px; border-radius: 12px; box-sizing: border-box; }
	.modal-group-guide .tit-group { margin-bottom: 14px; }
	.modal-group-guide .tit-group .tit { margin-bottom: 8px; font-size: 16px; letter-spacing: -0.12px; }
	.modal-group-guide .tit-group .txt { font-size: 12px; letter-spacing: -0.18px; line-height: 18px; }
	.modal-group-guide .txt-group { margin-bottom: 16px; }
	.modal-group-guide .txt-group .tit { margin-bottom: 4px; font-size: 13px; letter-spacing: -0.2px; }
	.modal-group-guide .txt-group .txt { font-size: 12px; letter-spacing: -0.18px; line-height: 18px; }
	.modal-group-guide .txt-group .txt2 { font-size: 10px; letter-spacing: -0.15px; line-height: 14px; }
	
	.tbl2 { margin-top: -6px; margin-bottom: 20px; }
	.tbl2 thead th { height: 30px; padding: 0 12px; box-sizing: border-box; font-size: 12px; }
	.tbl2 thead th:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; box-sizing: border-box; }
	.tbl2 thead th:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; box-sizing: border-box; }
	.tbl2 tbody td { font-size: 12px; line-height: 16px; }
	.tbl2 td:nth-child(1) { padding: 13px 0 13px 12px; box-sizing: border-box; }
	.tbl2 td:nth-child(2) { padding: 13px 12px; box-sizing: border-box; }
	.tbl2 td:nth-child(3) { padding: 13px 12px 13px 0; box-sizing: border-box; font-weight: 600; color: #ff4b6a; }
	
	/*예상 리워드 모달창*/
	.modal-group-reward .modal-layer { width: 328px; padding: 36px 24px 24px; border-radius: 12px; box-sizing: border-box; }
	.modal-group-reward .modal-close { top: 8px; right: 8px; width: 24px; height: 24px; background-size: 24px; }
	.modal-group-reward .coin-state { margin-bottom: 12px; padding: 18px 0; border-radius: 10px; box-sizing: border-box; }
	.modal-group-reward .coin-state .txt-group .tit { font-size: 12px; letter-spacing: -0.33px; }
	.modal-group-reward .coin-state .txt-group .txt { margin-top: 6px; font-size: 15px; }

	.modal-group-reward .coin-state-v1 { margin-bottom: 14px; padding: 20px 0; box-sizing: border-box; }
	.modal-group-reward .coin-state-v1 .txt-group .txt { margin-top: 0; }
	.modal-group-reward .coin-state-v1 .txt-group .txt img { width: 20px; margin-right: 7px; }
	.modal-group-reward .coin-state-v1 .txt-group .txt strong { font-size: 20px; }

	.modal-group-reward .reward-info { margin-bottom: 22px; font-size: 12px; line-height: 18px; }
	.modal-group-reward .reward-info2 { font-size: 11px; letter-spacing: -0.17px; line-height: 16px; }
	.modal-group-reward .reward-info3 { font-size: 12px; letter-spacing: -0.19px; line-height: 20px; }

	.modal-group-reward .tit-group { margin-bottom: 12px; }
	.modal-group-reward .tit-group .tit { font-size: 16px; }
	.modal-group-reward .tit-group-v1 { margin-bottom: 22px; }
	
	.modal-group-reward .coin-info { margin-bottom: 18px; font-size: 12px; letter-spacing: -0.4px; line-height: 18px; }
	
	.tbl3 { margin-bottom: 12px; }
	.tbl3 thead th { height: 32px; font-size: 12px; }
	.tbl3 thead th:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; box-sizing: border-box; }
	.tbl3 thead th:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; box-sizing: border-box; }
	.tbl3 tbody td { padding: 14px; box-sizing: border-box; font-size: 13px; }

	.tbl3-v2 { margin-bottom: 20px; }
	.tbl3-v2 tbody td { padding: 10px; box-sizing: border-box; }

	/*상담시간 계산기 모달창*/
    .modal-group-calculator .modal-layer {
        padding: 20px 24px 40px;
        border-radius: 10px;
        box-sizing: border-box;
    }

    .modal-group-calculator .modal-close {
        top: 18px;
        right: 18px;
        width: 16px;
        height: 16px;
        background-size: 25px;
    }

    .modal-group-calculator .tit-group {
        margin-bottom: 20px;
    }

    .modal-group-calculator .tit-group .tit {
        font-size: 18px;
        letter-spacing: -0.1px;
    }

    .modal-group-calculator .frm-group2 {
        margin-bottom: 20px;
    }

    .modal-group-calculator .frm-group2 .tit-frm {
        margin-bottom: 8px;
        font-size: 15px;
        letter-spacing: -0.42px;
    }

    .modal-group-calculator .select-custom {
        height: 44px;
        padding: 0 40px 0 16px;
        border-radius: 5px;
        box-sizing: border-box;
        background-size: 14px;
        font-size: 15px;
    }

    .modal-group-calculator .calculator-info {
        font-size: 11px;
        letter-spacing: -0.17px;
        line-height: 16px;
    }

    .tbl3-v1 {
        margin-bottom: 24px;
    }

    .tbl3-v1 tbody td {
        padding: 12px;
        box-sizing: border-box;
    }
	
	/*결제내역 상세 모달창*/
	.modal-group-receipt .modal-layer { width: 328px; padding: 48px 24px 40px; box-sizing: border-box; }
	.modal-group-receipt .modal-close { top: 16px; right: 16px; width: 26px; height: 26px; background-size: 26px; }
	.modal-group-receipt .tit-receipt { margin-bottom: 26px; font-size: 18px; }
	.modal-group-receipt .receipt-info .receipt-data { margin-bottom: 0; }
	.modal-group-receipt .receipt-info .receipt-data .box { padding: 14px 0; border-width: 1px; box-sizing: border-box; }
	.modal-group-receipt .receipt-info .receipt-data .txt-group { margin-bottom: 12px; }
	.modal-group-receipt .receipt-info .receipt-data .txt-group .tit { font-size: 13px; }
	.modal-group-receipt .receipt-info .receipt-data .txt-group .tit-v1 { font-size: 15px; }
	.modal-group-receipt .receipt-info .receipt-data .txt-group .txt { font-size: 13px; }
	.modal-group-receipt .receipt-info .receipt-data .txt-group .txt .v2 { margin-top: 6px; font-size: 11px; }
	.modal-group-receipt .receipt-info .receipt-data .txt-group .txt .v3 { font-size: 15px; }
	.modal-group-receipt .receipt-info .receipt-data .txt-group .txt .v4 { font-size: 12px; line-height: 18px; }
	.modal-group-receipt .receipt-info .receipt-data .txt-group .txt .v4:first-of-type { margin-top: 6px; }
	
	/*비밀번호 모달창*/
	.modal-group-pw .modal-layer { height: calc(100% - 100px); border-radius: 20px 20px 0 0; box-sizing: border-box; }
	.modal-group-pw .modal-close { top: 20px; right: 20px; width: 20px; height: 20px; background-size: 31px; }
	.modal-group-pw .box-modal { padding-top: 70px; box-sizing: border-box; }
	.modal-group-pw .top-title { margin-bottom: 30px; font-size: 28px; line-height: 34px; }
	.modal-group-pw .inp-group-pw .inp-pw { width: 40px; font-size: 16px; }
	.modal-group-pw .inp-group-pw .inp-pw::-ms-input-placeholder { font-size: 16px; }
	.modal-group-pw .inp-group-pw .inp-pw::-webkit-input-placeholder { font-size: 16px; }
	.modal-group-pw .inp-group-pw .inp-pw::-moz-placeholder { font-size: 16px; }
	.modal-group-pw .find-pw { margin-top: 45px; font-size: 13px; letter-spacing: -0.36px; }
	.modal-group-pw .find-pw img { width: 6px; }
	.modal-group-pw .pw-auto { margin-top: 24px; padding: 14px 16px 12px; border-radius: 8px; box-sizing: border-box; }
	.modal-group-pw .pw-auto .txt-group .tit { font-size: 14px; letter-spacing: -0.39px; }
	.modal-group-pw .pw-auto .txt-group .txt { font-size: 11px; letter-spacing: -0.31px; }
	
	/*서비스 전달하기 모달창*/
	.modal-group-send .modal-layer { width: 328px; padding: 24px 20px 24px; border-radius: 12px; box-sizing: border-box; }
	.modal-group-send .item-basic { margin-bottom: 17px; }
	.modal-group-send .item-basic .img-group { width: 40px; height: 40px; margin-right: 12px; }
	.modal-group-send .item-basic .item-info { width: calc(100% - 52px); }
	.modal-group-send .item-basic .item-info .tit { margin-bottom: 2px; font-size: 16px; }
	.modal-group-send .item-basic .item-info .txt { font-size: 12px; }
	
	.modal-group-send .frm-group2 .textarea-group { height: 153px; margin-bottom: 10px; padding: 15px; box-sizing: border-box; }
	.modal-group-send .frm-group2 .textarea-group textarea { font-size: 13px; letter-spacing: -0.46px; line-height: 19px; }
	.modal-group-send .frm-group2 .btn-group-upload { margin-bottom: 12px; }
	.modal-group-send .frm-group2 .btn-group-upload .btn { margin-right: 10px; }
	.modal-group-send .frm-group2 .upload-group { margin-bottom: 18px; padding: 6px; border-radius: 6px; box-sizing: border-box; }
	.modal-group-send .frm-group2 .file-group { width: 150px; height: 46px; margin: 6px; border-radius: 4px; box-sizing: border-box; }
	.modal-group-send .frm-group2 .file-group img { width: 10px; margin-right: 9px; }
	.modal-group-send .frm-group2 .file-group .tit-group { width: calc(100% - 19px); }
	.modal-group-send .frm-group2 .file-group .tit-group .tit { margin-bottom: 3px; font-size: 12px; }
	.modal-group-send .frm-group2 .file-group .tit-group .txt { font-size: 9px; }
	
	/*결제하기 모달창*/
	.modal-group-payment .modal-layer { max-height: calc(100% - 100px); padding: 24px 16px 110px; box-sizing: border-box; }
	.modal-group-payment .frm-group2 { margin-bottom: 14px; }
	.modal-group-payment .frm-group2 .tit-frm .frm-guide { font-size: 14px; }
	.modal-group-payment .frm-group2 .tit-frm .frm-guide .btn-guide { width: 15px; height: 15px; margin-left: 5px; }
	.modal-group-payment .frm-group2 .tit-frm .item-tip { margin-right: 4px; }
	.modal-group-payment .frm-group2 .tit-frm .item-tip .btn-tip { width: 15px; height: 15px; }
	.modal-group-payment .frm-group2 .tit-frm .bubble { right: calc(50% - 60px); width: 246px; padding: 20px 16px; box-sizing: border-box; }
	.modal-group-payment .frm-group2 .tit-frm .bubble:before { right: 53px; }
	.modal-group-payment .frm-group2 .tit-frm .bubble .txt-group { margin-bottom: 15px; }
	.modal-group-payment .frm-group2 .tit-frm .bubble .txt-group .tit { margin-bottom: 8px; font-size: 12px; letter-spacing: -0.43px; }
	.modal-group-payment .frm-group2 .tit-frm .bubble .txt-group .txt { font-size: 10px; letter-spacing: -0.36px; line-height: 19px; }
	.modal-group-payment .frm-group2 .textarea-group { height: 100px; }
	.modal-group-payment .agree-group .txt { font-size: 13px; letter-spacing: -0.36px; }
	.modal-group-payment .btn-floating-bottom { padding: 16px; box-sizing: border-box; }
	.modal-group-payment .btn-floating-bottom .total-price { margin-bottom: 14px; }
	.modal-group-payment .btn-floating-bottom .total-price .tit { font-size: 13px; letter-spacing: -0.19px; }
	.modal-group-payment .btn-floating-bottom .total-price .txt { font-size: 16px; letter-spacing: -0.23px; }
	
	 /* 타임라인 모달창 */
    .modal-group-timeline .modal-layer {
        width: 280px;
        padding: 28px 16px 20px;
        border-radius: 12px;
        box-sizing: border-box;
    }

    .modal-group-timeline .date {
        width: 82px;
        height: 23px;
        margin-bottom: 12px;
        border-radius: 5px;
        box-sizing: border-box;
        font-size: 13px;
        letter-spacing: -0.2px;
    }

    .modal-group-timeline .tit {
        margin-bottom: 18px;
        font-size: 15px;
        letter-spacing: -0.4px;
    }

    .modal-group-timeline .txt {
        margin-bottom: 25px;
        font-size: 12px;
        letter-spacing: -0.32px;
        line-height: 22px;
    }

    /* 상담사 동의 모달창 */
    .modal-group-agree .modal-layer {
        width: 280px;
        padding: 25px 16px 20px;
        border-radius: 12px;
        box-sizing: border-box;
    }

    .modal-group-agree .tit-group {
        padding-bottom: 16px;
    }

    .modal-group-agree .tit-group img {
        width: 36px;
        margin-bottom: 12px;
    }

    .modal-group-agree .tit-group .tit {
        font-size: 15px;
        letter-spacing: -0.4px;
    }

    .modal-group-agree .list-ck {
        padding: 20px 0;
        box-sizing: border-box;
    }

    .modal-group-agree .list-ck li:not(:last-child) {
        margin-bottom: 12px;
    }

    .modal-group-agree .agree-group {
        margin-bottom: 14px;
        padding: 18px 0 16px;
        box-sizing: border-box;
    }

    .modal-group-agree .agree-group .txt {
        font-size: 12px;
        letter-spacing: -0.32px;
        line-height: 16px;
    }

    .modal-group-agree .agree-group .agree-write, .modal-group-agree .agree-group .agree-write .inp-group-agree, .modal-group-agree .agree-group .agree-write .inp-group-agree input {
        font-size: 16px;
        letter-spacing: -0.43px;
        line-height: 16px;
    }

    .modal-group-agree .agree-group .agree-write {
        margin-bottom: 10px;
    }

    .modal-group-agree .agree-group .agree-write .inp-group-agree input {
        top: -2px;
    }

    .modal-group-agree .agree-group .txt2 {
        font-size: 11px;
        letter-spacing: -0.29px;
        line-height: 16px;
    }

	/*메시지 모달창*/
	.modal-group-message .modal-layer { width: 280px; height: 248px; padding: 20px 16px; border-radius: 12px; box-sizing: border-box; }
	.modal-group-message .modal-message img { width: 40px; margin-bottom: 16px; }
	.modal-group-message .modal-message .tit { font-size: 16px; letter-spacing: -0.43px; line-height: 24px; }
	.modal-group-message .btn-custom { height: 44px; border-radius: 6px; box-sizing: border-box; font-size: 15px; letter-spacing: -0.2px; }
	
	.modal-group-message-v1 .modal-message .tit { font-size: 14px; letter-spacing: -0.37px; }
	.modal-group-message-v1 .modal-container .btn-custom { font-size: 13px; letter-spacing: -0.17px; }
	
	.modal-group-message2 .modal-layer { width: 280px; padding: 34px 20px 20px; border-radius: 12px; box-sizing: border-box; }
	.modal-group-message2 .modal-message { margin-bottom: 30px; }
	.modal-group-message2 .modal-message img { margin-bottom: 50px; zoom: 0.35; }
	.modal-group-message2 .modal-message .tit { margin-bottom: 5px; font-size: 16px; letter-spacing: -0.43px; }
	.modal-group-message2 .modal-message .tit2 { font-size: 15px; letter-spacing: -0.4px; }
	.modal-group-message2 .modal-message .txt { margin-top: 8px; font-size: 12px; letter-spacing: -0.19px; line-height: 18px; }

	/*동영상 업로드 모달창*/
	.modal-group-video .modal-layer { width: 280px; padding: 30px 16px 20px; border-radius: 12px; box-sizing: border-box; }
	.modal-group-video .tit-group { margin-bottom: 20px; }
	.modal-group-video .tit-group .tit { font-size: 16px; letter-spacing: -0.43px; }
	.modal-group-video .tit-group .txt { margin-top: 10px; font-size: 11px; letter-spacing: -0.29px; line-height: 16px; }
	.modal-group-video .upload-group { height: 150px; margin-bottom: 15px; padding: 26px 20px 20px; box-sizing: border-box; }
	.modal-group-video .upload-group .ico-video { width: 54px; }
	.modal-group-video .upload-guide { margin-bottom: 12px; padding: 12px; border-radius: 6px; box-sizing: border-box; }
	.modal-group-video .upload-guide p { font-size: 11px; letter-spacing: -0.29px; line-height: 16px; }
	.modal-group-video .upload-guide p:before { top: 6px; }
	.modal-group-video .btn-group-upload2 .btn { height: 32px; font-size: 12px; letter-spacing: -0.3px; }
	.modal-group-video .btn-group-upload2 .btn:not(:last-child) { margin-right: 6px; }
	.modal-group-video .btn-group-upload2 label { font-size: 12px; letter-spacing: -0.3px; }
	.modal-group-video .encoding-group .tit { margin-bottom: 16px; font-size: 14px; }
	.modal-group-video .encoding-group .txt { margin-top: 10px; font-size: 11px; letter-spacing: -0.29px; line-height: 16px; }
	.modal-group-video .encoding-group .encoding-bar { height: 26px; }
	.modal-group-video .encoding-group .encoding-bar .percent { font-size: 12px; letter-spacing: -0.3px; }
	.modal-group-video .textarea-group { height: 90px; margin-bottom: 15px; padding: 15px; box-sizing: border-box; }
	.modal-group-video .textarea-group textarea { height: calc(100% - 13px); font-size: 13px; letter-spacing: -0.46px; line-height: 19px; }
	.modal-group-video .textarea-group .num { font-size: 11px; letter-spacing: -0.39px; }

	/*공유하기 모달창*/
	.modal-group-share { justify-content: flex-end; }
	.modal-group-share .modal-close { top: 7px; left: 0; right: 0; width: 44px; height: 4px; margin: 0 auto; border-radius: 2px; background: #d8d8d8; }
	.modal-group-share .modal-layer { width: 100%; max-width: none; padding: 30px 0 20px; border-radius: 16px 16px 0 0; box-sizing: border-box; }
	.modal-group-share .tit-group { margin-bottom: 15px; }
	.modal-group-share .tit-group .tit { font-size: 18px; letter-spacing: -0.48px; }
	.modal-group-share .item-basic { margin-bottom: 15px; padding: 12px 20px; border-radius: 16px; box-sizing: border-box; }
	.modal-group-share .item-basic .img-group { width: 48px; height: 48px; margin-right: 16px; }
	.modal-group-share .item-basic .item-info { width: calc(100% - 64px); }
	.modal-group-share .item-basic .item-info .item-code { margin-bottom: 3px; font-size: 18px; }
	.modal-group-share .item-basic .item-info .item-title .item-category { font-size: 14px; }
	.modal-group-share .item-basic .item-info .item-title .item-name { font-size: 14px; }
	.modal-group-share .list-share { padding: 14px 20px 0; box-sizing: border-box; }
	.modal-group-share .list-share .tit { font-size: 12px; letter-spacing: -0.2px; }
	
	/*스토리 뷰어 모달창*/
	.modal-story { width: 100%; border-radius: 0; }
	.modal-story .modal-top { height: 56px; }
	.modal-story .modal-top .btn-back { left: 8px; }
	.modal-story .modal-top .tit { font-size: 18px; letter-spacing: 0; }
	.slide-story .story-content { padding: 0 16px 40px; box-sizing: border-box; }
	.slide-story .story-content .story-info { padding: 8px 0; box-sizing: border-box; }
	.slide-story .story-content .story-info .story-profile { width: 36px; height: 36px; margin-right: 12px; }
	.slide-story .story-content .story-info .story-info { width: calc(100% - 48px); }
	.slide-story .story-content .story-info .story-data .story-writer { margin-bottom: 0; font-size: 15px; letter-spacing: -0.2px; line-height: 18px; }
	.slide-story .story-content .story-info .story-data .story-date { font-size: 12px; letter-spacing: -0.2px; line-height: 18px; }
	.slide-story .story-content .story-info .story-views { font-size: 12px; letter-spacing: -0.2px; line-height: 18px; }
	.slide-story .story-content .story-info .story-views img { width: 24px; }
	.slide-story .story-content .story-txt { padding: 8px 0 10px; box-sizing: border-box; font-size: 13px; letter-spacing: 0.22px; line-height: 18px; }
	.slide-story .progress-group { bottom: 34px; width: calc(100% - 32px); }
	.autoplay-progress { height: 5px; }
	.autoplay-progress svg { stroke-width: 5px; }
}