#maintablewrap, #buttomlayer1 {
    min-width: 1000px;
    overflow: hidden;
}
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Merriweather');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif');

@font-face {
    font-family: 'NEXON Lv2 Gothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv2 Gothic Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



body {
    /* font-size: 12px; */
font-family: 'Noto Sans KR', sans-serif;
    /* color: #444444; */
    line-height: 150%;
}

.rollerss li{width:350px; position:absolute; left:100px; top:-40px;list-style: none;}
/* 메인화면비디오 */
div.video_banner{    width: 292px;
height: 87px;
background-image: url(/USER_DATA/blowmoldeng/content/editor/img/video_bg.png);
background-position: right center;
background-repeat: no-repeat;
}
div.video_banner h4{
font-size: 19px;
color: #242424;
margin: 5px 0px;
}
/* 푸터 */
div.footer{
  background:#f0f0f0; width: 100%;
}
div.footer div.footer_contents{
  width:940px; margin:0 auto; overflow: hidden;padding-top:12px; height: 80px; box-sizing: border-box;
}
div.footer div.footer_contents >div{float: left;}
div.footer_contents div.footer_logo{width:230px;margin-right:20px;
  padding-top:15px;
}
div.footer div.footer_contents  div.footer_detail{     font-size: 13px;
    font-weight: 500;
    color: #707070;
    line-height: 20px;}
    div.footer div.footer_contents  div.footer_detail span{display: block;font-size: 10px;margin-top:5px;}

div.footer div.footer_contents  div.footer_detail a{
      color: #707070; text-decoration: none;
}
/* 메인 아코디언배너 */
.slider-container h4{
  font-size: 15px;
    color: #242424;
    margin: 5px 0px;margin-bottom:10px;
}
.slider-container h2 {
	font-family: 'NEXON Lv2 Gothic Bold';
    text-align: center;
    margin: 0px;
    z-index: 9999;
    width: 33px;
    position: relative;
    font-size: 22px;
    color: #0f6aab;
    font-weight: 900;
    margin-top: 4px;
}
  .slider-container h2  span{    
  	position: absolute;
    transform-origin: left top 0;
    text-align: left;
    font-size: 12px;
    color: #383838;
    top: 26px;
	left:10px;
    line-height: 14px;
    height:26px;
    width: 12px;
    letter-spacing: 0.03em;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
}
.flexbox-slider {
  display: flex;
  width: 375px;
  height:135px;
  visibility: hidden;
}
.flexbox-slider .flexbox-slide:first-child{border-left:1px solid #ccc;}
.flexbox-slider .flexbox-slide {
border-right:1px solid #ccc;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  transition-delay: 0s;
  width: 20%;
  height: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  visibility: visible;
}
.flexbox-slider .flexbox-slide:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 2;
  opacity: 0;
}
.flexbox-slider .flexbox-slide img {
	  position: absolute;
      left: 45px;
      bottom: 0px;
      z-index: 4;
      opacity: 0;cursor: pointer;
}
.flexbox-slider .flexbox-slide button {
	position: absolute;
    background: #000;
    color: #fff;
    border: 0px;
    border-radius: 50px;
    font-size: 10px;
    padding: 5px 0;
    bottom: 3px;
    left: 0px;
    cursor: pointer;
    width: 60px;
    display: inline-block;
}



.flexbox-slider .flexbox-slide .text-block {
  	position: absolute;
	left: 30px;
	top: -14px;
	max-width: 400px;
	border-radius: 5px;
	color: #0f6aab;
	z-index: 4;
	visibility: hidden;
	opacity: 0;
}
.flexbox-slider .flexbox-slide .text-block h3 {
  	font-family: 'NEXON Lv2 Gothic Bold';
  	font-size: 19px;
  	font-weight: 700;
	margin-bottom: 14px;
}
.flexbox-slider .flexbox-slide .text-block h1 {
	font-family: 'NEXON Lv2 Gothic';
  	font-size: 10px;
  	color:#a3a3a3;
	width:90%;
    line-height: 14px;
}
.flexbox-slider:hover .flexbox-slide:hover,    .flexbox-slider.active .flexbox-slide.active {
	flex-shrink: 0;
  	width: 63%;
}

/* effect 1 styles */
.flexbox-slider.flexbox-slider-1 .flexbox-slide .text-block {
 	 bottom: 60px;
}
.flexbox-slider.flexbox-slider-1:hover .flexbox-slide:hover .text-block,.flexbox-slider.flexbox-slider-1.active .flexbox-slide.active .text-block{
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	transition-delay: 0.2s;
	bottom: 30px;
	opacity: 1;
 	visibility: visible;
}
.flexbox-slider.flexbox-slider-1:hover img,.flexbox-slide:hover img,.flexbox-slider.flexbox-slider-1.active img,.flexbox-slide.active img{ 
	opacity:1; text-align:right;
}

/* 좌측타이틀 */
.left_title {       
	box-sizing: border-box;
    font-weight: 400;
    font-size: 23px;
    color: #333333;
    text-align: left;
    border-bottom: 1px solid #ccc;
    width: 210px;
    padding-bottom: 33px;
    border-top: 2px solid #5f9406;
    padding-top: 30px;
    padding-left: 25px;
}
.left_title a {    
	font-weight: 500;
    font-size: 23px;
    color: #333333;
    text-align: left;
}
/* 서브타이틀 */
.sub_title{
    font-size:27px; 
	color: #7dab45; 
	font-weight: bold;
}
/* clientele페이지 */
div.sub_page{color:#393939; margin-bottom:40px;}
ul.clientele{margin:0px; padding:0px;margin-bottom:40px;overflow: hidden;}
ul.clientele li{list-style:none; float: left; border:1px solid #ccc; margin-right:27px;margin-bottom:18px}
ul.clientele li:nth-child(3n+3){margin-right:0px;}
div.sub_page h3{
    color: #006495;font-family: 'Noto Serif', serif;
    font-size: 21px;
    margin-bottom: 40px;
    font-style: italic;
    line-height: 29px;
}
div.sub_page h4{    position: relative;
    color: #000;
    font-size: 16px;
    margin-bottom: 7px;}
div.sub_page h4:before{    content: "";
    display: inline-block;
    width: 17px;
    height: 3px;
    background: #0069c5;
    position: absolute;
    top: -12px;}
    div.sub_page p{margin-bottom:40px}
    div.sub_page span.highlight{font-style:italic; margin-top:40px; font-weight: bold; color:#000; display: inline-block;}
    div.sub_page span.highlight span.orange_color{color:#ff9900}
    div.quality_page p{margin-bottom:55px;}
    div.greeting{    background-image: url(/USER_DATA/blowmoldeng/content/editor/img/bg_01_01_01.jpg);
    height: 1200px;
    background-position: right -67px bottom;
    background-repeat: no-repeat;}
  ul.top_language{      width: 178px;
    height: 25px;
    overflow: hidden;
    position: absolute;
    top: 6px;
    left: 740px;
    z-index: 106;}
      ul.top_language li{
            float: left; margin-right:7px; list-style: none;
      }