@charset "utf-8";

/* Hide */
.logo_h1, 
#nav, 
#nav-sub, 
#nav-left, 
#top_menu,
#ment {display:none;}

/* layout */
.inner {position:relative; width:100%; margin:0 auto; }
#wrap.wrap_bg{background-position:center 0px;}
#wrap.wrap_bg.wrap_bg-3{/*background-position:-800px 30px;*/}

/* Header */
#header {width:100%;min-width:inherit;/*margin-bottom:22px;height:56px;*/border:0px none;/* background:#87B02E; */box-shadow:none; }
#header h2 {display:block;padding:1px auto;height:54px;font-size:18px;line-height:54px;color:#fff;text-align:center;}
#header #top-depth {display:block;/*padding:1px 0 0 0;float:left;*/}
#header #top-nav {display:none;}
#header.scrolled{height:56px;background-color:#B0B0B0;}

/* layout */
.inner {width:auto;margin:0 auto;}


/* nav */
#nav {
	display:none;float:none;margin:0;background:none;border:0px none;
	position:fixed;top:56px;width:100%;padding-top:4px;background-color:#FFFFFF;
}
#nav ul {display:block;border-top:1px solid #E0E0E0;border-left:1px solid #E0E0E0;}
#nav ul li {display:block;float:left;width:50%;height:auto;color:#333;}
#nav ul li a {
	display:block;
	padding:0 0 0 25px;
	height:68px;
	font-size:20px;
	font-weight:normal;
	line-height:68px;
	color:#222;
	background:#ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{global-active-background-start}*/), to( #f6f6f6 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkidt-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/);
	border-right:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
}
#nav ul li a:hover {
	color:#222;
	background:#ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{global-active-background-start}*/), to( #f6f6f6 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkidt-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/);
}
#nav ul li a span {display:block;position:absolute;width:46%;margin:0 0 0 -25px;font-size:16px;color:#9A9A9A;text-align:right;}
#nav ul li a:hover span {color:#9A9A9A;}
#nav .last {float:left;width:50%;text-align:left;}
#nav .empty_menu {display:block;text-align:center;}


/* nav-mobile */
#nav-mobile {display:block;}
#nav-mobile ul {display:block;margin:30px 0 0 0;border-top:1px solid #E0E0E0;border-left:1px solid #E0E0E0;}
#nav-mobile ul li {display:block;float:left;width:50%;color:#333;}
#nav-mobile ul li a {
	display:block;
	padding:0 0 0 25px;
	height:68px;
	font-size:20px;
	line-height:68px;
	color:#222;
	background:#ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{global-active-background-start}*/), to( #f6f6f6 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkidt-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/);
	border-right:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
}
#nav-mobile ul li a:hover {
	color:#222;
	background:#ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{global-active-background-start}*/), to( #f6f6f6 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkidt-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/);
}
#nav-mobile ul li a span {display:block;position:absolute;width:46%;margin:0 0 0 -25px;font-size:16px;color:#9A9A9A;text-align:right;}
#nav-mobile ul li a:hover span {color:#9A9A9A;}
#nav-mobile .empty_menu {display:block;text-align:center;}


.logo {background:#ffffff; /*box-shadow: 0 6px 20px 0 rgba(48,54,77,0.07);*/}
.menu_nav {box-shadow: 0 6px 20px 0 rgba(48,54,77,0.07);}

.logo a { display: inline-block;    min-width: 200px;    height: 64px; padding-top: 0px; /*aa*/    line-height: 64px;    font-size: 28px;    font-weight: bold;    color: #343434;    text-align: center;    letter-spacing: -1px;}

/* content */
#content {margin:0px 0 0px 0;/* margin:22px 0 30px 0;*/ /*padding-top:0px;*/ /*min-height:640px;*//*height:100%;*/ padding-top:0px;}

#content_div {margin:0px 1px 0px 1px;}
/*
#content_div span{font-size:1.3em!important;}
#content_div p{font-size:1.3em!important;}
#content_div h3{font-size:1.8em!important;}
*/

.sub-title .sub-title-overimg.overimg-1 {top: 13px!important;}
.sub-title .sub-title-overimg{width:550px;height:250px;z-index:1;}

#content-view {position:relative;float:none;width:100%;}

.sub-item {display:block;/*margin:200px 10px 0 10px;*/margin:0px 10px 0 10px;line-height:24px;}
.sub-title {display:block;margin:45px 10px 0 10px;padding-bottom:10px;height:45px;border-bottom:0px #d6d6d6 solid;}
.sub-title .sub-title-overimg{margin-top:59px;width:250px;background-size:contain;right:auto;/*left:47%;*/}
.sub-title .sub-title-overimg.overimg-1{top:31px;}
.sub-title .sub-title-overimg.overimg-2{width:425px;left:335px;height:300px;top:60px;/* top:132px;width:400px;left:340px; */}
.sub-title .sub-title-overimg.overimg-4{top:49px;}
.sub-title h2 {font-size: 36px;}


	@media screen and (max-width:992px){
		.sub-title .sub-title-overimg{right:1vh;}
	}

	@media screen and (max-width:768px){
		#about_wrap { width: 100%; };
		.sub-title .sub-title-overimg{left:47%;}

	}



/* 구형 안드로이드의 임의 너비값 조정에 대한 CSS */
.sub-item p, .sub-item h2, .sub-item h3, .sub-item h4 {display:block;background:url();}
.sub-item img {max-width:700px;}

/* Footer */
#footer #footer-logo {display:none;}
#footer #footer-logotxt {display:none;}
#footer #footer-menu #footer-menu-pc {display:none;}
#footer #footer-menu #footer-menu-mobile {display:block;}
#footer #copyright {margin:0 0 0 20px;}

.page01{margin-top:200px;}
.page02{margin-top:200px;}
.page03{margin-top:200px;}
.page04{margin-top:200px;}
.page02_msgbox{padding:0px 16px;}
.page02_msgbox h4{font-size:36px;}
.page02_msgbox .discription{font-size:1.9em;}
.page02_msgbox p{padding-bottom:100px;font-size:1.2em;}
.page02_msgbox.box1 .cont1{background-image:url();}
.page02_msgbox.box1{background-image:url();background-position:right  bottom;background-repeat:no-repeat;}
.page02_msgbox.box2{background-image:url();padding-left:16px;}

.msgbox1{font-size:24px;padding:60px 60px;}
.page02_msgbox .msgbox1{margin:40px 80px 120px;}

.location_box{position:relative;padding-left:0px;}
.location_box>.location_box_map{position:relative;top:0px;left:0px;}
.location_box>.location_box_map>.location_box_map_wrap{position:relative;width:calc(100% - 40px);height:300px;margin-left:20px;}
.location_box .location_box_info{margin:0 auto;}