@charset "utf-8";
	html{
		-ms-touch-action:none;
		-webkit-overflow-scrolling: touch;
	}
	/* Wrap */
		#wrap {
			width:100%;
			height:100%;
			min-height:100%;
			display:block;
			position:relative;
		}
		#contents {
			width:100%;
			height:100%;
			text-align:left;
		}
		.section_frame {
			padding-top:87px;
			height:100%;
			background-color:#fff;
		}
		.home .section_frame {
			background-color:transparent;
		}
		.section_frame #section .contents.bbs,
		.home .section_frame #section {
			padding:0px !important;
		}
		.section_frame #section {
			padding:25px 13px;
		}
				#section {
					clear:both;
					overflow:hidden;
					margin:0px;
					text-align:left;
					font-size:13px;
					position:relative;
					-webkit-overflow-scrolling: touch;
				}
				/* iOS specific fix, don't use it on Android devices */
				#section > * {
					-webkit-transform: translateZ(0px);
				}

	/* Header */
		#header_frame {
			/*position:relative;*/
			padding-bottom:4px;
			position:fixed;
			z-index:1000;
			top:0;
			left:0;
			right:0;
		}
			#header_frame .header_shadow{
				position:absolute;
				z-index:1;
				height:4px;
				width:100%;
				bottom:0;
				left:0;
				background-position:0px 100%;
				background-repeat:repeat-x;
				background-image:url('img/header_shadow.png');
			}
		#header {
			width:100%;
			height:87px;
			text-align:center;
			background-position:0px 100%;
			background-repeat:repeat-x;
			position:relative;
			z-index:2;
			background-position:0px 0px;
			background-repeat:repeat-x;
			background-image:none;
			background-color:transparent;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
			/*filter: alpha(opacity=98);	*/
			-moz-opacity: 0.98;
			-khtml-opacity: 0.98;
			opacity: 0.98;
		}
			@media screen and (-webkit-min-device-pixel-ratio:1.5),
			@media screen and (-webkit-min-device-pixel-ratio:2) {
				#header {
					-webkit-background-size: 320px 50px;
				}
			}
		#header h1 {
			width:auto;
			display:block;
			margin:0px auto;
			height:60%;
			text-align:center;
			text-overflow:ellipsis;
			white-space:nowrap;
			overflow:hidden;
			background-position:0px 100%;
			background-repeat:repeat-x;
		}
			#header h1 strong {
				position:relative;
				color:#000;
				font-size:20px;
				font-weight:700;
				letter-spacing:-.05em;
				text-overflow:ellipsis;
				white-space:nowrap;
				text-shadow:0 1px 0px rgba(0,0,0,0.15);
				top:13%;
			}
			#header .home,
			#header .menu {
				position:absolute;
				overflow:hidden;
				top:0px;
				left:13px;
				right:auto;
				z-index:5;
				padding-left:0px;
				padding-right:10px;
				line-height:52px;
				color:#555;
				font-size:22px;
				font-weight:700;
				text-align:left;
			}
			#header .home {
				left:auto;
				right:13px;
				text-align:right;
				padding-left:10px;
				padding-right:0px;
				background-position:100% 50%;
			}



	/* Footer */
		#footer {
			width:100%;
			clear:both;
			text-align:center;
			border-top-width:1px;
			border-top-style:solid;
			border-top-color:#fff;
			padding:10px 0px;
		}
			#footer address {
				clear:both;
				width:100%;
				color:#666;
				font-size:10px;
				font-style:normal;
				line-height:14px;
			}
				#footer address div.company_info {
					padding-top:5px;
				}
				#footer address div.tel_style {
					font-size:190%;
					font-weight:700;
					line-height:20px;
					letter-spacing:-.05em;
				}

					#footer address div.tel_style span i {
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=7)";
						/*filter: alpha(opacity=7);*/
						-moz-opacity: 0.7;
						-khtml-opacity: 0.7;
						opacity: 0.7;
					}
					#footer address div.tel_style span .fa-phone {
						font-size:85%;
					}
					#footer address div.tel_style span {
						padding:0px 3px;
					}
			#footer .link {
				clear:both;
				padding-top:5px;
			}
				#footer .link a {
					color:#000;
					margin:0px 8px;
					-webkit-transition: all 200ms ease-out;
					-mozilla-transition: all 200ms ease-out;
					-ms-transition: all 200ms ease-out;
					-o-transition: all 200ms ease-out;
					transition: all 200ms ease-out;
				}
				#footer .link a:hover,
				#footer .link a:active {
					-webkit-transition: all 200ms ease-out;
					-mozilla-transition: all 200ms ease-out;
					-ms-transition: all 200ms ease-out;
					-o-transition: all 200ms ease-out;
					transition: all 200ms ease-out;
					-webkit-border-radius: 6px;
					-moz-border-radius: 6px;
					border-radius: 6px;
				}





	/* Popup Tel */
		.popup_tel{
			position:fixed;
			z-index:1000;
			width:100%;
			top:87px;
			left:0px;
			display:none;
		}
			.popup_tel .tel_frame{
				text-align:center;
				padding:10px;
				border:1px solid #ebebeb;
				background-color:#fff;
				background:rgba(240,240,240,.9);
				-webkit-box-shadow:0px 2px 3px rgba(0,0,0,.2);
				-moz-box-shadow:0px 2px 3px rgba(0,0,0,.2);
				box-shadow:0px 2px 3px rgba(0,0,0,.2);
			}
				.popup_tel span {
					padding:0px 5px;
				}
				.popup_tel a{
					color:#222;
					font-size:200%;
					letter-spacing:-.05em;
					text-shadow:0 1px 0px rgba(255,255,255,1);
				}
					.popup_tel .fa-phone{
						font-size:80%;
					}



/********************************** Media Queries **********************************/

/* 웹 */
@media all and (min-width:1025px){

}

/* 타블릿 가로 */
@media (max-width :1024px) {

}

/* 타블릿 세로 및 그 이하 공통 */
@media (max-width :992px) {

}

/* 스마트폰 공통 */
@media (max-width:767px) {
}
@media (max-width:440px) {
	.popup_tel .tel_frame span{
		display:block !important;
	}
}
@media (max-width:300px) {
	.tel_style span{
		display:block !important;
	}
}