clien transformer

clien.css

/* layout
-------------------------------------*/
body {
	margin: 0 3.5%;
	padding: 0;
	font-family: 'NanumGothic';
}
p, h2, tr, td, td a, select {
	font-family: 'NanumGothic'!important;
}
#wrap {
	position: relative;
	display: -webkit-flex;
	display:         flex;
	flex-wrap: wrap;
	width: auto;
	max-width: 1280px;
	min-width: 600px;
	margin: 1.5% auto;
	box-shadow: 0 3px 30px 2px rgba(0, 0, 0, .4);
}
#container {
	float: none;
	display: flex;
	-webkit-flex: 1;
	        flex: 1;
	position: relative;
	overflow: hidden;
	box-shadow: 0 -3px 10px 2px rgba(0, 0, 0, .4), 0 0 0 1px rgba(0, 0, 0, 0.2);
	z-index: 100;
}
#aside {
	float: none;
	-webkit-flex: none;
	        flex: none;
	width: 160px;
	margin: 0;
	background-color: #f9fafa;
	overflow: hidden;
}

@media all and (max-width: 1024px) {
	body {
		margin: 0;
	}

	#wrap {
		margin: 0;
	}
	#container {
		overflow: hidden;
		-webkit-flex: none;
		        flex: none;
		width: 100%;
	}

	#aside {
		display: none;
	}
}


/* global
-------------------------------------*/
#nameContextMenu {
	z-index: 10000;
}
/* icon button */
.view_content_btn a,
.view_content_btn2 a,
.board_foot .list_button a,
.board_foot .write_button a,
.view_title .title_btn a {
	float: left;
	display: block;
	width: 36px;
	height: 36px;
	border-left: 1px solid #a7bcc9;
	-webkit-transition: all 0.3s;
	        transition: all 0.3s;
}
.view_content_btn a img,
.view_content_btn2 a img,
.board_foot a img,
.view_title .title_btn a img {
	display: block!important;
	width: 24px;
	height: 24px;
	margin: 5px auto;
	-webkit-filter: invert(35%);
	        filter: invert(35%);
	/*opacity: 0.6;*/
	-webkit-transition: all 0.3s;
	        transition: all 0.3s;
}
.view_content_btn a:hover,
.view_content_btn2 a:hover,
.board_foot a:hover,
.view_title .title_btn a:hover {
	background-color: #a7bcc9;
}
.view_content_btn a:hover img,
.view_content_btn2 a:hover img,
.board_foot a:hover img,
.view_title .title_btn a:hover img {
	-webkit-filter: invert(100%);
	        filter: invert(100%);
	/*opacity: 1;*/
}
/* modify icon */
.view_content_btn a img[src$="btn_board_modify.gif"],
.reply_btn li a img[src$="icon_reply_modify.gif"],
.board_foot a img[src$="btn_board_write.gif"] {
	content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjEuNTYxIDUuMzE4bC0yLjg3OS0yLjg3OWMtLjI5My0uMjkzLS42NzctLjQzOS0xLjA2MS0uNDM5LS4zODUgMC0uNzY4LjE0Ni0xLjA2MS40MzlsLTMuNTYgMy41NjFoLTljLS41NTIgMC0xIC40NDctMSAxdjEzYzAgLjU1My40NDggMSAxIDFoMTNjLjU1MiAwIDEtLjQ0NyAxLTF2LTlsMy41NjEtMy41NjFjLjI5My0uMjkzLjQzOS0uNjc3LjQzOS0xLjA2MXMtLjE0Ni0uNzY3LS40MzktMS4wNnptLTEwLjA2MSA5LjM1NGwtMi4xNzItMi4xNzIgNi4yOTMtNi4yOTMgMi4xNzIgMi4xNzItNi4yOTMgNi4yOTN6bS0yLjU2MS0xLjMzOWwxLjc1NiAxLjcyOC0xLjY5NS0uMDYxLS4wNjEtMS42Njd6bTcuMDYxIDUuNjY3aC0xMXYtMTFoNmwtMy4xOCAzLjE4Yy0uMjkzLjI5My0uNDc4LjgxMi0uNjI5IDEuMjg5LS4xNi41LS4xOTEgMS4wNTYtLjE5MSAxLjQ3djMuMDYxaDMuMDYxYy40MTQgMCAxLjEwOC0uMSAxLjU3MS0uMjkuNDY0LS4xOS44OTYtLjM0NyAxLjE4OC0uNjRsMy4xOC0zLjA3djZ6bTIuNS0xMS4zMjhsLTIuMTcyLTIuMTcyIDEuMjkzLTEuMjkzIDIuMTcxIDIuMTcyLTEuMjkyIDEuMjkzeiIvPjwvc3ZnPg==);
}
/* delete icon */
.view_content_btn a img[src$="btn_board_del.gif"],
.reply_btn li a img[src$="icon_reply_del.gif"],
.board_foot a img[src$="btn_board_del2.gif"] {
	content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTggN2gtMXYtMWMwLTEuMTA0LS44OTYtMi0yLTJoLTdjLTEuMTA0IDAtMiAuODk2LTIgMnYxaC0xYy0uNTUyIDAtMSAuNDQ4LTEgMXMuNDQ4IDEgMSAxdjhjMCAyLjIwNiAxLjc5NCA0IDQgNGg1YzIuMjA2IDAgNC0xLjc5NCA0LTR2LThjLjU1MiAwIDEtLjQ0OCAxLTFzLS40NDgtMS0xLTF6bS0xMC0xaDd2MWgtN3YtMXptOCAxMWMwIDEuMTA0LS44OTYgMi0yIDJoLTVjLTEuMTA0IDAtMi0uODk2LTItMnYtOGg5djh6TTguNSAxMC41Yy0uMjc1IDAtLjUuMjI1LS41LjV2NmMwIC4yNzUuMjI1LjUuNS41cy41LS4yMjUuNS0uNXYtNmMwLS4yNzUtLjIyNS0uNS0uNS0uNXpNMTAuNSAxMC41Yy0uMjc1IDAtLjUuMjI1LS41LjV2NmMwIC4yNzUuMjI1LjUuNS41cy41LS4yMjUuNS0uNXYtNmMwLS4yNzUtLjIyNS0uNS0uNS0uNXpNMTIuNSAxMC41Yy0uMjc1IDAtLjUuMjI1LS41LjV2NmMwIC4yNzUuMjI1LjUuNS41cy41LS4yMjUuNS0uNXYtNmMwLS4yNzUtLjIyNS0uNS0uNS0uNXpNMTQuNSAxMC41Yy0uMjc1IDAtLjUuMjI1LS41LjV2NmMwIC4yNzUuMjI1LjUuNS41cy41LS4yMjUuNS0uNXYtNmMwLS4yNzUtLjIyNS0uNS0uNS0uNXoiLz48L3N2Zz4=);
}
/* list icon */
.board_foot a img[src$="btn_board_list.gif"] {
 content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48Zz48cGF0aCBkPSJNMTcgMjFoLTEwYy0xLjY1NCAwLTMtMS4zNDYtMy0zdi0xMmMwLTEuNjU0IDEuMzQ2LTMgMy0zaDEwYzEuNjU0IDAgMyAxLjM0NiAzIDN2MTJjMCAxLjY1NC0xLjM0NiAzLTMgM3ptLTEwLTE2Yy0uNTUxIDAtMSAuNDQ5LTEgMXYxMmMwIC41NTEuNDQ5IDEgMSAxaDEwYy41NTEgMCAxLS40NDkgMS0xdi0xMmMwLS41NTEtLjQ0OS0xLTEtMWgtMTB6TTE2IDExaC04Yy0uMjc2IDAtLjUtLjIyNC0uNS0uNXMuMjI0LS41LjUtLjVoOGMuMjc2IDAgLjUuMjI0LjUuNXMtLjIyNC41LS41LjV6TTE2IDhoLThjLS4yNzYgMC0uNS0uMjI0LS41LS41cy4yMjQtLjUuNS0uNWg4Yy4yNzYgMCAuNS4yMjQuNS41cy0uMjI0LjUtLjUuNXpNMTYgMTRoLThjLS4yNzYgMC0uNS0uMjI0LS41LS41cy4yMjQtLjUuNS0uNWg4Yy4yNzYgMCAuNS4yMjQuNS41cy0uMjI0LjUtLjUuNXpNMTYgMTdoLThjLS4yNzYgMC0uNS0uMjI0LS41LS41cy4yMjQtLjUuNS0uNWg4Yy4yNzYgMCAuNS4yMjQuNS41cy0uMjI0LjUtLjUuNXoiLz48L2c+PC9zdmc+);
}
.view_content_btn2 a img[src$="btn_board_vote.gif"] {
	content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTkuNTcgOC42NzZjLS4zOTEtLjE0NC0yLjUxMi0uNDA2LTMuODgzLS41Ni4yMTUtMS4yNTUuMzEzLTIuNDA1LjMxMy0zLjYxNiAwLTEuMzc5LTEuMTIyLTIuNS0yLjUtMi41cy0yLjUgMS4xMjEtMi41IDIuNWMwIDEuODc1LS42NjYgMi43MzgtMS42MTYgMy42OTktLjU0OC0uNzIyLTEuNDA3LTEuMTk5LTIuMzg0LTEuMTk5LTEuNjU0IDAtMyAxLjM0Ni0zIDN2NmMwIDEuNjU0IDEuMzQ2IDMgMyAzIC43NTUgMCAxLjQzOC0uMjkgMS45NjUtLjc1MmwuMTg4LjE5M2MuOTYuNzM2IDMuNjY3IDEuNTU5IDUuODQ4IDEuNTU5IDEuODc5IDAgMi42MDgtLjI5MyAzLjI1My0uNTUzbC4zMTYtLjEyM2MuODM0LS4zMDUgMS41NzYtMS4yMjcgMS43MzYtMi4ybC42NjYtNS45NzRjLjE3My0xLjAzNy0uNDQzLTIuMTI1LTEuNDAyLTIuNDc0em0tMTIuNTcgOC4zMjRjLS41NTEgMC0xLS40NDgtMS0xdi02YzAtLjU1Mi40NDktMSAxLTFzMSAuNDQ4IDEgMXY2YzAgLjU1Mi0uNDQ5IDEtMSAxem0xMS4zMjctLjE1Yy0uMDM3LjIyNC0uMjkyLjU0MS0uNDQzLjU5NmwtLjM3Ni4xNDZjLS41NDUuMjE5LTEuMDE2LjQwOC0yLjUwOC40MDgtMS45MTQgMC00LjExOC0uNzUzLTQuNjMyLTEuMTQ2LS4xNTgtLjEyLS4zNjgtLjU2NC0uMzY4LS44NTR2LTQuOThjLjAwMy0uMDQ3LjA1MS0uNjU2LjcwNy0xLjMxMi45MTMtLjkxNCAyLjI5My0yLjI5NCAyLjI5My01LjIwOCAwLS4yNzUuMjI1LS41LjUtLjVzLjUuMjI1LjUuNWMwIDEuNDA3LS4xNDYgMi43My0uNDc5IDQuMjkzbC0uMjk3IDEuMzk2IDEuMzIxLS4xODhjLjYwMy4wNSAzLjkzMy40NDcgNC4zMzQuNTUuMDU4LjAzLjEzMi4xODMuMTExLjMyM2wtLjY2MyA1Ljk3NnoiLz48L3N2Zz4=);
}
.view_content_btn2 a img[src$="btn_board_scrap.gif"] {
	content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNTM0IDQuNDY2YzEuMDI0IDAgMi4wNS4zOSAyLjgyOSAxLjE2OSAxLjU2MSAxLjU2MSAxLjU2MSA0LjA5OCAwIDUuNjU2bC03LjA3MSA3LjA3MmMtLjc3OC43NzktMS44MDQgMS4xNy0yLjgyOCAxLjE3cy0yLjA0OS0uMzkxLTIuODI4LTEuMTdjLTEuNTYtMS41NTktMS41Ni00LjA5OCAwLTUuNjU2bC44MDctLjgwN2MtLjAwNC44MDUuMjUgMS41MjQuNzAxIDIuMTI1bC0uMDk0LjA5NmMtLjc4Ljc3OS0uNzggMi4wNDkgMCAyLjgyOC4zOS4zOS45MDEuNTg0IDEuNDE0LjU4NHMxLjAyNC0uMTk1IDEuNDE0LS41ODRsMi41MzUtMi41MzUgNC41MzctNC41MzdjLjc3OC0uNzc5Ljc3OC0yLjA0OSAwLTIuODI4LS4zOTItLjM5LS45MDQtLjU4NC0xLjQxNy0uNTg0LS41MTIgMC0xLjAyMy4xOTUtMS40MTMuNTg0bC00LjUzNSA0LjUzN2MtLjEyOC4xMjctLjE0Ni4yNzUtLjE0Ni4zNTQgMCAuMDc2LjAxOS4yMjYuMTQ2LjM1My4wOTkuMDk5LjIyOC4xNDcuMzU2LjE0Ny4xMjcgMCAuMjU0LS4wNDkuMzUyLS4xNDZsMi4xMjItMi4xMjEgMS40MTQtMS40MTRjLjM5Mi4zOTIuNTg2LjkwMi41ODYgMS40MTQgMCAuNTExLS4xOTQgMS4wMjEtLjU4NCAxLjQxbC0yLjEyNCAyLjEyNWMtLjQ4Ni40ODctMS4xMjcuNzI5LTEuNzY4LjcyOXMtMS4yOC0uMjQ0LTEuNzY5LS43MjljLS40NzItLjQ3NC0uNzMxLTEuMTAxLS43MzEtMS43NjkgMC0uNjcuMjYxLTEuMjk3LjczMi0xLjc3bDQuNTM0LTQuNTM1Yy43NzktLjc3OSAxLjgwNS0xLjE2OCAyLjgyOS0xLjE2OG0wLTJjLTEuNjA0IDAtMy4xMS42MjMtNC4yNDIgMS43NTVsLTcuMDY5IDcuMDczYy0xLjEzMyAxLjEzMS0xLjc1NyAyLjYzOC0xLjc1NyA0LjI0MnMuNjI0IDMuMTEgMS43NTcgNC4yNDNjMS4xMzEgMS4xMzIgMi42MzkgMS43NTUgNC4yNDEgMS43NTVzMy4xMS0uNjI0IDQuMjQyLTEuNzU3bDcuMDcxLTcuMDcxYzEuMTMzLTEuMTMxIDEuNzU3LTIuNjM4IDEuNzU3LTQuMjQyIDAtMS42MDMtLjYyMy0zLjExLTEuNzU1LTQuMjQxLTEuMTMzLTEuMTM0LTIuNjQtMS43NTctNC4yNDUtMS43NTd6Ii8+PC9zdmc+);
}
.reply_btn li a img[src$="btn_reply.gif"] {
	content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMjFjLTEuNjU0IDAtMy0xLjM0Ni0zLTNsLjA1My0zLjA1My0zLjAzNS4wNTNjLTEuNjcyIDAtMy4wMTgtMS4zNDYtMy4wMTgtM3MxLjM0Ni0zIDMtM2wzLjA1My0uMDU0LS4wNTMtMi45MjhjMC0xLjY3MiAxLjM0Ni0zLjAxOCAzLTMuMDE4czMgMS4zNDYgMyAzbC4wNTUgMi45NDYgMi45NjMuMDU0YzEuNjM2IDAgMi45ODIgMS4zNDYgMi45ODIgM3MtMS4zNDYgMy0zIDNsLTIuOTQ1LS4wNTMtLjA1NSAzLjA3MWMwIDEuNjM2LTEuMzQ2IDIuOTgyLTMgMi45ODJ6bS0xLTh2NS4wMThjMCAuNTMzLjQ0OS45ODIgMSAuOTgyczEtLjQ0OSAxLTF2LTVoNS4wMThjLjUzMyAwIC45ODItLjQ0OS45ODItMXMtLjQ0OS0xLTEtMWgtNXYtNWMwLS41NjktLjQ0OS0xLTEtMXMtMSAuNDQ5LTEgMXY1aC01Yy0uNTY5IDAtMSAuNDQ5LTEgMXMuNDQ5IDEgMSAxaDV6Ii8+PC9zdmc+);
}
.view_content_btn2 a img[src$="btn_board_report.gif"],
.reply_btn li a img[src$="icon_reply_report.gif"] {
	content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgNS41MTFjLjU2MSAwIDEuMTE5LjM1NCAxLjU0NCAxLjA2Mmw1LjkxMiA5Ljg1NGMuODUxIDEuNDE1LjE5NCAyLjU3My0xLjQ1NiAyLjU3M2gtMTJjLTEuNjUgMC0yLjMwNy0xLjE1OS0xLjQ1Ni0yLjU3M2w1LjkxMi05Ljg1NGMuNDI1LS43MDguOTgzLTEuMDYyIDEuNTQ0LTEuMDYybTAtMmMtMS4yOTYgMC0yLjQ4Mi43NC0zLjI1OSAyLjAzMWwtNS45MTIgOS44NTZjLS43ODYgMS4zMDktLjg3MiAyLjcwNS0uMjM1IDMuODNzMS44NzkgMS43NzIgMy40MDYgMS43NzJoMTJjMS41MjcgMCAyLjc3LS42NDYgMy40MDYtMS43NzFzLjU1MS0yLjUyMS0uMjM1LTMuODNsLTUuOTEyLTkuODU0Yy0uNzc3LTEuMjk0LTEuOTYzLTIuMDM0LTMuMjU5LTIuMDM0eiIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTYiIHI9IjEuMyIvPjxwYXRoIGQ9Ik0xMy41IDEwYzAtLjgzLS42NzEtMS41LTEuNS0xLjVzLTEuNS42Ny0xLjUgMS41YzAgLjE5OS4wNDEuMzg5LjExMS41NjIuNTU0IDEuMzc2IDEuMzg5IDMuNDM4IDEuMzg5IDMuNDM4bDEuMzkxLTMuNDM4Yy4wNjgtLjE3My4xMDktLjM2My4xMDktLjU2MnoiLz48L3N2Zz4=);
}


