/*초기화*/
* {
    margin: 0;
    padding: 0;
}
body {
	font-family:'맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Arial,'Apple Gothic', sans-serif;
	letter-spacing:-1px;
	background:#f2f5f7;
}
li {
    list-style: none;
}
a {
    text-decoration: none;
}
img {
    border: 0;
}


  #menu_class1 > li:first-child  + li > a {

  }
  
  
  
  #info_Modal {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    height: 100%;
    width: 100%;
}
.modal_Content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background:#222831;
    width: auto;
    padding: 0px;
}

.main_ModalContent {
  text-align: center;
}

.area_CloseBtn {
  background:#222831;
  text-align: center;
  margin-bottom: 10px;
  box-sizing: border-box

}





/*갤러리*/

/*가로슬라이드 메뉴메뉴*/
/* Add to docs */

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index:1 !important;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 65px;
  left: 0;
  width: 100%;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination2 {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  display: inline-block;
  background:url(../img_v10/pager_ho_ac.png) no-repeat;
  opacity:1;
 
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background:url(../img_v10/pager.png) no-repeat;
  width:15px;
  height:15px;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}



/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background:url(../../img_v10/main_img/arrow_green2.svg);
	background-size:100%;
	background-repeat:no-repeat;
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background:url(../../img_v10/main_img/arrow_green.svg);
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background:url(../../img_v10/main_img/arrow_green.svg);
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background:url(../../img_v10/main_img/arrow_green.svg);
	background-size:100%;
	background-repeat:no-repeat;
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background:url(../../img_v10/main_img/arrow_green.svg);
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background:url(../../img_v10/main_img/arrow_green.svg);
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

/* Pagination Styles */
.swiper-pagination2 {
  position: absolute;
  text-align: center;
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

  

/*갤러리 스타일 시작*/

#gall_bg {
	min-width:1180px;
	width:100%;
}

#gall_wp {
	width:100%;
	height:auto;
	position:relative;
}

#x1 {
	background:#0c1c0e;

}

#x1_bg {
	position:relative;	
	background:url(../img_v10/main_01.png);
	margin:0 auto;
	background-repeat:no-repeat;
	width:1150px;
	height:430px;
}

#x1_bg > a:hover > .more_sli > p{
	text-decoration:underline;
}

#x1_bg > a > h3 {
position:absolute;
top:130px;
color:white;
}

#x1_bg > a > p {
position:absolute;
top:150px;
left:0;
color:white;
line-height:40px;
font-size:25px;
letter-spacing:-0.1px;
}



#x2 {
	background:#3d3f40;
	width:100%;
}

#x2_bg {
	position:relative;	
	background:url(../img_v10/main_02.png);
	margin:0 auto;
	background-repeat:no-repeat;
	width:1150px;
	height:430px;
}

#x2_bg > a:hover > .more_sli > p{
	text-decoration:underline;
}

#x2_bg > a > h3 {
position:absolute;
top:130px;
color:black;
}

#x2_bg > a > p {
position:absolute;
top:150px;
left:0;
color:white;
line-height:40px;
font-size:25px;
letter-spacing:-0.1px;
}



#x3 {
	background:#9f9b8c;
	width:100%;
}

#x3_bg {
	position:relative;	
	background:url(../img_v10/main_03.png);
	margin:0 auto;
	background-repeat:no-repeat;
	width:1150px;
	height:430px;
}

#x3_bg > a:hover > .more_sli > p{
	text-decoration:underline;
}

#x3_bg > a > h3 {
position:absolute;
top:130px;
color:black;
}


#x3_bg > a > p {
position:absolute;
top:150px;
left:0;
color:white;
line-height:40px;
font-size:25px;
letter-spacing:-0.1px;
}



#x4 {
	background:#646659;
	width:100%;
}

#x4_bg {
	position:relative;	
	background:url(../img_v10/main_04.png);
	margin:0 auto;
	background-repeat:no-repeat;
	width:1150px;
	height:430px;
}

#x4_bg > a:hover > .more_sli > p{
	text-decoration:underline;
}

#x4_bg > a > h3 {
position:absolute;
top:130px;
color:black;
}

#x4_bg > a > p {
position:absolute;
top:150px;
left:0;
color:white;
line-height:40px;
font-size:25px;
letter-spacing:-0.1px;
}






#x5 {
	background:#f1f1ef;
	width:100%;
}

#x5_bg {
	position:relative;	
	background:url(../img_v10/main_05.png);
	margin:0 auto;
	background-repeat:no-repeat;
	width:1150px;
	height:430px;
}

