@charset "utf-8";
/* CSS Document */

<!-- 초기화 -->
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select,body {margin:0;padding:0; font-family: 'HPSimplified', sans-serif;}

h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal}
img {border:0;vertical-align:top; }
ul,ol,dl,dt,dd,li {list-style:none;}
table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}
caption {display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button {border:none;}
i, em, u, cite {font-style:normal;}
strong,em, b {font-weight:normal;}
a {color:#777;text-decoration:none;}
a:hover,a:focus{text-decoration: none !important;  }
img,fieldset{border:0;outline:none}
input,button{
  outline:none;
}

html {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef}

/* 웹폰트 */

body, table, div, p {font-family: 'HPSimplified', sans-serif;
}

/* 웹폰트 */

.wrap{width:100%; }

/* 상단 */
.header{width:100%; min-width:1000px;
		 height:80px; 
		 background:#fff; 
		 position:fixed; top:0; 
		 z-index:100; clear:both; 
		 display:block;
		 -webkit-box-shadow:10px 10px 30px #000;
    	 box-shadow:10px 10px 30px #000;
		 overflow:hidden;
}
.header .top_logo{float:left; box-sizing:border-box; padding:6px 0 0px 35px;}


.header .gnb{float:right; min-width:450px}

.gnb ul{position:absolute; right:10px; top:25px;}
.gnb ul li{
  font-size:26px; color:#000;
  float:left; display:block; margin:0px 10px 0px 10px; padding:0px 2px 0px 2px;
  vertical-align: middle; cursor:pointer;  
  position: relative; font-weight:600;
  overflow: hidden;
}
.gnb ul li a{padding:2px 8px 6px 8px; }
/* Viola */
.gnb .menu__item {
	position: relative;
	margin: 0 1em;
}

.gnb .menu__link {
	position: relative;
	display: block;
	text-align: center;
	color: #929292;
	-webkit-transition: color 0.4s;
	transition: color 0.4s;
}

.gnb .menu__link:hover,
.gnb .menu__link:focus {
	color: #000;
	
}

.gnb .menu__item--current .menu__link {
	color: #d94f5c;
}

.gnb .menu__item::before,
.gnb .menu__item::after,
.gnb .menu__link::before,
.gnb .menu__link::after {
	content: '';
	position: absolute;
	background: #d94f5c;
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
}

.gnb .menu__item::before,
.gnb .menu__item::after {
	top: 0;
	width: 2px;
	height: 100%;
	-webkit-transform: scale3d(1, 0, 1);
	transform: scale3d(1, 0, 1);
}

.gnb .menu__item::before {
	left: 0;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

.gnb .menu__item::after {
	right: 0;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.gnb .menu__link::before,
.gnb .menu__link::after {
	left: 0;
	width: 100%;
	height: 2px;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
}

.gnb .menu__link::before {
	top: 0;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

.gnb .menu__link::after {
	bottom: 0;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.gnb .menu__item--current::before,
.gnb .menu__item--current::after,
.gnb .menu__item--current .menu__link::before,
.gnb .menu__item--current .menu__link::after {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

/* 서브페이지 css */

.wrap{width:100%; } 
.container{width:100%; background:url(../bg/bg14.jpg) center center ; margin:0 auto;}
.sub_title{margin:60px 0 60px 35px;font-size:36px; font-weight:bold; }


.sub_con1{background-image:url(../image/sub01_bg01.jpg)}
.sub_con2{background-image:url(../image/sub02_bg01.jpg)}
.sub_con3{background-image:url(../image/sub03_bg01.jpg)}
.sub_con4{background-image:url(../image/sub04_bg01.jpg)}


.bg{height:300px;}
.scroll-image{height:100% !important;}

.sub_con{padding-top:50px; margin-top:60px; border-top:1px solid #fff; position:relative; }
.sub_head{font-size:24px; font-weight:bolder; position:absolute; left:35px; top:30px;}
.contents_area{padding:50px 40px 0 0;}
.contents_area:after{clear:both; display:block; content:'';}
.left_side{ float:left; }
.right_main{width:750px; float:right;}

.content_map{width:1200px; margin:0 auto; padding:80px 0; background:rgba(0,0,0,.5)}
.content_map h2,.content_map h3{color:#fff;}


/* 서브 풀페이지 css  */

.main {
  height: 100%;
  position: relative;
  padding-top:80px;
  overflow:auto;
}

section{
	
	
	}


p {
  font-size: 18px;
  line-height: 28px;
  font-family: georgia, times, serif;
  font-weight: normal;
}

.nav {
  
}



@media all and (max-width:1363px) { 
.nav{display: block;
  position: fixed;
  top: 80px;
  padding-top:40px;
  bottom: 0;
  right: 50px;
  height: 100%;
  list-style: none;
  z-index: 997;}
.dot-nav li span{right:90px;}
}

@media all and (min-width:1364px) { 
.nav{display: block;
  position: fixed;
  top: 80px;
  padding-top:40px;
  bottom: 0;
  left: 50px;
  height: 100%;
  list-style: none;
  z-index: 997;}
.dot-nav li span{margin-left:25px;}
}


.nav:before {
  border-left: 2px solid rgba(255, 255, 255, 0.3);
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  left: 9px;
}

.dot-nav {
  list-style: none;
  position: relative;
  z-index: 5;
}

.dot-nav a {
  display: inline-block;
  background: #ddd;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  vertical-align: middle;
}

.dot-nav a:hover {
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  background-color: #e53333;
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  cursor:pointer;
}

.dot-nav a.active {
  background-color: #e53333;
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
}

.dot-nav li {
  margin: 25px 0;
}

.dot-nav li span {
  opacity: 0;
  vertical-align: middle;
  color: #fff;
  background: #000;
  padding: 2px 7px;
  margin-top: -4px;
  border-radius: 4px;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  font-size: 14px;
  position: fixed;
}

.dot-nav li span b {
  display: block;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 5px;
  text-align:right;
}


.dot-nav li a:hover + span {
  opacity: 1;
}

.page-block {
  background-size: cover;
}
.bg_w{ background:rgba(255,255,255,.3);}
.bg_b{ background:rgba(0,0,0,.6);}
.content {
  width: 1200px;
  margin: 0 auto;
  color: #fff;
  padding-bottom:5em;
 
}

#first_one {
  background: url(../bg/bg01.jpg) no-repeat center center fixed;
}

#first_two {
  background: url(../bg/bg02.jpg) no-repeat center center fixed;
}

#first_three {
  background: url(../bg/bg03.jpg) no-repeat center center fixed;
}

#first_four {
  background: url(../bg/bg04.jpg) no-repeat center center fixed;
}

#first_five {
  background: url(../bg/bg05.jpg) no-repeat center center fixed;
}

#first_six {
  background: url(../bg/bg06.jpg) no-repeat center center fixed;
}

/* 사업소개 배경*/

#second_one {
  background: url(../bg/bg07.jpg) no-repeat center center fixed;
}

#second_two {
  background: url(../bg/bg08.jpg) no-repeat center center fixed;
}

#second_three {
  background: url(../bg/bg09.jpg) no-repeat center center fixed;
}