/* header
-------------------------------------*/
#header {
	position: absolute;
	margin: 0;
	width: 100%;
	height: auto;
	background-color: #374273;
}
#gnb {
	position: relative;
	height: 50px;
}
#gnb h1 a {
	width: 177px;
	background-color: #fff;
	vertical-align: -1px;
}
#gnb h1 {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	padding-left: 2%;
}
#gnb ul {
	position: absolute;
	padding: 0;
	float: none;
	right: 210px;
	top: 50%;
	margin-top: -10px;
}
#gnb li {
	line-height: 20px;
}
/* search google */
.search_google {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -14px;
	padding: 0 2% 0!important;
}
.search_google input[type=text] {
	width: 150px;
	height: 18px!important;
	padding: 2px 1px!important;
	color: #fff!important;
	border: 0;
	border-bottom: 2px solid rgba(255, 255, 255, 0.8);
	font-size: 13px!important;
	font-family: 'Nanum Gothic';
	line-height: 18px;
	background: transparent;
}


/* container layout
-------------------------------------*/
#snb {
	width: 18%;
	min-width: 140px;
	margin-top: 50px;
	padding: 0;
	background-color: #ebf0f3;
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e1e8ed), color-stop(100%,#f7f8f9));
	box-shadow: inset -30px 15px 80px rgba(17, 35, 52, 0.1);
}
#snb br {
	display: none;
}
#content {
	position: relative;
	overflow: hidden;
	width: 82%;
	margin: 50px 0 0;
	padding-bottom: 111px;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.2);
}


/* footer
-------------------------------------*/
#footer:before,
#footer:after {
    content: " ";
    display: table;
}
#footer:after {
	clear: both;
}
#footer {
	float: none;
	width: 100%;
	height: 111px;
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 0;
	border-top: 1px solid #a7bcc9;
	background-color: #fff;
}

#footer .bg {
	display: none;
}
#footer ul {
	overflow: hidden;
	float: none;
	width: auto;
	height: 36px;
	background: none;
	border-top: 0;
	border-bottom: 1px solid #a7bcc9;
	background: #f9fafa;
}
#footer li {
	height: auto;
	padding: 0;
	line-height: 36px;
	font-size: 13px;
	border-right: 1px solid #a7bcc9;
}
#footer li a {
	display: block;
	padding: 0 15px;
	-webkit-transition: all 0.3s;
	        transition: all 0.3s;
}
#footer li a:hover {
	color: #fff;
	background-color: #a7bcc9;
}
#footer .btn_foot_top {
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	border-left: 1px solid #a7bcc9;
	border-right: 0;
	text-indent: -100em;
	background-color: #f9fafa;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	        transition: all 0.3s;
}
#footer .btn_foot_top img {
	content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMjFjLTEuNjU0IDAtMy0xLjM0Ni0zLTN2LTQuNzY0Yy0xLjE0MyAxLjAyNC0zLjAyNS45NzktNC4xMjEtLjExNS0xLjE3LTEuMTY5LTEuMTctMy4wNzMgMC00LjI0Mmw3LjEyMS03LjEyMSA3LjEyMSA3LjEyMWMxLjE3IDEuMTY5IDEuMTcgMy4wNzMgMCA0LjI0Mi0xLjA5NCAxLjA5NS0yLjk3OSAxLjE0LTQuMTIxLjExNXY0Ljc2NGMwIDEuNjU0LTEuMzQ2IDMtMyAzem0tMS0xMi41ODZ2OS41ODZjMCAuNTUxLjQ0OCAxIDEgMXMxLS40NDkgMS0xdi05LjU4NmwzLjI5MyAzLjI5M2MuMzc5LjM3OCAxLjAzNS4zNzggMS40MTQgMCAuMzkxLS4zOTEuMzkxLTEuMDIzIDAtMS40MTRsLTUuNzA3LTUuNzA3LTUuNzA3IDUuNzA3Yy0uMzkxLjM5MS0uMzkxIDEuMDIzIDAgMS40MTQuMzc5LjM3OCAxLjAzNS4zNzggMS40MTQgMGwzLjI5My0zLjI5M3oiLz48L3N2Zz4=);
	position: absolute;
	top: 6px;
	left: 6px;
	width: 24px;
	height: 24px;
	padding: 0;
	-webkit-filter: invert(35%);
	-webkit-transition: all 0.3s;
	        transition: all 0.3s;
}
#footer .btn_foot_top:hover {
	background-color: #a7bcc9;
}
#footer .btn_foot_top:hover img {
	-webkit-filter: invert(100%);
}
.foot_logo {
	padding: 17px 0 0 15px;
}
#footer dl {
	margin: 22px 0 0 15px;
}
#footer dd:first-child {
	margin-bottom: 5px;
}
#footer dd:not(:first-child) {
	display: inline-block;
	font-size: 10px;
	margin-right: 10px;
	font-family: Tahoma;
}
#footer div:last-child {
	float: none!important;
	position: absolute;
	padding: 0;
	top: 25px;
	right: 15px;
}