#x5_bg > a:hover > .more_sli_b > p{
	text-decoration:underline;
}

#x5_bg > a > h3 {
position:absolute;
top:130px;
color:black;
}

#x5_bg > a > p {
position:absolute;
top:150px;
left:0;
color:black;
line-height:40px;
font-size:25px;
letter-spacing:-0.1px;
}



/*갤러리 스타일 시작 끝*/





		/*갤러리 더보기 꾸미기*/
			.more_sli {
				z-index:99;
				position:absolute;
				top:280px;
				left:0;
				padding-right:18px;
			}
			
			.more_sli  > p{
				line-height:17px;
				font-size:14px;
				float:left;
				color:white;
			}

			
			.more_sli > p > img{
				position:absolute;
				bottom:0px;
				right:0;
			}
			
			/*갤러리 더보기 블랙버전*/

			.more_sli_b {
				z-index:99;
				position:absolute;
				top:280px;
				left:0;
				padding-right:18px;
			}

			.more_sli_b > p{
				line-height:17px;
				font-size:14px;
				float:left;
				color:black;
			}
			
			
			.more_sli_b > p > img{
				position:absolute;
				bottom:0px;
				right:0;
			}
			
			
			
		/*더보기 꾸미기*/
			.more {
				z-index:99;
				position:absolute;
				right:0px;
				padding-right:18px;
				top:0px;
			}

			.more > a {
				color:#000000;
			}
			
			.more > a  > p{
				line-height:17px;
				font-size:14px;
				float:left;
				color:#434343;
			}
			
			.more > a:hover > p {
				text-decoration:underline;
			}
			
			.more > a  > p > img{
				position:absolute;
				bottom:0px;
				right:0;
			}
			




/*공통 타이틀*/


.noti_tit {
	width:100%;
	height:60px;
	padding:0 20px 0 20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}

.noti_tit > h4 {
	font-size:16px;
	font-weight:normal;
	line-height:60px;
	color:#fff;
}

.noti_tit_text_left {
	float:left;
}

.noti_tit_text_right {
	float:right;
}


.noti_tit1 {
	background:#2f5f9a;
}

.noti_tit2 {
	background:#2f8a9a;
}

.noti_text {
	width:100%;
	height:140px;
	padding:5px 20px 5px 20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.noti_text > h3 {
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	color:#434343;
}

.noti_text > p {
	font-size:13px;
	font-weight:normal;
	line-height:24px;
	color:#434343;
	word-break:keep-all;
}

.noti_text > a > p {
	display:block;
	font-size:13px;
	font-weight:bold;
	line-height:24px;
	color:#fff;
	background:#2f5f9a;
	border-radius:20px;
	float:right;
	
	padding:3px 20px 3px 20px;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.noti_text > ul > li {
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}

.noti_text > ul > li > a {
	font-size:12px;
	font-weight:normal;
	line-height:32px;
	color:#434343;
}

.noti_text > ul > li > a:hover {
	text-decoration:underline;
}



/*사이트 고 시작*/

#site_bg {
	position:absolute;
	bottom:-140px;
	z-index:88 !important;
	width:100%;
}

#site_warp {
	margin:0 auto;
	width:1150px;
	height:auto;
}

.site_box {
	width:567px;
	height:200px;
	background:#fff;
	float:left;
	margin-right:15px;
}

.site_box:last-child {
	float:right;
	margin-right:0;
}

.site_logo {
	width:567px;
	height:140px;
	float:left;
}

#site_logo1 {
	background:url(../img_v10/main_nprotect.png) no-repeat center center;
}

#site_logo2 {
	background:url(../img_v10/main_tachyon.png) no-repeat center center;
}









/***************************************
*
*
*		비스 링크로 시작
*
*
****************************************/


/*공통 타이틀*/

.now_tit {
	width:270px;
	height:auto;
	margin-right:15px;
	float:left;
}

.now_block {
	width:30px;
	height:2px;
	background:#434343;
	margin-bottom:20px;
}

.now_tit > h2 {
	font-weight:normal;
}



/************************************************
*
*	제품군
*
************************************************/

#product_bg {
	margin-top:180px;
	min-width:1180px;
}

#product_wrap {
	margin:0 auto;
	width:1150px;
	height:auto;
	
	padding:25px 0 25px 0;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
	overflow:hidden;
}

.product_box_wrap {
	width:865px;
	height:auto;
	float:right;
	overflow:hidden;
}

.product_box_left {
	float:left;
}

.product_box_right {
	float:right;
}

.product_box {
	width:425px;
	height:130px;
	background:#ddd;
	margin-bottom:15px;

	position:relative;
	overflow:hidden;

}


