@charset "utf-8";
@import url("common.css");
/* LOGIN */
div#loginWrap { padding-top:100px; }
div#loginWrap h1 { font-size:26px; line-height:40px; text-align:center; font-weight:100; font-family:'Noto Sans KR'; white-space:nowrap; }
div#loginWrap h1 strong { font-weight:700; }
div#loginWrap div.login { width:400px; margin:0 auto; border:1px solid #DDD; box-shadow:1px 1px 0 0 #FFF; background-color:#FFF; border-radius:3px; }
div#loginWrap div.login h2 { background-color:#363b3f; color:#FFF; padding:10px 20px; font-size:18px; text-align:left; border-top-left-radius:3px; border-top-right-radius:3px; }
div#loginWrap div.login h2:before { content:'\f090'; font-family:'FontAwesome'; padding-right:10px; font-weight:100; }
div#loginWrap div.login div.formLogin { padding:10px 20px; }
div#loginWrap div.login div.formLogin ul {}
div#loginWrap div.login div.formLogin li { padding:10px; border-bottom:1px solid #DDD; }
div#loginWrap div.login div.formLogin li label { display:block; line-height:25px; font-size:14px; }
div#loginWrap div.login div.formLogin li input { width:330px; display:block; }
div#loginWrap div.login div.formLogin div.control { padding:10px; text-align:right; }
div#loginWrap div.login div.formLogin div.control button { margin:5px 0 5px 5px; }
@media all and (max-width:400px) {
	div#loginWrap div.login { width:auto; }
	div#loginWrap div.login div.formLogin li input { width:100%; }
}

.ellipsis { overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; }
.ellipsis2 { display: block; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; word-break: break-all; }
.ellipsis3 { display: block; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; white-space: nowrap; display: -webkit-box; -webkit-box-orient: vertical; word-break: break-all; }

div#contents div.section table.list tbody tr td a:hover { text-decoration: none; }
div#contents div.section table.list tbody tr td span.product { position: relative; display: block; text-align: center; padding-right: 20px; color: #999; }
div#contents div.section table.list tbody tr td span.product .title { display: block; width: 250px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div#contents div.section table.list tbody tr td span.product span.price { text-align: center; margin: 0 auto 5px; }
div#contents div.section table.list tbody tr td span.product:before { content: ''; position: absolute; width: 1px; height: 100%; right: 0;  background-color: #ddd; }
div#contents div.section table.list tbody tr td span.comment { position: relative; display: block; float: left; text-align: left; padding-left: 10px; }
div#contents div.section table.list tbody tr td span.comment .article { display: block; font-size: 18px; margin-bottom: 15px; color: #333; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; word-break: keep-all; }
div#contents div.section table.list tbody tr td span.comment span { display: block; margin-bottom: 5px; color: #999; }
div#contents div.section table.list tbody span.status { display: inline-block; text-align: center; }
div#contents div.section table.list tbody span.status span { display: block; border-radius: 20px; }
div#contents div.section table.list tbody span.status .complete { background-color: #1ABB9C; }
div#contents div.section table.list tbody span.status .hide { background-color: #666; }
div#contents div.section table.list tbody span.status .delete { background-color: #B21016; }
div#contents div.section table.list tbody span.status .ing { background-color: #232B99; }
div#contents div.section table.list tbody span.type { display: inline-block; text-align: center; margin: 0 auto; }
div#contents div.section table.list tbody span.type span { display: block; border-radius: 20px; }
div#contents div.section table.list tbody span.type.sell { background-color: #1ABB9C; }
div#contents div.section table.list tbody span.type.buy { background-color: #3192E9; }
div#contents div.section table.list tbody span.divide { display: inline-block; text-align: center; }
div#contents div.section table.list tbody span.divide span { display: block; border-radius: 20px; }
div#contents div.section table.list tbody span.divide span.stock { background-color: #CF3D30; }
div#contents div.section table.list tbody span.divide span.new { background-color: #3192E9; }
div#contents div.section table.list tbody span.divide span.old { background-color: #666; }
div.section iframe { min-height: 250px; }

div#frameContent ul.list li .comment span.article { margin-bottom: 10px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div#frameContent ul.list li .comment .commInfo { display: inline-block; padding: 0 5px 0 10px; }
div#frameContent ul.list li .comment .commInfo span { font-size: 13px; color: #999; line-height: 150%; margin: 0 3px; }
div#frameContent .pager { margin-top: 15px; }
div#frameContent ul.list li.empty span { line-height: 215px; }