/* go to mobile version
-------------------------------------*/
#wrap>a[href^="http://m.clien.net"] {
	width: 100%;
	height: 130px;
	color: #fff;
	text-align: center;
	font-weight: 800;
	font-size: 70px;
	line-height: 130px;
	letter-spacing: -2px;
	text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2);
	background: #404d65;
	box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.4);
}
#wrap>a[href^="http://m.clien.net"]:after {
	content: '모바일 사이트로 이동 ▶';
}
#wrap>a[href^="http://m.clien.net"] img {
	display: none;
}


/* account
-------------------------------------*/
#account {
	overflow: hidden;
	width: auto;
	height: 110px;
	border: 0;
	background-color: transparent;
}


/* account - login
-------------------------------------*/
#account fieldset {
	height: auto;
}
#account dl {
	width: 125px;
	margin: 8px auto 0;
	padding: 0;
}
#account dd {
	padding-right: 29px;
}
#account .user_id {
	padding-bottom: 0;
}
#account dd input {
	-webkit-box-sizing: border-box;
	width: 100%;
	height: 24px;
	padding: 4px 6px;
	line-height: 16px;
	color: #42515c;
	font-size: 12px;
	font-family: 'Nanum Gothic';
	border: 1px solid #8c9aa5;
	background-color: #fff!important;
	background-position: 0 center!important;
}
#account li {
	float: none;
}
#account .user_id input {
	/*background-image: url(http://clien.net/cs2/img/bg_id.gif);*/
	border-bottom-style: dotted;
}
#account .user_pass input {
	/*background-image: url(http://clien.net/cs2/img/bg_pass.gif);*/
	border-top: 0;
}
#account .login_btn:before,
#account .login_btn:after {
    content: " ";
    display: table;
}
#account .login_btn {
	position: relative;
	box-sizing: border-box;
	overflow: visible;
	width: 125px;
	margin: 5px auto 0;
	padding: 0;
    *zoom: 1;
}
#account .login_btn .input_check {
	float: left;
	-webkit-appearance: none;
	background: transparent;
	border: 1px solid #8c9aa5;
	margin: 0;
	padding: 0;
	width: 16px;
	height: 16px;
	background-color: transparent;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	        transition: all 0.3s;
}
#account .login_btn .input_check:focus {
	outline: 0;
}
#account .login_btn .input_check:checked {
	-webkit-filter: invert(100%);
	border-color: #73655a;
	background: #73655a;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuOTcyIDYuMjUxYy0uOTY3LS41MzgtMi4xODUtLjE4OC0yLjcyLjc3N2wtMy43MTMgNi42ODItMi4xMjUtMi4xMjVjLS43ODEtLjc4MS0yLjA0Ny0uNzgxLTIuODI4IDAtLjc4MS43ODEtLjc4MSAyLjA0NyAwIDIuODI4bDQgNGMuMzc4LjM3OS44ODguNTg3IDEuNDE0LjU4N2wuMjc3LS4wMmMuNjIxLS4wODcgMS4xNjYtLjQ2IDEuNDcxLTEuMDA5bDUtOWMuNTM3LS45NjYuMTg5LTIuMTgzLS43NzYtMi43MnoiLz48L3N2Zz4=);background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuOTcyIDYuMjUxYy0uOTY3LS41MzgtMi4xODUtLjE4OC0yLjcyLjc3N2wtMy43MTMgNi42ODItMi4xMjUtMi4xMjVjLS43ODEtLjc4MS0yLjA0Ny0uNzgxLTIuODI4IDAtLjc4MS43ODEtLjc4MSAyLjA0NyAwIDIuODI4bDQgNGMuMzc4LjM3OS44ODguNTg3IDEuNDE0LjU4N2wuMjc3LS4wMmMuNjIxLS4wODcgMS4xNjYtLjQ2IDEuNDcxLTEuMDA5bDUtOWMuNTM3LS45NjYuMTg5LTIuMTgzLS43NzYtMi43MnoiLz48L3N2Zz4=);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 18px 18px;
}
#account .login_btn img {
	display: none;
}
#account .login_btn label {
	float: left;
	height: 16px;
	padding-left: 5px;
	line-height: 16px;
	border-left: 0;
	font-size: 11px;
}
#account .login_btn label:after {
	content: "자동로그인 사용"
}
#account .login_btn li:last-child {
	position: absolute;
	right: 0;
	top: -53px;
}
#account .login_btn li:last-child:before {
	content: '';
	width: 28px;
	height: 46px;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #8c9aa5;
	background: #c5d0d9 url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTAgMjFoLTZ2LTQuNDE0bDMuNzgzLTMuNzgzYy0uMTg3LS41ODctLjI4My0xLjE5Mi0uMjgzLTEuODAzIDAtMy4zMDkgMi42OTEtNiA2LTZzNiAyLjY5MSA2IDYtMi42OTEgNi02IDZoLTEuNXYyaC0ydjJ6bS00LTJoMnYtMmgydi0yaDMuNWMyLjIwNiAwIDQtMS43OTQgNC00cy0xLjc5NC00LTQtNC00IDEuNzk0LTQgNGMwIC41NTkuMTIxIDEuMTA5LjM1OSAxLjYzOWwuMjg1LjYzMS00LjE0NCA0LjE0NHYxLjU4NnpNMTMuNSA5Ljk5OGMuNTUxIDAgMSAuNDQ5IDEgMS4wMDIgMCAuNTUyLS40NDkgMS0xIDFzLTEtLjQ0OC0xLTFjMC0uNTUzLjQ0OS0xLjAwMiAxLTEuMDAybTAtMWMtMS4xMDQgMC0yIC44OTYtMiAyLjAwMiAwIDEuMTA0Ljg5NiAyIDIgMiAxLjEwNSAwIDItLjg5NiAyLTIgMC0xLjEwNS0uODk1LTIuMDAyLTItMi4wMDJ6Ii8+PC9zdmc+) center center no-repeat;
	z-index: 2;
	pointer-events: none;
	-webkit-transition: background-color 0.3s;
	        transition: background-color 0.3s;
}
#account .login_btn li:last-child:hover:before {
	background-color: #8c9aa5;
}
#account .login_btn li:last-child input {
	padding: 0;
	width: 30px;
	height: 48px;
}
#account .login_join:before,
#account .login_join:after {
    content: " ";
    display: table;
}
#account .login_join {
	padding: 0;
	width: 125px;
	margin: 5px auto 0;
	text-align: center;
    *zoom: 1;
}
#account .login_join li {
	float: left;
	padding: 0;
	font-size: 11px;
	width: 50%;
}
#account .login_join li a {
	display: block;
	border: 1px solid #8c9aa5;
	line-height: 16px;
	-webkit-transition: all 0.3s;
	        transition: all 0.3s;
}
#account .login_join li:first-child a {
	border-right-style: dotted;
}
#account .login_join li:last-child a {
	border-left: 0;
}
#account .login_join li a:hover {
	background-color: #8c9aa5;
	color: #fff;
}


