@charset "euc-kr";
	@import url('font-awesome.min.css');        /* ÆùÆ®¾ÆÀÌÄÜ http://fortawesome.github.io/Font-Awesome/icons/ */


	/* Common */
		html, body, select{
			font-size:13px;
			font-family:¸¼Àº°íµñ, 'Malgun Gothic', 'Apple SD Gothic Neo', helvetica, AppleGothic, Arial;
		}
		html, body{
			color:#aaa;
			min-height:100%;
			max-height:999999999%;
			line-height:1.45;
			overflow-x:hidden;
			-ms-text-size-adjust:100%;
			-webkit-text-size-adjust:100%;
			-webkit-font-smoothing:antialiased;
			background-color:#383838;
			background-position:0 100%;
			background-repeat:repeat;
			background-image:url('img/body_bg.jpg');
		}
		a{color:#ccc; text-decoration:none;}
		*{
			padding:0;
			margin:0;
			-webkit-tap-highlight-color:rgba(0,0,0,0);
		}
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td{
			margin:0;
			padding:0;
			border:0;
			outline:0;
			vertical-align:baseline;
			list-style:none;
		}
		.clear, .cB{clear:both !important;}
		.fL{float:left;display:inline !important;}
		.fR{float:right!important;display:inline !important;}
		.tL th, .tL td, .tL{text-align:left !important;}
		.tC th, .tC td, .tC{text-align:center !important;}
		.tR th, .tR td, .tR{text-align:right !important;}
		.tJ th, .tJ td, .tJ{text-align:justify !important;}
		.mT5{margin-top:5px !important;}
		.mT10{margin-top:10px !important;}
		.mT15{margin-top:15px !important;}
		.mB5{margin-bottom:5px !important;}
		.mB10{margin-bottom:10px !important;}
		.mB15{margin-bottom:15px !important;}
		.mB20{margin-bottom:20px !important;}
		.mB25{margin-bottom:25px !important;}
		.mL8{margin-left:8px !important;}
		.pT15{margin-top:15px !important;}
		h6, .fs13{font-size:13px !important;}
		h5, .fs14{font-size:14px !important;}
		h4, .fs15{font-size:15px !important; color:#ddd !important; line-height:21px;}
		h3, .fs16{font-size:16px !important; color:#fff !important; line-height:24px;}
		h2, .fs17{font-size:17px !important;}
		.fs18{font-size:18px !important;}
		.fs19{font-size:19px !important;}
		.fs20{font-size:20px !important;}
		.ls-05{
			letter-spacing:-.05em;
		}
		.fc000{color:#000 !important;}
		.fc444{color:#444 !important;}
		.fc999{color:#999 !important;}
		.fcbbb{color:#bbb !important;}
		.fcddd{color:#ddd !important;}
		.fcfff{color:#fff !important;}
		.fc92a1b5{color:#92a1b5 !important;}
		.fcac8227{color:#ac8227 !important;}
		.none{display:none !important;}
		.inline{display:inline !important;}
		.block{display:block !important;}
		.oh{overflow:hidden !important;}
		.ohy{overflow-y:scroll !important;}
		.w100p{
			width:100%;
			background-color:rgba(0,0,0,.3);
			-webkit-border-radius:2px;
			-moz-border-radius:2px;
			border-radius:2px;
			-webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,.2);
			-moz-box-shadow:inset 0 2px 2px rgba(0,0,0,.2);
			box-shadow:inset 0 2px 2px rgba(0,0,0,.2);
		}

		.common_select{
			width:100%;
			display:block;
			color:#fff;
			font-size:14px;
			font-weight:700;
			padding:5px 10px;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			border-radius:3px;
			border:2px solid #242424;
			background-color:rgba(0,0,0,.3);
		}



	/* Wrap */
		#wrap{
			width:100%;
			display:block;
			position:relative;
			background-color:rgba(0,0,0,.1);
		}
			.frame{
				padding:15px 10px;
			}
			.frame2{
				padding:10px 5px;
			}
			.main_sample{
				color:#ccc;
				font-size:105%;
				text-align:center;
				letter-spacing:-.05em;
				text-shadow:0 0 3px rgba(0,0,0,.2);
				padding:15px 12px 0;
			}
			.main_sample strong a{
				margin:5px 0;
				display:block;
				color:#ffe87c;
				font-size:120%;
				text-decoration:underline;
			}
			.map_canvas {
				margin:10px 0;
				-webkit-border-radius:4px;
				-moz-border-radius:4px;
				border-radius:4px;
			}
				#map_canvas1,
				#map_canvas2 {
					width:100%;
					height:450px;
					border:1px solid #222;
					-webkit-border-radius:4px;
					-moz-border-radius:4px;
					border-radius:4px;
					-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);
					-moz-box-shadow:0 2px 2px rgba(0,0,0,.2);
					box-shadow:0 2px 2px rgba(0,0,0,.2);
				}




	/* Header */
		#header_frame{
			padding-bottom:4px;
			position:fixed;
			z-index:1000;
			top:0;
			left:0;
			right:0;
		}
			#header_frame .header_shadow{
				position:absolute;
				z-index:1;
				left:0;
				bottom:0;
				height:4px;
				width:100%;
				background-position:0px 100%;
				background-repeat:repeat-x;
				background-image:url('img/shadow.png');
			}
			#header{
				position:relative;
				z-index:2;
				height:91px;
				background-position:0px -50px;
				background-repeat:repeat-x;
				background-image:url('img/gradiant.png');
			}
			#header h1{
				width:auto;
				display:block;
				margin:0px auto;
				height:60%;
				text-align:center;
				text-overflow:ellipsis;
				white-space:nowrap;
				overflow:hidden;
			}
				#header h1 strong{
					position:relative;
					top:6px;
					font-size:19px;
					font-weight:700;
					text-overflow:ellipsis;
					white-space:nowrap;
					letter-spacing:-.05em;
					padding-left:85px;
					background-position:0 -1px;
					background-repeat:no-repeat;
					background-image:url('img/logo.png');
					background-size:78px 25px;
				}
				#header .top_btn{
					position:absolute;
					overflow:hidden;
					top:0px;
					z-index:5;
					line-height:52px;
					font-size:22px;
					font-weight:700;
				}
				#header .home,
				#header .menu{
					left:13px;
					right:auto;
					text-align:left;
					padding-left:0px;
					padding-right:10px;
				}
				#header .home{
					left:auto;
					right:13px;
					text-align:right;
					padding-left:10px;
					padding-right:0px;
				}



	/* Top Navigation */
		.top_navi{
			clear:both;
			position:absolute;
			bottom:40px;
		}
		.top_navi #top_sub{
			margin:0 13px;
			height:40px;
			overflow:hidden;
		}
			.top_navi ul.dep li{
				float:left;
			}
				.top_navi ul .sub_box{
					position:fixed;
					z-index:1000;
					left:0;
					right:0;
					width:100%;
					background-color:rgba(0,0,0,.3);
					-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.2);
					-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.2);
					box-shadow:inset 0 1px 2px rgba(0,0,0,.2);
				}
					.top_navi ul ul{
						float:left;
						height:40px;
						overflow:hidden;
						text-align:center;
						white-space:nowrap;
						margin-top:4px;
					}
						.top_navi ul ul a{
							height:32px;
							overflow:hidden;
							padding:0 13px;
							display:inline-block;
							line-height:36px;
							font-size:100%;
							font-weight:700;
							letter-spacing:-.05em;
							-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
							-moz-opacity:0.8;
							-khtml-opacity:0.8;
							opacity:0.8;
						}
						.top_navi ul ul a:hover,
						.top_navi ul ul .active a{
							background:rgba(0,0,0,.8);
							-webkit-border-radius:3px;
							-moz-border-radius:3px;
							border-radius:3px;
							-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,.1);
							-moz-box-shadow:inset 1px 1px 2px rgba(0,0,0,.1);
							box-shadow:inset 1px 1px 2px rgba(0,0,0,.1);
							-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
							-moz-opacity:1;
							-khtml-opacity:1;
							opacity:1;
						}
				.top_navi .hb_btn{
					display:block;
					position:absolute;
					top:4px;
					width:32px;
					height:32px;
					text-align:center;
					border:none;
					z-index:10;
					font-size:180%;
					cursor:pointer;
					padding:0;
					-webkit-border-radius:4px;
					-moz-border-radius:4px;
					border-radius:4px;
				}
				.top_navi .next,
				.top_navi .prev{
					left:10px;
				}
				.top_navi .next{
					left:auto;
					right:10px;
				}



	/* Contents */
		#contents{
			clear:both;
			width:100%;
			min-height:300px;
			margin:91px 0 0;
		}
			#contents .contents_area{
				min-height:320px;
				padding:25px 16px 35px;
				color:#bbb;
				font-size:100%;
				line-height:21px;
				border:1px solid #222;
				text-shadow:0 0 1px rgba(0,0,0,.1);
				background-color:rgba(0,0,0,.1);
				-webkit-border-radius:2px;
				-moz-border-radius:2px;
				border-radius:2px;
				-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);
				-moz-box-shadow:0 2px 2px rgba(0,0,0,.2);
				box-shadow:0 2px 2px rgba(0,0,0,.2);
			}
		/* Table */
			.table_style .table {
				width:100%;
				margin:15px 0 10px;
			}
			.table_style .table th,
			.table_style .table td {
				width:80%;
				text-align:left;
				line-height:18px;
				letter-spacing:-.05em;
				vertical-align:middle;
				border:1px solid #222;
				padding:8px 13px 6px;
				background-color:rgba(0,0,0,.1);
			}
			.table_style .table th {
				width:20%;
				color:#eee;
				text-align:center;
				background-color:rgba(0,0,0,.3);
			}



	/* GNB Icon */
		#gnb_icon{
			clear:both;
			overflow:hidden;
			margin-bottom:15px;
		}
			#gnb_icon ul{
				clear:both;
			}
			#gnb_icon li{
				float:left;
				list-style:none;
				width:32.66%;
				margin-right:1%;
			}
				#gnb_icon li.last{
					margin-right:0%;
				}
					#gnb_icon a{
						display:block;
						padding:6px 0;
						margin-bottom:3px;
						-webkit-border-radius:3px;
						-moz-border-radius:3px;
						border-radius:3px;
						font-size:90%;
						text-align:center;
						text-overflow:ellipsis;
						white-space:nowrap;
						letter-spacing:-.05em;
						text-shadow:0 0 3px rgba(0,0,0,.3);
						background-color:rgba(0,0,0,.15);
						-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.04);
						-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.04);
						box-shadow:inset 0 0 6px rgba(0,0,0,.04);
					}
						#gnb_icon a .img{
							width:84%;
							margin:0 auto;
						}
							#gnb_icon a .img i{
								width:100%;
								margin-top:6px;
								font-size:280%;
							}
						#gnb_icon a strong{
							display:block;
							padding:5px 0;
						}



	/* SNS */
		#share{
			clear:both;
			overflow:hidden;
			padding-bottom:15px;
		}
			#share ul li{
				padding:5px 0;
				float:left;
				display:block;
				width:24.9%;
				text-align:center;
			}
				#share ul li a{
					display:block;
					margin:0px auto;
					letter-spacing:-.05em;
					text-shadow:0 0 3px rgba(0,0,0,.2);
				}
					#share ul li .img i{
						display:block;
						font-size:200%;
					}
					#share ul li .text strong{
						display:block;
						font-size:90%;
						margin-top:1px;
					}
				#share ul li a .img.kaka i{
					position:relative;
					top:-2px;
				}



	/* Footer */
		#footer{
			width:100%;
			clear:both;
			overflow:hidden;
			padding:5px 0;
			text-align:center;
			letter-spacing:-.05em;
			text-shadow:0 0 2px rgba(0,0,0,.2);
			border-top:1px solid #222;
			background-color:rgba(0,0,0,.2);
			-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,.08);
			-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,.08);
			box-shadow:inset 0 1px 4px rgba(0,0,0,.08);
		}
			#footer address{
				clear:both;
				width:100%;
				font-size:90%;
				font-style:normal;
			}
				#footer address div.tel_style{
					font-size:150%;
					font-weight:700;
					line-height:22px;
				}
					#footer address div.tel_style span .fa-phone{
						font-size:85%;
					}
					#footer address div.tel_style span{
						padding:0px 1px;
					}
			#footer .link{
				clear:both;
				font-size:100%;
				padding-top:5px;
			}
				#footer a{
					margin:2px 6px;
				}



	/* Map Canvas */
		.map_frame{
			clear:both;
			padding:10px;
			margin:0px 0 20px;
			border:1px solid #eee;
			background-color:#fff;
			-webkit-border-radius:2px;
			-moz-border-radius:2px;
			border-radius:2px;
		}
			.map_canvas{
				clear:both;
				overflow:hidden;
				height:250px;
			}



	/* Map Table */
		.map_table_style{
			margin:5px 0;
			border:1px solid #eee;
			background-color:#f0f0f0;
			-webkit-border-radius:2px;
			-moz-border-radius:2px;
			border-radius:2px;
		}
			.map_table_style table{
				width:95%;
				margin:5px auto;
				background-color:#fff;
			}
			.map_table_style table th,
			.map_table_style table td{
				vertical-align:middle;
				border:1px solid #eee;
				border-left:0px;
				border-right:0px;
				padding:8px 5px 7px;
			}
			.map_table_style table th{
				background-color:#f0f0f0;
			}
			.map_table_style table td.tel{
				font-size:125%;
			}



	/* °øÁö */
		.memo_notice{
			background-color:#f0f0f0;
			margin-bottom:15px;
			-webkit-border-radius:2px;
			-moz-border-radius:2px;
			border-radius:2px;
		}
			.memo_notice .memo_notice_frame{
				font-size:85%;
				text-align:justify
				overflow:hidden;
				padding:10px;
			}



	/* ±Û¾²±â */
		.btn{
			display:inline-block;
			*zoom:1;
			*display:inline;
			color:#ddd;
			font-size:15px;
			padding:8px 18px;
			line-height:1.428571429;
			vertical-align:middle;
			background-color:#000;
			border:1px solid #333;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			border-radius:5px;
			-webkit-box-shadow:0 2px 2px rgba(0,0,0,.05);
			-moz-box-shadow:0 2px 2px rgba(0,0,0,.05);
			box-shadow:0 2px 2px rgba(0,0,0,.05);
		}
		.form-control{
			display:block;
			width:100%;
			height:40px;
			padding:10px;
			line-height:1.428571429;
			vertical-align:middle;
			background-color:#fff;
			border:2px solid #ddd;
			-webkit-border-radius:2px;
			-moz-border-radius:2px;
			border-radius:2px;
			resize:none;
			-webkit-box-shadow:none;
			box-shadow:none;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
			-webkit-transition:.3s ease-in-out;
			-moz-transition:.3s ease-in-out;
		}
			.form-control:focus{
				color:#444;
				outline:0;
				border-color:#777;
			}
		.write_form textarea{
			height:66px;
		}
		.write_form{
			margin-bottom:20px;
		}
			.write_form .row{
				clear:both;
				margin:4px 0;
			}
		.reply .write_form{
			-webkit-border-radius:2px;
			-moz-border-radius:2px;
			border-radius:2px;
			margin:10px 0;
			padding:5px 10px;
			background-color:#eee;
		}



	/* Ǫ½¬ */
		.push_style{
			position:relative;
			padding-right:23px;
		}
			.push_style strong{
				overflow:hidden;
				width:22px;
				height:20px;
				position:absolute;
				right:0px;
				top:-16px;
				color:#fff;
				font-size:11px;
				line-height:22px;
				text-align:center;
				font-family:tahoma;
				-webkit-border-radius:13px;
				-moz-border-radius:13px;
				border-radius:13px;
				border:1px solid #ff4646;
				border-top-color:#dc3333;
				border-left-color:#dc3333;
				background-color:#eb2727;
				-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.3);
				-moz-box-shadow:1px 1px 2px rgba(0,0,0,.3);
				box-shadow:1px 1px 2px rgba(0,0,0,.3);
		}



	/* ¸ñ·Ï */
		.replyloop{
			clear:both;
			overflow:hidden;
			padding:0px 10px;
			-webkit-border-radius:2px;
			-moz-border-radius:2px;
			border-radius:2px;
			border:1px solid #ddd;
			border-top-color:#ececec;
			border-left-color:#ececec;
			margin:10px 0px 20px;
			background-color:#fbfbfb;
			-webkit-box-shadow:0px 2px 1px rgba(0,0,0,.05);
			-moz-box-shadow:0px 2px 1px rgba(0,0,0,.05);
			box-shadow:0px 2px 1px rgba(0,0,0,.05);
		}
		.reply_loop{
			clear:both;
			padding:1px 10px;
		}
			.reply_loop li{
				list-style:none;
			}
				.reply_loop li .reply_list{
					margin:3px 0px;
					padding:3px 0px;
					border-bottom:0px;
				}
				.reply_loop li .reply_list .reply_name{
					color:#555;
					font-size:100%;
				}
					.reply_loop li .reply_list .reply_name i{
						color:#999;
						padding-left:0px;
						padding-right:0px;
						margin-right:0px;
						-webkit-border-radius:0px;
						-moz-border-radius:0px;
						border-radius:0px;
						background-color:transparent;
						border:none;
						-webkit-box-shadow:none;
						-moz-box-shadow:none;
						box-shadow:none;
					}
				.reply_loop li .reply_list .reply_body .reply_contents{
					font-size:95%;
					padding:4px 6px;
					background-color:#fff;
				}
		.reply_list{
			clear:both;
			margin:5px 0px;
			padding:5px 0px;
		}
			.reply_list .reply_header,
			.reply_list .reply_body,
			.reply_list .reply_footer{
				clear:both;
				margin:5px 0px;
			}
				.reply_list .reply_header .reply_name{
					float:left;
					width:45%;
					color:#333;
					font-size:110%;
					font-weight:700;
					margin-bottom:5px;
				}
					.reply_list .reply_header .reply_name i{
						color:#ccc;
						padding:4px 6px;
						-webkit-border-radius:2px;
						-moz-border-radius:2px;
						border-radius:2px;
						background-color:#fff;
						border:1px solid #ddd;
						margin-right:4px;
						-webkit-box-shadow:inset 1px 1px 0px rgba(0,0,0,.08);
						-moz-box-shadow:inset 1px 1px 0px rgba(0,0,0,.08);
						box-shadow:inset 1px 1px 0px rgba(0,0,0,.08);
					}
				.reply_list .reply_header .reply_time{
					float:right;
					width:55%;
					font-size:85%;
					line-height:23px;
					text-align:right;
					margin-bottom:5px;
				}
					.reply_list .reply_header .reply_time i{
						color:#ddd;
					}
				.reply_list .reply_body .reply_contents{
					padding:10px;
					-webkit-border-radius:2px;
					-moz-border-radius:2px;
					border-radius:2px;
					background-color:#f3f3f3;
					border:1px solid #fff;
					border-top-color:#e9e9e9;
					border-left-color:#e9e9e9;
				}
				.reply_list .reply_footer{
					text-align:right;
				}
					.reply_list .reply_footer a i{
						font-size:14px;
					}



	/* ÆäÀÌ¡ */
		.paging{
			clear:both;
			width:100%;
			margin-bottom:20px;
			overflow:hidden;
			font-size:85%;
			text-align:center;
		}
			.paging .prev,
			.paging .next{
				color:#ddd !important;
				font-weight:700;
				background-color:#555 !important;
			}
			.paging a strong{
				color:#fff !important;
				font-weight:700;
			}
			.paging a{
				display:inline-block;
				*zoom:1;
				*display:inline;
				color:#aaa;
				padding:6px 7px 4px;
				background-color:#000;
				-webkit-border-radius:2px;
				-moz-border-radius:2px;
				border-radius:2px;
			}
			.paging .prev,
			.paging .next{
				font-weight:400;
			}



	/* ÀÚÁÖ¹¯´ÂÁú¹® */
		.toggle-list{
			border-top:2px solid #ddd;
			border-bottom:1px solid #eee;
		}
			.toggle-list li strong{
				display:block;
				border-top:1px solid #eee;
				background-color:#fbfbfb;
				font-weight:400;
			}
				.toggle-list li strong a{
					display:block;
					padding:12px;
				}
			.toggle-list li:first-child strong{
				border-top:none;
			}
			.toggle-list li strong span{
				font-weight:700;
			}
			.toggle-list li p{
				display:none;
				text-align:justify;
				padding:12px;
				border-top:1px solid #ddd;
			}
				.toggle-list li.selected strong a{
					padding:12px;
					color:#333;
					font-weight:700;
				}
					.toggle-list li.selected strong span{
						color:#1a6ecc;
					}
						.toggle-list li p span{
							font-weight:700;
							color:#de3500;
						}



	/* Gallery List */
		.gallery{
			width:100%;
			margin-bottom:10px;
		}
		.gallery:after{
			clear:both;
			content:".";
			display:block;
			height:0;
			visibility:hidden;
		}
			.gallery li{
				list-style:none!important;
				float:left;
				text-align:center;
				width:33.33333333%;
				margin-top:5px;
			}
				.gallery li a{
					display:block;
					margin:6px;
					font-size:85%;
				}
				.gallery li img{
					display:block;
					width:100%;
					height:80px;
					-webkit-border-radius:2px;
					-moz-border-radius:2px;
					border-radius:2px;
					-webkit-box-shadow:0 0 2px rgba(0,0,0,.5);
					-moz-box-shadow:0 0 2px rgba(0,0,0,.5);
					box-shadow:0 0 2px rgba(0,0,0,.5);
				}
				.gallery .subject{
					width:90%;
					display:block;
					color:#fff;
					font-weight:700;
					text-overflow:ellipsis;
					white-space:nowrap;
					margin:5px auto;
					overflow:hidden;
				}



	/* Gallery View */
		.gallery_view{
			clear:both;
			width:100%;
			min-height:250px;
		}
			.gallery_view img{
				width:100%;
				height:auto;
				margin-bottom:10px;
				-webkit-border-radius:2px;
				-moz-border-radius:2px;
				border-radius:2px;
			}
			.gallery_view .cate{
				color:#ddd;
				font-size:110%;
			}
			.gallery_view .subject{
				color:#fff;
				font-size:120%;
				margin:5px 0;
			}
			.gallery_view .memo{
				padding:15px;
				margin:15px 0;
				color:#bbb;
				border:1px solid #222;
				background-color:rgba(0,0,0,.2);
				-webkit-border-radius:2px;
				-moz-border-radius:2px;
				border-radius:2px;
				-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);
				-moz-box-shadow:0 2px 2px rgba(0,0,0,.2);
				box-shadow:0 2px 2px rgba(0,0,0,.2);
			}



	/*Portfolio*/
		.portfolio-style{
			overflow:hidden;
			padding-bottom:4px;
			margin-bottom:20px;
			border-bottom:1px solid #eee;
		}
			.portfolio-style .subject{
				float:left;
				color:#000;
			}
			.portfolio-style a{
				float:right;
				font-size:14px;
				margin-left:8px;
				margin-right:8px;
				transition:all 200ms ease;
			}
			.active-portfolio-style{
				color:#e74c3c!important;
				transition:all 200ms ease;
			}
		.portfolio-item{
			float:left;
			width:100%;
			margin-bottom:15px;
			transition:all 200ms ease;
		}
			.portfolio-item .portfolio-frame{
				clear:both;
				width:94%;
				margin:0 auto;
			}
			.portfolio-one .portfolio-item{
				float:none !important;
			}
				.portfolio-two .portfolio-item{
					width:50%;
				}
				.portfolio-three .portfolio-item{
					width:33.33333333%;
				}
			.portfolio-item .portfolio-subject{
				color:#333;
			}
			.portfolio-item .portfolio-memo{
				clear:both;
				font-size:90%;
			}
			.portfolio-item img{
				max-height:100px
				-webkit-border-radius:2px;
				-moz-border-radius:2px;
				border-radius:2px;
			}



	/* SwipeBox */
		html.swipebox-html.swipebox-touch,
		.swipebox {
			overflow:hidden !important;
		}
		#swipebox-overlay img{
			border:none !important;
		}
		#swipebox-overlay{
			width:100%;
			height:100%;
			position:fixed;
			top:0;
			left:0;
			z-index:99999 !important;
			overflow:hidden;
			-webkit-user-select:none;
			-moz-user-select:none;
			-ms-user-select:none;
			user-select:none;
			background-color:#111;
		}
		#swipebox-container{
			position:relative;
			width:100%;
			height:100%;
		}
		#swipebox-slider{
			-webkit-transition:-webkit-transform 0.4s ease;
			transition:transform 0.4s ease;
			height:100%;
			left:0;
			top:0;
			width:100%;
			white-space:nowrap;
			position:absolute;
			display:none;
			cursor:pointer;
		}
		#swipebox-slider .slide{
			height:100%;
			width:100%;
			line-height:1px;
			text-align:center;
			display:inline-block;
		}
		#swipebox-slider .slide:before{
			content:"";
			display:inline-block;
			height:50%;
			width:1px;
			margin-right:-1px;
		}
		#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container{
			display:inline-block;
			max-height:100%;
			max-width:100%;
			margin:0;
			padding:0;
			width:auto;
			height:auto;
			vertical-align:middle;
		}
		#swipebox-slider .slide .swipebox-video-container{
			background:none;
			max-width:1140px;
			max-height:100%;
			width:100%;
			padding:5%;
			-webkit-box-sizing:border-box;
			box-sizing:border-box;
		}
		#swipebox-slider .slide .swipebox-video-container .swipebox-video{
			width:100%;
			height:0;
			padding-bottom:56.25%;
			overflow:hidden;
			position:relative;
		}
		#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{
			width:100% !important;
			height:100% !important;
			position:absolute;
			top:0;
			left:0;
		}
		#swipebox-slider .slide-loading{
			background-position:50% 50%;
			background-repeat:no-repeat;
			background-image:url('img/loader.gif');
		}
		#swipebox-bottom-bar,
		#swipebox-top-bar{
			-webkit-transition:0.5s;
			transition:0.5s;
			position:absolute;
			left:0;
			z-index:999;
			height:50px;
			width:100%;
			text-shadow:1px 1px 1px black;
			background:#000;
			opacity:0.95;
		}
		#swipebox-bottom-bar{
			bottom:-50px;
		}
		#swipebox-bottom-bar.visible-bars{
			-webkit-transform:translate3d(0, -50px, 0);
			transform:translate3d(0, -50px, 0);
		}
		#swipebox-top-bar{
			top:-50px;
			font-size:130%;
			font-weight:700;
			line-height:48px;
			color:#fff !important;
		}
		#swipebox-top-bar.visible-bars{
			-webkit-transform:translate3d(0, 50px, 0);
			transform:translate3d(0, 50px, 0);
		}
		#swipebox-title{
			display:block;
			width:100%;
			text-align:center;
		}
		#swipebox-prev,
		#swipebox-next,
		#swipebox-close{
			background-repeat:no-repeat;
			background-image:url('img/icons.png');
			border:none !important;
			text-decoration:none !important;
			cursor:pointer;
			width:50px;
			height:50px;
			top:0;
		}
		#swipebox-arrows{
			display:block;
			margin:0 auto;
			width:100%;
			height:50px;
		}
		#swipebox-prev{
			background-position:-32px 13px;
			float:left;
		}
		#swipebox-next{
			background-position:-78px 13px;
			float:right;
		}
		#swipebox-close{
			top:0;
			right:0;
			position:absolute;
			z-index:9999;
			background-position:15px 12px;
		}
		.swipebox-no-close-button #swipebox-close{
			display:none;
		}
		#swipebox-prev.disabled,
		#swipebox-next.disabled{
			opacity:0.3;
		}
		.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{
			-webkit-animation:rightSpring 0.3s;
			animation:rightSpring 0.3s;
		}
		.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{
			-webkit-animation:leftSpring 0.3s;
			animation:leftSpring 0.3s;
		}
		.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after{
			-webkit-backface-visibility:hidden;
			backface-visibility:hidden;
			-webkit-transition:all .3s ease;
			transition:all .3s ease;
			content:' ';
			position:absolute;
			z-index:999;
			top:0;
			height:100%;
			width:20px;
			opacity:0;
		}
		.swipebox-touch #swipebox-container:before{
			left:0;
			-webkit-box-shadow:inset 10px 0px 10px -8px #656565;
			box-shadow:inset 10px 0px 10px -8px #656565;
		}
		.swipebox-touch #swipebox-container:after{
			right:0;
			-webkit-box-shadow:inset -10px 0px 10px -8px #656565;
			box-shadow:inset -10px 0px 10px -8px #656565;
		}
		.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{
			opacity:1;
		}
		.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{
			opacity:1;
		}

		@-webkit-keyframes rightSpring{
			0%{
				left:0;
			}
			50%{
				left:-30px;
			}
			100%{
				left:0;
			}
		}
		@keyframes rightSpring{
			0%{
				left:0;
			}
			50%{
				left:-30px;
			}
			100%{
				left:0;
			}
		}
		@-webkit-keyframes leftSpring{
			0%{
				left:0;
			}
			50%{
				left:30px;
			}
			100%{
				left:0;
			}
		}
		@keyframes leftSpring{
			0%{
				left:0;
			}
			50%{
				left:30px;
			}
			100%{
				left:0;
			}
		}
		@media screen and (min-width:800px){
			#swipebox-close{
				right:10px;
			}
			#swipebox-arrows{
				width:92%;
				max-width:800px;
			}
		}




/* Media Queries */
	@media all and (max-width:320px){
		/*#contents{background-color:#ff0000;}*/
		.gallery li img{
			height:75px;
		}
	}

	@media all and (min-width:321px) and (max-width:450px){
		/*#contents{background-color:#fff000;}*/
		.gallery li img{
			height:100px;
		}
		.gallery li a{
			font-size:95%;
		}
	}


	@media all and (min-width:451px) and (max-width:768px){
		/*#contents{background-color:#fff;}*/
		.gallery li img{
			height:110px;
		}
		.gallery li{
			width:25%;
		}
		.gallery li a{
			font-size:100%;
		}
	}

	@media all and (min-width:769px){
		/*#contents{background-color:#000fff;}*/
		.gallery li img{
			height:165px;
		}
		.gallery li{
			width:25%;
		}
		.gallery li a{
			font-size:110%;
		}
	}