body {
	background-color: #3f3f45;
	overflow-y: scroll;
}

@media only screen and (min-width: 1200px) {
	.ui.container {
		width: 1150px;
	}
	.webtoon.ui.container, .webtoon.ui.container .ui.menu .container {
		width: 1185px;
	}
}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}

.commission, .story {
	position: relative;
}

.commission .ui.secondary.menu, .story .ui.secondary.menu {
	min-height: 0;
}

.commission .ui.secondary.menu a.item, .story .ui.grid a.column {
	margin: 0;
	padding: 0;
	border-radius: 0;
	width: 13.5%;
	height: 40px;
	line-height: 40px;
	color: #828282;
	text-align: center;
	background-color: #fff;
}

.commission .ui.secondary.menu .item:hover, .story .ui.grid a.column:hover, .commission .ui.secondary.menu .item.active, .story .ui.grid a.column.active {
	background-color: #4c66e8;
	color: #fff;
}

.commission.ui.container {
	padding-top: 20px;
}

.commission .ui.grid {
	margin: 0;
}

.commission .ui.grid .column {
	padding: 0;
}

.commission .tab-wrap {
	background: #3f3f45;
}

.commission .tab-wrap.fixed {
	width: inherit;
}

.commission .ui.grid.force-tab .column {
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.commission .ui.grid.force-tab a.column {
	color: #767677;
	background: #fff;
}

.commission .ui.grid.force-tab a.column.active {
	color: #fff;
	background: #4c66e8;
	border: 0;
}

.commission .ui.grid.force-tab a.column.btn-commission {
	background: #596fe4;
	color: #fff;
	font-weight: bold;
}

.commission .ui.grid.force-tab .column.none {
	color: #fff;
	background: #8c8c89;
	border: 0;
}

.commission .ui.grid.sample {
	margin-top: 10px;
}

.commission .ui.grid.sample .column {
	height: 100%;
	padding: 1px;
}

.commission-order .ui.grid.commission-order-menu {
	height: 40px;
	line-height: 40px;
	margin: 20px 0 0 0;
}

.commission-order .ui.grid.commission-order-menu a.column {
	background: #fff;
	color: #525253;
	text-align: center;
	padding: 0;
}

.commission-order .ui.grid.commission-order-menu a.column:not(:last-child) {
	margin-right: 1px;
}

.commission-order .ui.grid.commission-order-menu a.column:hover, .commission-order .ui.grid.commission-order-menu a.column.active {
	background: #f09e00;
	color: #fff;
}

.commission-order .commission-order-product {
	margin: 0 -0.35715rem;
	margin-bottom: 50px;
}

.commission-order .commission-order-product .column {
	padding: 0.35715rem !important;
}

.commission-order .commission-order-product .column a {
	color: #fff;
}

.commission-order .commission-order-product .column a img {
	width: 100%;
}

.commission-order .commission-order-product .column .ui.grid {
	margin: 10px 0 45px 0;
}

.commission-order .commission-order-product .column .ui.grid.order-product-bottom .column {
	padding: 0;
}

.commission-order .commission-order-product .column .ui.grid.order-product-bottom .column a {
	color: #fff;
}

.commission-order .commission-order-product .column .ui.grid.order-product-bottom .column .ui.circular.image, .commission-order .commission-order-product .column .order-my-product-writer .ui.circular.image {
	display: inline-block;
	width: 36px;
	height: 36px;
	margin-right: 5px;
}

.commission-order .commission-order-product .column .ui.grid.order-product-bottom .column.right {
	text-align: right;
	line-height: 36px;
}

.commission-order .commission-order-product .column .ui.grid.order-product-bottom .column.right a {
	width: 95px;
	text-align: center;
	background: #61b032;
	display: inline-block;
}

.commission-order .commission-order-product .column .order-my-product-writer {
	display: block;
	width: 100%;
	padding: 9px 7px;
	background: #28282c;
}

.commission-order .commission-order-product .column .order-my-product-writer span {
	display: inline-block;
	line-height: 18px;
	vertical-align: middle;
	margin-left: 5px;
}

.commission-order .commission-order-product .column .order-my-product-writer span .nick {
	display: block;
	font-weight: bold;
}

.commission-order .commission-order-product .column .order-my-product-writer span .price {
	display: block;
	color: #9e9d9d;
}

.commission-order .commission-order-product .column .order-my-product-bottom.ui.grid {
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 0;
	padding: 0 !important;
}

.commission-order .commission-order-product .column .order-my-product-bottom.ui.grid .column {
	padding: 0 !important;
}

.commission-order .commission-order-product .column .order-my-product-bottom .column.cancel {
	background: #cacac9;
}

.commission-order .commission-order-product .column .order-my-product-bottom .column.download {
	background: #61b032;
}

.commission-order .commission-order-product .column .order-my-product-bottom .column.upload {
	background: #1680c3;
}

.commission-upload .top-header {
	background: #d6d6df;
	color: #7a7a85;
	width: 100%;
	height: 42px;
	line-height: 42px;
	padding-left: 29px;
	border-bottom: 4px solid #7a7a85;
}

.commission-upload .upload-thumbnail {
	float: left;
	width: 311px;
	height: auto;
	margin-right: 22px;
	position: relative;
	overflow: hidden;
}

.commission-upload .upload-thumbnail div {
	display: inline-block;
	width: 311px;
	height: 311px;
	line-height: 311px;
	text-align: center;
	background-color: #2a2a2b;
}

.commission-upload .upload-thumbnail span {
	color: #fff;
}

.commission-upload .upload-thumbnail .hFileForm {
	width: 311px;
	height: 311px;
}

.commission-upload .upload-detail {
	float: left;
}

.commission-upload .upload-detail .upload-detail-top {
	width: 817px;
	height: 76px;
	background-color: #2a2a2b;
	margin-bottom: 1px;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 17px;
	padding-right: 17px;
}

.commission-upload .upload-detail .upload-detail-top .profile {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-right: 12px;
}

.commission-upload .upload-detail .upload-detail-top .style {
	display: inline-block;
	vertical-align: middle;
}

.commission-upload .upload-detail .upload-detail-top .style .style-name {
	color: #fff;
	font-size: 15pt;
	font-weight: bold;
	margin-bottom: 7px;
}

.commission-upload .upload-detail .upload-detail-top .style .nick {
	color: #a9a7a7;
	font-size: 12pt;
}

.commission-upload .upload-detail .upload-detail-bottom {
	width: 817px;
	height: 234px;
	background-color: #2a2a2b;
}

.commission-upload .upload-detail .upload-detail-bottom .content {
	padding-top: 20px;
}

.commission-upload .upload-detail .upload-detail-bottom .title {
	display: inline-block;
	width: 100px;
	text-align: right;
	color: #fff;
	margin-right: 50px;
	font-weight: bold;
}

.commission-upload .upload-detail .upload-detail-bottom .option {
	display: inline-block;
	color: #d0cfcf;
}

.commission-upload .upload-detail .upload-detail-bottom .option select {
	color: #2a2b2b;
}

.commission-upload .upload-submit {
	padding-left: 333px;
	padding-top: 9px;
}

.commission-upload .upload-submit .submit {
	width: 390px;
	height: 70px;
	border: 0px;
	color: #fafafa;
	font-size: 15pt;
	font-weight: bold;
	margin-right: 4px;
	background-color: #ff8a00;
}

.commission-upload .upload-submit .cancel {
	display: inline-block;
	width: 183px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	border: 0px;
	color: #fafafa;
	font-size: 15pt;
	font-weight: bold;
	background-color: #919191;
}

.commission-view .go-payment-list {
	color: #fff;
	width: 235px;
	display: block;
	margin-top: 20px;
	padding: 7px 14px;
	border: 3px solid #e5e2e2;
}

.commission-view .go-payment-list img {
	margin-right: 60px;
}

.commission-view .ui.grid.product {
	margin-top: 10px;
}

.commission-view .ui.grid.product .bill {
	border: 3px solid #4f4d4d;
}

.commission-view .ui.grid.product .bill table {
	display: inline-block;
	padding: 15px 30px;
}

.commission-view .ui.grid.product .bill table tr:first-child {
	border-bottom: 1px solid #bbbbcd;
}

.commission-view .ui.grid.product .bill table tr:not(:first-child) {
	border-bottom: 1px solid #606069;
}

.commission-view .ui.grid.product .bill table .product {
	width: 197px;
	padding-left: 17px;
}

.commission-view .ui.grid.product .bill table .count {
	width: 156px;
	text-align: center;
}

.commission-view .ui.grid.product .bill table .price {
	width: 151px;
	text-align: center;
}

.commission-view .ui.grid.product .bill table td.product,
.commission-view .ui.grid.product .bill table td.count,
.commission-view .ui.grid.product .bill table td.price
{
	color: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
}

.commission-view .ui.grid.product .bill table th.product,
.commission-view .ui.grid.product .bill table th.count,
.commission-view .ui.grid.product .bill table th.price
{
	color: #83838f;
	padding-top: 20px;
	padding-bottom: 20px;
}

.commission-view .ui.grid.product .bill table caption {
	color: #83838f;
}

.commission-view .ui.grid.product .bill .bill-header, .commission-view .ui.grid.product .bill .bill-footer {
	height: 41px;
	line-height: 41px;
	padding-left: 22px;
	padding-right: 74px;
	background-color: #cdcdd2;
}

.commission-view .ui.grid.product .bill .bill-header {
	color: #323236;
	font-weight: bold;
	border-bottom: 3px solid #4f4d4d;
}

.commission-view .ui.grid.product .bill .bill-footer.ui.grid {
	margin: 0;
	color: #4a4a54;
	border-top: 3px solid #4f4d4d;
}

.commission-view .ui.grid.product .bill .bill-footer.ui.grid .column {
	padding: 0;
}

.commission-view .ui.grid.product .bill .bill-footer.ui.grid .column.left {
	text-align: left;
}

.commission-view .ui.grid.product .bill .bill-footer.ui.grid .column.right {
	text-align: right;
}

.commission-view .ui.grid.btn .column a {
	color: #fff;
	display: inline-block;
}

.commission-view .ui.grid.btn .column a.modify {
	width: 100px;
	height: 50px;
	font-size: 10pt;
	line-height: 50px;
	background: #83838f;
}

.commission-view .ui.grid.btn .column a.pay {
	width: 391px;
	height: 70px;
	font-size: 12pt;
	line-height: 70px;
	background: #ff8a00;
}

.commission-view .ui.grid.btn .column a.pay span {
	color: #adadb4;
	margin-left: 7px;
}

.commission-view .ui.grid.product .making {
	height: 100%;
	line-height: 29;
	text-align: center;
	font-size: 14pt;
	color: #fff;
	border: 3px solid #4f4d4d;
}

.story .nav-wrap {
	background: #3f3f45;
}

.story .nav-wrap.fixed {
	width: inherit;
	z-index: 99999 !important;
}

.story .nav-wrap.fixed .division.ui.grid {
	margin: 0;
}

.story .division.ui.grid {
	margin: 20px 0 10px 0;
}

.story .division.ui.grid .ui.grid {
	margin: 0;
	padding: 0;
}

.story .division.ui.grid .row {
	margin: 0;
	padding: 0;
}

.story .division.ui.grid .column {
	margin: 0;
	padding: 0;
}

.story .division.ui.grid .row.sub {
	display: none;
}

.story .division.ui.grid .ui.grid.right.floated {
	margin-left: auto;
}

.story .division .ui.icon.button {
	margin: 0;
	height: 40px;
	border-radius: 0;
	background-color: #fff;
}

.story .division .text-date {
	margin: 0 15px;
	line-height: 40px;
	height: 40px;
	color: #fff;
}

.story .ui.tab.segment {
	background: transparent;
	box-shadow: 0;
	padding: 0;
	border-radius: 0;
	border: none;
}

.story .ui.grid .ui.column div.image {
	cursor: pointer;
}

.appbar {
	width: 100%;
	z-index: 99999 !important;
}

.appbar .ui.menu.header-top {
	height: 55px;
	background-color: #171c3a;
	z-index: 9999;
	border-radius: 0;
	margin: 0;
}

.appbar .ui.menu.header-top .dropdown {
	color: #4c66e8;
}

.appbar .ui.menu.header-top .dropdown a.item {
	color: #5d5d5e;
}

.appbar .ui.menu.header-top .dropdown .profile {
	width: 37px;
	height: 37px;
	margin-right: 10px;
}

.appbar .ui.menu.header-bottom {
	margin: 0;
	background: #fff;
	height: 88px !important;
	border-bottom: 1px solid #bebebe;
	z-index: 9999;
}

.appbar .ui.menu .item:before {
	width: 0px;
}

.appbar .ui.menu.header-bottom span.item, .appbar .ui.menu.header-bottom a.item {
	cursor: pointer;
	height: 88px;
	color: #5d5d5e !important;
	margin-right: 60px;
	padding: 0px;
	font-size: 17px;
	font-weight: bold;
}

.appbar .ui.menu a.item:hover, .appbar .ui.menu a.item.active, .appbar .ui.menu a.item.active:hover {
	color: #4c66e8 !important;
	background: none;
	border-radius: 0;
}

.appbar .ui.menu div.item {
	padding: 0px;
	margin-right: 20px;
}

.appbar .item:last-child {
	margin-right: 0px !important;
}

.appbar .ui.menu a.item:hover {
	cursor: pointer;
}

.appbar .header-logo {
	margin-right: 62px;
	height: 88px;
	line-height: 88px;
}

.appbar .header-logo .logo {
	vertical-align: middle;
}

.appbar img {
	vertical-align: top;
}

.member.main.container {
	margin-top: 35px;
	margin-bottom: 95px;
}

.member.main.container .aligned.grid {
	margin: 0px;
}

.member.main.container .aligned.grid .column {
	padding: 0px;
	max-width: 539px;
}

.member .ui.tabular.menu .item {
	display: inline-block;
	width: 50%;
	min-height: 51px;
}

.login, .join {
	text-align: left;
	margin: 39px auto 56px auto;
	max-width: 390px;
}

.login .notice {
	margin-bottom: 35px;
}

.login .ui.grid, .join .ui.grid {
	margin: 0px;
}

.login .ui.grid .column, .join .ui.grid .column {
	padding: 0px;
}

.login .ui.grid .left, .join .ui.grid .left {
	text-align: left;
}

.login .ui.grid .right, .join .ui.grid .right {
	text-align: right;
}

.login .ui.button, .join .ui.button {
	margin-top: 37px;
	height: 57px;
	color: #fff;
	background-color: #ff8a00;
}

.login .ui.grid.social, .join .ui.grid.social {
	margin-top: 35px;
}

.login .ui.grid.social .header, .join .ui.grid.social .header {
	margin-bottom: 15px;
}

.join .field .ui.button {
	margin-bottom: 10px;
}

.join .last.field {
	margin-bottom: 23px;
}

.join .ui.divided.grid a, .join .ui.divided.grid a:hover, .join .ui.divided.grid a:visited {
	color: #807f80;
}

.ui.form .agree-block .field input {
	display: inline-block;
	vertical-align: middle;
}

.ui.form .agree-block .field label {
	display: inline-block;
	margin: 0 0 0 10px;
	vertical-align: middle;
}

.agree-block .desc {
	width: 390px;
	height: 100px;
	overflow-y: scroll;
	overflow-x: none;
	border: 1px solid #666;
	font-size: 12px;
	margin: 10px 0 30px 0;
	padding: 10px
}

.view {
	padding: 0;
	position: relative;
}

.view .recommend {
	margin: -0.39285714rem;
	margin-bottom: 40px;
}

.view .recommend.ui.grid .column {
	padding: 0.39285714rem;
}

.view .recommend .people {
	background-color: #fff;
	border-radius: 0;
}

.view .recommend .people .content .header {
	margin-top: 16px;
	margin-bottom: 20px;
}

.view .recommend .content.ui.grid {
	margin: -0.35714286rem;
}

.view .recommend .content.ui.grid .item {
	padding: 0.35714286rem;
}

.view .recommend .content.ui.grid .row {
	padding: 0.35714286rem 0;
}

.view .recommend .content.ui.grid .row .column {
	padding: 0 0.35714286em;
}

.preview.ui.grid {
	margin: -0.35714286rem;
	margin-bottom: 20px;
}

.preview.ui.grid .column {
	padding: 0.35714286em;
	height: auto;
}

.preview .dimmer .content div {
	text-align: left;
}

.timeline {
	position: relative;
	margin-top: 50px;
}

.timeline .header, .timeline .content, .timeline .ui.comments, .timeline .content-share-like, .timeline .comment-more {
	width: 860px;
	background: #fff;
}

.timeline .header {
	margin-top: 1rem;
	height: 57px;
	color: #5d5d5e;
	margin-bottom: 20px;
	position: relative;
	background-color: #fff;
	height: 57px;
}

.timeline .header .ui.grid .left {
	padding-left: 3em;
	padding-top: 0.7em;
}

.timeline .header .ui.grid .left .title {
	font-weight: bold;
}

.timeline .header .ui.grid .left .date {
	font-size: 13px;
}

.timeline .header .ui.grid .right {
	padding-top: 0.7em;
}

.timeline .images {
	width: 860px;
}

.timeline .images a {
	display: block;
}

.timeline .images a.basic, .timeline .images .basic.image {
	margin-bottom: 20px;
}

.timeline .images .basic.image:last-child {
	margin-bottom: 0px;
}

.timeline .content {
	margin-top: 20px;
	min-height: 50px;
	padding: 20px 30px;
}

.timeline .content .description {
	color: #5d5d5e;
	margin-bottom: 18px;
}

.timeline .content .tag {
	cursor: pointer;
	color: #3f4fa2;
}

.timeline .content-share-like {
	padding-top: 20px;
	padding-bottom: 43px;
	text-align: center;
}

.timeline .content-share-like img {
	cursor: pointer;
}

.timeline .content-share-like .like {
	margin-bottom: 30px;
}

.timeline .content-share-like .share .facebook {
	margin-left: 45px;
}

.timeline .comment-more {
	cursor: pointer;
	color: #444444;
	border-top: 1px solid #3F3F45;
	border-bottom: 1px solid #3F3F45;
	text-align: center;
	height: 50px;
	line-height: 50px;
}

.timeline .comment-more img {
	margin-right: 10px;
}

.timeline .ui.comments {
	margin: 0;
	max-width: 100%;
	padding-top: 24px;
	padding-bottom: 24px;
}

.timeline .ui.comments .comment {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-right: 42px;
	border-bottom: 1px solid #eeeeee;
}

.timeline .ui.comments .for.comment {
	padding-left: 60px;
}

.timeline .ui.comments .comment .avatar img {
	border-radius: 500rem;
}

.timeline .ui.comments .comment .content {
	width: 80%;
}

.timeline .ui.comments .comment .comments .comment {
	padding: 0;
}

.timeline .ui.comments .actions {
	display: inline-block;
	margin-left: 15px
}

.timeline .ui.comments .content {
	padding: 0;
}

.timeline .comment-input {
	display: block;
	background: #fff;
	max-width: 860px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
}

.timeline .comment-input img {
	display: block;
	width: 2.5em;
	height: auto;
	float: left;
	margin-right: 24px;
}

.timeline .comment-input input {
	width: 80%;
	height: 2.5em;
	margin-right: 15px;
	border: 2px solid #f1f1f6;
	padding: 0 10px;
}

.timeline .comment-input button {
	width: 80px;
	height: 2.5em;
}

.ui.dimmer {
	background-color: rgba(0, 0, 0, 0.7);
}

.ui.tabs.menu {
	width: 158px;
	height: 40px;
	border: 0;
	border-radius: 0;
	margin-bottom: 20px;
	background-color: #fff;
}

.ui.tabs.menu .item {
	border-radius: 0;
	border: 0;
}

.ui.tabs.menu .item.active, .ui.tabs.menu .item:hover {
	background-color: #4c66e8;
}

.ui.tabs.menu .item.active .board, .ui.tabs.menu .item:hover .board {
	content: url("../../image/story-menu-grid-active.png");
}

.ui.tabs.menu .item.active .stack, .ui.tabs.menu .item:hover .stack {
	content: url("../../image/story-menu-list-active.png");
}

.upload .upload-filezone {
	background-color: #2a2a2b;
	min-height: 276px;
	margin-bottom: 10px;
	margin-top: 0;
}

.upload .upload-filezone.none {
	line-height: 276px;
	text-align: center;
}

.upload .upload-filezone.ui.grid {
	margin-left: 0;
	margin-right: 0;
}

.upload .upload-filezone .btn_delete {
	position: absolute;
	right: 18px;
	top: 16px;
}

.upload .upload-thumbnail {
	float: left;
	width: 270px;
	height: auto;
	margin-right: 68px;
	position: relative;
	overflow: hidden;
}

.upload .upload-thumbnail div {
	display: inline-block;
	width: 270px;
	height: 270px;
	line-height: 270px;
	margin-bottom: 18px;
	text-align: center;
	background-color: #b6b6ba;
}

.upload .upload-thumbnail span {
	color: #fff;
}

.upload .ui.form .upload-inputs {
	float: left;
}

.upload .ui.form .upload-inputs .ui.radio.checkbox {
	margin-right: 120px;
}

.upload .ui.form .upload-inputs .title {
	min-width: 70px;
	text-align: right;
}

.upload .ui.form .upload-inputs textarea {
	width: 705px;
	vertical-align: middle;
}

.upload .ui.form .upload-inputs .inline.field label.title {
	color: #fff;
}

.upload .ui.form .upload-inputs .inline.field .container {
	width: 705px;
	height: 65px;
	line-height: 65px;
	padding-left: 30px;
	display: inline-block;
	background-color: #fff;
}

.upload .ui.form .upload-inputs .field.buttons {
	margin-top: 50px;
}

.upload .ui.form .upload-inputs .field.buttons .button {
	height: 70px;
	color: #fff;
	font-size: 1.3em;
	border-radius: 0;
}

.upload .ui.form .upload-inputs .field.buttons .button[type="submit"] {
	width: 390px;
	background-color: #ff8a00;
}

.upload .ui.form .upload-inputs .field.buttons .cancel {
	width: 183px;
	background-color: #919191;
}

.upload-filezone.none .nodrag {
	width: 200px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.hFileForm {
	width: 200px;
	height: 250px;
	top: 0px;
	cursor: inherit;
	font-size: 100px !important;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	right: 0px;
}

.upload-filezone.grid .hFileForm {
	right: 36px;
}

.upload .upload-thumbnail .hFileForm {
	width: 270px;
	height: 270px;
}

.webtoon .bannergroup.ui.grid, .webtoon .bannergroup .ui.grid, .webtoon .subheader.ui.grid {
	margin: 0;
	padding: 0;
}

.webtoon .ui.menu {
	min-height: 0px;
	border-radius: 0;
	border: 0;
}

.webtoon .bannergroup.ui.grid {
	margin: 21px 0;
}

.webtoon .bannergroup.ui.grid .column, .webtoon .bannergroup.ui.grid .row, .webtoon .subheader.ui.grid .column {
	padding: 0;
}

.webtoon .subheader.ui.grid {
	margin-bottom: 10px;
}

.webtoon .subheader .ui.header {
	color: #272728;
	line-height: 30px;
}

.webtoon .subheader .ui.header .ui.sub.header {
	color: #626262;
	margin-left: 18px;
}

.webtoon .subheader .ui.sub.menu {
	background-color: #dcdcdc;
	height: 30px;
}

.webtoon .subheader .ui.sub.menu .item {
	color: #636262;
}

.webtoon .subheader .ui.sub.menu .item.active, .webtoon .subheader .ui.sub.menu .item:hover {
	color: #ffffff;
	background-color: #94abec;
}

.webtoon .fixed.overlay {
	width: 1185px;
}

.webtoon .overlay {
	margin-bottom: 22px;
}

.webtoon .overlay .ui.day.menu {
	background-color: #ffffff;
	height: 55px;
}

.webtoon .overlay .ui.day.menu .item {
	color: #626262;
}

.webtoon .overlay .ui.day.menu .item.active, .webtoon .overlay .ui.day.menu .item:hover {
	color: #ffffff;
	background-color: #5f77f3;
}

.error-block {
	margin-top: 5px;
	margin-left: 5px;
	color: #899595;
	font-size: 13px;
}

.my-story .cover {
	position: relative;
	width: 100%;
}

.my-story .cover .background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: inherit;
	z-index: -1;
	filter: blur(18px);
	-webkit-filter: blur(18px);
	-moz-filter: blur(18px);
	-o-filter: blur(18px);
}

.my-story .cover .ui.grid {
	height: 100%;
	margin: 0;
}

.my-story .cover .column.profile {
	background: rgba(0, 0, 0, 0.5);
	height: 100%;
	padding: 0;
	text-align: center !important;
}

.my-story .cover .profile .intro {
	width: 100%;
	min-height: 28px;
	font-size: 12px;
	color: #e1e1e1;
	text-align: right;
	margin-bottom: 12px;
}

.my-story .cover .profile .intro div {
	cursor: pointer;
	display: inline-block;
	width: 90px;
	text-align: center;
	padding: 4.5px 0;
	background: rgba(0, 0, 0, 0.7);
}

.my-story .cover .profile .intro .change-nick {
	margin-right: 10px;
}

.my-story .cover .profile .change-nick-block, .my-story .cover .profile .change-info-block {
	display: none;
	margin-bottom: 17px;
}

.my-story .cover .profile .change-nick-block input, .my-story .cover .profile .change-info-block input {
	display: block;
	min-width: 200px;
	height: 30px;
	padding: 0 10px;
	margin: 0 auto 10px auto;
	border: 0;
	font-size: 10pt;
}

.my-story .cover .profile .change-nick-block button, .my-story .cover .profile .change-info-block button {
	border: 0px;
	width: 65px;
	height: 30px;
	color: #fff;
	font-size: 9pt;
	font-weight: bold;
	padding: 0;
}

.my-story .cover .profile .change-nick-block .change-nick-confirm, .my-story .cover .profile .change-info-block .change-info-confirm {
	background: #ff8a00;
	margin-right: 10px;
}

.my-story .cover .profile .ui.circular.image {
	width: 137px;
	height: 137px;
	margin-bottom: 17px;
}

.my-story .cover .profile .hFileForm {
	width: 137px;
	height: 137px;
	top: 0px;
	right: 0px;
	cursor: pointer;
	font-size: 100px !important;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
}

.my-story .cover .profile .nick {
	color: #fff;
	font-weight: bold;
	margin-bottom: 17px;
}

.my-story .cover .profile .comment {
	color: #e1e3e2;
	margin-bottom: 17px;
}

.my-story .recommend .content {
	cursor: pointer;
}

.my-story .recommend .content .item .people {
	border-radius: 0;
}

.my-story .recommend .content .ui.circular.image {
	width: 137px;
	height: 137px;
	margin-bottom: 17px;
}

.my-story .recommend .content .nick {
	color: #262656;
	font-size: 17px;
	margin-bottom: 17px;
	font-weight: bold;
}

.my-story .recommend .content .subscribe, .ui.rail .profile .subscribe, .my-story .cover .profile .subscribe {
	display: inline-block;
	cursor: pointer;
	width: 120px;
	height: 30px;
	color: #4c66e8;
	line-height: 30px;
	background: #fff;
	margin-bottom: 17px;
	border: 1px solid #4c66e8;
}

.my-story .recommend .content .subscribe.ing, .ui.rail .profile .subscribe.ing, .my-story .cover .profile .subscribe.ing {
	color: #fff;
	background: #bfbfbf;
	border: 0;
}

.my-story .recommend .content .follow-space {
	height: 30px;
}

.my-story .state {
	width: 100%;
	height: 59px;
	margin-bottom: 10px;
	background: #fff;
}

.my-story .state .ui.grid {
	margin: 0;
}

.my-story .state .ui.grid .column {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	color: #5d5d5e;
}

.my-story .state .ui.grid .column.active {
	color: #4c66e8;
	font-weight: bold;
}

.commission .division {
	display: flex;
	position: relative;
	margin: 20px 0;
}

/* 레이어 팝업 */
.layer {
	display: none;
	position: fixed;
	_position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.layer .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
	filter: alpha(opacity = 50);
}

.layer .pop-layer {
	display: none;
}

.pop-layer {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 410px;
	height: auto;
	background-color: #fff;
	border: 1px solid #dcdcdc;
	z-index: 10;
}

.pop-layer.big {
	width: 816px;
}

.pop-layer.propose {
	width: 412px;
	height: 373px;
}

.pop-layer .pop-container {
	padding: 20px 25px;
}

.pop-layer p.ctitle {
	color: #666;
	line-height: 25px;
	text-align: center;
}

.pop-layer p.ctxt {
	color: #666;
	line-height: 25px;
	background-color: #efeeed;
	padding: 10px;
	margin: 5px 0 0 0;
	word-break: break-all;
	word-wrap: break-word;
}

.pop-layer p.title {
	color: #666;
	font-size: 24px;
	font-weight: bold;
	line-height: 46px;
	text-align: center;
}

.pop-layer p.propose-title {
	color: #666;
	font-size: 24px;
	line-height: 46px;
	text-align: center;
}

.pop-layer p.txt {
	color: #666;
	line-height: 25px;
	background-color: #efeeed;
	padding: 20px;
	margin: 5px 0 0 0;
}

.pop-layer p.propose-txt {
	color: #666;
	line-height: 25px;
	background-color: #efeeed;
	padding: 20px;
	padding-left: 25px;
	border: 1px solid #dcdcdc;
	font-size: 11pt;
	margin-top: 1px;
	margin-bottom: 38px;
	z-index: 100;
}

.pop-layer p.propose-txt .propose-email {
	color: #f1882b;
	font-weight: bold;
}

.pop-layer p.txt .redtxt {
	color: #e42b29;
	font-size: 18px;
}

.pop-layer a.yellobox {
	display: inline-block;
	padding: 18px 58px 17px;
	background-color: #fff100;
	font-size: 18px;
	color: #5d5c48;
	border: #ecdf00 1px solid;
}

.pop-layer .auth_txt {
	display: inline-block;
	width: 384px;
	height: 58px;
	text-align: left;
	line-height: 58px;
	font-size: 15px;
	color: #767676;
}

.pop-layer .auth_ok {
	display: inline-block;
	width: 384px;
	height: 58px;
	line-height: 58px;
	background-color: #ff8a00;
	font-size: 18px;
	color: #ffffff;
	border: #ff8a00 1px solid;
}

.pop-layer .auth_sel {
	display: inline-block;
	width: 296px;
	height: 56px;
	line-height: 56px;
	color: #666466;
	border: #dcdcdc 1px solid;
	background: #ffffff;
	cursor: pointer;
	padding-right: 88px;
}

.pop-layer .auth_sel input {
	vertical-align: middle;
	margin-right: 70px;
}

.pop-layer .auth_sel.over {
	background: #f1f1f1;
}

.pop-layer .btn-r {
	position: absolute;
	right: 20px
}

.pop-layer .btn-c {
	width: 100%;
	margin: 10px 0 20px;
	padding-top: 10px;
	text-align: center;
}

.pop-layer .btn-propose {
	width: 100%;
	text-align: center;
}

.pop-layer .icon-title {
	position: absolute;
	left: 53px;
}

.pop-layer p.fs12 {
	font-size: 12px;
	line-height: 20px;
}

.pop-layer p.fs18 {
	font-size: 18px;
}

a.cbtn_c {
	display: inline-block;
	height: 50px;
	width: 50%;
	background-color: #dcdcdc;
	font-size: 13px;
	color: #5a5a5a;
	line-height: 50px;
}

a.cbtn_c:hover {
	background-color: #e3e3e3;
	color: #5a5a5a;
}

a.cbtn_ok {
	display: inline-block;
	height: 50px;
	width: 50%;
	background-color: #ff8a00;
	font-size: 13px;
	color: #fff;
	line-height: 50px;
}

a.cbtn_ok_big {
	display: inline-block;
	height: 59px;
	width: 200px;
	background-color: #ff8a00;
	font-size: 12pt;
	color: #fff;
	line-height: 59px;
}

a.cbtn_ok:hover {
	background-color: #e16d6c;
	color: #fff;
}

a.cbtn_ok_big:hover {
	background-color: #e16d6c;
	color: #fff;
}

a.propose, a.propose:visited {
	color: #f1882b;
}

/*레이어 팝업 20151223 ksh*/
.pop-layer#layer_popup {
	width: 500px;
	background: none;
	border: none;
}