/* account - logged
-------------------------------------*/
#account .member_info {
	width: auto;
	margin-top: 10px;
	padding: 0;
	border: 0;
	/* text-align: left; */
	color: rgba(0, 0, 0, 0.6);
	font-size: 16px;
	line-height: 24px;
}
#account .member_info img[src$="icon_account_mail.gif"],
#account .member_info img[src$="icon_account_mail_on.gif"] {
	content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTkgN2gtMTRjLTEuMTA0IDAtMiAuODk2LTIgMnY5YzAgMS4xMDQuODk2IDIgMiAyaDE0YzEuMTA0IDAgMi0uODk2IDItMnYtOWMwLTEuMTA0LS44OTYtMi0yLTJ6bS05LjY4NCA3LjMxNmwxLjYwMiAxLjRjLjMwNS4yNjYuNjkxLjM5OCAxLjA4Mi4zOThzLjc3Ny0uMTMzIDEuMDgyLS4zOThsMS42MDItMS40LS4wMzcuMDM3IDMuNjQ2IDMuNjQ2aC0xMi41ODZsMy42NDYtMy42NDYtLjAzNy0uMDM3em0tNC4zMTYgMi45Nzd2LTYuNzUzbDMuNjAyIDMuMTUxLTMuNjAyIDMuNjAyem0xMC4zOTgtMy42MDJsMy42MDItMy4xNTF2Ni43NWwtMy42MDItMy41OTl6bTMuNjAyLTQuNjkxdi4yMWwtNi41NzYgNS43NTRjLS4yMjcuMTk4LS42MjEuMTk4LS44NDggMGwtNi41NzYtNS43NTR2LS4yMWgxNHoiLz48L3N2Zz4=);
	vertical-align: top;
	margin-top: -2px;
	opacity: 0.6;
}
@-webkit-keyframes mail_on {
	0% { opacity: 0.6; }
	50% { opacity: 0.1; }
	100% { opacity: 0.6; }
}
@keyframes mail_on {
	0% { opacity: 0.6; }
	50% { opacity: 0.1; }
	100% { opacity: 0.6; }
}
@-webkit-keyframes mail_on_shake {
	0% {
		-webkit-transform: rotate(0deg);
	}
	10% {
		-webkit-transform: rotate(-10deg);
	}
	20% {
		-webkit-transform: rotate(0deg);
	}
	80% {
		-webkit-transform: rotate(0deg);
	}
	90% {
		-webkit-transform: rotate(10deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
	}
}
@keyframes mail_on_shake {
	0% {
		-webkit-transform: rotate(0deg);
	}
	10% {
		-webkit-transform: rotate(-10deg);
	}
	20% {
		-webkit-transform: rotate(0deg);
	}
	80% {
		-webkit-transform: rotate(0deg);
	}
	90% {
		-webkit-transform: rotate(10deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
	}
}
#account .member_info img[src$="icon_account_mail_on.gif"] {
	-webkit-animation: mail_on 1.5s infinite, mail_on_shake 1s infinite ease-out;
	animation: mail_on 1.5s infinite, mail_on_shake 1s infinite ease-out;
}
#account .member_info a {
	color: rgba(0, 0, 0, 0.6);
}
#account .uid {
	color: rgba(0, 0, 0, 0.6);
	line-height: 24px;
}
#account .uid img {
	vertical-align: -3px;
}
#account .member_btn {
	overflow: hidden;
	height: 32px;
	margin-top: 10px;
	padding: 0;
	font-size: 0;
	text-align: center;
}
#account .member_btn ul {
	display: inline-block;
	width: auto;
	margin: 0;
}
#account .member_btn li {
	display: inline-block;
	padding: 0;
	width: 30px!important;
	height: 30px;
	overflow: hidden;
	text-indent: -100em;
	background: none!important;
	border: 1px solid #8c9aa5;
	border-right-style: dotted;
	border-left-width: 0;
}
#account .member_btn li a {
	display: block;
	width: 30px;
	height: 30px;
	opacity: 0.5;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all 0.3s;
	        transition: all 0.3s;
}
#account .member_btn li a:hover {
	opacity: 1;
	-webkit-filter: invert(100%);
	background-color: #73655a;
}
/* 나의글 */
#account .member_btn .point {
	border-left-width: 1px;
}
#account .member_btn .point a {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48Zz48cGF0aCBkPSJNMTcgMjFoLTEwYy0xLjY1NCAwLTMtMS4zNDYtMy0zdi0xMmMwLTEuNjU0IDEuMzQ2LTMgMy0zaDEwYzEuNjU0IDAgMyAxLjM0NiAzIDN2MTJjMCAxLjY1NC0xLjM0NiAzLTMgM3ptLTEwLTE2Yy0uNTUxIDAtMSAuNDQ5LTEgMXYxMmMwIC41NTEuNDQ5IDEgMSAxaDEwYy41NTEgMCAxLS40NDkgMS0xdi0xMmMwLS41NTEtLjQ0OS0xLTEtMWgtMTB6TTE2IDExaC04Yy0uMjc2IDAtLjUtLjIyNC0uNS0uNXMuMjI0LS41LjUtLjVoOGMuMjc2IDAgLjUuMjI0LjUuNXMtLjIyNC41LS41LjV6TTE2IDhoLThjLS4yNzYgMC0uNS0uMjI0LS41LS41cy4yMjQtLjUuNS0uNWg4Yy4yNzYgMCAuNS4yMjQuNS41cy0uMjI0LjUtLjUuNXpNMTYgMTRoLThjLS4yNzYgMC0uNS0uMjI0LS41LS41cy4yMjQtLjUuNS0uNWg4Yy4yNzYgMCAuNS4yMjQuNS41cy0uMjI0LjUtLjUuNXpNMTYgMTdoLThjLS4yNzYgMC0uNS0uMjI0LS41LS41cy4yMjQtLjUuNS0uNWg4Yy4yNzYgMCAuNS4yMjQuNS41cy0uMjI0LjUtLjUuNXoiLz48L2c+PC9zdmc+);
}
/* ì •ë³´ìˆ˜ì • */
#account .member_btn ul:first-child li:last-child a {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48Zz48cGF0aCBkPSJNMjAgMjBoLTE2Yy0xLjY1NCAwLTMtMS4zNDYtMy0zdi0xMGMwLTEuNjU0IDEuMzQ2LTMgMy0zaDE2YzEuNjU0IDAgMyAxLjM0NiAzIDN2MTBjMCAxLjY1NC0xLjM0NiAzLTMgM3ptLTE2LTE0Yy0uNTUxIDAtMSAuNDQ5LTEgMXYxMGMwIC41NTEuNDQ5IDEgMSAxaDE2Yy41NTEgMCAxLS40NDkgMS0xdi0xMGMwLS41NTEtLjQ0OS0xLTEtMWgtMTZ6TTEwIDE1aC00Yy0uNTUzIDAtMS0uNDQ4LTEtMXMuNDQ3LTEgMS0xaDRjLjU1MyAwIDEgLjQ0OCAxIDFzLS40NDcgMS0xIDF6TTEwIDExaC00Yy0uNTUzIDAtMS0uNDQ4LTEtMXMuNDQ3LTEgMS0xaDRjLjU1MyAwIDEgLjQ0OCAxIDFzLS40NDcgMS0xIDF6Ii8+PGNpcmNsZSBjeD0iMTYiIGN5PSIxMC41IiByPSIyIi8+PHBhdGggZD0iTTE2IDEzLjM1NmMtMS41NjIgMC0yLjUuNzE1LTIuNSAxLjQyOSAwIC4zNTcuOTM4LjcxNSAyLjUuNzE1IDEuNDY2IDAgMi41LS4zNTcgMi41LS43MTUgMC0uNzE0LS45OC0xLjQyOS0yLjUtMS40Mjl6Ii8+PC9nPjwvc3ZnPg==);
}
/* 스크랩 */
#account .member_btn .scrap a {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNTM0IDQuNDY2YzEuMDI0IDAgMi4wNS4zOSAyLjgyOSAxLjE2OSAxLjU2MSAxLjU2MSAxLjU2MSA0LjA5OCAwIDUuNjU2bC03LjA3MSA3LjA3MmMtLjc3OC43NzktMS44MDQgMS4xNy0yLjgyOCAxLjE3cy0yLjA0OS0uMzkxLTIuODI4LTEuMTdjLTEuNTYtMS41NTktMS41Ni00LjA5OCAwLTUuNjU2bC44MDctLjgwN2MtLjAwNC44MDUuMjUgMS41MjQuNzAxIDIuMTI1bC0uMDk0LjA5NmMtLjc4Ljc3OS0uNzggMi4wNDkgMCAyLjgyOC4zOS4zOS45MDEuNTg0IDEuNDE0LjU4NHMxLjAyNC0uMTk1IDEuNDE0LS41ODRsMi41MzUtMi41MzUgNC41MzctNC41MzdjLjc3OC0uNzc5Ljc3OC0yLjA0OSAwLTIuODI4LS4zOTItLjM5LS45MDQtLjU4NC0xLjQxNy0uNTg0LS41MTIgMC0xLjAyMy4xOTUtMS40MTMuNTg0bC00LjUzNSA0LjUzN2MtLjEyOC4xMjctLjE0Ni4yNzUtLjE0Ni4zNTQgMCAuMDc2LjAxOS4yMjYuMTQ2LjM1My4wOTkuMDk5LjIyOC4xNDcuMzU2LjE0Ny4xMjcgMCAuMjU0LS4wNDkuMzUyLS4xNDZsMi4xMjItMi4xMjEgMS40MTQtMS40MTRjLjM5Mi4zOTIuNTg2LjkwMi41ODYgMS40MTQgMCAuNTExLS4xOTQgMS4wMjEtLjU4NCAxLjQxbC0yLjEyNCAyLjEyNWMtLjQ4Ni40ODctMS4xMjcuNzI5LTEuNzY4LjcyOXMtMS4yOC0uMjQ0LTEuNzY5LS43MjljLS40NzItLjQ3NC0uNzMxLTEuMTAxLS43MzEtMS43NjkgMC0uNjcuMjYxLTEuMjk3LjczMi0xLjc3bDQuNTM0LTQuNTM1Yy43NzktLjc3OSAxLjgwNS0xLjE2OCAyLjgyOS0xLjE2OG0wLTJjLTEuNjA0IDAtMy4xMS42MjMtNC4yNDIgMS43NTVsLTcuMDY5IDcuMDczYy0xLjEzMyAxLjEzMS0xLjc1NyAyLjYzOC0xLjc1NyA0LjI0MnMuNjI0IDMuMTEgMS43NTcgNC4yNDNjMS4xMzEgMS4xMzIgMi42MzkgMS43NTUgNC4yNDEgMS43NTVzMy4xMS0uNjI0IDQuMjQyLTEuNzU3bDcuMDcxLTcuMDcxYzEuMTMzLTEuMTMxIDEuNzU3LTIuNjM4IDEuNzU3LTQuMjQyIDAtMS42MDMtLjYyMy0zLjExLTEuNzU1LTQuMjQxLTEuMTMzLTEuMTM0LTIuNjQtMS43NTctNC4yNDUtMS43NTd6Ii8+PC9zdmc+);
}
/* 로그아웃 */
#account .member_btn ul:last-child li:last-child {
	margin-right: 0;
	border-right-style: solid;
}
#account .member_btn ul:last-child li:last-child a {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48Y2lyY2xlIGN4PSIxMiIgY3k9IjE3IiByPSIxLjMiLz48cGF0aCBkPSJNMTggNGMtMi4yMDYgMC00IDEuNzk0LTQgNHYzaC00di0xaC0zYy0xLjEwNCAwLTIgLjg5Ni0yIDJ2N2MwIDEuMTA0Ljg5NiAyIDIgMmgxMGMxLjEwNCAwIDItLjg5NiAyLTJ2LTdjMC0xLjEwNC0uODk2LTItMi0yaC0xdi0yYzAtMS4xMDQuODk2LTIgMi0yczIgLjg5NiAyIDJ2M2MwIC41NTIuNDQ4IDEgMSAxczEtLjQ0OCAxLTF2LTNjMC0yLjIwNi0xLjc5NC00LTQtNHptLTEgMTVoLTEwdi03aDEwLjAwM2wtLjAwMyA3eiIvPjwvc3ZnPg==);
}
#account .quick_move {
	display: block;
	width: 125px;
	margin: -1px auto 0;
	padding: 0 5px;
	height: 20px;
	-webkit-appearance: none;
	outline: none;
	border: 1px solid #8c9aa5;
	border-radius: 0;
	background-color: transparent;
	-webkit-transition: all 0.3s;
	        transition: all 0.3s;
}
#account .quick_move:focus {
	background-color: #8c9aa5;
	color: #fff;
}


/* menu
-------------------------------------*/
#snb_navi1,
#snb_navi2 {
	width: auto;
	border: 0;
	margin-top: 0;
	color: rgba(0, 0, 0, 0.6);
	background-color: rgba(12, 28, 58, 0.9);
}
#snb_navi2 {
	background-color: rgba(29, 57, 23, 0.9);
}
#snb_navi1 ul,
#snb_navi2 ul {
	width: auto;
	padding: 0;
}
#snb_navi1 li,
#snb_navi2 li {
	height: auto;
	padding: 0;
}
#snb .list_end1,
#snb .list_end2 {
	border: 0;
	padding: 0;
	margin-bottom: 0;
}
#snb_navi1 li:first-child a,
#snb_navi2 li:first-child a {
	margin-top: 1px;
}
#snb_navi1 li a,
#snb_navi2 li a {
	position: relative;
	margin-bottom: 1px;
	padding-left: 15px;
	display: block;
	color: rgba(255, 255, 255, 0.8);
	font-size: 14px;
	line-height: 36px;
	background-color: rgba(255, 255, 255, 0.15);
	-webkit-transition: all 0.2s;
	        transition: all 0.2s;
}
#snb_navi1 li a:after,
#snb_navi2 li a:after {
	width: 14px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -8px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 10px;
	font-weight: 900;
	line-height: 14px;
	text-align: center;
	border: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	-webkit-transition: all 0.2s;
	        transition: all 0.2s;
}
#snb_navi1 li a:hover,
#snb_navi2 li a:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.3);
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
#snb_navi1 li a:hover:after,
#snb_navi2 li a:hover:after {
	color: #fff;
	border-color: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
#snb li a img {
	display: none;
}

#snb_navi1 li a[href$="park"]:after { content: "F"; }
#snb_navi1 li a[href$="image"]:after { content: "I"; }
#snb_navi1 li a[href$="kin"]:after { content: "Q"; }
#snb_navi1 li a[href$="news"]:after { content: "N"; }
#snb_navi1 li a[href$="lecture"]:after { content: "L"; }
#snb_navi1 li a[href$="use"]:after { content: "U"; }
#snb_navi1 li a[href$="chehum"]:after { content: "D"; }
#snb_navi1 li a[href$="useful"]:after { content: "T"; }
#snb_navi1 li a[href$="jirum"]:after { content: "J"; }
#snb_navi1 li a[href$="coupon"]:after { content: "C"; }
#snb_navi1 li a[href$="hongbo"]:after { content: "B"; }
#snb_navi1 li a[href$="pds"]:after { content: "P"; }
#snb_navi1 li a[href$="sold"]:after { content: "S"; }

#snb_navi2 ul:first-of-type li:nth-child(1) a:after { content: "M"; }
#snb_navi2 ul:first-of-type li:nth-child(2) a:after { content: "E"; }

