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


/* COMMMON */
	.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: 2px solid #999;
	border-bottom: 1px solid #999;
	// background: #fff;
}
.bbs thead {
	background: #fff;
	border-bottom: 1px solid #fff;
}


.bbs th, .board th, .bbs_head {
	background: #fff !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-top:30px;
	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;
}



/* site */
@main-color: #999;
@grey-text : #b4b4b4;
@url: '/resources/img/site/';
@full-width: 885px;
@side-width: 260px;
@content-width: 885px;
ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
img, a {
	border: 0 none;
}
a {
	outline-width: 0px !important;
	outline-style: none !important;
	outline-color: invert !important;
}
.container {
	width: @full-width !important;
	margin-left: 260px;
	position: relative;
	// height: 100%;
	min-height: 100%;
}

html {
	overflow: scroll;
	height: 100%;
}

body {
	font-size: 11.5px;
	height: 100%;
	background: #eeeeee repeat;
}

#header {
	min-height: 100%;
	width: 260px;
	float: left;
	.logo {
			margin: 45px 0 0 30px;
			}
	.gnb {
		margin: 10px 0 0 20px;
		li {
			margin-left: 10px;
			display: block;
			float: left;
			width: 260px;
			height: 30px;
			}
		}
	&.main .gnb {
			width: 260px;
			margin-top: 25px;
			border-top: solid 1px #ffffff;
			padding-top: 30px;
		li {
			margin-left: 15px;
			display: block;
			float: left;
			width: 260px;
			}
		}
	
}

.main {
		background: #f37020 url('/resources/img/site/main_bg.png') no-repeat;
		width: 100%;
		height: auto;		
		.pull-right {
			/*z-index: 2001;*/
		}
}

.lnb {
	width: @side-width;
	background: url('/resources/img/site/leftmn/left_bg.png') repeat-y;
	float: left;
	padding: 20px 0;
	min-height: 100%;
}

.content {
	width: @content-width;
	// height: 100%;
	padding-left: 25px;
	margin: 0;
	//background: #ffffff repeat-x;
			.content_head {
				padding-top: 30px;
				}
			.utility {
				width: 200px;
				height: 35px;
				float: none;
				position: absolute;
				left: 930px;
				top: 0;
				li {
					float: left;
					margin: -15px 15px 0 0;
					}
				}
			.pull-right {
			width: 200px;
			height: 35px;
			float: none;
			position: absolute;
			left: 930px;
			top: 0;
			li {
				float: left;
				margin: 10px 15px 0 0;
				}
			}
}
#bodyarea.board .content {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	padding: 20px 80px;
	.row-fluid:before, .row-fluid:after {
		content: none;
	}
}

#footer {
		top: 0;
		&.main .footer {
				background: none;
				position: absolute;
				width: 1090px;
				height: 55px;
				top: 810px;
				border: 0;
				left: 260px;
				span {
					float: right;
					padding-top: 30px;
				}
				}
		.footer {
				background: #ffffff;
				position: relative;
				bottom: 0;
				width: 885px;
				height: 90px;
				left: 260px;
				.wrapper {
					width: 860px;
					border-top: solid 1px #cccccc;
					margin-left: 12px;
				}
				img {
				padding: 20px 0 20px 0;
				margin-left: 40px;
				}					
		}
}

.right {
		position: absolute;
		left: 930px;
		top: 60px;
		margin: 0;
		img {
			margin: 0 0 5px 0;
		}
		.x {
			position: relative;
			top: -540px;
			left: -15px;
			}
		}


#bodyarea {
			.container {
						background: #ffffff repeat-x;
						min-height: 100%;
						display: block;
						
			}
			&.main .container {
						background: none;
						min-height: 100%;
						position: absolute;
						display: block;
						top: 0;
						img {
							padding: 0;
						}
							.news {
							width: 230px;
							position: absolute;
							top: 520px;
							left: -25px;
							color: #565656;
							span {
									float: right;
									}
							}
							.up {
							width: 1120px;
							height: 850px;
							position: absolute;
							left: 70px;
							top: 0;
							margin: 0;
							padding: 0;
							}
			}

			.table {
					padding-left: 70px;
					.i {
						background: url('/resources/img/site/i.png') no-repeat;
						background-position: 0 4px;
						padding-left: 15px;
						color: #e44200;
						font-weight: bold;
						margin-top: 20px;
						}
					span {
						font-weight: bold;
						}
					.t {
						padding-top: 20px;
						}
					.tt {
						padding-top: 10px;
						}
					.r {
						border-right: 1px solid #dddddd;
						}
					.l {
						padding-left: 30px;
						}
					table {
						font-weight: bold;
						border-top: 2px solid #e44200;
						margin-top: 10px;
						.a {
							border-left: 1px solid #dddddd;
							border-right: 1px solid #dddddd;
							}
						}
			}
}

.intro {
	width: 1663px;
	height: 1055px;
	background: url('/resources/img/site/intro_bg.png') no-repeat;
	position: relative;
	right: 290px;
	.log {
		background: url('/resources/img/site/intro_logo.png') no-repeat;
		width: 300px;
		height: 740px;
		position: absolute;
		top: -5%;
		left: 40%;
	}
	li {
		float: left;
		margin: 610px 0 0 65px;
	}
}