@charset "utf-8";

html{font-family:sans-serif;}
body {
  margin:0;
  background: #fff;
  color: #000;
  line-height: 30px;
  font-size: 18px;
  letter-spacing:0px;
  font-weight:300;
  font-family: 'Noto Sans KR','맑은고딕',Arial,sans-serif;
}


img{border:0}

input{line-height:normal}
textarea{overflow:auto}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */


.warp {width:100%;}
.contentWarp {width:1160px; margin:0 auto;}
.container{margin-right:auto;margin-left:auto; width:1160px;}
.row {width:100%; display:inline-block;}



/* ====================================================================================================================
 * COMMON	
 * ====================================================================================================================*/
h1, h2, h3, h4, h5, h6 {
  color: #000000;
  line-height: 1.5;
  font-family: 'Noto Sans KR', '맑은고딕', sans-serif;
}

h1 {font-size: 100px;}
h2 {font-size: 36px;}
h3 {font-size: 28px;}
h4 {font-size: 36px;}
h5, h6 {font-size: 14px;}

a {
  -webkit-transition: .5s all;
  transition: .5s all;
  color: #fff;
}

a:hover, a:focus, a:active {
  color: #fff;
  text-decoration: none;
}


.mb0 {margin-bottom: 0px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}
.mb150 {margin-bottom: 150px !important;}

.mt0 {margin-top: 0px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}
.mt150 {margin-top: 150px !important;}
.mt170 {margin-top: 170px !important;}
.mt350 {margin-top: 350px !important;}

.ml60 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}
.ml90 {margin-left: 90px !important;}
.ml170 {margin-left: 170px !important;}

.mr20 {margin-right:20px !important;}

.pt100 {padding-top: 100px; box-sizing:border-box;}
.pb0 {padding-bottom: 0 !important; box-sizing:border-box;}
.pl150 {padding-left:150px !important; box-sizing:border-box;} 
.pl600 {padding-left:600px} 
.pl700 {padding-left:700px} 

.h20 {height:20px;}