.pop-layer .btn-lp {
	background: #e42b29;
}
/* // 레이어 팝업 */

/* 검색 */
.search_word {
	font-size: 18px;
	text-align: center;
	background-color: #fff;
	color: #333;
	height: 40px;
	line-height: 40px;
	margin: 15px 0;
}
/* // 검색 */
.ui.right.internal.rail {
	padding: 0 0 0 45px;
	margin: 0 0 0 2rem;
}

.ui.rail .profile {
	width: 255px !important;
	height: 300px;
	text-align: center;
}

.ui.rail .profile .move {
	height: 57px;
	margin-bottom: 1px;
}

.ui.rail .profile .move div, .ui.rail .profile .move a {
	width: 50%;
	height: 100%;
	float: left;
	line-height: 57px;
	background: #fff;
}

.ui.rail .profile .move a:hover {
	background: #4C66E8;
}

.ui.rail .profile .move a img {
	display: inline-block;
}

.ui.rail .profile .move a:hover img {
	display: none;
}

.ui.rail .profile .move a img.over {
	display: none;
}

.ui.rail .profile .move a:hover img.over {
	display: inline-block;
}

.ui.rail .profile .other {
	height: 242px;
	padding: 20px 0;
	cursor: pointer;
	background: #e7e7e8;
}

