body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.notice-container.list{background-color:#eee}.notice-container .notice-list{background-color:#eee;height:100%}.notice-container .detail-container,.notice-container .fixed-container,.notice-container .normal-container{z-index:10;margin-bottom:8px;background-color:#fff}.notice-container .detail-container a:last-child .board-card:last-child,.notice-container .fixed-container a:last-child .board-card:last-child,.notice-container .normal-container a:last-child .board-card:last-child{border-bottom:none}.notice-container .detail-container .empty-result,.notice-container .fixed-container .empty-result,.notice-container .normal-container .empty-result{width:100%;text-align:center;color:#333;font-size:14px;background-color:#eee}.notice-container .detail-container .board-card,.notice-container .fixed-container .board-card,.notice-container .normal-container .board-card{padding:16px 0 20px;border-bottom:1px solid #eee;margin:0 16px;background-color:#fff}.notice-container .detail-container .board-card .board-tag,.notice-container .fixed-container .board-card .board-tag,.notice-container .normal-container .board-card .board-tag{display:inline-block;height:18px;line-height:18px;border-radius:2px;background-color:#f6f2ff;padding:0 4px;font-size:12px;color:#784eda}.notice-container .detail-container .board-card .board-title,.notice-container .fixed-container .board-card .board-title,.notice-container .normal-container .board-card .board-title{font-size:14px;color:#333}.notice-container .detail-container .board-card .board-info .board-writer,.notice-container .fixed-container .board-card .board-info .board-writer,.notice-container .normal-container .board-card .board-info .board-writer{display:inline-block;font-size:13px;font-weight:700;color:#666}.notice-container .detail-container .board-card .board-info .write-date,.notice-container .fixed-container .board-card .board-info .write-date,.notice-container .normal-container .board-card .board-info .write-date{display:inline-block;font-size:12px;color:#999;margin-left:8px}.notice-container .detail-container .board-card .board-info .reply-count,.notice-container .fixed-container .board-card .board-info .reply-count,.notice-container .normal-container .board-card .board-info .reply-count{display:inline-block;font-size:12px;color:#999;margin-left:8px;padding-left:8px;border-left:1px solid #999;line-height:10px}.notice-container .detail-container .detail-content,.notice-container .fixed-container .detail-content,.notice-container .normal-container .detail-content{white-space:pre-line;padding:20px 16px;font-size:14px;color:#333}.search-wrapper{position:fixed;height:40px;border-radius:2px;background-color:#fff;top:8px;left:8px;width:calc(100vw - 62px)}.search-wrapper .btn-group-sm.dropdown{display:inline-block}.search-wrapper .btn-group-sm.dropdown .dropdown-toggle{height:40px;width:20vw;color:#784eda;font-size:14px;text-align:center;background-color:transparent;border:none;font-weight:400;padding:0}.search-wrapper .btn-group-sm.dropdown .dropdown-menu{border-radius:4px;box-shadow:0 10px 20px 0 rgba(0,0,0,.2);background-color:#fff;width:26px;font-size:14px;font-weight:400;color:#333;border:none;margin-top:12px;padding:12px 0}.search-wrapper .btn-group-sm.dropdown .dropdown-menu .dropdown-item{padding-top:12px;padding-bottom:12px}.search-wrapper .btn-group-sm.dropdown .dropdown-menu .dropdown-item.on{color:#784eda;font-weight:700;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAcJJREFUWAntlLEvA1Ecx3/vvcbVIBUhRqG9LiYGixhITKSKdvAHIGEvTZdbaBO7gVFMl1Ra6WRgNZksRROjmNpFSu9+3sPJ5fKqr6JEcrf07t73/b7fft7vdwD+5RPwCfgE/pgA6bR/LnkXqj5bpwhQyxWi814/6n3xk8+GgYFq3TYRYYoA6ZPV7miA+tXtPgLOcvMHytjKrwZIx8spRFwFQp4oZbGd/Mi9LEBHeiATLy9bNjGFIWE0kT0J52Xm4t2PH0EmXpmwkBwBIKFAtr4yFwGkBNIL5RLfHwINFrOm/iiEKldmqTJkN6xLfu6DXH+QK0bXW+2TE+DmvMgk1uE8nbwZaFVErItxsxpWSZjzpjsLjuubKvvkAfg/53CuOcZRlRDOuAm92Kf1QMIwSOPbAQR2osG0agj3uLEAmzOO9ZqKudDICfAF1RCq49YskLQJ3WLRA+IYHLyCjNOY7Yybu6b7vmUAIZaFoC9s2ELrAhC7KdDUbjGy5y6seq8UQBoCoP+t4wk5zBb0NVVDr65pD3iFAnuQkZnPxvwYN20ssuHVtvOsTMAp+n4cmOefMLu3i8W2zXDVWfN/fQI+gX9J4BWom8F8W8f6xAAAAABJRU5ErkJggg==);background-size:16px;background-repeat:no-repeat;background-position:center right 20px}.search-wrapper .search-input{width:calc(80vw - 62px);color:#333;font-size:14px;border:none;padding-left:0;padding-right:0}.loader{padding-top:50vh;font-size:16px;font-weight:700}.board-container .board-list{background-color:#fff}.board-container .detail-container{z-index:10;margin-bottom:8px;background-color:#fff}.board-container .board-card-link:last-child .board-card{border-bottom:none}.board-container .board-card{padding:16px 0 24px;margin:0 16px;border-bottom:1px solid #eee;background-color:#fff}.board-container .board-card .board-title{font-size:14px;color:#333}.board-container .board-card .board-info .board-writer{display:inline-block;font-size:13px;font-weight:700;color:#666}.board-container .board-card .board-info .reply-count,.board-container .board-card .board-info .write-date{display:inline-block;font-size:12px;color:#999;margin-left:8px}.board-container .board-card .board-info .reply-count{padding-left:8px;border-left:1px solid #999;line-height:10px}.board-container .detail-content{white-space:pre-line;padding:20px 16px;font-size:14px;color:#333}.board-container .detail-tag{padding:0 16px 20px;font-size:14px;font-weight:400;color:#784eda}.child-container.write-container{padding:64px 16px 0;background-color:#fff}.child-container.write-container .content-wrapper{padding-bottom:16px}.child-container.write-container .content-wrapper:last-child{padding:0}.child-container.write-container .content-wrapper .title{color:#999;font-size:13px;font-weight:700}.child-container.write-container .content-wrapper .title .__required:after{content:"*";color:#762182;margin-left:3px}.child-container.write-container .content-wrapper .title .sub{font-size:12px;font-weight:400;margin-left:5px;display:block}.child-container.write-container .content-wrapper input{width:100%;border-radius:2px;background-color:#f8f8f8;border:none;padding:10px 16px;line-height:20px;height:40px}.child-container.write-container .content-wrapper input.tag{color:#784eda}.child-container.write-container .content-wrapper textarea{width:100%;border-radius:2px;background-color:#f8f8f8;border:none;padding:10px 16px;line-height:20px}.child-container.write-container .content-wrapper .image-wrapper .attach-wrapper{position:relative;display:inline-block;width:80px;height:80px;background-color:#f8f8f8;margin-right:10px;margin-top:10px;vertical-align:top}.child-container.write-container .content-wrapper .image-wrapper .attach-wrapper .attach-img{width:87%;height:87%;border-radius:2px;margin-top:13%}.child-container.write-container .content-wrapper .image-wrapper .attach-wrapper .close-btn{position:absolute;right:2px;top:0;line-height:1;font-weight:700}.child-container.write-container .content-wrapper .image-wrapper .image-addbox{display:inline-block;width:80px;height:80px;border-radius:2px;background-color:#f8f8f8;background-position:50%;background-size:24px;background-repeat:no-repeat;margin-top:10px}.child-container.write-container .content-wrapper .hide-button{display:none;visibility:hidden;height:0;width:0}.classlist-container{margin:0 16px}.classlist-container .class-container{padding:0 16px}.classlist-container .class-container table{text-align:center}.classlist-container .class-container table thead tr th{padding:17px 0;border-bottom:1px solid #666;font-size:14px;font-weight:700;color:#333;text-align:left}.classlist-container .class-container table thead tr th .downarrow-img,.classlist-container .class-container table thead tr th .uparrow-img{width:8px;margin-left:4px;margin-top:-4px}.classlist-container .class-container table thead tr th .btn-group-sm.dropdown .dropdown-toggle{padding:0;background-color:transparent;border:none;color:#333;font-weight:700}.classlist-container .class-container table thead tr th .btn-group-sm.dropdown .dropdown-menu{border-radius:4px;box-shadow:0 10px 20px 0 rgba(0,0,0,.2);background-color:#fff;width:26px;font-size:14px;font-weight:400;color:#333;border:none;margin-top:20px}.classlist-container .class-container table thead tr th .btn-group-sm.dropdown .dropdown-menu .dropdown-item{padding-top:6px;padding-bottom:6px}.classlist-container .class-container table tbody tr.not-submitted{background-color:rgba(255,200,200,.15)}.classlist-container .class-container table tbody tr td{padding:10px 0;border-bottom:1px solid #e6e6e6;font-size:12px;font-weight:400;color:#333;text-align:left}.classlist-container .class-container table tbody tr td .not-submitted-desc{position:absolute;font-size:8px;margin-top:-10px;color:red}.classlist-container .class-container table tbody tr td .apply-button{width:48px;border-radius:2px;padding:4px 12px;color:#fff;font-size:12px}.classlist-container .class-container table tbody tr td .apply-button.on{background-color:#784eda}.classlist-container .class-container table tbody tr td .apply-button.complete{background-color:#333}.classlist-container .modal-container{z-index:2;position:fixed;width:80vw;left:10vw;top:30vh;max-height:300px;background-color:#fff;border-radius:4px;box-shadow:0 10px 20px 0 rgba(0,0,0,.2);text-align:center}.classlist-container .modal-container .body .title{padding:24px 0;font-size:14px;color:#333;font-weight:700}.classlist-container .modal-container .body .text{margin:0 auto;font-size:14px;color:#333;padding-bottom:40px;border-bottom:1px solid #e6e6e6}.classlist-container .modal-container .footer .btn{width:50%;height:56px;line-height:56px;color:#333;font-size:14px;padding:0}.classlist-container .modal-container .footer .btn.confirm{font-weight:700;color:#784eda}.classlist-container .bg-container{z-index:1;background-color:#000;opacity:.5;width:100vw;height:100vh;position:fixed;top:0;left:0}.classlist-container .no-uploaded{margin-left:1px;color:red;display:inline-block;position:relative;top:-5px;font-size:8px}.classdetail-container{padding-bottom:60px!important}.classdetail-container .class-container{background-color:#fff}.classdetail-container .class-container .detail-header{font-size:13px;font-weight:700;color:#999;background-color:#efefef;padding:16px 16px 8px}.classdetail-container .class-container .detail-header .detail-subheader{font-size:12px;font-weight:400;color:#999}.classdetail-container .class-container .detail-table{margin:8px 16px;width:calc(100% - 32px);text-align:center}.classdetail-container .class-container .detail-table tbody tr td{padding:8px 0;font-size:14px;text-align:left;height:20px;font-weight:400}.classdetail-container .class-container .detail-table tbody tr td.left-td{color:#999;width:25%;vertical-align:top}.classdetail-container .class-container .detail-table tbody tr td.right-td{color:#333}.classdetail-container .class-container .classlist-wrapper{padding-top:8px}.classdetail-container .class-container .classlist-wrapper .class-wrapper{padding:8px 16px 16px;font-size:14px;color:#333;font-weight:400}.classdetail-container .class-container .classlist-wrapper .class-wrapper .class-info,.classdetail-container .class-container .classlist-wrapper .class-wrapper .school-name{line-height:1.4em}.classdetail-container .class-container .classlist-wrapper .class-wrapper .payment-btn{border-radius:2px;border:1px solid #eee;color:#999;font-size:14px;font-weight:400;padding:13px 0 15px;width:100%;margin-top:15px;background-color:transparent}.classdetail-container .class-container .classlist-wrapper .class-wrapper .payment-btn.on{border-color:#784eda;color:#784eda}.classdetail-container .class-container .report-list{margin:0 16px 60px}.classdetail-container .class-container .report-list .report-item{padding:18px 0;border-bottom:1px solid #eee}.classdetail-container .class-container .report-list .report-item .title{display:inline-block;font-size:14px;color:#333;font-weight:400}.classdetail-container .class-container .report-list .report-item .input-button{display:inline-block;float:right;font-size:14px;color:#999;font-weight:400;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAXNJREFUWAljYBgFoyEwGgIjPQQYSQ0AExOT/UA9LxQVFWNWr179l1T96OqZ0AWI4DP+//8/4t69e9OJUEtQCckOYGZmDmdkZLwPNDnV2Ni4hqANBBSQHAUg84DRoA6kjgFDQgjomPgzZ84sImAPTmmyHAAyDegIayC1B+gIZiYmJq/Tp0/vwWkLHgmSowBmFtDXR4HsWCBmBjpirbm5uR5MjhSamRTF6GqfPXt2TVpa+hPQAf7//v3zk5GRWQ0U+4SuDh+f7BCAGQoMiQnAdDAByJcGOmI1TJxYmmIHEGsRLnUUOwCYGAuAUVAAtOApMDGG4rIIlzjZuQBkINDyYKDlq4BR8AVYPtiePHnyEi6LcImT7QBqZUMWXC7DJw60HFQQbQL6ngNUEJFbBoDsIDkNAPO7OFDfdqDlQkC6lpJSkCwH/P37dyXQckWg5tlnz55tARlCCSA5BICW/QcG+wolJaVMSiwe1TsaAqMhMBoCsBAAAPZXciW2eBPBAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:100%;background-size:20px;padding-right:20px}.classdetail-container .class-container .report-list .report-item .input-button.complete{color:#784eda}.classdetail-container .divider{background-color:#eee;width:100%;height:16px}.classdetail-container .report-button{width:100%;padding:18px 0 19px;text-align:center;color:#fff;background-color:#784eda;position:fixed;bottom:0;left:0;font-size:16px;font-weight:600}.classdetail-container .report-button.off{background-color:grey}@media (max-width:340px){.myclass-container .detail-container .detail-table tbody tr td{font-size:12px}.myclass-container .detail-container .detail-table tbody tr td .left-td{width:25%}}.payment-container{padding-bottom:60px}.payment-container .search-container .month-option{padding:16px;text-align:center}.payment-container .search-container .month-option .month-button{display:inline-block;width:calc(33.3% - 8px);padding:13px 0 15px;margin-right:8px;text-align:center;border-radius:2px;font-size:14px;border:1px solid #eee;color:#999}.payment-container .search-container .month-option .month-button:last-child{margin-right:0}.payment-container .search-container .month-option .month-button.on{border:1px solid #784eda;color:#784eda}.payment-container .search-container .month-range{padding:0 16px}.payment-container .search-container .month-range .input-wrapper{display:inline-block;width:calc(50% - 32px);font-size:14px;border-bottom:1px solid #eee;padding-bottom:2px;margin-bottom:16px}.payment-container .search-container .month-range .input-wrapper .date-selector{width:80%;color:#784eda;font-size:14px;border:none}.payment-container .search-container .month-range .input-wrapper .date-input{border:none;color:#784eda}.payment-container .search-container .month-range .input-wrapper:first-child{margin-right:8px}.payment-container .search-container .month-range .search-button{display:inline-block;background-image:url(data:image/png;base64,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);background-repeat:no-repeat;background-size:48px;width:48px;height:48px;vertical-align:bottom;margin-bottom:16px;margin-left:8px}.payment-container .payment-wrapper .detail-header{font-size:13px;font-weight:700;color:#999;background-color:#efefef;padding:16px 16px 8px}.payment-container .payment-wrapper .detail-header .detail-subheader{float:right;display:inline-block;font-size:12px;font-weight:400;color:#999}.payment-container .payment-wrapper .summary-wrapper{padding:8px 16px}.payment-container .payment-wrapper .summary-wrapper table tbody tr td{padding:8px 0;font-size:14px;color:#333}.payment-container .payment-wrapper .summary-wrapper table tbody tr td.value{text-align:right}.payment-container .payment-wrapper .summary-wrapper table tbody tr.total td{font-weight:700}.payment-container .payment-wrapper .select-wrapper{background-color:#fff}.payment-container .payment-wrapper .select-wrapper .select-header .fee-button{display:inline-block;width:50%;color:#999;border-bottom:1px solid #eee;text-align:center;font-size:14px;padding:17px 0}.payment-container .payment-wrapper .select-wrapper .select-header .fee-button.on{font-weight:700;color:#784eda;border-color:#784eda}.payment-container .payment-wrapper .select-wrapper .fee-wrapper{padding:20px 16px 0;font-size:14px;color:333}.payment-container .payment-wrapper .select-wrapper .fee-wrapper .fee-info{margin-top:16px;background-color:#faf9ff;padding:16px 0}.payment-container .payment-wrapper .select-wrapper .fee-wrapper .fee-info table tbody tr td{font-size:14px;font-weight:400;color:#333;text-align:right}.payment-container .payment-wrapper .select-wrapper .fee-wrapper .fee-info table tbody tr td.title{padding-left:16px;text-align:left;font-size:13px;color:#999}.payment-container .payment-wrapper .select-wrapper .fee-wrapper .fee-info table tbody tr td.title .sub{margin:-6px 0 0;font-size:13px}.payment-container .payment-wrapper .select-wrapper .fee-wrapper .fee-info table tbody tr td.value{padding-right:16px;font-weight:700}@media (max-width:340px){.payment-container .search-container .month-option .month-button{font-size:14px}.payment-container .search-container .month-range .input-wrapper,.payment-container .search-container .month-range .input-wrapper .date-selector{font-size:12px}}.main-container{width:100%;text-align:center;background-color:#fff;height:100vh}.main-container .logo-img{position:fixed;width:60vw;left:20vw;bottom:55vh}.main-container .google-login{position:fixed;bottom:20vh;left:20vw;width:60vw;height:56px;border-radius:28px!important;box-shadow:0 20px 40px 0 rgba(0,0,0,.15)!important;background-color:#fff!important}.main-container .google-login div{background-color:transparent!important;margin-right:0!important}.report-container .content .desc{padding:32px 16px;font-size:14px;font-weight:400;color:#333}.report-container .content .desc .sub-desc{color:#999}.report-container .content .desc .class-info{margin-bottom:0;color:#333}.report-container .content .input-title,.report-container .content .textarea-title{padding:16px 0 8px;font-size:13px;font-weight:700;color:#999}.report-container .content .input,.report-container .content .textarea{width:100%;padding:13px 16px 15px;border-radius:2px;background-color:#f8f8f8;border:none;height:auto}.report-container .content .upload-btn{font-size:14px;padding:13px 0 15px}.report-container .content .review-option,.report-container .content .upload-btn{width:100%;border-radius:2px;border:1px solid #784eda;color:#784eda;background-color:#fff}.report-container .content .review-option{padding:13px 16px 15px;height:auto;margin-bottom:8px}.report-container .content .review-option.on{background-color:#784eda;color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAO9JREFUWAntk00OgjAQhVmwlhVuuQUH0bPoXeQcsnHnTzyBh/AELq3fi3RBUpSCVGM6yUuhzMx7nfKSJEacQJxAnMC/T8AYk4ED2AY/K6Qp2AHF+RsCqie3ubIWQQVAuG7Ib6xlaPIlpPcGi9DkJcQ6tWI1iJzCGpxA7tOA/ALovhUbn9pWLsUiV1xALxHkyW7KV+jPT1tNfV4ozoFt9laEyIC1m/JnPnzOXJr0FkHuNHbrI4Kcae32SgTfwtjNJYK98XZzXn7HpkOEtVvVUfL5bUTMgXUHjyPtNkQipHLHEexBNqRHrIkTiBP4qQk8ANqNbqIiveL4AAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center right 20px;background-size:16px}.report-container .content .review-option:last-child{margin:0}.report-container .content .etc-comment{width:100%;padding:13px 16px 15px;height:auto;border:none;border-radius:2px;font-size:14px;color:#333;background-color:#f8f8f8}.report-container .content .point{text-align:center;color:#333;padding-bottom:32px}.report-container .content .point .num{font-size:34px;font-weight:700}.report-container .content .point .unit{font-size:14px;font-weight:400;margin-left:6px}.report-container .content .cost-container{padding:0 16px}.report-container .content .cost-container .cost-wrapper{margin-bottom:16px}.report-container .content .cost-container .cost-wrapper .input-wrapper{margin-right:16px;display:inline-block;width:calc(100% - 64px);border-bottom:1px solid #eee}.report-container .content .cost-container .cost-wrapper .input-wrapper .input-label{line-height:48px}.report-container .content .cost-container .cost-wrapper .input-wrapper .cost-input{height:48px;float:right;text-align:right;appearance:none;-webkit-appearance:none;border:none;color:#333;padding:0 8px 4px}.report-container .content .cost-container .cost-wrapper .input-wrapper .input-unit{float:right;height:48px;line-height:48px;font-size:14px;font-weight:400;text-align:right;color:#999}.report-container .content .cost-container .cost-wrapper .image-addbox{display:inline-block;width:48px;height:48px;border-radius:2px;background-color:#f8f8f8;background-position:50%;background-size:16px;background-repeat:no-repeat;vertical-align:bottom}.report-container .content .cost-container .cost-wrapper .image-addbox.on{background-size:cover}.report-container .content .image-wrapper .image-addbox{display:inline-block;width:calc(50vw - 12px);height:calc(50vw - 12px);border-radius:2px;background-color:#f8f8f8;background-position:50%;background-size:24px;background-repeat:no-repeat;vertical-align:bottom;margin-bottom:8px;margin-right:8px}.report-container .content .image-wrapper .image-addbox.on{background-size:contain}.report-container .content .image-wrapper .image-addbox:nth-child(odd){margin-left:8px}.report-container .content .rangeslider{box-shadow:none;height:2px;border-radius:2px;background-color:#e6e6e6}.report-container .content .rangeslider .rangeslider__handle{width:16px;height:16px;background-color:#784eda;box-shadow:none;border:none}.report-container .content .rangeslider .rangeslider__handle:after{content:none}.report-container .content .rangeslider__fill{background-color:#784eda}.report-container .content .rangeslider__labels .rangeslider__label-item{font-size:14px;color:#999}.report-container .divider{background-color:#eee;width:100%;height:8px;margin-bottom:16px}.report-container .report-button{width:100%;padding:18px 0 19px;text-align:center;color:#fff;background-color:#784eda;position:fixed;bottom:0;left:0}.sidebar-container{width:70vw;height:100%;max-width:280px;background-color:#fff}.sidebar-container .sidebar-content{padding:0 24px;height:100%;background-color:#fff}.sidebar-container .sidebar-content .sidebar-link{display:block;color:#757575;text-decoration:none}.sidebar-container .sidebar-content .sidebar-link.on .sidebar-button-wrapper .sidebar-link-title{color:#784eda;font-weight:700}.sidebar-container .sidebar-content .sidebar-link .sidebar-button-wrapper{margin-top:32px}.sidebar-container .sidebar-content .sidebar-link .sidebar-button-wrapper .sidebar-link-title{width:52px;height:20px;font-size:14px;color:#333}.sidebar-container .userinfo-container{padding:48px 24px;background-color:#784eda}.sidebar-container .userinfo-container .user-image{display:inline-block;width:80px;height:80px;box-shadow:0 10px 20px 0 rgba(0,0,0,.2);background-color:#fff;border-radius:40px;background-size:contain;background-repeat:no-repeat}.sidebar-container .userinfo-container .text-container{display:inline-block;vertical-align:top;height:80px;margin-left:24px;color:#fff;padding:18px 0;box-sizing:border-box}.sidebar-container .userinfo-container .text-container .user-nickname{font-size:16px;font-weight:700}.sidebar-container .userinfo-container .text-container .user-realname{color:#d3c0ff;font-size:14px}body,html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{min-height:100%;background-color:grey}.sidebar-button-wrapper{background-size:24px auto;background-repeat:no-repeat;padding-left:32px;height:24px;line-height:23px}.header-container{align-items:center;background-color:#784eda;font-family:SpoqaHanSans;font-size:16px;font-weight:700;color:#fff;padding:16px;text-align:center;position:fixed;width:100%;top:0;left:0;height:54px}.header-container .sidebar-button{width:24px}.header-container .left-button{position:absolute;left:16px}.view-container{background-color:#fff}.view-container .container-wrapper{height:100%;overflow:auto}.view-container .terms-container{padding:30px}.child-container{min-height:100vh;margin:0 auto;max-width:31.25em;min-width:18.75em;padding:54px 0 0;background-color:#fff}.child-container .swiper-container{height:63vw;max-height:400px;max-width:400px}.child-container .swiper-container .swiper-slide{background-size:cover;background-repeat:no-repeat;background-position:50%}.child-container .swiper-container .swiper-pagination-bullet{width:6px;height:6px;box-shadow:0 0 4px 0 rgba(0,0,0,.2);background-color:hsla(0,0%,100%,.4);opacity:1}.child-container .swiper-container .swiper-pagination-bullet-active{width:6px;height:6px;box-shadow:0 0 4px 0 rgba(0,0,0,.2);background-color:#fff}.child-container .swiper-container .swiper-pagination{bottom:10px;left:auto;width:auto;right:2vw}.child-container .comment-container .title{padding:16px 16px 8px;background-color:#eee;font-weight:700;color:#999;font-size:13px}.child-container .comment-container .comment-body{padding:0 16px;margin-bottom:60px}.child-container .comment-container .comment-body .comment-card:last-child .comment-td{border-bottom:none}.child-container .comment-container .comment-body .comment-td{padding:14px 0 17px;border-bottom:1px solid #eee}.child-container .comment-container .comment-body .comment-td .writer-img{width:40px;height:40px;border-radius:20px;background-color:#eee}.child-container .comment-container .comment-body .comment-td .comment-content{font-size:14px;color:#333}.child-container .comment-container .comment-body .comment-td .comment-info{display:inline-block}.child-container .comment-container .comment-body .comment-td .comment-info .comment-writer{display:inline-block;font-size:13px;font-weight:700;color:#666}.child-container .comment-container .comment-body .comment-td .comment-info .write-date{display:inline-block;margin-left:12px;font-size:12px;color:#999}.child-container .comment-container .comment-body .comment-td .btn-wrapper{float:right}.child-container .comment-container .comment-body .comment-td .btn-wrapper .btn{display:inline-block;font-size:12px;color:#888;padding:0;margin-left:10px}.child-container .comment-inputbox{padding:8px;background-color:#f2f2f2;position:fixed;bottom:0;left:0;width:100%;box-sizing:border-box;z-index:1000}.child-container .comment-inputbox .comment-input{height:44px;border:none;border-radius:2px;background-color:#fff;font-size:13px;padding:12px 16px;width:calc(100% - 68px);margin-top:-2px}.child-container .comment-inputbox .comment-input.modify{width:calc(100% - 136px)}.child-container .comment-inputbox .register-button{width:60px;height:44px;border-radius:2px;background-color:#784eda;margin-left:8px;color:#fff;font-size:14px;border:none}.child-container .comment-inputbox .cancel-button{width:60px;height:44px;border-radius:2px;background-color:#fff;margin-left:8px;color:#784eda;border:1px solid #784eda;font-size:14px}.back-btn{position:fixed;top:16px;left:16px;color:#fff;font-size:14px}.back-btn img{height:24px}.register-btn{position:fixed;top:16px;right:16px;color:#fff;font-size:14px;opacity:.5}.register-btn.on{opacity:1}.register-btn .search-img{width:24px}@media (min-width:900px){.app-container div[role=navigation] button.google-login{max-width:300px;left:calc(50% - 150px)}.app-container div[role=navigation] .logo-img{max-width:524px;left:calc(50vw - 262px)}}*{font-family:SpoqaHanSans,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;margin:0;padding:0}html{width:100%;height:100%;-webkit-text-size-adjust:none}div{cursor:default}fieldset,img{border:none;vertical-align:middle}input{opacity:1}input,option,select,textarea{font-size:14px;color:#000;vertical-align:middle}a,a:link,a:visited{text-decoration:none;color:#000}a:hover{color:#fe4e6c}a:active{text-decoration:none}table{border-spacing:0;border:0;border-collapse:collapse;width:100%;height:100%}button{padding:0;margin:0;border:0;cursor:pointer;overflow:visible}strong{font-weight:700}body{padding:0;margin:0;text-decoration:none;font-weight:400;line-height:160%;font-size:14px}img{border:none;vertical-align:middle;max-width:100%}input{height:32px;border:1px solid #bfbfbf;padding:5px 10px;box-sizing:border-box}input[type=checkbox]{padding:0;height:auto}input[type=radio]{padding:0;height:auto;border:none}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text]{border-radius:0;-webkit-appearance:none;appearance:none}input:disabled{background-color:#f2f2f2}input#password{padding:0;border:0;border-bottom:2px solid #e1e1e1}input[type=button],input[type=radio]{cursor:pointer;-webkit-appearance:none;appearance:none}input[type=button]{border-radius:0}caption{visibility:visible;position:absolute;left:-1000px;top:-1000px;height:0;width:0;display:none}body{color:#000}ul{padding:0}li{list-style:none}b{font-weight:700}caption,hr,legend{height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;width:0;margin:-1px 0 0;position:relative;top:-1px}colgroup{display:table-column-group}select{width:200px;height:32px;padding-left:7px;padding-right:20px;font-family:inherit;-webkit-appearance:none;appearance:none;border:1px solid #d8d8d8;border-radius:0;background:url(https://danoshop.net/images/common/selection-arrow.svg) no-repeat right 10px center #fff}select::-ms-expand{display:none}input[type=radio]{border:1px solid #c5c5c5;width:20px;height:20px;appearance:none;-webkit-appearance:none;border-radius:22px;background-color:#fff}input[type=radio]:after{content:"";position:relative;display:block}input[type=radio].on{border-color:#f86767}input[type=radio].on:after{left:4px;top:4px;width:10px;height:10px;border-radius:10px;background-color:#f86767}.displaynone{display:none!important}.confirm-btn{width:calc(100% - 60px);height:45px;border-radius:2px;background-color:#f86767;color:#fff;margin:-20px 0 10px;position:absolute}.cancel-btn{text-align:center;width:100%;background-color:transparent;text-decoration:underline;color:#b0b0b0;font-size:11px;margin-top:45px}.spinner-background{background-color:hsla(0,0%,67.1%,.6);position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1000}.spinner{position:fixed;border:2vw solid #f3f3f3;border-top-color:#fe4e6c;border-radius:50%;width:8vw;height:8vw;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;top:calc(50vh - 4vw);left:46vw}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.990f6b21.chunk.css.map */