#second_four {
  background: url(../bg/bg10.jpg) no-repeat center center fixed;
}

#second_five {
  background: url(../bg/bg11.jpg) no-repeat center center fixed;
}

#second_six {
  background: url(../bg/bg12.jpg) no-repeat center center fixed;
}


/* 서브 풀페이지 css  */


/* 연혁 */
.history{width:100%;height:600px; border:1px solid #000; position:relative; box-sizing:border-box; background:url(../sub_img/backgr.jpg) right bottom no-repeat #fff; }
.year{width:200px; height:100%;  display:block; padding:15px 0 0 15px; box-sizing:border-box; overflow:auto;}
.year>li>span.active{color:#959348;}
.month{width:500px; height:583px;  background-size:contain; position:absolute; left:200px; top:0; padding:15px 0 0px 15px; display:none; overflow:auto; }
.month li{padding:5px 0 5px 55px; position:relative; font-size:14px; font-weight:400; color:#222; line-height:28px;}
.month li span{position:absolute; left:15px; color:#20a8df; font-weight:bolder;}
.month_to{color:#20a8df; padding:0 10px;}

.year_navi{ margin:12px 0; padding-bottom:4px; display:inline-block;
  font-size:24px; color:#20a8df;font-weight:900; cursor:pointer;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}


.year_navi:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	bottom: 0;
	background: #113452;
	height: 2px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.year_navi:hover:before, .year_navi:active:before {
  left: 0;
  right: 0;
}

/* 연혁 */



/* 3d display  */

.video_area iframe{width:100%; height:400px;}
.table_info table{width:100%; cellpadding:0; cellspacing:0; font-size:14px; #999 }
.table_info table th{padding:10px 20px; text-align:center; border:1px solid #666; border-bottom:none;}
.table_info table td{padding:10px 20px; border:1px solid #666; }

.table_info tr:nth-child(even),th{ background: #f6f6f6;}

/* zspace 3d */

.bg_car{position:absolute; top:400px; left:-50px;}
/* .bg_car{position:fixed; top:300px; left:93px;} */

/* 파트너사 */

.gallery_wrap{width:100%; height:600px;}

/* 파트너 제안 */

.partner_a{width:100%; margin:0 auto; margin-left:40%; }

/* 오시는길 */

.map_con{padding-left:45px;}
.map_con dl dt{margin-top:10px; margin-bottom:20px; color:#f3951b; font-size:22px; font-weight:bold;}
.map_con dl dd{margin-bottom:7px; color:#fff; font-size:16px;}

.d_map{padding-top:26px;}

/* footer */

.footer{width:100%; height:100px; background:#6F81BF; clear:both; border-top:1px solid #ddd; background:#ececec; padding:20px 0; }
.address{width:1000px; height:100px; position:relative; margin:0 auto; padding:12px 0 30px 150px; box-sizing:border-box; background:url(../image/logo_bottom.png) no-repeat left 13px; }
.address ul li{font-size:13px; color:#000; margin:3px 0;}

.footer_banner {position:absolute; bottom:20px; right:0; }
.footer_banner ul{margin:0}
.footer_banner ul li{float:left; list-style:none; display:inline-block; }