.ui.rail .profile .other .ui.circular.image {
	width: 100px;
	height: 100px;
	margin-bottom: 27px;
	display: inline-block;
}

.ui.rail .profile .other .nick {
	margin-bottom: 18px;
}

footer.footer {
	background: #2d2d2d;
	margin-top: 68px;
	padding: 68px;
	display: inline-block;
	width: 100%;
	clear: both;
}

footer.footer .footer-logo {
	float: left;
}

footer.footer .menu_wrap {
	margin-left: 175px;
}

footer.footer .menu_wrap .menu * {
	color: #606060;
}

footer.footer .menu_wrap .menu a {
	margin-right: 66px;
}

footer.footer .menu_wrap .menu a.contact {
	color: #4183c4;
}

footer.footer .menu_wrap .copyright, footer.footer .menu_wrap .address-and-download-app {
	margin-top: 30px;
}

footer.footer .menu_wrap .copyright {
	color: #606060;
}

footer.footer .menu_wrap .address {
	color: #4a4a4a;
}

footer.footer .menu_wrap .phone {
	margin-top: 5px;
	color: #4a4a4a;
}

footer.footer .menu_wrap .address-phone {
	float: left;
}

footer.footer .menu_wrap .download-app {
	float: left;
	margin-left: 100px;
}