#snb_navi2 ul:first-of-type li:nth-child(3) a:after { content: "1"; }
#snb_navi2 ul:first-of-type li:nth-child(4) a:after { content: "2"; }
#snb_navi2 ul:first-of-type li:nth-child(5) a:after { content: "3"; }
#snb_navi2 ul:first-of-type li:nth-child(6) a:after { content: "4"; }
#snb_navi2 ul:first-of-type li:nth-child(7) a:after { content: "5"; }
#snb_navi2 ul:first-of-type li:nth-child(8) a:after { content: "6"; }
#snb_navi2 ul:first-of-type li:nth-child(9) a:after { content: "7"; }
#snb_navi2 ul:first-of-type li:nth-child(10) a:after { content: "8"; }
#snb_navi2 ul:first-of-type li:nth-child(11) a:after { content: "9"; }
#snb_navi2 ul:first-of-type li:nth-child(12) a:after { content: "0"; }

#snb_navi2 h2 {
	position: relative;
	padding: 0 0 0 15px;
	border-bottom: none;
	color: #fff;
	font-size: 14px; 
	font-weight: bold; 
	letter-spacing: -1.5px;
	line-height: 36px;
	background-color: rgba(255, 255, 255, 0.4);
}
#snb_navi2 h2 a {
	padding: 0 2px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -8px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	border: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	-webkit-transition: all 0.2s;
	        transition: all 0.2s;
}
#snb_navi2 h2 a:after {
	content: "편집";
	letter-spacing: 0;
}
#snb_navi2 h2 a:hover {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	border-color: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
#snb_navi2 h2 a img {
	display: none;
}

#snb_navi2 ul:nth-child(3) li a {
	margin-top: 0;
	padding: 0 0 0 15px;
	border-bottom: none;
	color: #fff;
	text-align: left;
	font-size: 14px; 
	font-weight: bold; 
	line-height: 36px;
	background-color: rgba(255, 255, 255, 0.4);
}
#snb_navi2 ul:nth-child(3) li a:after {
	content: "";
	margin-top: -7px;
	position: absolute;
	right: 14px;
	top: 50%;
	width: 10px;
	height: 14px;
	border: 0;
	box-shadow: none!important;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAACXBIWXMAAn7RAAJ+0QGhMAyqAAA4ImlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCk8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTQtMDMtMjBUMDA6NTA6NTYrMDk6MDA8L3htcDpDcmVhdGVEYXRlPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxNC0wMy0yMFQwMDo1MTozNyswOTowMDwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXA6TWV0YWRhdGFEYXRlPjIwMTQtMDMtMjBUMDA6NTE6MzcrMDk6MDA8L3htcDpNZXRhZGF0YURhdGU+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgICAgIDxwaG90b3Nob3A6Q29sb3JNb2RlPjM8L3Bob3Rvc2hvcDpDb2xvck1vZGU+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6ZGY5OTM2ZTEtMzFjZC00ZmE5LTliMzYtYzRkMjI4MWIzYjczPC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD54bXAuZGlkOmRmOTkzNmUxLTMxY2QtNGZhOS05YjM2LWM0ZDIyODFiM2I3MzwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOmRmOTkzNmUxLTMxY2QtNGZhOS05YjM2LWM0ZDIyODFiM2I3MzwveG1wTU06T3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmNyZWF0ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDpkZjk5MzZlMS0zMWNkLTRmYTktOWIzNi1jNGQyMjgxYjNiNzM8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTQtMDMtMjBUMDA6NTA6NTYrMDk6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAoTWFjaW50b3NoKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOlNlcT4KICAgICAgICAgPC94bXBNTTpIaXN0b3J5PgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj40MTUzODQwMC8xMDAwMDwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+NDE1Mzg0MDAvMTAwMDA8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+NjU1MzU8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjEwPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjE0PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz6ClqK2AAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB8SURBVHjajJFBCoNADEXfiKtue0gHkc5CBU8i9KJd6OJ3ozSOqeODIZA8GH4SJJExb7U9dCXZN+rHaGdWSjqTcjHqP3EXk8q8gpw0HjXwBB4F71MDK7AUxPX21xUw3PCGfT3dReIuX3jvSL13GSRNRprsLDhZ3lttbPM7ALUdDCw5PQPZAAAAAElFTkSuQmCC) no-repeat;
	opacity: 0.5;
}
#snb_navi2 ul:nth-child(3) li a:hover:after {
	opacity: 1;
}

#snb_navi2 ul:nth-child(4) li:first-child a {
	margin-top: 0;
}


/* aside
-------------------------------------*/
.aside_notice {
	padding: 0px;
	background: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.aside_notice h2 {
	width: auto;
	padding: 10px;
	color: rgba(0, 0, 0, 0.7);
	font-size: 14px;
	text-align: left;
	background: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.aside_notice ul {
	padding: 0 10px;
	background: none;
	border: none;
}
.aside_notice li {
	margin: 10px 0;
	padding: 0;
}
.aside_notice .bg_btm {
	display: none;
}
#aside div:nth-child(2) {
	display: none;
}
.aside_sponser {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	background: none;
	width: auto;
}
.aside_sponser .bg_btm {
	display: none;
}
.aside_sponser ul {
	border: 0;
	padding: 0;
}
.aside_preview {
	width: auto;
}
.preview_title {
	position: relative;
	width: auto;
	margin: 0;
	padding: 10px;
	color: rgba(0, 0, 0, 0.7);
	font-size: 14px;
	text-align: left;
	background: none;
	border-top: 1px solid rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.preview_title h2 {
	float: none;
}
.preview_title a {
	position: absolute;
	right: -2px;
	top: 0;
}
.preview_title a img {
	content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTMgNS40OTljLS4yNTYgMC0uNTEyLjA5Ny0uNzA3LjI5Mi0uMTk1LjE5Ni0uMjkzLjQ1Mi0uMjkzLjcwOHYyLjU1OWMtNC41LjQ5OC04IDQuMzA5LTggOC45NDF2MWMyLjI0NS0zLjQyMyA1LjI1LTMuOTIgOC0zLjk4OXYyLjQ4OWMwIC4yNTUuMDk4LjUxMi4yOTMuNzA3cy40NTEuMjkzLjcwNy4yOTMuNTEyLS4wOTguNzA3LS4yOTNsNi4yOTMtNi4yMDctNi4yOTMtNi4yMDhjLS4xOTUtLjE5NS0uNDUxLS4yOTItLjcwNy0uMjkyeiIvPjwvc3ZnPg==);
	opacity: 0.5;
}
.preview_title a:hover img {
	opacity: 1;
}
.aside_preview ul {
	padding: 5px 0;
}
.aside_preview li {
	overflow: hidden;
	padding: 0;
	margin: 5px 0 5px 10px;
}
.aside_preview .category {
	padding: 0 5px 0 0;
}
.aside_preview .title2 {
	width: 90px;
}


/* main screen
-------------------------------------*/
.content_hd {
	margin-top: -60px;
	padding-right: 300px;
	position: relative;
}
.content_hd .content_hd_lft {
	float: none;
}
.content_hd .content_hd_rgt {
	float: none;
	position: absolute;
	top: 0;
	right: 0;
}
.content_hd .content_hd_rgt:before {
	content: "CLIEN Transformer";
	position: absolute;
	top: 262px;
	left: 11px;
	height: 36px;
	line-height: 36px;
	font-size: 30px;
	font-weight: 900;
	color: rgba(255, 255, 255, 0.95);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
	background: -webkit-linear-gradient(#5d7092, #313b4e);
	padding: 5px 10px;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.6), inset 0 0 0px 1px rgba(0, 0, 0, 0.8);
}
.content_hd .content_hd_rgt:after {
	content: "by iRoot                                            Version 140403\A 문의사항은 쪽지로 부탁드립니다. (root500)";
	display: block;
	padding: 63px 20px 0;
	height: 120px;
	border-top: 1px solid #a7bcc9;
	white-space: pre;
	color: #617394;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	background: #dde1e6;
	box-sizing: border-box;
}
.content_hd .content_hd_lft li {
	width: auto;
}
#NoticeArea .Notice {
	float: none;
	width: auto;
	border: none;
	border-right: 1px solid #30809d;
}
#NoticeArea .Notice h2 {
	padding: 0 0 0 15px;
	height: 29px;
	font-size: 13px;
	line-height: 29px;
	background-color: #30809d;
	background-image: none;
	border-bottom: 1px solid #154253;
}
#NoticeArea .Notice h2 a {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
#NoticeArea .Notice ul {
	padding: 0;
	border-bottom: none;
}
#NoticeArea .Notice li {
	color: #fff;
	background: #7fb3c6;
	line-height: 26px;
	border-bottom: 1px solid #30809d;
	padding: 0 15px;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-moz-binding: url('ellipsis.xml#ellipsis');
}
#NoticeArea .Notice li span,
.content_hd .date,
#Recent .date {
	display: inline-block;
	padding: 0 4px;
	margin-right: 5px;
	font-weight: bold;
	color: #fff;
	line-height: 15px;
	font-size: 10px;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	background: #617394;
}
#NoticeArea .Notice li span {
	color: #30809d;
	background: #fff;
	border: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.5);
}
#NoticeArea .Notice li a {
	color: #fff;
}
#NoticeArea .Notice li a:hover {
	color: rgba(255, 255, 255, 0.7);
}
.content_hd .content_hd_lft .board_new {
	margin-top: 0;
	border-right: 1px solid #a7bcc9;
}
.content_hd .content_hd_lft .board_new h2 {
	padding: 0 15px!important;
	line-height: 36px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	background-color: #dde1e6;
}
.content_hd .content_hd_lft .board_new h2 img {
	display: none;
}
.content_hd .content_hd_lft .board_new h2 a {
	color: #21304b;
	font-size: 16px;
}
.content_hd .board_new ul {
	border-top: none;
	padding-top: 0;
}
.content_hd .board_new li,
#Recent li {
	width: auto;
	height: 36px;
	border-top: 1px solid #a7bcc9;
	line-height: 36px;
	padding: 0 15px;

	overflow: hidden;
	text-overflow: ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
}
.content_hd .date,
#Recent .date {
	float: none;
	display: inline-block;
}
.content_hd .title,
#Recent .title {
	float: none;
	display: inline;
}
.content_hd .read,
#Recent .read {
	float: none;
	display: inline;
}

/* recent */
#Recent {
	padding: 0;
}
.RecentWrap {
	padding: 0;
}
#Recent .RecentLeft,
#Recent .RecentRight {
	width: 50%;
}
#Recent .RecentLeft h2,
#Recent .RecentRight h2 {
	padding: 0 15px;
	font-size: 16px;
	line-height: 36px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	background-color: #dde1e6;
	border-top: 1px solid #a7bcc9;
}
#Recent .RecentLeft h2 img,
#Recent .RecentRight h2 img {
	display: none;
}
#Recent .RecentLeft ul,
#Recent .RecentRight ul {
	border-top: none;
	padding-top: 0;
}
#Recent .RecentLeft h2 {
	border-right: 1px dotted #a7bcc9;
}
#Recent .RecentLeft li {
	border-right: 1px dotted #a7bcc9;
}

/* recent ad */
.RecentWrap[style="text-align:center;margin:0 auto;"] {
	border-top: 1px solid #a7bcc9;
	height: 90px;
	padding: 10px 0;
}

