@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
<!-- 초기화 -->
/* 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; overflow:hidden; font-family: 'HPSimplified', sans-serif; word-break:keep-all; letter-spacing: -0.025em;line-height:1.5;

}

h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal}
img {border:0;vertical-align:top; max-width:100%;}
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:no:;rmal;}
a {color:#333; text-decoration:none;}
a:hover,a:focus{text-decoration: none !important;  }
img,fieldset{border:0;outline:none}
input,button{
  outline:none;
}
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;
}
.header .top_logo{float:left; max-width:300px; max-height:100px; width:100%; height:100%; box-sizing:border-box; padding:6px 0 6px 35px;}


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

.gnb ul{position:absolute; right:25px; top:20px;}
.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;
}


.wrap{width:100%; position:relative; top:80px; z-index:20} 
.page_btn{ position:fixed; top:100px; padding-top:30px; right:0px; z-index:600;}
.page_btn ul li{ cursor:pointer; display:block; 
				 background:rgba(255,255,255,.6); margin:10px; width:15px; height:15px;
				 text-indent:-9999px; overflow:hidden;font-size:0px; 
				 border:1px solid #fff; border-radius:100px; box-sizing:border-box;
				 }


.page_btn ul li.active{border:2px solid #fff; font-size:0px; background:rgba(0,0,0,.9) }
.container{width:100%; height:100%; overflow:hidden; box-sizing:border-box;  }

.container div.active{}
.content_box{width:100%; position:relative; top:0;left:auto;right:0; max-height:1200px; background-size:cover; min-height:648px; clear:both; display:block; }

.content_box .txt_a{width:30%; float:left; background:rgba(0,0,0,.6); height:100%; color:#fff; padding:8% 3% 10% 35px; box-sizing:border-box;}
.content_box .txt_a h2{font-size:30px; font-weight:bold; padding-bottom:10%;}
.content_box .txt_a span{display:block; padding-bottom:10%; font-size:1.4vw; line-height:2.5vw; color:#fff; }

.content_box .txt_address{ text-align:center; box-sizing:border-box; padding-top:10%;}
.content_box .txt_address span{display:block; padding-bottom:10%; font-size:1.4vw;   }

.content_box .visual_a{width:70%; float:right; height:100%; box-sizing:border-box; position:relative;}


.main_con1{background-image:url(../image/bg_01.jpg)}
.main_con2{background-image:url(../image/bg_02.jpg)}
.main_con3{background-image:url(../image/bg_03.jpg)}
.main_con4{background-image:url(../image/bg_04.jpg)}


.partners{position:relative; margin:8% 0 5% 0; height:100%;}


/* 위치안내 */

.g_map{width:100%; padding:5% 15% 0 15%; box-sizing:border-box; }
.g_map span{color:#fff; display:line-block; cursor:pointer; 
padding:10px 8px 10px 48px; position:absolute; left:45%;
z-index:100;margin-top:20px; background:url(../image/googlemap.png) no-repeat 5px 3px #222; border: 2px solid #fff;}

.m_btn{bottom:0; left:41% !important;}
.mini_map{position:relative; padding-bottom:60px;}

.mini_map img{width:100%; height:100%; min-width:240px; min-height:240px; padding:5px; border:3px solid #fff;}

.m_area{display:none; background:rgba(0,0,0,.6); position:fixed; top:80px; left:0; z-index:500; box-sizing:border-box;}
.g_area{margin:5% 0 0 20%; width:60%; height:60%;}
.g_area iframe{width:100%; height:100%;}






/* 서브페이지 css */

.sub_wrap{padding-top:80px; overflow:auto;}
.sub_container{width:1000px; height:2000px; background:no-repeat ; background-size:100% 200px; margin:0 auto; }

.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)}


.footer{width:100%; height:100px; background:#6F81BF;  }