footer.footer .menu_wrap .download-app a {
	display: inline-block;
}

footer.footer .menu_wrap .download-app .image {
	display: inline-block;
	width: 180px;
}

/* 두들토스 */
.doodletoss {
	margin-top: 35px;
}

.room-list {
	float: left;
	width: 844px;
}

.room-list .header {
	width: 100%;
	height: 53px;
	font-weight: bold;
	color: #fff;
	font-size: 12pt;
	margin-bottom: 8px;
}

.room-list .header .num, .room-list .header .room-title, .room-list .header .room-master, .room-list .header .number-person, .room-list .header .clear-time, .room-list .header .remark {
	float: left;
	line-height: 53px;
	text-align: center;
	background: #767677;
	margin-right: 2px;
}

.room-list .room {
	font-size: 10pt;
	margin-top: 2px;
}

.room-list .room a {
	color: #4e4e4e;
}

.room-list .room .num, .room-list .room .room-title, .room-list .room .room-master, .room-list .room .number-person, .room-list .room .clear-time, .room-list .room .remark {
	float: left;
	height: 50px;
	line-height: 50px;
	margin-right: 2px;
	text-align: center;
}

.room-list .public-room {
	background: #bdeeec;
}

.room-list .public-room .room-title {
	font-weight: bold;
}

