@import url(http://fonts.googleapis.com/css?family=Unica+One);

::-moz-selection { background: #999; color: #fff; text-shadow: none; }
::selection { background: #999; color: #fff; text-shadow: none; }

//css 애니
a, .btn, .btn:hover, .dropdown-menu, .caret {
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
	-webkit-backface-visibility: hidden;
}

textarea, input, textarea:hover, input:hover {
	-webkit-transition: border .25s linear, color .25s linear;
	-moz-transition: border .25s linear, color .25s linear;
	-o-transition: border .25s linear, color .25s linear;
	transition: border .25s linear, color .25s linear;
	-webkit-backface-visibility: hidden;	
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

@main-color: #999;
@grey-text : #b4b4b4;
@box-border: #565656;
@url: '/resources/img/site/';

.green {

}

.white_back {
	background: #fff !important;
}

.pagination{
	text-align: center !important;
}
// layout
hr { border-bottom: 1px solid #b7b7b7;}

html {
	height: 100%;
	background-color: #f4f4f4;
}

body{
	background: 0 none !important;
	// padding-top:60px;
	color: @main-color;
	overflow-y: scroll;
	font-size: 0.75em;
	font-family: "dotum", "돋움", "Helvetica Neue", Helvetica, Arial, sans-serif;
	// background: #333;
	// height: 100%;
	// *height: auto;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
} 

.label {
	// font-family: 'Muli', cursive, "dotum", "돋움";
}
.label_big {
	font-size: 1.2em;
	padding: 10px;
}

.label a {
	color: #fff !important;
}

.btn_pack {
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}

header {
	font-size: 1em;
	margin-bottom: 30px;
	input,button,.add-on, a.btn, .mymenu > li > a {
		font-size: 11px !important;
	}
	h1 {
		margin: 0;
		width: 150px !important;
	}
	.head_search {
		line-height: 40px;
		.navbar-search {
			margin: 0 !important;
		}
	}

	.banners {
		// background: #1471bd;
		a { float: left; }
	}
}

#bodyarea {
	// min-height: 100%;
	// height: auto;
	margin: 0 auto;
	.container {
	}
}

.carousel {
	background: #000;
	.carousel-control {
		top: 50%;
	}
	.item {
		padding: 20px 20px 20px 80px;
		color:#fff;
		line-height: 1.4;
		.photo {
			text-align: center;
			p {
				margin: 0;
			}
			.caption_title {
				font-size: 1.7em;
				font-weight: bold;
			}
			.caption_sub {
				color: #aaa;
			}
		}
		.detail {
			margin-top: 20px;
			h3 {
				text-decoration: underline;
			}
			.desc {
				color: #aaa;
			}
		}
	}
}
.nav-pills a {
	font-family: 'Muli', 'dotum' !important;
	color: #222;
	font-size: 20px;
	padding: 10px !important;
}

.nav-pills2 a {
	font-family: 'Muli', 'dotum' !important;
	color: #fff;
	font-size: 20px;
	padding: 10px !important;
}

.main_img_div {
	span {
		margin-bottom: 20px;
	}
}


footer {
	padding-bottom: 30px;
	color: @grey-text;
	font-size: 0.9em;

	background: #000;
	// margin-top: 80px;
	padding: 20px 0;

	.logo {
		margin: 2px 40px 0 0;
	}
}

// blog
 .blog_box { 
 	min-height: 200px; 
 	// border-right:1px solid #ccc;
 	.item {
 		border: 1px solid @grey-text;
 		width: 98%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
 		background: #fff;
 		padding: 20px;
 		.head {
 			padding-bottom: 10px;
 			border-bottom: 1px solid #eee;
	 		.title {
				font-size: 1.8em;
				margin-right: 10px;
	 		}
	 		.date {
	 			color: lighten(@main-color, 30%);
	 		}
 		}

 		.desc {
 			padding-top:20px;
 		}
 	}
}

// member info row
.member_info_row {
	.info_items {
		height: 108px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		// padding: 30px 20px 50px;
		border: 1px solid @box-border;
		border-radius: 4px;
		// margin: auto;
		box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;
	}

	.sns {
		padding-left : 20px;
		line-height: 0.9em;
	}
}

// market
.editor_manage {
	button {
		margin-bottom: 10px;
	}
}
.product_info {
	padding: 10px 20px;
	line-height: 1.5;
	i {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		width: 25px;
	}
	i, strong {
		font-size: 1.2em;	
	}
}

.tag {
	margin-left: 5px;
}

.control-group.option .controls {
	margin-bottom: 5px;
}
.market_items {
	color: #333;
	.item {
		position: relative;
		margin-bottom: 20px;
		padding-bottom: 10px;
		background: white;
		border: 1px solid #cdcdcd;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		.list_img {
			margin-top: 20px;
			text-align: center;
			height: 150px;
			overflow: hidden;
			vertical-align: bottom;
		}
		.buttons {
			text-align: center;
			padding-bottom: 15px;
		}
		p {
			// display: none;
			// position: absolute;
			// height: 60px;
			// width: 100%;
			// bottom: 0px;
			// color: #fff;
			// -webkit-box-sizing: border-box;
			//    -moz-box-sizing: border-box;
			//         box-sizing: border-box;
			// background: rgba(0, 0, 0, .5);
			padding: 20px 20px 10px 20px;
			overflow: hidden;
			margin: 0;

			.sec_title {
				// .label_big;
				// color: #006daf;
				// font-weight: bold;
				font-family: 'Muli';
				text-decoration: underline;
			}

			span {
				display: block;
				overflow: hidden;
				// color: #2f2f2f;
				word-break:break-all;
			}
			span.details {
				height: 125px;
				line-height: 1.5;
				letter-spacing: -1px;
				text-overflow: ellipsis;
			}
			span.title {
				font-size: 1.2em;
				font-weight: bold;
				margin-bottom: 10px;
				height: 40px;
				color: #2f2f2f;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			span.etc {
				display: block;
				padding: 5px 0 0px 0;
				a {
					font-family: 'Muli';
					font-size: 1.2em;
					color: #999 !important;
				}
			}
		}
	}
}


// view
.product_action {
	overflow: hidden;
	margin: 10px 0;
}

.info_items {
	border: 1px solid @box-border;
	overflow: hidden;
	margin-bottom: 10px;
}
.artist_follow {
	.photo {
		float:left;
		width: 40%;
	}
	.info {
		text-align: center;
		float: left;
		width:60%;
		p {
			margin-top:20px;
			line-height: 1.2;
			font-size: 1.4em;
		}
	}
}
.like_btn {
	padding: 10px;
	text-align: center;
	a {
		font-size: 1.5em;
	}
	.btn-success {
	}
}

.artist_products {
	img {
		width: 33.3333%;
		float: left;
	}
}

.order_info {
	padding:10px;
}

.product_desc {
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 10px 20px 10px;
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

.editors_desc {
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 10px 20px 10px;
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 20px;

	.title {
		font-weight: bold;
	}
	.desc {

	}
}

.comment {
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: darken(#fff,5%);
	border: solid 1px #ccc;
	padding: 20px;
	h4 {
		margin-bottom: 20px;
	}
	ul.comment_list {
		margin:0; padding:0;
		li.item {
			overflow: hidden;
			clear: both;
			list-style: none;
			position: relative;
			min-height: 100px;
			margin-bottom: 10px;
			.photo {
				position: absolute;
				top:0;
				left:0;
			}
			.detail {
				padding-left: 110px;
				hr {
					margin: 10px 0;
					border-bottom: #ddd 1px solid;
				}
			}
		}
	}
}


// 커뮤니티

.gift_introduce {
	overflow: hidden;
	// background: #fff;
	// padding: 20px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	.item {
		// width: 18%;
		// padding-right: 1%;
		// display: inline-block;
		text-align: center;
		
		img {
			display: block;
			// border:4px solid #eee;
			box-sizing: border-box;
		}
		p {
			text-align: center;
		}
	}
}

.gift_need {
	box-sizing: border-box;
	border:4px solid #ccc;
	background: #fff;
	overflow: hidden;
	padding: 20px;

	table {
		width: 100%;
		// border-top: 1px solid #999;
		// border-bottom: 1px solid #999;
		thead {
			border-bottom: 1px solid #ccc;
		}
		tr {
			line-height: 2.2;
		}
	}
}

.last_artist {
	.item {
		margin-bottom: 13px;
		.desc {
			padding: 10px;
			background: rgba(0, 0, 0, .5);
			color: #fff;
			font-size: 0.9em;
			line-height: 1;
		}
	}
}


/* BBS */
a { outline: none !important; }
.cb {
	clear: both;
}

.important {
	color: @main-color;
	font-weight: bold;
}

// blog
.blog_cate {
	background: #000;
	li a {
		font-size: 1em;
		color: #eee;
		&:hover {
			color: #000;
		}
	}
}

.media-heading .date {
	margin-left: 20px;
	font-size: 0.8em;
	font-weight: normal;
}

/* COMMMON */
	/* bootstrap ie7 */
	.input-prepend input {
		*margin-top:-1px;
	}

	.hidden_file {
/*		display: none !important; */
	display: inline-block;
	*zoom:1; *display: inline;
	}
	.cover_file {

	}
	.upload_file button,.upload_file div,.upload_file input {
		display: inline-block;
		*zoom:1; *display: inline;
	}
	.upload_file  div.input-append {
		vertical-align: top;
	}

textarea {
	resize:none;
}
.only_eng {
	ime-mode:inactive !important;
}

.only_kor {
	ime-mode:active !important;
}
.txt_center {
	text-align: center !important;
}
.txt_left {
	text-align: left !important;
}
.txt_right {
	text-align: right !important;
}
.shadow_box {
	padding: 30px 20px 50px;
	border: 1px solid #b3b3b3;
	border-radius: 4px;
	// margin: auto;
	box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;
	/*background: #fcfcfc;*/
}
.hr666 {
	border-top : 0 none;
	border-bottom : 1px solid #666;
}
/* margins */
.btn_w_input { /* 인풋 옆의 스몰 버튼 마진 */
	margin-bottom: 10px;
}

/* 게시판 테이블 */
.bbs {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	// background: #fff;
}
.bbs thead {
	background: #f6f0ea;
	border-bottom: 1px solid #766c62;
}
	.board {
		border-top: 2px solid #395868;
		border-bottom: 1px solid #395868;
	}
	// .board th, .bbs_head {
	// 	background: #d8ebf0;;
	// 	color: #395868;
	// 	font-weight: bold;
	// }

.bbs th, .board th, .bbs_head {
	background: #eee !important;
	text-align: center!important;
	color: #395868 !important;
	font-weight: bold !important;
}

.bbs_view_title {
	color: #777;
}
.bbs_view_detail {
	font-weight: bold;
	color: #666;
	margin-left: 5px;
	margin-right: 30px;
}
#comment_list li {
	display: block;
}

/* bbs */
.div4board {
	// width: 650px;
	// float: right;
	// background: white;
	// max-height: 400px;
	// border-top: 2px solid #e02d2c;
	// border-bottom: 2px solid #e02d2c;
	// overflow: auto;
	// margin-right: 35px;
	input {
		margin: 0;
		padding: 0 8px;
	}
	select {
		margin:0;
		height: auto;
		font-size: 11px;
		padding: 2px;
	}
}

.bbs_date {
	background: url('/resources/images/sogong/bbs_icon/icon_date.gif') no-repeat 0 2px;
	padding-left:20px;
	color: #888;
	/*line-height: 30px;*/
	height: 30px;
	display: inline-block;
}

.box {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px 0 10px 10px;
	background: #fff;
	color: #505050;
	font-weight: bold;
	word-break: break-all;
	font-size: 1.2em;
	border-top: 1px solid #999;
}

.bbs_mb_info {
	color: #888;
	padding: 10px 0 10px 10px;
	/*color: #505050;*/
}

.margin0{
	margin: 0;
}

.bbs_content {
	padding: 20px 0 20px 20px;
	/*border-bottom: 1px solid #999;*/
}


.bbs_title {
	margin-top: -70px;
	margin-bottom: 30px;
}

/* join */
.mb_join {
	// width: 50%;
	clear:both;
	// background: #fff;
	border: 1px solid #ccc;
	padding: 20px 30px;
	// margin: auto !important;
	margin:30px 0;
	text-align: center;
}
.mb_join label {
	font-size: 11px;
	text-align: left;
}
.mb_join label.control-label {
	font-weight:  bold;
	display: inline-block;
	*zoom:1; *display: inline;
	vertical-align: top;
	padding-top: 7px;
	padding-right:10px;
	width: 90px;
	text-align: right;
}
.mb_join .controls { display: inline-block; *zoom:1; *display: inline; }

.mb_join input {
	margin-bottom: 0px;
}






textarea.input-block-level {
	padding: 0 !important;
}

th {
	text-align: center;
}

// 동영상 반응형
// img,
video {
    display: inline-block;
    width: auto\9 !important; /* ie8 */
    width: auto !important;
    max-width: 100%;
    height: auto !important;
}
.video-container {
    position: relative;
    height: 0;
    padding-top: 30px;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.video-container iframe,.video-container object,.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}




// 옵션

#optionTab {
	clear: both;
	margin-top: 50px;
	/* border: 1px solid @box-border; */
	padding: 10px;
	display: block;
	margin-bottom: 0px;
}


.optionBox {
	border: 1px solid @box-border;
	border-top: 0 none;
	display: block;
	margin-bottom: 0px;
}

.optionList {
	margin-top: -1px;
	border-top: 1px solid @box-border;
	padding: 20px;
	padding-left: 150px;
	background-repeat: no-repeat;
	background-position: 20px 50%;
	min-height: 100px;
}
.optionItemLabel {
	display: block;
}
.optionItemLabel * {
	/*line-height: 1;*/
}
.optionItemLabel span {
	font-size: 0.9em;
}
.optionItemLabel span.price {
	font-weight: bold;
}

.accesoryBox {
	border: 1px solid @box-border;
	margin-top: -1px;
	padding: 20px;
}

// 가격정보

.common_info {
	border: 1px solid @box-border;
	&>div {
		padding: 10px 10px 10px 10px;
	}
	p {
		margin: 0;
	}
	.div_header {
		border-bottom: 1px solid @box-border;
		background: #000;
	}
	.div_middle {
		border-bottom: 1px solid @box-border;

	}
	// .div_middle.pull-left {
	// 	border-right: 1px solid @box-border;
	// }
	.div_footer {
		clear: both;
		// border-top: 1px solid @box-border;
	}
	.panel-header {
		color: #222;
		font-weight: bold;
	}
}




.login_form {
	margin-top: 50px;
}

.market_list {
	margin: 0 auto 20px auto;
	font-size: 15px;
	clear: both;
	li {
		//width: 167px;
		width: (1170-2)/6px;
		text-align: center;
		//margin: 0  100px;
	}
	.dropdown-menu {
		border: 0 none !important;
	}
	.dropdown-menu a {
		font-size: 12px;
	}
	.dropdown-toggle .caret {
		border-top-color: #999;
		border-bottom-color: #999;
	}
	.dropdown.active .dropdown-toggle .caret {
		border-top-color: #000;
		border-bottom-color: #000;
	}
}

.modal-header {
	h3 {
		text-align: center;
	}
}
#orderModal {
	.modal-body {
		table {
			width: 80%;
			margin: 0 auto;
			th {
				text-align: right;
				line-height: 30px;
			}
		}
	}
	.modal-footer {
		text-align: center !important;
	}
}


.prevModal {
	.pd_name {
		font-weight: bold;
		margin-bottom: 10px;
		color: #fff;
	}
	.pd_price {
		color: #fff;
	}
}



.pd_price {
	.add-on {
		font-size: 12px;
	}
	.RQ_COUNT {
		width: 50px;
	}
}

.pd_count {
	margin-right: 10px;
}

.accesoryList {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	img {
		margin-right: 10px;
	}
	li {
		clear: both;
		overflow: hidden;
		margin-bottom: 10px;
		h4 {
			margin-top: 0;
		}
	}
	img {
		width: 80px;
	}	
}



.request_info {
	border: 1px solid @box-border;
	padding-bottom: 30px;
	overflow: hidden;
	.div_header {
		background: #242424;
		border-bottom: 1px solid @box-border;
		margin-bottom: 30px;
		h3,h4 {
			margin: 0;
		}
	}
}

.bottom_img {
	text-align: center;
	// margin-top: 60px;
}

.accesoryList_upper {
	margin: 0 0 10px 0;
}

.request_box {
	border: 1px solid @box-border;
	padding: 20px;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	.request_box_ul {
		padding: 0;
		margin: 0;
		&>li { list-style: none; clear: both; margin-top: 10px; margin-bottom: 10px; }
	}
}

.request_prices {
	line-height: 30px;
}

.request_prices_point {
	line-height: 30px;
	font-weight: bold;
	color: #222;
}

.final_price_div {
	border: 3px solid #222;
	color: #222;
	padding: 30px;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.final_price_prev {
padding: 30px 35% 30px 30px;
	text-align: left;
}

.RQ_EMAIL_SEL {
	font-size: 12px;
	width: 90px;
}

@media (min-width: 480px) and (max-width: 979px) {
	.market_items .list_img {
		height: auto !important;
	}
	.market_items .details {
		height: auto !important;
	}
}