/* recent thumb */
#ThumbImg {
	margin: 0;
	padding: 0;
}
#ThumbImg:before {
	content: "사진게시판";
	display: block;
	height: 36px;
	color: #374273;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	border-top: 1px solid #a7bcc9;
	background-color: #dde1e6;
	line-height: 36px;
	padding: 0 15px;
}
#ThumbImg ul:before,
#ThumbImg ul:after {
	display: table;
	content: "";
}
#ThumbImg ul:after {
	clear: both;
}
#ThumbImg li {
	position: relative;
	display: block;
	width: 25%;
	margin: 0;
}
#ThumbImg li a {
	overflow: hidden;
	position: relative;
	width: auto;
	line-height: 24px;
	z-index: 2;
}
#ThumbImg li img {
	margin: 0;
	width: 100%;
	height: auto;
}
#ThumbImg li a:before {
	content: "";
	position: absolute;
	left: 0;
	right: -1px;
	top: 0;
	bottom: 24px;
	border: 1px solid rgba(0, 0, 0, 0.5);
	z-index: 1;
}
#ThumbImg li:before {
	content: "";
	position: absolute;
	left: 0;
	right: -1px;
	top: 0;
	bottom: 0;
	z-index: 1;
	border-right: 1px dotted #a7bcc9;
}
#ThumbImg li:first-child a:before {
	left: -1px;
}


/* board title
-------------------------------------*/
.board_title,
#cm_title {
	width: auto!important;
	height: 74px!important;
	padding: 18px 15px!important;
	border: 0!important;
	border-bottom: 1px solid #a7bcc9!important;
}
.board_title h2,
#cm_title h2 {
	font-size: 20px!important;
}
.board_title a,
#cm_title a {
	line-height: 24px;
}
.board_icon {
	display: none;
}
.board_title .board_notice,
#cm_title .board_notice {
	margin: 5px 0 0!important;
}


/* board
-------------------------------------*/
.board_main table {
	border-spacing: 0;
	border-bottom: 0;
}
.board_main th,
.board_main td {
	padding: 0 5px;
	height: 36px;
	line-height: 34px;
	border-bottom: 1px solid #a7bcc9;
}
.mytr,
.board_main table table tbody tr {
	-webkit-transition: background-color 0.1s;
	        transition: background-color 0.1s;
}
.mytr *,
.board_main table table tbody tr * {
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0);
	-webkit-transition: all 0.1s;
	        transition: all 0.1s;
}
.mytr:hover,
.board_main table table tbody tr:hover {
	background-color: #a7bcc9!important;
}

.mytr:hover *,
.board_main table table tbody tr:hover * {
	color: #fff!important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.board_main tr:last-child td {
	border-bottom: 0;
}
.board_main table tr>:first-child {
	padding-left: 15px;
}
.board_main table tr>:last-child {
	padding-right: 15px;
}
.board_main table tr>:only-child {
	padding: 0;
}
.post_subject {
	line-height: 16px!important;
	text-indent: -6px;
}
.post_subject a {
	font-size: 13px;
}
.board_main .post_name {
	white-space: nowrap;
}
.post_name .member {
	font-family: 'Nanum Gothic';
}
img[src^='/cs2/data/member/'] {
	-webkit-transition: -webkit-transform 0.3s;
	        transition: transform 0.3s;
}
.twl {
	border: 0;
}


/* board content
-------------------------------------*/
.resContents {
	font-size: 13px;
}
.resContents>* {
	font-size: 13px;
}
.resContents img {
	max-width: 100%!important;
	height: auto!important;
}

/* bookmark */
.board_head {
	overflow: visible;
	z-index: 10;
}
.head_btn {
	position: absolute;
	right: -1px;
	top: -21px;
	float: none;
	padding: 0;
	height: 21px;
}
.head_btn li {
	padding: 0!important;
	background-color: #fff;
}
.head_btn li span {
	display: block;
	border: 1px solid #a7bcc9;
}
.head_btn li span:empty {
	display: none;
}
.head_btn li span a {
	display: block;
	position: relative;
	margin:0!important;
	background: url(data:image/gif;base64,R0lGODlhCwALAIAAADdCc////yH5BAAAAAAALAAAAAALAAsAAAIVjAN5i8qWwIOOxouzzivOJk2eWAUFADs=) 5px 50% no-repeat;
	opacity: 0.6;
}
.head_btn li span a:hover {
	color: #374273;
	opacity: 1;
}
.head_btn li span img {
	display: none;
}
.head_btn li.btn_bookmark:nth-child(2) {
	display: none;
}
#my_menu_add a:after {
	content: "바로가기";
	display: block;
	height: 19px;
	padding: 0 3px 0 19px;
	font-size: 11px;
	font-weight: bold;
	line-height: 19px;
}

/* board main */
.board_main {
	position: relative;
	padding-top: 0;
}
.board_head .total_count {
	position: absolute;
	top: -17px;
	right: 70px;
	width: 200px;
	float: none;
	padding: 0;
	text-align: right;
	font-family: 'Nanum Gothic'!important;
}
.board_head .total_count:before {
	content: "ì „ì²´ê²Œì‹œë¬¼";
}
.board_head .total_count img {
	display: none;
}
.board_head .category_bg_line {
	display: none;
}
.board_head .board_category {
	width: auto;
	height: 36px;
	border: 0;
	line-height: 36px;
	border-bottom: 1px solid #a7bcc9;
}
.board_head .board_category li {
	padding: 0 10px;
	line-height: 36px;
	height: auto;
	font-size: 14px;
	background: none;
	border-right: 1px solid #a7bcc9;
	font-family: 'Nanum Gothic';
	-webkit-transition: all 0.3s;
	        transition: all 0.3s;
}
.board_head .board_category li:hover,
.board_head .board_category li.all {
	background-color: #a7bcc9;
	color: #fff;
}

/* board head */
.view_head {
	position: relative;
	height: 36px;
	padding: 0;
	font-size: 14px;
	font-family: 'Nanum Gothic';
	line-height: 36px;
	border-bottom: 1px solid #a7bcc9;
}
.view_head .user_info {
	float: none;
	padding-left: 15px;
	font-size: 14px;
	text-align: left;
}
.view_head .user_info span {
	font-size: 14px;
	font-family: 'Nanum Gothic';
	color: #374273;
}
.view_head .user_info img {
	/*vertical-align: middle;*/
	position: relative;
	top: 10px;
}
.view_head .post_info {
	float: none;
	position: absolute;
	right: 0;
	top: 0;
	color: rgba(0, 0, 0, 0.4);
	font-weight: 900;
	font-size: 14px;
	padding-right: 15px;
}

/* board title */
.view_title {
	float: none;
	position: relative;
	width: auto;
	padding: 0 0 0 15px;
	border-bottom: 1px solid #a7bcc9;
}
td>.view_title {
	border-bottom: 0;
}
.view_title div {
	float: none;
}
.view_title h3 {
	float: left;
	line-height: 36px;
	margin-right: 10px;
}
.view_title h4 {
	font-size: 16px;
	line-height: 36px;
	text-align: left;
	font-family: 'Nanum Gothic';
}
.view_title .title_btn {
	padding: 0;
	border-bottom: 1px solid #a7bcc9;
}
.view_title .title_btn a {
	position: relative;
}
.view_title .title_btn a:before {
	content: "";
	width: 24px;
	height: 24px;
	position: absolute;
	top: 7px;
	left: 5px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48Zz48cGF0aCBkPSJNNS42MTggMTRoMi43NjRsLTEuMzgyLTIuNzY0ek0yMSAxNGwyLjQtMy4yYy42ODYtLjkxNS43OTUtMi4xMTkuMjg0LTMuMTQyLS41MTItMS4wMjMtMS41NC0xLjY1OC0yLjY4NC0xLjY1OGgtNmMtMS42NTQgMC0zIDEuMzQ2LTMgMyAwIC43Ny4yOTUgMS40NjkuNzc0IDJoLS4yNzRjLS4zNjggMC0uNzA4LjEwNy0xLjAwNS4yODFsLTEuODExLTMuNjIzYy0uNDk4LS45OTUtMS41MjctMS42MTQtMi42ODQtMS42MTRzLTIuMTg2LjYxOS0yLjY4NCAxLjYxNGwtNCA4Yy0uMzU4LjcxNy0uNDE2IDEuNTMtLjE2MyAyLjI5MXMuNzg4IDEuMzc2IDEuNTA0IDEuNzM1Yy40MTQuMjA3Ljg3OS4zMTYgMS4zNDIuMzE2IDEuMTQzIDAgMi4xNzEtLjYzNSAyLjY4NC0xLjY1N2wuMTcxLS4zNDNoMi4yOTFsLjE3MS4zNDJjLjUxMiAxLjAyMyAxLjU0IDEuNjU4IDIuNjg0IDEuNjU4LjQ2NCAwIC45MjgtLjEwOSAxLjM0Mi0uMzE2LjI0My0uMTIyLjQ1NS0uMjgyLjY1Mi0uNDU4LjU0LjQ4OCAxLjI0Ni43NzQgMi4wMDYuNzc0aDZjMS42NTQgMCAzLTEuMzQ2IDMtM3MtMS4zNDYtMy0zLTN6bS05LjU1MyAzLjg5NWMtLjE0My4wNzEtLjI5Ni4xMDUtLjQ0Ni4xMDUtLjM2OCAwLS43MjEtLjIwMy0uODk2LS41NTNsLS43MjMtMS40NDdoLTQuNzY0bC0uNzI0IDEuNDQ3Yy0uMTc1LjM1LS41MjguNTUzLS44OTUuNTUzLS4xNSAwLS4zMDMtLjAzNC0uNDQ2LS4xMDYtLjQ5NC0uMjQ3LS42OTQtLjg0OC0uNDQ3LTEuMzQybDQtOGMuMTY5LS4zMzguNTMyLS41MDguODk0LS41MDhzLjcyNS4xNjkuODk1LjUwOGw0IDhjLjI0Ny40OTUuMDQ2IDEuMDk1LS40NDggMS4zNDN6bTEuMDUzLTMuODk1Yy0uNTUyIDAtMS0uNDQ4LTEtMXMuNDQ4LTEgMS0xaDFjLjU1MiAwIDEgLjQ0OCAxIDFzLS40NDggMS0xIDFoLTF6bTguNSA0aC02Yy0uMzc5IDAtLjcyNS0uMjE0LS44OTUtLjU1M3MtLjEzMi0uNzQ0LjA5NS0xLjA0N2w0LjgtNi40aC00Yy0uNTUyIDAtMS0uNDQ4LTEtMXMuNDQ4LTEgMS0xaDZjLjM3OSAwIC43MjUuMjE0Ljg5NS41NTNzLjEzMi43NDQtLjA5NSAxLjA0N2wtNC44IDYuNGg0Yy41NTIgMCAxIC40NDggMSAxcy0uNDQ4IDEtMSAxeiIvPjwvZz48L3N2Zz4=);
	-webkit-filter: invert(35%);
	        filter: invert(35%);
	-webkit-transition: all 0.3s;
	        transition: all 0.3s;
}
.view_title .title_btn a:hover:before {
	-webkit-filter: invert(100%);
	        filter: invert(100%);
}
.view_title .title_btn a img {
	position: relative;
	top: -3px;
	left: 12px;
	width: 13px;
	height: 13px;
}
.view_title .title_btn img[src$="btn_board_plus.gif"] {
	content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMjFjLTEuNjU0IDAtMy0xLjM0Ni0zLTNsLjA1My0zLjA1My0zLjAzNS4wNTNjLTEuNjcyIDAtMy4wMTgtMS4zNDYtMy4wMTgtM3MxLjM0Ni0zIDMtM2wzLjA1My0uMDU0LS4wNTMtMi45MjhjMC0xLjY3MiAxLjM0Ni0zLjAxOCAzLTMuMDE4czMgMS4zNDYgMyAzbC4wNTUgMi45NDYgMi45NjMuMDU0YzEuNjM2IDAgMi45ODIgMS4zNDYgMi45ODIgM3MtMS4zNDYgMy0zIDNsLTIuOTQ1LS4wNTMtLjA1NSAzLjA3MWMwIDEuNjM2LTEuMzQ2IDIuOTgyLTMgMi45ODJ6bS0xLTh2NS4wMThjMCAuNTMzLjQ0OS45ODIgMSAuOTgyczEtLjQ0OSAxLTF2LTVoNS4wMThjLjUzMyAwIC45ODItLjQ0OS45ODItMXMtLjQ0OS0xLTEtMWgtNXYtNWMwLS41NjktLjQ0OS0xLTEtMXMtMSAuNDQ5LTEgMXY1aC01Yy0uNTY5IDAtMSAuNDQ5LTEgMXMuNDQ5IDEgMSAxaDV6Ii8+PC9zdmc+);
}
.view_title .title_btn img[src$="btn_board_minus.gif"] {
	content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTggMTZoLTEyYy0xLjY1NCAwLTMtMS4zNDYtMy0zczEuMzQ2LTMgMy0zaDEyYzEuNjU0IDAgMyAxLjM0NiAzIDNzLTEuMzQ2IDMtMyAzem0tMTItNGMtLjU1MSAwLTEgLjQ0OS0xIDFzLjQ0OSAxIDEgMWgxMmMuNTUxIDAgMS0uNDQ5IDEtMXMtLjQ0OS0xLTEtMWgtMTJ6Ii8+PC9zdmc+);
	width: 14px;
	height: 14px;
	left: 10px;
}

