@charset "utf-8";

	/* Wrap */
		#wrap {
			width:100%;
			height:100%;
			min-height:100%;
			display:block;
			position:relative;
		}
		#contents {
			width:100%;
			height:100%;
			text-align:left;
		}
		.section_frame {
			height:100%;
		}
		.home .section_frame {
			background-color:#fff;
			background-position:50% 0;
			background-repeat:repeat;
			background-image:url('img/skin01.png');
		}
			@media screen and (-webkit-min-device-pixel-ratio:1.5),
			@media screen and (-webkit-min-device-pixel-ratio:2) {
				.section_frame {
					-webkit-background-size:30%;
					background-image:none;
				}
				.home .section_frame {
					background-image:url('img/skin01.png');
				}
			}
		.home .section_frame #section {
			padding:20px 20px !important;
			background-color:rgba(0,0,0,.2);
		}
		.section_frame #section {
			margin:auto;
			padding:25px 13px;
		}
				#section {
					clear:both;
					overflow:hidden;
					margin:0;
					text-align:left;
					font-size:13px;
					-webkit-overflow-scrolling:touch;
				}
				/* iOS specific fix, don't use it on Android devices */
				#section > * {
					-webkit-transform:translateZ(0px);
				}

	/* Header */
		#header {
			position:relative;
			z-index:2;
			width:100%;
			height:75px;
			text-align:center;
			background-color:#5784d6;
			-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);
		}
		.home #header {
			height:40px;
		}
		#header h1 {
			position:absolute;
			z-index:6;
			top:3px;
			display:block;
			text-overflow:ellipsis;
			white-space:nowrap;
			overflow:hidden;
		}
			#header h1 strong {
				color:#fff;
				font-size:19px;
				font-weight:700;
				letter-spacing:-.05em;
				text-overflow:ellipsis;
				white-space:nowrap;
				margin-left:13px;
			}
			#header .home,
			#header .setting,
			#header .menu {
				position:absolute;
				overflow:hidden;
				top:0;
				left:13px;
				right:auto;
				z-index:5;
				padding-left:0;
				padding-right:10px;
				line-height:44px;
				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:0;
			}
			#header .setting {
				right:40px;
			}


	/* Share */
		#contents #hb_share {
			width:100%;
			overflow:hidden;
		}
			#contents #hb_share li{
				width:25%;
				height:40px;
				overflow:hidden;
				padding:11px 0 !important;
				overflow:hidden;
				background-color:rgba(0,0,0,.3);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
				/*filter:alpha(opacity=8);*/
				-moz-opacity:0.8;
				-khtml-opacity:0.8;
				opacity:0.8;
				-webkit-box-shadow:0px 2px 4px rgba(0,0,0,.2);
				-moz-box-shadow:0px 2px 4px rgba(0,0,0,.2);
				box-shadow:0px 2px 4px rgba(0,0,0,.2);
			}
				#contents #hb_share li .img i{
					text-shadow:-3px 3px 5px rgba(0,0,0,0.15);
				}
				#contents #hb_share li .text strong{
					text-shadow:-1px -1px 2px rgba(0,0,0,0.2);
				}
			#contents #hb_share li.mobile_s,
			#contents #hb_share li.tel_s{
				display:block;
				width:50%;
				height:34px;
				margin:0;
				background-color:rgba(0,0,0,.4);
				-webkit-border-radius:0;
				-moz-border-radius:0;
				border-radius:0;
				-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
				-moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
				box-shadow: 0 2px 3px rgba(0,0,0,.2);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
				/*filter:alpha(opacity=10);*/
				-moz-opacity:1;
				-khtml-opacity:1;
				opacity:1;
			}
				#contents #hb_share li.mobile_s{
					padding:8px 0 14px !important;
				}
				#contents #hb_share li.tel_s .img i{
					font-size:320% !important;
				}
				#contents #hb_share li.mobile_s .img i{
					font-size:350% !important;
				}
				#contents #hb_share li.mobile_s .text,
				#contents #hb_share li.tel_s .text{
					display:none;
				}
			#contents #hb_share li .img i{
				color:#fff;
				font-size:210% !important;
			}
			#contents #hb_share li .text strong{
				color:#fff;
				line-height:15px !important;
			}



	/* Contents */
		.main_img {
			width:100%;
			overflow:hidden;
			-webkit-box-shadow:0px 1px 2px rgba(0,0,0,.1);
			-moz-box-shadow:0px 1px 2px rgba(0,0,0,.1);
			box-shadow:0px 1px 2px rgba(0,0,0,.1);
		}
			.main_img img {
				width:100%;
			}
		.main_menu_area {
			position:relative !important;
			bottom:-38px !important;
		}
			.main_menu_area ul .sub_box {
				position:absolute !important;
				background:rgba(0,0,0,.2) !important;
			}
			.home .main_menu_area,
			#gnb {
				display:none;
			}
			.home #gnb {
				display:block;
			}

	/* Footer */
		#footer {
			width:100%;
			clear:both;
			text-align:center;
			background-color:#eee;
			padding:10px 0;
		}
			#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;
				}



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

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

}

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

}

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

}

/* 스마트폰 공통 */
@media (max-width:767px) {
}
@media (max-width:440px) {

}
@media (max-width:300px) {

}