.room-list .public-room .remark {
	color: #0f94a0;
}

.room-list .personal-room {
	background: #fff;
}

.room-list .my-room {
	background: #fff2ca;
}

.room-list .num {
	width: 78px;
}

.room-list .room-title {
	width: 361px;
}

.room-list .room-title .profile {
	width: 50px;
	height: 50px;
	margin-right: 20px;
	vertical-align: top;
}

.room-list .room-master {
	width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.room-list .number-person {
	width: 90px;
}

.room-list .clear-time {
	width: 94px;
}

.room-list .header .remark, .room-list .room .remark {
	width: 81px;
	margin-right: 0;
}

.room-list .room .remark.private {
	line-height: 60px;
}

.room-list .room .room-title {
	text-align: left;
	padding-left: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.banner-list {
	width: 286px;
	float: left;
	margin-left: 20px;
}

.banner-list .make-room {
	width: 286px;
	height: 53px;
	line-height: 53px;
	display: inline-block;
	border: 1px solid #4c66e8;
	background: #4c66e8;
	color: #fff;
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
}

.clear {
	clear: both;
}
/* // 두들토스 */
/*페이징 */
.paging {
	display: inline-block;
	width: 100%;
	height: 31px;
	text-align: center;
}

.paging .bar {
	color: #cccccc;
	width: 20px;
	height: 15px;
	display: none;
	vertical-align: middle;
}

.paging .num {
	display: inline-block;
	width: 33px;
	height: 31px;
	line-height: 31px;
	font-weight: bold;
	vertical-align: middle;
	color: #969696;
	font-size: 10pt;
}

.paging .num:HOVER {
	display: inline-block;
	width: 33px;
	height: 31px;
	line-height: 29px;
	vertical-align: middle;
	border: 1px solid #DCDCDC;
}

.paging .nemo, .paging .nemo:HOVER {
	display: inline-block;
	width: 33px;
	height: 31px;
	line-height: 31px;
	text-align: center;
	color: #f2f2f2;
	background: #969696;
	font-weight: bold;
	border: none;
}
/* //페이징 */

/* 꿀충전소 */
.customer.main.container {
	margin-top: 35px;
	margin-bottom: 95px;
}

.customer.main.container .aligned.grid {
	margin: 0px;
}

.customer.main.container .aligned.grid .column {
	padding: 0px;
}

.customer.main.container .aligned.grid .column.force-charge {
	padding: 0px;
	max-width: 100%;
	background: transparent;
}

.customer.main.container .ui.tabular.menu {
	border: 0;
}

.customer.main.container .ui.tabular.menu .item {
	width: 20%;
	height: 51px;
	line-height: 26px;
	color: #5d5d5e;
	border-radius: 0;
	display: inline-block;
	background-color: #cfd2d6;
}

.customer.main.container .ui.tabular.menu .active.item {
	color: #ff8a00;
	border-radius: 0 !important;
	background-color: #ffffff;
}

.customer.main.container .ui.bottom.segment {
	border-radius: 0;
	padding-bottom: 30px;
	background-color: #ffffff;
}

.customer.main.container .aligned.grid .column.force-charge .ui.bottom.segment {
	padding: 32px 0 0 0;
}

.customer.main.container .ui.bottom.segment .payment-list.divide-tab {
	margin: 26px 0;
}

.customer.main.container .ui.bottom.segment .payment-list.divide-tab .column {
	height: 44px;
	color: #5d5d5e;
	line-height: 44px;
	font-weight: bold;
	margin-right: 4px;
	text-align: center;
	background: #d9dbe3;
}

.customer.main.container .ui.bottom.segment .payment-list.divide-tab .column.active {
	color: #fff;
	background: #596fe4;
}

.customer.main.container .ui.bottom.segment .payment-list.table {
	width: 100%;
	margin-bottom: 20px;
	border-top: 2px solid #d9dbe3;
	border-bottom: 1px solid #dcdcdc;
}

.customer.main.container .ui.bottom.segment .payment-list.table tr {
	height: 41px;
	line-height: 41px;
	text-align: center;
}

.customer.main.container .ui.bottom.segment .payment-list.table tr:not(:first-child) {
	border-top: 1px solid #dcdcdc;
	cursor: pointer;
}

.customer.main.container .ui.bottom.segment .payment-list.table th {
	color: #444444;
	font-weight: bold;
	line-height: 41px;
	background-color: #ffffff;
	border-right: 1px solid #d9dbe3;
}

.customer.main.container .ui.bottom.segment .payment-list.table th:first-child {
	border-left: 1px solid #d9dbe3;
}

.customer.main.container .ui.bottom.segment .payment-list.table td {
	color: #3f3f3f;
	line-height: 41px;
	background-color: #fff;
}

.customer.main.container .ui.bottom.segment .payment-list.table td.desc {
	padding: 10px 0 10px 50px;
	text-align: left;
}

.customer.main.container .ui.bottom.segment .payment-list.table td.desc .ui.circular.image {
	width: 50px;
	margin-right: 20px;
	display: inline-block;
}

.customer.main.container .ui.bottom.segment .payment-list.table .date, .customer.main.container .ui.bottom.segment .payment-list.table .price {
	width: 104px;
}

.customer.main.container .ui.bottom.segment .payment-list.table .status {
	width: 106px;
}

.customer.main.container .ui.bottom.segment .payment-list.table .writer {
	width: 148px;
}

.customer.main.container .ui.bottom.segment .coupon .top {
	color: #5d5d5e;
	padding: 70px 0;
	font-size: 30pt;
}

.customer.main.container .ui.bottom.segment .coupon .top img {
	width: 410px;
	height: 91px;
}

.customer.main.container .ui.bottom.segment .coupon .input_list {
	margin: 0 78px;
	text-align: center;
}

.customer.main.container .ui.bottom.segment .coupon .coupon-input {
	width: 176px;
	height: 57px;
	border: 1px solid #9fa0a0;
	text-align: center;
	margin: 0;
	padding: 0;
}

.customer.main.container .ui.bottom.segment .coupon .coupon-dash {
	display: inline-block;
	margin-left: 6px;
	margin-right: 6px;
	padding-top: 28.5px;
	height: 59px;
	line-height: 59px;
}

.customer.main.container .ui.bottom.segment .coupon .buttons .wrap {
	display: inline-block;
	padding: 70px 0;
	border: 0px;
}

.customer.main.container .ui.bottom.segment .coupon .buttons button {
	border: 0px;
	margin: 0;
	padding: 0;
	height: 59px;
	color: #fff;
}

.customer.main.container .ui.bottom.segment .coupon .buttons .btn-ok {
	float: left;
	background: #4c66e8;
	width: 219px;
	margin-right: 10px;
}

.customer.main.container .ui.bottom.segment .coupon .buttons .btn-cancel {
	float: left;
	background: #9fa0a0;
	width: 170px;
}

.force-charge {
	background: #ffffff;
}

.force-charge .wrap {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 50px;
	text-align: center;
}

.force-charge .wrap .now-state {
	margin: 0;
	height: 196px;
}

.force-charge .wrap .now-state .column, .force-charge .wrap .charge .column {
	padding: 0;
}

.force-charge .wrap .now-state .three.column, .force-charge .wrap .now-state .state {
	padding: 30px 0;
	border-bottom: 1px solid #bebebe;
}

.force-charge .wrap .now-state .state .inner-wrap {
	background: #1f212c;
}

.force-charge .wrap .now-state .column .ui.grid, .force-charge .wrap .charge .column .ui.grid {
	margin: 0;
	height: 100%;
}

.force-charge .wrap .now-state .column .ui.grid .row {
	padding: 0;
	height: 50%;
	line-height: 68px;
}

.force-charge .wrap .now-state .column .ui.grid .row .column, .force-charge .wrap .charge .column .ui.grid .row .column {
	padding: 0;
}

.force-charge .wrap .now-state .column.state .ui.grid .row .column {
	color: #fff;
	font-weight: bold;
}

.force-charge .wrap .now-state .column.state .ui.grid .row .column.force {
	color: #2691ff;
}

.force-charge .wrap .now-state .column.state .ui.grid .row .column img {
	vertical-align: middle;
	margin-right: 10px;
}

.force-charge .wrap .now-state .three.column, .force-charge .wrap .charge .three.column, .force-charge .wrap .payment-method .three.column {
	color: #666466;
	font-weight: bold;
}

.force-charge .wrap .now-state .three.column .nick {
	font-weight: normal;
}

.force-charge .wrap .charge {
	margin: 0;
	height: 315px;
	padding: 0;
	text-align: center;
}

.force-charge .wrap .charge .twelve.column .ui.grid .row {
	height: 45px;
	line-height: 45px;
	cursor: pointer;
}

.force-charge .wrap .charge .twelve.column .ui.grid .row .half {
	line-height: 22px;
}

.force-charge .wrap .charge .twelve.column .ui.grid label .row:not(:last-child){
	border-bottom:1px solid #dcdcdc;
}
.force-charge .wrap .charge .twelve.column .ui.grid .row .column {
	height: 100%;
}

.force-charge .wrap .charge .column .ui.grid .row {
	padding: 0;
}

.force-charge .wrap .charge .charge-title {
	background: #d9dbe3;
	color: #444444;
	font-weight: bold;
}

.force-charge .wrap .payment-method {
	margin: 30px 0 0 0;
	height: 89px;
	padding: 0;
}

.force-charge .wrap .payment-method .column {
	padding: 0;
}

.force-charge .wrap .payment-method .row {
	padding: 0;
	border-top: 1px solid #dcdcdc;
}

.force-charge .wrap .payment-method .row:last-child {
	border-bottom: 1px solid #dcdcdc;
}

.force-charge .wrap .payment-method .three.wide.column {
	text-align: center;
	line-height: 89px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.force-charge .wrap .payment-method .twelve.column .ui.grid {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.force-charge .wrap .payment-method .twelve.column .ui.grid .row .column {
	line-height: 44.5px;
	padding-left: 50px;
	text-align: left;
}

.force-charge .wrap .payment-method .twelve.column .ui.grid .column input[type=radio] {
	margin-right: 10px;
}

.force-charge .wrap .bottom {
	display: inline-block;
	margin-top: 60px;
}

.force-charge .wrap button[type=button] {
	display: block;
	width: 400px;
	height: 60px;
	border: 0;
	background: #ff8a00;
	color: #fff;
	font-weight: bold;
}

.force-charge .wrap .notice {
	text-align: left;
	margin-top: 38px;
	color: #666466;
}

.force-charge .wrap .notice div {
	margin-bottom: 16px;
}
/* //꿀충전소 */
/*팝업용*/
.pop-charge {
	text-align: center;
	margin-top: 70px;
}

.pop-charge .charge-notice {
	color: #191919;
	margin-top: 33px;
	margin-bottom: 51px;
}

.pop-charge button {
	background: #ff8a00;
	color: #ffffff;
	font-size: 12pt;
	width: 60%;
	height: 59px;
	border: 0px;
	margin-bottom: 10px;
}