/* board content */
.view_content {
	clear: both;
	position: relative;
	padding: 15px;
	font-family: 'Nanum Gothic';
}
.view_content_btn {
	position: absolute;
	top: -37px;
	right: 73px;
	margin-bottom: 0;
	height: 36px;
	font-size: 0;
}
#writeContents {
	font-family: 'Nanum Gothic';
}
.signature dl {
	width: auto;
	overflow: visible;
}
.signature dd {
	padding: 10px 10px 0;
}
.signature dd:after {
	display: block;
	margin-top: 10px;
	padding: 5px 15px;
	content: "현재 ë³´ê³  ê³„ì‹  화면은 자작한 테마가 ì ìš©ëœ 화면으로 클리앙과 ê³µì‹ì ìœ¼ë¡œ ì§ì ‘ì ì¸ ê´€ë ¨ì´ 없습니다. 불편하거나 문의드릴 사항이 있으면 쪽지 부탁드립니다 :)";
	line-height: 1.7;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
	background-color: #e03c4b;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3), 0 0 0 rgba(0, 0, 0, 1), inset 0 0 3px rgba(255, 255, 255, 0.5);
}
.view_content_btn2 {
	width: auto;
	position: absolute;
	right: 0;
	top: 37px;
	background-color: #fff;
}
.view_content_btn2 li {
	float: left;
	padding-right: 0;
}

/* ad */
.ad_area1+div {
	width: auto!important;
	height: auto!important;
	padding-left: 0!important;
}
.ad_area1+div * {
	font-family: 'Nanum Gothic'!important;
}
.ad_area1+div>div {
	width: auto!important;
	border: 0!important;
	border-top: 1px solid rgba(0, 0, 0, 0.4)!important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4)!important;
	background-color: #fff;
	box-shadow: inset 1px 2px 2px rgba(0, 0, 0, 0.15);
}
.ad_area1+div>div>ul:first-child {
	overflow: hidden!important;
	float: none!important;
	margin: 0 2%;
}
.ad_area1+div>div>ul:first-child li {
	width: 33.33%!important;
	padding-left: 0!important;
}
.ad_area1+div>div>ul:first-child dl {
	width: auto!important;
	padding: 0 2%!important;
}
.ad_area1+div>div>ul:first-child dd {
	height: auto!important;
}
.ad_area1+div>div>ul+ul {
	float: none!important;
	width: auto!important;
	overflow: hidden;
	padding-bottom: 5px;
}


/* board reply
-------------------------------------*/
.content_ip {
	padding: 10px 15px;
}
.reply_base {
	position: relative;
	margin: 0!important;
	padding: 10px 15px 40px;
	border-top: 1px solid #a7bcc9!important;
	background-color: #f3f3f3;
}
.view_content>.reply_base {
	margin: 0 -15px!important;
}
.reply_base:last-child {
	border-bottom: 1px solid #a7bcc9!important;
}
.reply_base[style="margin-left:30px"] {
	padding-left: 40px;
	border-top-style: dashed!important;
}
.reply_head {
	margin-top: 0;
	padding: 0;
	font-size: 14px;
	line-height: 20px;
}
.reply_head li {
	float: none;
}
.reply_head a {
	font-size: 14px;
	line-height: 20px;
	font-weight: 900;
}
.reply_head .member {
	color: #2b3649;
	font-weight: 900;
	font-family: 'Nanum Gothic';
}
.reply_info img {
	vertical-align: middle;
}
.reply_info .user_id>img {
	vertical-align: 1px;
}
.reply_info .user_id a img {
	margin-right: 3px;
}
.reply_info li:last-child,
.reply_btn .ip {
	position: absolute;
	top: auto!important;
	right: auto!important;
	bottom: 10px;
	font-size: 10px;
	color: #898989;
	text-shadow: 0 1px 0 #fff;
}
.reply_btn {
	float: none;
}
.reply_btn .ip {
	left: 135px;
	border: 0;
}
.reply_base[style="margin-left:30px"] .reply_btn .ip {
	left: 160px;
}
.reply_btn li {
	float: left;
}
.reply_content {
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0;
	font-family: 'Nanum Gothic';
}
.reply_btn li {
	padding: 0!important;
	border-left: 1px solid #a7bcc9;
	border-bottom: 1px solid #a7bcc9;
}
.reply_base[style="margin-left:30px"] .reply_btn li {
	border-left-style: dashed;
	border-bottom-style: dashed;
}
.reply_btn li:nth-last-child(1) {
	position: absolute;
	right: 0;
	top: 0;
}
.reply_btn li:nth-last-child(2) {
	position: absolute;
	right: 37px;
	top: 0;
}
.reply_btn li:nth-last-child(3) {
	position: absolute;
	right: 74px;
	top: 0;
}
.reply_btn li a {
	float: left;
	display: block;
	width: 36px;
	height: 36px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.reply_btn li a img {
	display: block;
	width: 24px;
	height: 24px;
	margin: 5px auto;
	opacity: 0.6;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.reply_btn li a:hover {
	background: #a7bcc9;
}
.reply_btn li a:hover img {
	-webkit-filter: invert(100%);
	        filter: invert(100%);
	opacity: 1;
}
.reply_write {
	position: relative;
	width: auto;
	height: auto;
	margin: -1px 0 0;
	padding: 10px 75px 10px 125px;
	background: #a7bcc9;
	border: 0;
	border-top: 1px solid #7e93a1;
	border-bottom: 1px solid #7e93a1;
}
.reply_base .reply_write {
	margin: 15px 0 0!important;
	border-left: 1px solid #7e93a1;
	border-right: 1px solid #7e93a1;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
#resContents .reply_write {
	margin-left: -15px;
	margin-right: -15px;
}
.reply_write span {
	float: none;
}
.reply_write .user {
	position: absolute;
	left: 0;
	padding: 0 0 0 15px;
	text-align: left;
}
.reply_write .tx {
	float: none;
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	font-family: 'Nanum Gothic';
	border: 1px solid #7e93a1;
	box-shadow: inset 1px 3px 5px rgba(0, 0, 0, 0.1);
}
.reply_write input[type="image"] {
	display: block;
	position: absolute;
	top: 0px;
	right: 15px;
	width: 55px;
	height: 100%;
	bottom: 10px;
	padding: 10px 0;
	box-sizing: border-box;
}
.reply_write:after {
	content: "작성";
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	position: absolute;
	top: 10px;
	bottom: 10px;
	right: 15px;
	width: 54px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #7e93a1;
	background-color: #e4e7e9;
	pointer-events: none;
}

/* prev, next article */
.view_board {
	margin-top: 15px;
	border-top: 1px solid #a7bcc9;
	white-space: nowrap;
}
.view_board .post_subject {
	white-space: normal;
	text-indent: 0;
}

/* fix for rhythm game forum */
#aside+.board_head {
	display: none;
}
#aside~.board_main {
	display: none;
}

/* board footer
-------------------------------------*/
.board_foot {
	height: 36px;
	padding: 0;
	border-top: 1px solid #a7bcc9;
	border-bottom: 1px solid #a7bcc9;
}
.board_foot .list_button {
	position: static;
	font-size: 0;
	line-height: 1;
}
.board_foot .list_button a {
	float: none;
	display: inline-block;
	border-left: 0;
	border-right: 1px solid #a7bcc9;
	line-height: 1;
}
.write_button {
	left: auto;
	right: 0;
	top: 0;
}

/* paging */
.board_foot .paging {
	position: absolute;
	width: 100%;
	padding: 0;
	font-size: 0;
}
.board_foot .paging a {
	display: inline-block;
	box-sizing: border-box;
	min-width: 36px;
	margin: 0;
	padding: 0 5px;
	border: 0;
	border-right: 1px solid #a7bcc9;
	font-size: 14px;
	line-height: 36px;
	-webkit-transition: all 0.3s;
	        transition: all 0.3s;
}
.board_foot .paging a:hover {
	color: #fff;
}
.board_foot .paging .cur_page {
	color: #fff;
	background-color: #a7bcc9;
}
.board_foot .paging .page_text {
	position: relative;
	width: 36px;
	text-indent: -100em;
}
.board_foot .paging .page_text:before {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -12px;
	background-repeat: no-repeat;
	background-position: 0 0;
	opacity: 0.6;
	-webkit-transition: all 0.3s;
	        transition: all 0.3s;		
}
.board_foot .paging .page_text:hover:before {
	opacity: 1;
	-webkit-filter: invert(100%);
}
.board_foot .paging .page_text:first-child:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAuMiA2LjRjLS40ODggMC0uOTMxLjE5Ny0xLjI1My41MTItMi4zODEgMi4zMTUtNS45NDcgNS43ODktNS45NDcgNS43ODlsNS45NDQgNS43ODljLjMyNi4zMTUuNzY4LjUxIDEuMjU2LjUxLjk5NCAwIDEuOC0uODA1IDEuOC0xLjc5OXYtOWMwLS45OTQtLjgwNi0xLjgwMS0xLjgtMS44MDF6TTE5LjIgNi40Yy0uNDg4IDAtLjkzMS4xOTctMS4yNTMuNTEyLTIuMzgxIDIuMzE1LTUuOTQ3IDUuNzg5LTUuOTQ3IDUuNzg5bDUuOTQ0IDUuNzg5Yy4zMjYuMzE1Ljc2OC41MSAxLjI1Ni41MS45OTQgMCAxLjgtLjgwNSAxLjgtMS43OTl2LTljMC0uOTk0LS44MDYtMS44MDEtMS44LTEuODAxeiIvPjwvc3ZnPg==);
}
.board_foot .paging .page_text:nth-child(2):before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTQgMTljMS4xIDAgMi0uOSAyLTJ2LTEwYzAtMS4xLS45LTItMi0yLS41IDAtMSAuMi0xLjQuNi0yLjYgMi41LTYuNiA2LjQtNi42IDYuNHM0IDMuOSA2LjYgNi40Yy40LjQuOS42IDEuNC42eiIvPjwvc3ZnPg==);
}
.board_foot .paging .page_text:last-child:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAuMzk2IDE4LjQzM2MyLjY0MS0yLjU3NCA2LjYwNC02LjQzMyA2LjYwNC02LjQzM3MtMy45NjMtMy44NTktNi42MDQtNi40MzNjLS4zNjMtLjM0OS0uODUzLS41NjctMS4zOTYtLjU2Ny0xLjEwNCAwLTIgLjg5Ni0yIDJ2MTBjMCAxLjEwNC44OTYgMiAyIDIgLjU0MyAwIDEuMDMzLS4yMTggMS4zOTYtLjU2N3oiLz48L3N2Zz4=);
}
.board_foot .paging a:first-child {
	border-left: 1px solid #a7bcc9;
}