.product_box:hover > .product_text_box {
	width:100%;
	height:130px;
	position:absolute;
	bottom:0;
	background:rgba(76, 76, 76, 0.7);

	padding:0 15px 0 15px;


	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.product_box:hover > .product_text_box > h3 {
	color:#fff;
}

.product_box:hover > .product_text_box > p {
	color:#fff;
}

.product_photo1 {
	background:url(../img_v10/intro1s.png);
}

.product_photo2 {
	background:url(../img_v10/intro2s.png);
}

.product_photo3 {
	background:url(../img_v10/intro3s.png);
}

.product_photo4 {
	background:url(../img_v10/intro5s.png);
}

.product_photo5 {
	background:url(../img_v10/intro4s.png);
	margin-bottom:0;
}

.product_photo6 {
	background:url(../img_v10/intro6s.png);
	margin-bottom:0;
}

.product_text_box {
	width:100%;
	height:50px;
	position:absolute;
	bottom:0;
	background:rgba(76, 76, 76, 0.7);
	
	padding:0 15px 0 15px;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
	transition:ease-in-out 0.3s;
}




.product_text_box > h3 {
	font-size:16px;
	font-weight:bold;
	color:#fff;
	line-height:50px;
	word-break:keep-all;
}

.product_text_box > p {
	font-size:13px;
	font-weight:normal;
	line-height:24px;
	word-break:keep-all;
	color:#fff;
}





/*비스 링크로 끝*/




/*회사정보 시작*/

#company_bg {
	margin-top:25px;
	padding-top:25px;
	min-width:1180px;
	background:#f9f9f9;

}

#company_bg > #company_wrap {
	margin:0 auto;
	width:1150px;
	height:auto;
	overflow:hidden;
	
	padding:0 0 20px 0;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


#compnay_box {
	width:865px;
	height:auto;
	float:right;
}


/*회사정보 끝*/



/*콘텐츠 4개 시작*/


.compnay_list {
	width:205px;
	height:250px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	border-radius:10px;
	overflow:hidden;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}



#compnay_box > a:last-child > .compnay_list {
	margin-right:0;
	float:right;
}



/*콘텐츠 상세*/

.company_h3 {
	width:100%;
	height:100px;
	overflow:hidden;
}

.company_h3 > h3 {
	font-size:16px;
	font-weight:normal;
	color:#323232;
	line-height:23px;
	padding-bottom:10px;
	color:#fff;
	
	padding:10px;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}




#compnay1_text > .company_h3 {
	background:#5293bd;
}

#compnay2_text > .company_h3 {
	background:#52aabd;
}

#compnay3_text > .company_h3 {
	background:#52bda0;
}

#compnay4_text > .company_h3 {
	background:#52bd57;
}



.company_p {
	padding-top:10px;
	font-size:13px;
	font-weight:normal;
	color:#434343;
	line-height:25px;
	width:185px;
	height:100px;

	word-break:keep-all;
	
	
	padding:10px;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}



/*콘텐츠 1*/
#company_list1 {
	background:url(../img_v10/bis_icon1.png) no-repeat #fff 135px 180px;
}

/*콘텐츠 2 상세*/

#company_list2 {
	background:url(../img_v10/bis_icon2.png) no-repeat #fff 135px 180px;
}

/*콘텐츠 3 상세*/


#company_list3 {
	background:url(../img_v10/bis_icon3.png) no-repeat #fff 135px 180px;
}


/*콘텐츠 4 상세*/

#company_list4 {
	background:url(../img_v10/bis_icon4.png) no-repeat #fff 135px 180px;
}

/*콘텐츠 5 상세*/

#company_list5 {
	background:url(../img_v10/bis_icon5.png) no-repeat #fff 135px 180px;
}






/*빅타이틀 부분*/

.big_wrap {
	width:1150px;
	height:auto;
	margin:0 auto;

	margin-bottom:10px;
	padding-top:20px;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.big_title > h4 {
	color:#434343;
	font-size:15px;
	font-weight:normal;
	line-height:30px;
}


/*빅타이틀 2*/
.big_wrap2 {
	width:1150px;
	height:auto;
	overflow:hidden;

	margin-bottom:10px;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.big_title2 {
	width:800px;
	height:auto;
	float:left;
	margin-right:10px;
}

	.big_title2 > h4 {		
		color:#434343;
		font-size:15px;
		font-weight:normal;
		line-height:30px;
	}


	.big_title2_3 > h4 {
		color:#434343;
		font-size:14px;
		font-weight:normal;
		line-height:30px;
	}

