@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 {
			max-width:960px;
			margin:auto;
			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 {
			position:relative;
			z-index:2;
			width:100%;
			height:87px;
			text-align:center;
			background-color:#5784d6;
			background-position:0px 100%;
			background-repeat:repeat-x;
			-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:#fff;
				font-size:19px;
				font-weight:700;
				letter-spacing:-.05em;
				text-overflow:ellipsis;
				white-space:nowrap;
				top:13%;
			}
			#header .home,
			#header .setting,
			#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:#fff;
				font-size:22px;
				font-weight:700;
				text-align:left;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=9)";
				/*filter: alpha(opacity=9);*/
				-moz-opacity: 0.9;
				-khtml-opacity: 0.9;
				opacity: 0.9;
			}
			#header .home,
			#header .setting {
				left:auto;
				right:13px;
				text-align:right;
				padding-left:10px;
				padding-right:0px;
			}
			#header .setting {
				right:40px;
			}


	/* Contents */
		.home #gnb,
		#gnb {
			display:none;
		}
		.home #gnb_icon,
		.home .main_menu_area {
			display:block !important;
		}


	/* Footer */
		#footer {
			width:100%;
			clear:both;
			text-align:center;
			background-color:#f6f6f7;
			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;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
					/*filter: alpha(opacity=85);	*/
					-moz-opacity: 0.85;
					-khtml-opacity: 0.85;
					opacity: 0.85;
				}
				#footer address div.tel_style {
					font-size:180%;
					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 1px;
					}
			#footer .link {
				clear:both;
				padding-top:5px;
			}
				#footer .tel_style a,
				#footer .link a {
					color:#444;
					margin:0px 2px;
				}




	/* 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 a i{
						color:#777;
					}
					.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;
	}
}