/* serch */
.search_board {
	width: auto;	
	height: 36px;
	margin: 10px 0;
	text-align: center;
	font-size: 0;
}
.search_board .select_box {
	position: relative;
	vertical-align: top;
	display: inline-block;
	overflow: visible;
	border: 0;
	width: auto;
	height: auto;
	float: none;
	z-index: 10;
}
.search_board select {
	vertical-align: top;
	width: 125px;
	height: 36px;
	margin: 0;
	padding: 0 5px;
	padding-right: 24px;
	-webkit-appearance: none;
	border: 1px solid #a7bcc9;
	border-radius: 0;
	font-size: 14px;
	/*background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNS44IDkuN2w2LjIgNi4zIDYuMi02LjNjLjItLjIuMy0uNS4zLS43cy0uMS0uNS0uMy0uN2MtLjItLjItLjQtLjMtLjctLjNoLTExYy0uMyAwLS41LjEtLjcuMy0uMi4yLS4zLjQtLjMuN3MuMS41LjMuN3oiLz48L3N2Zz4=) 95% center no-repeat;*/
}
.search_board #stx {
	vertical-align: top;
	float: none;
	display: inline-block;
	width: 200px;
	height: 20px;
	margin: 0 0 0 -1px;
	padding: 7px 10px;
	font-size: 14px;
	font-family: 'Nanum Gothic';
	line-height: 22px;
	-webkit-appearance: none;
	border: 1px solid #a7bcc9;
}
.search_board input[type="image"] {
	vertical-align: top;
	float: none;
	display: inline-block;
	margin: 0 0 0 -1px;
	padding: 0;
	width: 36px;
	height: 36px;
}
.search_board .select_box:before {
	content: "";
	position: absolute;
	left: 345px;
	top: 0;
	width: 36px;
	height: 34px;
	background-color: #fff;
	border: 1px solid #a7bcc9;
	z-index: 2;
	pointer-events: none;
}
.search_board .select_box:after {
content: "";
	position: absolute;
	left: 351px;
	top: 6px;
	width: 24px;
	height: 24px;
	background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTQgOGMxLjY1NiAwIDMgMS4zNDQgMyAzcy0xLjM0NCAzLTMgMy0zLTEuMzQ0LTMtMyAxLjM0NC0zIDMtM20wLTFjLTIuMjA2IDAtNCAxLjc5NC00IDRzMS43OTQgNCA0IDQgNC0xLjc5NCA0LTQtMS43OTQtNC00LTR6TTQuMTk1IDE3LjY3NGMwIDEuNzI3IDEuNDA0IDMuMTMxIDMuMTMxIDMuMTMxLjc1NiAwIDEuNTAzLS4yNzcgMi4xMDQtLjc4M2wyLjM5Ny0yLjM4NmMuNjg1LjIyNyAxLjQxMi4zNjQgMi4xNzMuMzY0IDMuODYgMCA3LTMuMTQxIDctN3MtMy4xNC03LTctN2MtMy44NTkgMC03IDMuMTQxLTcgNyAwIC43NjEuMTM2IDEuNDg2LjM2NCAyLjE3M2wtMi4yNDUgMi4yODNjLS41OTYuNTktLjkyNCAxLjM3OC0uOTI0IDIuMjE4em02LjQ1OS0xLjY5NGwtMi41MTIgMi41MTFjLS4yMjMuMTg3LS41MDQuMzEzLS44MTYuMzEzLS42MjQgMC0xLjEzMS0uNTA2LTEuMTMxLTEuMTMxIDAtLjMxMS4xMjctLjU5NC4zMzItLjc5N2wyLjQ5Mi0yLjUzMWMuNDM1LjY0NS45OSAxLjIgMS42MzUgMS42MzV6bTMuMzQ2LjAyYy0yLjc1NyAwLTUtMi4yNDMtNS01czIuMjQzLTUgNS01IDUgMi4yNDMgNSA1LTIuMjQzIDUtNSA1eiIvPjwvc3ZnPg==) 0 0 no-repeat;
	z-index: 3;
	opacity: 0.7;
	pointer-events: none;
}


/* my article
-------------------------------------*/
#content:first-line {
	line-height: 60px;
	color: #162d63;
	font-weight: bold;
	font-size: 20px;
}
#content .board_main:first-child>table table td:last-child {
	white-space: nowrap;
}
#content .board_main:first-child>table {
	border-top: 1px solid #a7bcc9;
}
#content .board_main:first-child:before {
	content: "내가 작성한 글의 목록입니다.";
	display: block;
	height: 63px;
	margin: -13px 0 0 15px;
	color: #999a9c;
	font-weight: bold;
}
#content .board_main:first-child>table>tbody>tr:nth-child(2) {
	display: none;
}
#content .board_main:first-child>table>tbody>tr:nth-child(3) {
	border-bottom: 1px solid #a7bcc9;
	text-align: center;
}
#content .board_main:first-child>table>tbody>tr:nth-child(3) td {
	font-size: 0;
	line-height: 1;
}
#content .board_main:first-child>table>tbody>tr:nth-child(3) a,
#content .board_main:first-child>table>tbody>tr:nth-child(3) b {
	display: inline-block;
	box-sizing: border-box;
	min-width: 36px;
	margin: 0;
	padding: 0 5px;
	border: 0;
	border-right: 1px solid #a7bcc9;
	color: #324d6a;
	font-size: 14px;
	font-weight: bold;
	line-height: 36px;
	-webkit-transition: all 0.3s;
	        transition: all 0.3s;
}
#content .board_main:first-child>table>tbody>tr:nth-child(3) a:first-child {
	border-left: 1px solid #a7bcc9;
}
#content .board_main:first-child>table>tbody>tr:nth-child(3) a:hover {
	color: #fff;
	background-color: #a7bcc9;
}
#content .board_main:first-child>table>tbody>tr:nth-child(3) b {
	color: #fff;
	background-color: #a7bcc9;
}

/* forum home
-------------------------------------*/
#cm_wrap {
	width: auto!important;
}
#BannerBar {
	display: none;
}

/* cm content */
#cm_content:before,
#cm_content:after {
	content: " ";
	display: table;
}
#cm_content:after {
	clear: both;
}
#cm_content {
	margin-top: -1px!important;
	position: relative;
}
#cm_content .cmHot,
#cm_content .cmRank {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0!important;
	margin: 0!important;
	border: 0!important;
}
.cmListTitle,
.cmRanking dt:first-child {
	display: none!important;
}
#cm_content .cmHot:before,
#cm_content .cmRank:before {
	display: block;
	padding: 0 15px;
	line-height: 37px;
	font-size: 16px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	font-weight: bold;
	height: 37px;
	overflow: hidden;
	white-space: nowrap;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

/* cm lastest */
#cm_content .cmHot:before {
	content: "소모임 최근글";
}
#cm_content .cmHot {
	width: 80%!important;
	background: #2c96ba;
}
#cm_content .cmHot ul {
	border-top: 0!important;
	margin-bottom: 1px;
	height: 36px!important;
	line-height: 36px!important;
	color: #fff;
	background-color: #46b1d6!important;
	-webkit-transition: background-color 0.1s;
	        transition: background-color 0.1s;
}
#cm_content .cmHot ul a {
	color: #fff;
}
#cm_content .cmHot ul:before,
#cm_content .cmHot ul:after {
	content: " ";
	display: table;
}
#cm_content .cmHot ul:after {
	clear: both;
}
#cm_content .cmHot ul:hover {
	background-color: transparent!important;
}
#cm_content .cmHot li {
	white-space: nowrap;
	box-sizing: border-box;
}
#cm_content .cmHot li.cmName { width:25%!important; padding-left: 15px; }
#cm_content .cmHot li.cmTitle { width:45%!important;  text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
#cm_content .cmHot li.cmWriter { width:15%!important; }
#cm_content .cmHot li.cmTime { width:15%!important; padding-right: 15px; }

/* cm rank */
#cm_content .cmRank:before {
	content: "소모임 활동순위";
}
#cm_content .cmRank {
	width: 20%!important;
	background-color: #bb5c68;
}
dl.cmRanking {
	width: auto!important;
}
.cmRanking dd {
	height: auto!important;
	margin-bottom: 1px;
	padding: 0 15px!important;
	line-height: 36px;
	background-color: #d2727e;
	color: #fff;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;

	-webkit-transition: background-color 0.1s;
	        transition: background-color 0.1s;
}
.cmRanking dd:hover {
	background-color: transparent;
}
.cmRanking dd a {
	color: #fff;
	font-size: 14px;
}

/* cm list */
#cm_list {
	width: auto!important;
	height: auto!important;
	padding: 0!important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#cm_list:before {
	content: "소모임 목록";
	display: block;
	line-height: 36px;
	padding: 0 15px;
	font-size: 16px;
	color: #374273;
	font-weight: bold;
	border-bottom: 1px solid #a7bcc9!important;
	overflow: hidden;
	white-space: nowrap;
}
#cm_list ul:before,
#cm_list ul:after {
	content: " ";
	display: table;
}
#cm_list ul:after {
	clear: both;
}
#cm_list .acm {
	width: 50%!important;
	height: 36px!important;
	margin: 0!important;
	overflow: hidden;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#cm_list .acm:last-child,
#cm_list .acm:nth-last-child(2):nth-child(odd) {
	border-bottom: 0;
}
#cm_list .cmPiece:before,
#cm_list .cmPiece:after {
	content: " ";
	display: table;
}
#cm_list .cmPiece:after {
	clear: both;
}
#cm_list .cmPiece {
	line-height: 36px;
}
#cm_list .cmPiece .cmHead {
	float: left;
	background: #dde1e6!important;
	width: 25%;
	height: auto;
	padding: 0;
	color: #414e65;
	font-size: 11px;
	font-weight: bold;
	-webkit-transition: all 0.3s;
	        transition: all 0.3s;
}
#cm_list .cmPiece .cmBody {
	box-sizing: border-box;
	float: left;
	width: 75%;
	padding: 0 15px;
	border: 0;
	height: auto;
	text-align: left;
	border-right: 1px dotted rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.3s;
	        transition: all 0.3s;
}
#cm_list .acm:nth-child(even) .cmBody {
	border-right: 0;
}
#cm_list .cmBottom {
	display: none;
}
#cm_list .acm a:hover .cmHead {
	background: #414e65!important;
	color: #fff;
}
#cm_list .acm a:hover .cmBody {
	background: #54637e!important;
	color: #fff;
}