.bold {color:#6bb3c6;}
.normal {font-weight:300 !important;}
.italic {font-style: italic;}

.bg-white {background:#fff !important;}
.bg-blue {background:#e6f5f9 !important;}
.bg-green {background:#57aec5 !important;}
.bg-gray {background:#f9f8f8 !important;}
.bg-red {background:#df0018 !important;}

.orange {color:#ff6600;}
.orange2{color:#FFC000;}
.yellow {color:#FFFF00;}
.red {color:#df0018;}
.cyan {color:#17a2c5;}
.green {color:#419100;}
.green2 {color:#1DD921;}
.white {color:#fff !important;}

.fw300 {font-weight:300;}
.fw500 {font-weight:500;}
.fw700 {font-weight:700;}

.fs15 {font-size:15px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs23 {font-size:23px;}

.ls0 {letter-spacing:0px;}

.fLeft {float:left;}
.fRight {float:right;}

.tLeft {text-align:left;}
.tCenter {text-align:center;}
.tRight {text-align:right;}



/* ====================================================================================================================
 * NAV	
 * ====================================================================================================================*/
 
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}
.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}
.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}


.navbar-left{float:left!important}
.navbar-right{float:right!important;margin-right:15px;}
@media screen and (max-width:1159px){.navbar-right {margin-right:30px;}}
.navbar-right~.navbar-right{margin-right:0}


.probootstrap-navbar {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px;
  margin-bottom: 0px;
  background: none;
  -webkit-transition: .3s all;
  transition: .3s all;
  height:100px;
}

.probootstrap-navbar .navbar-brand {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: 30px;
  text-transform: uppercase;
  background: url(../img/logo.png) no-repeat left top;
  top: 30px;
  position: relative;
  width: 190px;
  height: 40px;
  text-indent: -999999px;
  -webkit-transition: -0.8s all;
  transition: -0.8s all;
}
.navbar-brand{float:left;height:40px;padding:15px 15px;font-size:18px;line-height:20px}
.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}
.navbar-brand>img{display:block}

.probootstrap-navbar .navbar-menu {float:left; margin:15px 0 0 60px;}
.navbar-menu ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-block;
}

.navbar-menu ul li { padding: 0px;}

.navbar-menu > ul > li { display: inline-block; margin-right:20px; }

.navbar-menu ul li a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 17px;
  font-weight:500;
}

.navbar-menu ul li a:hover {
  color: #6bb3c6;
  transition: all .5s ease-out;
}

.navbar-menu ul li.hover > a {
  background: #efa666;
  color: #fff;
}

.navbar-menu ul li > a { padding: 15px; }

.navbar-menu ul ul {
  display: none;
  position: absolute;
  top: 100%;
  min-width: 200px;
  background: #65afc2;
}

.navbar-menu ul li:hover > ul { display: block;}

.navbar-menu ul ul > li { position: relative; }

.navbar-menu ul ul > li a {
  padding: 10px 15px;
  height: auto;
  background: #65afc2;
  color:#fff;
  font-size:15px;
}

.navbar-menu ul ul > li a:hover {
  background: #2c7392;
  color: #fff;
}

.probootstrap-navbar .navbar-right {float:right; width:210px; height:19px; text-align:right; display:inline-block; font-size:0; margin-top:35px; position: relative;}
.probootstrap-navbar .navbar-right span {display:none;}
.probootstrap-navbar .navbar-right .icon-youtube {width:26px; height:19px; background:url(../img/icon_youtube.png) no-repeat; cursor:pointer; display:inline-block; margin:0 60px 0 17px;}
.probootstrap-navbar .navbar-right .icon-youtube:hover {background:url(../img/icon_youtube_ov.png) no-repeat; cursor:pointer;}
.probootstrap-navbar .navbar-right .icon-pinter {width:19px; height:19px; background:url(../img/icon_pinter.png) no-repeat; cursor:pointer; display:inline-block; margin-left:17px;}
.probootstrap-navbar .navbar-right .icon-pinter:hover {background:url(../img/icon_pinter_ov.png) no-repeat; cursor:pointer;}
.probootstrap-navbar .navbar-right .icon-facebook {width:19px; height:19px; background:url(../img/icon_facebook.png) no-repeat; cursor:pointer; display:inline-block; margin-left:17px;}
.probootstrap-navbar .navbar-right .icon-facebook:hover {background:url(../img/icon_facebook_ov.png) no-repeat; cursor:pointer;}
.probootstrap-navbar .navbar-right .icon-insta {width:19px; height:19px; background:url(../img/icon_insta.png) no-repeat; cursor:pointer; display:inline-block;}
.probootstrap-navbar .navbar-right .icon-insta:hover {background:url(../img/icon_insta_ov.png) no-repeat; cursor:pointer;}
.probootstrap-navbar .navbar-right .icon-language {width:34px; height:24px; background:url(../img/icon_flag_kor.jpg) no-repeat; cursor:pointer; display:inline-block; position:absolute; top:-3px; right:0px;}
/*.probootstrap-navbar .navbar-right .icon-language {width:30px; font-size: 16px; font-weight:500; color:#fff; cursor:pointer; display:inline-block; position:absolute; top:-6px; right:0px;}
.probootstrap-navbar .navbar-right .icon-language:hover {color:#6bb3c6; cursor:pointer;}*/

.probootstrap-navbar.scrolled {
  background: #ffffff;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.09);
  height:100px;
}

.probootstrap-navbar.scrolled .navbar-brand, 
.probootstrap-navbar.scrolled .navbar-menu a {
  padding-top: 15px;
  padding-bottom: 20px;
}
.probootstrap-navbar.scrolled .navbar-menu ul li a {
  display: block;
  text-decoration: none;
  color: #000;
  font-size: 17px;
  font-weight:500;
}
.probootstrap-navbar.scrolled .navbar-menu ul ul > li a {
  padding: 10px 15px;
  height: auto;
  background: #65afc2;
  color:#fff;
  font-size:15px;
}

.probootstrap-navbar.scrolled .navbar-menu ul ul > li a:hover {
  background: #2c7392;
  color: #fff;
}
.probootstrap-navbar.scrolled .navbar-menu a.active {color:#6bb3c6 !important;}

.probootstrap-navbar.scrolled .navbar-brand {
  top: 30px;
  background-position: left 100%;
}

.probootstrap-navbar.scrolled .navbar-right {}
.probootstrap-navbar.scrolled .navbar-right .icon-youtube {width:26px; height:19px; background:url(../img/icon_youtube_black.png) no-repeat; cursor:pointer; display:inline-block;  margin:0 60px 0 17px;}
.probootstrap-navbar.scrolled .navbar-right .icon-youtube:hover {background:url(../img/icon_youtube_ov.png) no-repeat; cursor:pointer; -webkit-transition: .8s all; transition: .8s all;}
.probootstrap-navbar.scrolled .navbar-right .icon-pinter {width:19px; height:19px; background:url(../img/icon_pinter_black.png) no-repeat; cursor:pointer; display:inline-block; margin-left:17px;}
.probootstrap-navbar.scrolled .navbar-right .icon-pinter:hover {background:url(../img/icon_pinter_ov.png) no-repeat; cursor:pointer; -webkit-transition: .8s all; transition: .8s all;}
.probootstrap-navbar.scrolled .navbar-right .icon-facebook {width:19px; height:19px; background:url(../img/icon_facebook_black.png) no-repeat; cursor:pointer; display:inline-block; margin-left:17px;}
.probootstrap-navbar.scrolled .navbar-right .icon-facebook:hover {background:url(../img/icon_facebook_ov.png) no-repeat; cursor:pointer; -webkit-transition: .8s all; transition: .8s all;}
.probootstrap-navbar.scrolled .navbar-right .icon-insta {width:19px; height:19px; background:url(../img/icon_insta_black.png) no-repeat; cursor:pointer; display:inline-block;}
.probootstrap-navbar.scrolled .navbar-right .icon-insta:hover {background:url(../img/icon_insta_ov.png) no-repeat; cursor:pointer; -webkit-transition: .8s all; transition: .8s all;}
.probootstrap-navbar.scrolled .navbar-right .icon-language {width:34px; height:24px; background:url(../img/icon_flag_kor.jpg) no-repeat; cursor:pointer; display:inline-block; position:absolute; top:-3px; right:0px;}
/*.probootstrap-navbar.scrolled .navbar-right .icon-language {width:30px; font-size: 16px; font-weight:500; color:#000; cursor:pointer; display:inline-block;  position:absolute; top:-6px; right:0px;}
.probootstrap-navbar.scrolled .navbar-right .icon-language:hover {color:#6bb3c6; cursor:pointer; -webkit-transition: .8s all; transition: .8s all;}*/
.probootstrap-navbar.scrolled .dropdown > a:before {
  color: rgba(0, 0, 0, 0.4);
}



/* ====================================================================================================================
 * SLIDER	
 * ====================================================================================================================*/
.flexslider {
  position: relative;
  z-index: 2;
  background: none;
  border: none;
  margin: 0 0 0;
  width:100%;
}
@media screen and (max-width:1159px){.flexslider {width:1200px}}

.flexslider .probootstrap-slider-text {
  margin-top: 0px;
	position:relative;
}

.flexslider .probootstrap-slider-text .mainCopy1 {
  font-size: 24px;
  color:#fffc00;
  font-weight:300;
  margin-top: 220px;
}

.flexslider .probootstrap-slider-text .sub-heading {
  font-size: 20px;
  margin-top: 450px;
  color:#acc5d8;
  font-weight:300;
}

.flexslider .probootstrap-slider-text .sub-heading a {
  color: white;
}

.flexslider .probootstrap-slider-text .sub-heading2 {
  font-size: 20px;
  margin-top: 350px;
  color:#acc5d8;
  font-weight:300;
}

.flexslider .probootstrap-slider-text .sub-heading2 a {
  color: white;
}

.flexslider .probootstrap-slider-text .sub-heading_r {
  font-size: 25px;
  margin: 470px 0px 0px 10px;
  color:red;
  font-weight:300;
}

.flexslider .probootstrap-slider-text .mid-heading_e {
  font-size: 80px;
  margin: 480px 0px 0px 10px;
  color:#acc5d8;
  font-weight:300;
}

.flexslider .probootstrap-slider-text .mid-heading {
  font-size: 30px;
  margin: 0px 0px 0px 10px;
  color:#acc5d8;
  font-weight:300;
}




/* Flexslider override style */
.slides {width:100%;}
@media screen and (max-width:1159px){.slides {width:1220px}}
.flexslider, .flexslider .slides > li {
  height: 940px;
  background:#0f1521;
  width:100%;
}
@media screen and (max-width:1159px){.flexslider, .flexslider .slides>li {width:1200px}}

.flexslider .slides > li {
  background-size: cover;
  background-repeat: none;
}
@media screen and (max-width:1159px){.flexslider .slides > li {width:1200px; padding-left:50px; box-sizing:border-box;}}

.flexslider .slides > li.overlay:before {
  content: "";
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.flexslider .flex-control-paging {
  position: absolute;
  bottom: 30px;
  z-index: 20;
}

.flexslider .flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 30px;
  height: 30px;
  margin: -60px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0px;
  padding: 30px;
}

.flexslider .flex-direction-nav a:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  content: "\e929";
  -webkit-transition: .3s all;
  transition: .3s all;
  font-size: 30px;
  display: inline-block;
  color: rgba(255, 255, 255, 0.8);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.flexslider .flex-direction-nav a.flex-next:before {
  content: "\e92a";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.flex-direction-nav .flex-prev {
  left: 0px;
}

.flex-direction-nav .flex-next {
  right: 0px;
  text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 0px;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 0px;
}

.flex-control-paging li a {
  width: 10px;
  height: 10px;
  display: block;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-radius: 50%;
  -webkit-transition: .3s all;
  transition: .3s all;
}
@media screen and (max-width:1159px){.flex-control-paging {width:1160px;}}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(255, 255, 255, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: white;
  cursor: default;
}




/* ====================================================================================================================
 * SECTION	
 * ====================================================================================================================*/

.probootstrap-section {
  padding: 150px 0;
  box-sizing:border-box;
  width:100%;
}
@media screen and (max-width:1159px){.probootstrap-section{padding:130px 20px; box-sizing:border-box; width:1200px;}}

.probootstrap-bg-blue {
  background: #447597;
}

.probootstrap-bg-video {
  background: #263842;
}

@media screen and (max-width:1159px){.probootstrap-bg-blue{width:1200px;}}

.probootstrap-copyright {
  background: #373c44;
  color:#9b9ea2;
  padding: 60px 0;
  box-sizing:border-box;
  height:240px;
}
@media screen and (max-width:1159px){.probootstrap-copyright{width:1200px;}}

.probootstrap-copyright .copyTop {width:100%; height:50px; border-bottom:1px solid #42474f; padding-bottom:26px; box-sizing:border-box;}
.probootstrap-copyright .copyTop .cLeft {float:left; width:129px; height:19px; background:url(../img/copyLogo.png) no-repeat; text-indent: -9999px;}
@media screen and (max-width:1159px){.probootstrap-copyright .copyTop .cLeft {padding-left:20px; box-sizing:border-box;}}
.probootstrap-copyright .copyTop .cRight {float:right; width:210px; height:19px; text-align:right; display:inline-block; position:relative;}
@media screen and (max-width:1159px){.probootstrap-copyright .copyTop .cRight {padding-right:20px; box-sizing:border-box;}}
.probootstrap-copyright .copyTop .cRight span {display:none;}
.probootstrap-copyright .copyTop .cRight .icon-youtube {width:26px; height:19px; background:url(../img/icon_youtube.png) no-repeat; filter: alpha(opacity=50); opacity: 0.5; cursor:pointer; display:inline-block; margin:0 60px 0 17px;}
.probootstrap-copyright .copyTop .cRight .icon-youtube:hover {filter: alpha(opacity=100); opacity: 1; cursor:pointer; -webkit-transition: .8s all; transition: .8s all;}
.probootstrap-copyright .copyTop .cRight .icon-pinter {width:19px; height:19px; background:url(../img/icon_pinter.png) no-repeat; filter: alpha(opacity=50); opacity: 0.5; cursor:pointer; display:inline-block; margin-left:17px;}
.probootstrap-copyright .copyTop .cRight .icon-pinter:hover {filter: alpha(opacity=100); opacity: 1; cursor:pointer; -webkit-transition: .8s all; transition: .8s all;}
.probootstrap-copyright .copyTop .cRight .icon-facebook {width:19px; height:19px; background:url(../img/icon_facebook.png) no-repeat; filter: alpha(opacity=50); opacity: 0.5; cursor:pointer; display:inline-block; margin-left:17px;}
.probootstrap-copyright .copyTop .cRight .icon-facebook:hover {filter: alpha(opacity=100); opacity: 1; cursor:pointer; -webkit-transition: .8s all; transition: .8s all;}
.probootstrap-copyright .copyTop .cRight .icon-insta {width:19px; height:19px; background:url(../img/icon_insta.png) no-repeat; filter: alpha(opacity=50); opacity: 0.5; cursor:pointer; display:inline-block;}
.probootstrap-copyright .copyTop .cRight .icon-insta:hover {filter: alpha(opacity=100); opacity: 1; cursor:pointer; -webkit-transition: .8s all; transition: .8s all;}
.probootstrap-copyright .copyTop .cRight .icon-language {width:34px; height:24px; background:url(../img/icon_flag_kor.jpg) no-repeat; cursor:pointer; display:inline-block; position:absolute; top:0px; right:0px; filter: alpha(opacity=50); opacity: 0.5;}
.probootstrap-copyright .copyTop .cRight .icon-language:hover {width:34px; height:24px; background:url(../img/icon_flag_kor.jpg) no-repeat; cursor:pointer; display:inline-block; position:absolute; top:0px; right:0px; filter: alpha(opacity=100); opacity: 1;}
/*.probootstrap-copyright .copyTop .cRight .icon-language {width:30px; font-size: 16px; font-weight:500; color:#fff; filter: alpha(opacity=50); opacity: 0.5; cursor:pointer; display:inline-block; position:absolute; top:-4px; right:0px;}
.probootstrap-copyright .copyTop .cRight .icon-language:hover {filter: alpha(opacity=100); opacity: 1; color:#fff; cursor:pointer; -webkit-transition: .8s all; transition: .8s all;}*/

.probootstrap-copyright .copyBottom {width:100%; margin-top:20px;}

.probootstrap-copyright a {
  color:#9b9ea2;
  text-decoration:none;
}

.probootstrap-copyright a:hover {
  color: white;
}

.probootstrap-copyright p {
  font-size: 15px;
  height:10px;
  margin-bottom:10px;
}

.probootstrap-copyright p:last-child {
  margin-bottom: 0;
}

.probootstrap-footer-social {
  padding: 0;
  margin: 0;
}

.probootstrap-footer-social.right {
  text-align: right;
}

.probootstrap-footer-social li {
  display: inline;
  padding: 0;
  margin: 0;
  list-style: none;
}

.probootstrap-footer-social li a {
  padding: 10px;
  font-size: 22px;
}

.probootstrap-footer-social li:first-child > a {
  padding-left: 0;
}

.block-image {
  float:left;
  width:350px;
}

.image-marginR {margin-right:55px;}

.block-image img {
  width: 350px;
}

.block-image .text {
  margin-top:30px;
  display:block;
}

.block-image .text .imgTit {
  width:100%;
  float:left; 
  margin: 0 0 10px 0;
  color:#000;
  font-size: 30px;
  letter-spacing:-2px;
  font-weight:900;
}
.block-image .text .imgTxt {
  width:100%;
  float:left; 
  font-weight:500;
  color:#000;
  font-size: 20px;
  height:90px;
}
.block-image .text .imgSTxt {
  width:100%;
  float:left; 
  color:#666;
  height:360px;
  font-weight:300;
}

.block-image .text .btnArea {float:left; width:100%;}
.bbtn {
  position:relative;
  width:184px;
  height:70px;
  font-size: 18px;
  background:#6bb3c6;
  text-align:center;
  padding:25px 35px;
  color: #fff;
  text-decoration: none;
  line-height:40px;
  font-weight:500;
  cursor:pointer;
}
.bbtn:hover {
  color: #fff;
  background:#447597;
}

.probootstrap-animate {
  opacity: 0;
  visibility: hidden;
}


.probootstrap-heading .primary-heading {
  color: #fff;
  margin: 0 0 0 0;
  padding: 0;
  font-size: 80px;
  font-weight:300;
  line-height:100px;
  letter-spacing:-7px;
}
.probootstrap-heading .primary-heading .eng {letter-spacing:-3px;}

.probootstrap-heading .secondary-heading {
  text-transform: uppercase;
  color: #acc5d8;
  letter-spacing:-2px;
  font-size: 20px;
  position: absolute;
  bottom: -60px;
	right: 0px;
  font-weight:700;
  line-height: 40px;
}

.probootstrap-heading .secondary-heading1 {
  color: #acc5d8;
  font-size: 25px;
  margin:10px 0 0 0;
  position: absolute;
  bottom: -60px;
	left: 10px;
  font-weight:300;
  line-height: 30px;
  font-style:italic
}

.mainMovTit {float:left; color:#fff; border-bottom:2px solid #fff; padding-bottom:8px;}
.mainMov {float:right; width:853px; height:480px; background:#000;}
@media screen and (max-width:1159px){.mainMov {margin-right:50px; box-sizing:border-box;}}

.mainNewsTit {float:left; margin: -60px 0 50px 0; color:#000; border-bottom:2px solid #000; padding-bottom:8px;}
.newsBox {width:100%; display:inline-block;}
.newsText {float:left; width:736px;}
.newsText .newsTit {font-size:30px; margin-bottom:50px; font-weight:700;}
.newsText .newsSTit {font-size:20px; margin-bottom:20px; font-weight:500;}
.newsPhoto {float:right; width:360px; height:264px; background:#e0e4e7; text-align:center; overflow:hidden;}
.newBtnArea {width:100%; text-align:center; margin-top:60px;}

.newsPhoto2 {float:left; width:360px; height:240px; background:#e0e4e7; text-align:center; overflow:hidden;}
.newsML {margin-left: 60px;}

/* ====================================================================================================================
 * BUTTON	
 * ====================================================================================================================*/





/* ====================================================================================================================
 * SUB PAGE	
 * ====================================================================================================================*/
.topBG {width:100%; height:440px; background-size:cover; position:relative;}
@media screen and (max-width:1159px){.topBG {width:1200px;}}
.topLine {width:100%; height:1px; background:rgb(255,255,255); opacity: 0.1; position:absolute; top:100px;}
.topContainer {width:1160px; margin:0 auto; text-align:center;}
.topBG .tit {
  color: #fff;
  margin: 0;
  padding-top: 180px;
  font-size: 50px;
  font-weight:700;
  line-height:70px;
  letter-spacing:-0px;
}

.topBG .txt {
  text-transform: uppercase;
  color: #d4d4d4;
  margin: 0;
  padding: 0;
  letter-spacing:0px;
  font-size: 18px;
  position: relative;
  top: 20px;
  font-weight:500;
  line-height: 26px;
}

.lineMapA {position:absolute; bottom:0; width:100%; height:70px; display:inline;}
.lineMapL {float:left; width:calc(50% - 580px); height:70px;}
.lineMapR {float:left; width:calc(50% - 580px); height:70px; background:#65afc2;}
.lineMap {float:left; width:1160px; height:70px; background:#65afc2; display:inline-block; padding-top:24px; box-sizing:border-box;}
.lineMap .home {float:left; width:17px; height:20px; background:url(../img/icon_home.png) left 2px no-repeat; margin-left:60px; padding-right:40px; border-right:1px solid #74c0d4; display:inline-block;}
.lineMap .home span {display:none;}
.lineMap .menu1d {float:left; height:20px; padding:0 40px; border-right:1px solid #74c0d4; display:inline-block;}
.lineMap .menu1d div {margin-top:-6px; color:#fff; font-size:16px;}
.lineMap .menu2d {float:left; height:20px; padding:0 40px; display:inline-block; position:relative;}
.lineMap .menu2d div {margin-top:-6px; color:#fff; font-size:16px;}

.subTabMenuAll {width:100%; height:90px; background:#f4f4f4;}
@media screen and (max-width:1159px){.subTabMenuAll {width:1200px;}}
.subTabMenuAll .subTabMenuArea {width:1160px; height:90px; margin:0 auto;}
.subTabMenuAll .subTabMenuArea .subTabM {height: 90px; font-size: 16px; color: #999; letter-spacing: -.5px; padding: 30px 10px; box-sizing: border-box; display: inline-block;}
.subTabMenuAll .subTabMenuArea .subTabM.on {border-bottom:6px solid #65afc2; box-sizing:border-box; color:#65afc2; font-weight:500;}

.subTabMenu3d {width:100%; height:60px; font-size:0; display:inline-block; margin-bottom:100px; box-sizing:border-box;}
.subTabMenu3d div {height:60px; font-size:18px; background:#aaa; color:#fff; letter-spacing:-.8px; text-align:center; line-height:58px; padding:0px 30px; display:inline-block; margin-right:20px;}
.subTabMenu3d div.on {background:#6bb3c6; color:#fff;}

.pageTitle {width:100%; text-align:center; font-size:50px; font-weight:700; margin-bottom:100px; letter-spacing:-2px;}
.pageTitle .eng {letter-spacing:0px;}
.pageTitleSub {width:100%; font-size:18px; margin-top:20px; letter-spacing:0px; font-weight:500;}
.pageTitle .infoTxt {width:100%; font-size:15px; margin-top:38px; letter-spacing:-.4px; text-align:center; font-weight:300;}
.pageTitle .infoTxt .vrIcon {margin-top:10px;}
.pageSemiTitle {width:100%; text-align:center; font-size:50px; font-weight:700; margin-bottom:30px; letter-spacing:-4px;}

.sectionCont {width:100%; position:relative;}
.subCont {width:90%; background:#E6E6FA; border-top: 2px solid #000000; border-bottom: 2px solid #000000; padding: 5px 0px 5px 10px }
.subCont1 {width:1000px; background:#E6E6FA; border-top: 2px solid #203A7B; border-bottom: 2px solid #203A7B; padding: 5px 0px 5px 10px;opacity:0.7 }
.Title {width:100%; font-size:60px; font-weight:300; margin-bottom:120px; letter-spacing:-2px; line-height:90px;}
.Title2 {width:100%; font-size:48px; font-weight:300; letter-spacing:-2px; line-height:70px;}
.Title3 {width:100%; font-size:60px; font-weight:300; margin-bottom:60px; letter-spacing:-2px; line-height:70px;}
.Title4 {width:100%; font-size:42px; font-weight:300; margin-bottom:60px; letter-spacing:-2px; line-height:70px; text-align:center; font-weight:700;}
.sTitle {width:100%; font-size:30px; font-weight:700; margin-bottom:40px; letter-spacing:-1px; line-height:50px;}
.sTitle2 {width:100%; font-size:30px; font-weight:700; margin-bottom:40px; letter-spacing:-2px; line-height:50px; font-weight:300;}
.sTitle3 {width:100%; font-size:30px; font-weight:700; margin-bottom:40px; letter-spacing:-2px; line-height:45px;}
.sTitle6 {width:100%; font-size:30px; font-weight:700; margin-bottom:5px; letter-spacing:-2px; line-height:50px;}
.ssTitle {width:100%; font-weight:500;}
.sbTitle {width:100%; margin: 0 0 30px 130px;}
.sbTitle1 {width:100%; margin-left:130px;}
.boxTitlec {font-size: 26px; font-weight: 500; color: #fff; background: #26A1FE; display: inline-block; padding: 10px 60px; border-radius: 10px; margin: 120px 0 60px;}
.boxTitlec1 {font-size: 26px; font-weight: 500; color: #fff; background: #26A1FE; display: inline-block; padding: 10px 60px; border-radius: 10px; margin-bottom: 60px;}
.boxTitled1 {font-size: 20px; font-weight: 350; color: #fff; background: #4371C3; display: inline-block; padding: 3px 15px; border-radius: 10px; margin-bottom: 10px}
.boxTitled2 {font-size: 20px; font-weight: 350; color: #fff; background: #4371C3; display: inline-block; padding: 3px 50px 3px 50px; border-radius: 10px; margin-bottom: 10px}
.boxTitleb {font-size: 26px; font-weight: 500; color: #fff; background: #4371C3; display: inline-block; padding: 10px 60px; border-radius: 10px; margin: 120px 0 60px;}
.sub_text{font-size:15px; font-style: italic; color:#6785c2}
.sub_text2{font-size:15px; font-style: italic; color:#fff}
.sub_text1{font-size:10px}
.lineH0.9{line-height:30px}
.lineH0.1{line-height:0.1}

.subbt{background: #6785ce}
.subbgtt{color:#ff0000;font-weight:800}
.boxTitlet1 {width:1020px; font-size: 26px; font-weight: 500; color: #fff; background: #26A1FE; display: inline-block; padding: 5px 0 5px 20px; border-radius: 10px; margin: 70px 0 10px;}
.boxTitlet2 {width:420px; font-size: 30px; font-weight: 500; color: #fff; background: #26A1FE; display: inline-block; padding: 5px 0 5px 50px; border-radius: 10px; margin: 80px 0 40px;}

.rd_title { position:relative; left: 80px; color: #FFFFFF; font-weight: bold; background: #006699 ; height: 30px; width: 300px; border-radius: 50px; margin-bottom: 10px}
.rd_title1 {float:left; position:absolute; left: 10px; color: #FFFFFF; background: #1392A8 ; height: 28px; width: 150px; border-radius: 50px; margin-bottom: 10px;}
.rd_title_sub{float:left;}
.rd_title_con{margin-left:30px;}
.rd_left130{margin-left:130px;}


.pointText {width:600px; height:100px; border-radius:100px; background:#fff; margin:0 auto; display:table;}
.pointText span { display:table-cell; vertical-align:middle; text-align:center; font-size:24px; font-weight:500; letter-spacing:-1px;}
.txtbox {width:100%; font-weight:300;}
.graybox {background: #F0F0F0; padding: 30px; border: solid 1px #999;}
@media screen and (max-width:700px){.sectionCont .txtbox {font-size:12px;}}
.sectionCont .txtbox .txt {width:100%; display:inline-block;}
.sectionCont .btn_link, .sectionCont .btn_link:hover {color:#4593a7; text-decoration:underline;}
.sectionCont .arrow {width:16px; height:11px; margin:0 10px; background:url(../img/icon_arrow.png) no-repeat; vertical-align:middle; display:inline-block;}
.sectionCont .arrow2 {width:16px; height:11px; margin:0 10px; background:url(../img/icon_arrow2.png) no-repeat; vertical-align:middle; display:inline-block;}
.sectionCont .tech-img1 {width:100%; height:504px; background:url(../img/img_tech1.png) top right no-repeat;}
.sectionCont .tech-img2 {width:1160px; height:270px; background:url(../img/img_tech2.png) no-repeat; margin-top:90px;}
.sectionCont .tech-img3 {width:1160px; height:513px; background:url(../img/img_tech3.png) no-repeat; margin-top:90px;}
.sectionCont .tech-img4 {width:1160px; height:710px; background:url(../img/img_tech4.png) no-repeat;}
.sectionCont .tech-img5 {width:1160px; height:334px; background:url(../img/img_tech5.png) no-repeat;}
.sectionCont .tech-img6_1 {width:1160px; height:659px; background:url(../img/img_tech6-1.jpg) no-repeat;}
.sectionCont .tech-img6_2 {width:1160px; height:659px; background:url(../img/img_tech6-2.jpg) no-repeat;}
.sectionCont .tech-img7 {width:1160px; height:659px; background:url(../img/img_tech7.jpg) no-repeat;}
.sectionCont .tech-img8 {width:1160px; height:659px; background:url(../img/img_tech8.jpg) no-repeat;}
.sectionCont .tech-img9 {width:1160px; height:659px; background:url(../img/img_tech9.jpg) no-repeat;}
.sectionCont .tech-img9-1 {width:1160px; height:659px; background:url(../img/img_tech9-1.jpg) no-repeat;}
.sectionCont .tech-img9-2 {width:1160px; height:659px; background:url(../img/img_tech9-2.jpg) no-repeat;}
.sectionCont .nhc-6at-02 {width: 100%; height: auto; background:url(/img/nhc-6at-02.png) top right no-repeat;}
.sectionCont .nhc-6at-03 {width: 1160px; height: 282px; background:url(/img/nhc-6at-03.png) no-repeat; margin-top:90px;}
.sectionCont .nhc-6at-04 {width: 100%; height: 524px; background:url(/img/nhc-6at-04.png) top right no-repeat;}
.sectionCont .nhc-6at-05 {width: 1160px; height: 621px; background:url(/img/nhc-6at-05.png) no-repeat; margin-top:90px;}
.sectionCont .nhc-6at-16 {width: 1160px; height: 434px; background: url(/eng/img/nhc-6at-16.jpg) no-repeat; margin-top: 80px;}
.sectionCont .ev_considers_eng {width:1160px; height:868px; background: url(../img/img_trans_consider1.jpg) center center no-repeat;}
.sectionCont .btnRight {float:right;}
.sectionCont .tech-img22 {width:660px; height:500px; margin:140px auto 0 auto;}
.sectionCont .tech-sign {width:100%; padding-bottom:70px; background:url(../img/img_tech22-2.png) right bottom no-repeat;}
@media screen and (max-width:1159px){.sectionCont .tech-sign { padding-bottom:140px;}}
.tech-bg2 {width:100%; background:url(../img/tech_bg2.jpg) top center no-repeat;}
@media screen and (max-width:1159px){.tech-bg2 {width:1200px;}}

.plan-bg {width:100%; background:url(../img/plan_bg.jpg) top center no-repeat;}
@media screen and (max-width:1159px){.plan-bg {width:1200px;}}
.plan-bg .arrow {width:16px; height:11px; margin:0 10px; background:url(../img/icon_arrow.png) no-repeat; vertical-align:middle; display:inline-block;}
.planCont {width:100%; display:inline-block;}
.plan-left {float:left; width:580px;}
.plan-right {float:right; width:580px;}
.plan-img1 {float:right; width:430px; height:420px; background:#efefef url(../img/img_plan1-2.jpg) no-repeat;}
.plan-img1-2 {float:left; width:430px; height:420px; background:#efefef url(../img/img_plan1-3.jpg) no-repeat;}
.plan-img1-3 {float:right; width:430px; height:890px; background:#efefef url(../img/img_plan1-4.jpg) no-repeat;}

.performanceCont {width:100%; position:relative; background:#fff; padding:60px 0 120px 0;}
.performanceCont .graphTxt {width:786px; margin:0 auto; botom:100px; font-size:18px; font-weight:normal;}
.performanceCont .graphTxt2 {width:100%; margin:0 auto; font-size:13px; font-weight:300; text-align:center;}
.performanceCont .arrow {width:16px; height:11px; margin:0 10px; background:url(../img/icon_arrow.png) no-repeat; vertical-align:middle; display:inline-block;}
.performanceCont .arrow2 {width:16px; height:11px; margin:0 10px; background:url(../img/icon_arrow2.png) no-repeat; vertical-align:middle; display:inline-block;}
.performanceCont .arrow3 {width:16px; height:11px; margin:0 10px 0 0; background:url(../img/icon_arrow.png) no-repeat; vertical-align:middle; display:inline-block;}
.performance-img1 {width:100%; height:868px; background: url(../img/img_performance1.png) center center no-repeat;}
.performance-img1-3 {width:933px; height:610px; margin:0 auto;}
@media screen and (max-width:1159px){.performance-img1 {width:1180px;}}
.performance-img1-2 {width:100%; height:795px; background:url(../img/img_performance1-2.png) no-repeat;}
.performance-img2 {width:100%; background:#f9f8f8 url(../img/img_performance2-2.png) center top no-repeat;}
@media screen and (max-width:1159px){.performance-img2 {width:1200px; background-size:cover;}}
.performance-img3 {width:100%; background:url(../img/img_performance3.png) top right no-repeat;}
@media screen and (max-width:1159px){.performance-img3 {width:1180px;}}
.performance-img3-2 {width:100%; height:560px; background:url(../img/img_performance3-2.png) no-repeat;}
.performance-img3-3 {width:100%; height:594px; background:url(../img/img_performance3-3.png) no-repeat;}
.performance-img3-3-1 {width:100%; height:594px; background:url(../img/img_performance3-3-1.jpg) no-repeat;}
.performance-img3-4 {width:100%; background:url(../img/img_performance3-4.png) top right no-repeat;}
@media screen and (max-width:1159px){.performance-img3-4 {width:1180px;}}
.performance-img3-5 {width:100%; height:500px; background: url(../img/img_performance3-5.png) left bottom no-repeat; margin:0px 0 0px 0;}
.performance-img4-1 {width:100%; height:520px; background:url(../img/img_performance4-1.png) center top no-repeat;}
.performance-img4-2 {width:100%; height:827px; background:#57aec5 url(../img/img_performance4-2.png) center bottom no-repeat;}
.performance-img5 {width:100%; height:868px; background: url(../img/img_performance5.png) center center no-repeat;}
.img_graph01{width:1100px; height:300px; padding: 10px 0px 0px 20px }
.img_graph02{ width:800px; height:460px; margin-left:160px; }
.img_graph03{width:1100px; height:300px; padding: 10px 0px 0px 0px;opacity:0.9}
.img_graph05{width:1100px; height:260px; padding: 10px 0px 0px 0px;opacity:0.9}
.img_graph_title{ margin: 20px 0 20px 300px}

.productBg1-1 {width:100%; background:#d1dde3; padding-bottom:110px !important; position:relative;}
@media screen and (max-width:1159px){.productBg1-1 {width:1200px;}}
.productBg1-2 {width:100%; background:#a0adb4; position:relative;}
@media screen and (max-width:1159px){.productBg1-2 {width:1200px;}}
.product-bg1 {width:100%; background:url(../img/product_bg1.jpg) repeat-x; position:relative;}
@media screen and (max-width:1159px){.product-bg1 {width:1200px;}}
.product-img1 {position:absolute; right:0; bottom:-70px;}
.product-img1-2 {width:970px; height:654px; margin:0 auto;}
@media screen and (max-width:1159px){.product-img1-2 {width:1180px;}}
.product-bg2 {width:100%; background:url(../img/product_bg1.jpg) repeat-x; position:relative;}
@media screen and (max-width:1159px){.product-bg2 {width:1200px;}}
.product-img2 {width:100%; height:2560px; background: url(../img/img_product2.jpg) no-repeat;}
.product-img3-2 {width:1160px; height:654px; margin:0 auto;}
@media screen and (max-width:1159px){.product-img3-2 {width:1180px;}}
.product-bg4 {width:100%; height:900px; background:#758895 url(../img/product_bg4.jpg) center top no-repeat;}
.product-bg5 {width:100%; height:900px; background:#d0e0ec url(../img/product_bg5.jpg) center top no-repeat;}
.product-bg6 {width:100%; height:800px; background:#d0e0ec url(/img/product_bg6.jpg) center top no-repeat;}
.product-bg7 {width:100%; height:900px; background:#d0e0ec url(/img/product_bg7.jpg) center top no-repeat;}
@media screen and (max-width:1159px){.product-bg4 {width:1200px;}}
@media screen and (max-width:1159px){.product-bg5 {width:1200px;}}

.product2-position-Box1 {position:absolute; width:450px; height:120px; right:20px; top:200px;}
.product2-position-Box1 .txt {color:#fff; font-weight:300;}
.product2-position-Box2 {position:absolute; width:470px; height:140px; left:135px; top:600px;}
.product2-position-Box2 .sTitle {color:#fff; font-size:30px; font-weight:500; letter-spacing:-1.5px; line-height:50px;}

.boxWhite {width:100%; background:#fff; padding:100px 60px 100px 80px; box-sizing:border-box;}
.evSTit {width:100%; font-size:22px; font-weight:500;}
.evSTit1 {width:100%; font-size:22px; font-weight:500;margin: 20px 0 20px 10px}
.evIcon {margin-right:20px; vertical-align:middle;}
.evTxt {width:100%; padding: 0 0 0 50px; box-sizing: border-box;}
.evBimg1 {width:100%; height:380px; background:#6bb3c6 url(../img/img_bygenEV1.png) left center no-repeat; display:table;}
.evBimg2 {width:100%; height:380px; background:#6bb3c6 url(../img/img_bygenEV2.png) left center no-repeat; display:table;}
.evBimg1 div, .evBimg2 div {width:100%; display:table-cell; vertical-align:middle; text-align:right; color:#fff; font-size:38px; padding:100px; box-sizing:border-box; line-height:50px;}
.evBimg1 b, .evBimg2 b {color:#f7ff12; font-weight:normal;}

.history-img1 {width:100%; background: url(../img/img_history1.png) right 100px no-repeat;}
.history-img2 {width:100%; height:386px; background: url(../img/img_history2.png) right bottom no-repeat;}
.history-row {width:100%; display:inline-block; margin-bottom:80px;}
.history-row .year {float:left; width:205px; font-size:50px; color:#6bb3c6; font-family: "Open Sans"; font-weight:700; display:inline-block;}
.history-row .monthBox {float:left; width:880px;}
.history-row .monthBox .month {float:left; width:200px; font-size:30px; color:#000; font-family: "Open Sans"; font-weight:700; display:inline-block; margin-bottom: 20px;}
.history-row .monthBox .historyTxt {float:left; width:720px; font-size:18px; color:#000; display:inline-block;}

.sectionCont .col2 {width:50%;}
.sectionCont .col2-right {width:50%; float:right;}
.sectionCont .bigtxt1 {font-size:46px;}
.sectionCont .linebar1 {height:1px;}

.box1{position:relative;top:570px;margin-left:40px;padding:5px 0 5px 10px;width:650px;height:60px;border:1px solid #2e75b6;background:#e1f1ff;font-weight:400;}
.box2{position:relative;top:470px;margin-left:40px;padding:5px 0 5px 10px;width:1050px;height:190px;border:1px solid #ff9393;background:#fbe5d6;font-weight:400;}
.boxred{position: relative; margin: 80px 70px 0; padding: 5px 10px; border: 1px solid #ff9393; background: #fbe5d6; font-weight: 300;}
.boxblue { position: relative; display: inline-block; padding: 5px 10px; border: 1px solid #2e75b6; background: #e1f1ff; font-weight: 400; }
.boxblue20 { position: relative; display: inline-block; width:1020px; padding: 5px 10px; border: 1px solid #2e75b6; background: #e1f1ff;  }
.boxblue30 { position: relative; display: inline-block; height:60px; padding: 5px 10px; border: 1px solid #2e75b6; background: #e1f1ff;  }
.boxblue50 { position: relative; display: inline-block; width:990px; padding: 0px 10px 0px 10px; border: 1px solid #2e75b6; background: #e1f1ff;  }
.boxgreen20 { position: relative; display: inline-block; width:1020px; padding: 5px 10px; border: 1px solid #49870F; background: #D4E5C4;  }

.b_data{background: #DEEBF7;color:red}

.dot {width:5px; height:5px; margin-right:10px; vertical-align:middle;}

.board1{width:100%; border-top:2px solid #000; border-left:1px solid #d9d9d9; position:relative;}
.board1 th{height:57px; background:#f6f6f6; color:#000; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; font-weight:500; text-align:center; padding-top:1px; box-sizing:border-box;}
.board1 td{height:57px; background:#fff; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; text-align:center; padding-top:1px; box-sizing:border-box; font-size:18px; font-weight:300;}
.board1 .tLeft{text-align:left; padding-left:40px;}
.board1 .tLeft15{text-align:left; padding-left:15px;}
.board1 .tRight{text-align:right;}
.board1 .txt_line{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; padding:0 6px 0 6px; box-sizing:border-box;}
.board1 .subbg{background:#f6f6f6;}
.board2{border-top:2px solid #000; border-left:1px solid #d9d9d9; position:relative;}
.board2 th{height:50px; background:#f6f6f6; color:#000; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; font-weight:500; text-align:center; padding-top:1px; box-sizing:border-box;}
.board2 td{height:50px; background:#fff; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; text-align:center; padding-top:1px; box-sizing:border-box; font-size:18px; font-weight:300;}
.board3{width:90%; border-top:2px solid #000; border-left:1px solid #d9d9d9; position:relative;}
.board3 th{height:57px; background:#f6f6f6; color:#000; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; font-weight:500; text-align:center; padding-top:1px; box-sizing:border-box;}
.board3 td{height:57px; background:#fff; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; text-align:center; padding-top:1px; box-sizing:border-box; font-size:18px; font-weight:300;}
.board3 .tLeft{text-align:left; padding-left:40px;}
.board3 .tLeft15{text-align:left; padding-left:15px;}
.board3 .tRight{text-align:right;}
.board3 .bgColor01{background:#FFF0F5}
.board3 .txt_line{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; padding:0 6px 0 6px; box-sizing:border-box;}
.board3 .subbg{background:#f6f6f6;}
.board3 .subbt{background:#94D8F6;}

.slide_anchor ul { padding: 0; }
.slide_anchor ul li { display: inline-block; letter-spacing: 0; vertical-align: top; }
.slide_anchor ul li a { display: block; margin: 0 -5px 0 0; border: 1px solid #D9D9D9; border-bottom: none; background: #e0e0e0; color: #000; text-align: center; text-decoration: none; padding: 12px 0; width: 270px; }
.slide_anchor ul li.on a { position: relative; z-index: 1; margin: -1px -5px 0 0; border-top: 2px solid #000; border-bottom: none; background: #fff; }
.slide_content {margin-top: 100px;}

.displaynone {display: none;}

.colorchip.first { background-color: #ECDFF5; width: 20px; height: 20px; display: inline-block; margin-right: 8px; vertical-align: middle; }
.colorchip.second { background-color: #FFD966; width: 20px; height: 20px; display: inline-block; margin-right: 8px; vertical-align: middle; }
.colorchip.third { background-color: #A9D18E; width: 20px; height: 20px; display: inline-block; margin-right: 8px; vertical-align: middle; }
.colorchip.fourth { background-color: #BDD7EE; width: 20px; height: 20px; display: inline-block; margin-right: 8px; vertical-align: middle; }
.colorchip.fifth { background-color: #F4B183; width: 20px; height: 20px; display: inline-block; margin-right: 8px; vertical-align: middle; }
.colorchip.sixth { background-color: #FD7E7B; width: 20px; height: 20px; display: inline-block; margin-right: 8px; vertical-align: middle; }