/* Native SOLARIS slider styles, loaded on TOP only. */
@font-face{
  font-family: 'design_plus';
  src: url('../fonts/design_plus.eot?v=2.0');
  src: url('../fonts/design_plus.eot?v=2.0#iefix') format('embedded-opentype'),
       url('../fonts/design_plus.woff?v=2.0') format('woff'),
       url('../fonts/design_plus.ttf?v=2.0') format('truetype'),
       url('../fonts/design_plus.svg?v=2.0#design_plus') format('svg');
  font-weight: normal;
  font-style: normal;
}
body.mm-top #header_slider_wrap .design_button{ text-align:center; z-index:10; position:relative; height:70px; }
body.mm-top #header_slider_wrap .design_button a{
  display:inline-block; min-width:260px; max-width:100%; height:70px; line-height:70px; font-size:16px; padding:0 20px; position:relative; overflow:hidden; z-index:3;
  -webkit-box-sizing:border-box; box-sizing:border-box;
  -webkit-transition: all 0.35s ease; transition: all 0.35s ease;
}
body.mm-top #header_slider_wrap .design_button.shape_type1 a{ border-radius:60px; font-weight:600; }
body.mm-top #header_slider_wrap .design_button.type2 a,
body.mm-top #header_slider_wrap .design_button.type3 a{ border:1px solid #fff; }
body.mm-top #header_slider_wrap .design_button.type2 a:before,
body.mm-top #header_slider_wrap .design_button.type3 a:before{
  content:''; display:block; width:100%; height:calc(100% + 2px);
  position:absolute; top:-1px; left:-100%; z-index:-1;
  -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
  transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
body.mm-top #header_slider_wrap .design_button.type3 a:before{ transform: skewX(45deg); width:calc(100% + 70px); left:calc(-100% - 70px); transform-origin: bottom left; }
body.mm-top #header_slider_wrap .design_button.type2 a:hover:before,
body.mm-top #header_slider_wrap .design_button.type3 a:hover:before{ left:0; }
body.mm-top #header_slider_wrap .design_button.quick_tag_ver{ margin:0 0 40px 0; }
body.mm-top #header_slider_wrap{ width:100%; height:900px; position:relative; overflow:hidden; }
body.mm-top #header_slider{
  width:100%; height:900px; overflow:hidden; position:relative;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
body.mm-top #header_slider .item{ width:100%; height:auto; position:relative; padding: 50.02% 0 0; }
body.mm-top #header_slider .caption{
  width:1150px; z-index:100; text-align:center; color:#fff;
  position:absolute; left:50%; top:50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
body.mm-top #header_slider .catch{ font-weight:600; line-height:1.4; -ms-word-wrap: break-word; word-wrap: break-word; position:relative; }
body.mm-top #header_slider .catch.animate_item:nth-child(2){ margin-top:25px;  }
body.mm-top #header_slider .desc{ margin:15px 0 0 0; position:relative; }
body.mm-top #header_slider .desc p{ line-height:2.0; }
body.mm-top #header_slider .desc p.mobile{ display:none; }
body.mm-top #header_slider .design_button{ margin-top:30px; }
body.mm-top #header_slider .overlay{ width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:2; }
body.mm-top #header_slider .bg_image{ width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; }
body.mm-top #header_slider .bg_image.mobile{ display:none; }
body.mm-top #header_slider .video_wrap{ position:absolute; }
body.mm-top #header_slider .video_wrap.type1{ position:absolute; top:50%; left:auto; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
body.mm-top #header_slider .video_wrap.type2{ position:absolute; top:0px; left:50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
body.mm-top #header_slider .video_wrap.type1 video{ height:100%; width:auto; }
body.mm-top #header_slider .video_wrap.type2 video{ width:100%; height:auto; }
body.mm-top #header_slider .youtube_inner{ padding-top:56.25%; position:relative; width:100%; }
body.mm-top #header_slider .slide-youtube{ height:100% !important; position:absolute; left:0; top:0; width:100% !important; }
body.mm-top #header_slider .slick-dots{ display:none !important; }
body.mm-top #header_slider_nav_wrap{
  position:absolute; z-index:100; bottom:20px; width:995px; height:100px;
  left:50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);
}
body.mm-top #header_slider_nav_wrap.stop_animation .slick-track{ transform: translate3d(0px, 0px, 0px)!important; }
@media screen and (max-width:750px){body.mm-top #header_slider_nav_wrap.stop_animation .slick-track{ transform: translate3d(65px, 0px, 0px) !important; }
}
body.mm-top #header_slider_nav_wrap.two_item{ width:640px; }
body.mm-top #header_slider_nav{
  width:940px; position:relative; margin:0 auto;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
body.mm-top #header_slider_nav_wrap.two_item #header_slider_nav{ width:640px; }
body.mm-top #header_slider_nav_wrap.stop_animation #header_slider_nav{ -ms-justify-content:center; -webkit-justify-content:center; justify-content:center; }
body.mm-top #header_slider_nav .nav_item{ width:300px; height:100px; margin:0 10px; overflow:hidden; position:relative; background:#000; cursor:pointer; }
body.mm-top #header_slider_nav .nav_image{ width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; }
body.mm-top #header_slider_nav .nav_catch{
  font-size:14px; padding:0 50px 0 30px; opacity:0; z-index:3; line-height:1.8;
  position:absolute; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
body.mm-top #header_slider_nav .nav_item:after{
  width:300px; height:100px; content:''; display:block; background:#fff; position:absolute; z-index:2; top:0px; left:-300px;
  -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
  transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
body.mm-top #header_slider_nav .nav_item:hover .nav_catch,
body.mm-top #header_slider_nav .nav_item:hover:before,
body.mm-top #header_slider_nav .nav_item.slick-center .nav_catch,
body.mm-top #header_slider_nav .nav_item.slick-center:before,
body.mm-top #header_slider_nav_wrap.stop_animation .nav_item.slick-current .nav_catch,
body.mm-top #header_slider_nav_wrap.stop_animation .nav_item.slick-current:before{
      -webkit-animation: opacityAnimation 0.7s ease forwards 0s;
      animation: opacityAnimation 0.7s ease forwards 0s;
}
body.mm-top #header_slider_nav .nav_item:hover:after,
body.mm-top #header_slider_nav .nav_item.slick-center:after,
body.mm-top #header_slider_nav_wrap.stop_animation .nav_item.slick-current:after{ left:0; }
body.mm-top #header_slider_nav .nav_item.slick-center{ pointer-events:none; }
body.mm-top #header_slider_wrap .carousel_arrow{
  width:50px; height:50px; line-height:50px; text-align:center; position:absolute; cursor:pointer; z-index:10; overflow:hidden;
  top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
body.mm-top #header_slider_wrap .carousel_arrow:before{
  font-family:'design_plus'; color:#000; font-size:18px; display:block; height:50px; line-height:50px; width:100%; text-align:center;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
}
body.mm-top #header_slider_wrap .carousel_arrow.prev_item:before{ content:'\e90f'; }
body.mm-top #header_slider_wrap .carousel_arrow.next_item:before{ content:'\e910'; left:0; right:0; }
body.mm-top #header_slider_wrap .carousel_arrow:hover:before{ color:#ccc !important; }
body.mm-top #header_slider_wrap .carousel_arrow.prev_item{ left:-20px; }
body.mm-top #header_slider_wrap .carousel_arrow.next_item{ right:-20px; }
body.mm-top #header_slider_nav_wrap .carousel_arrow:before{ color:#fff; }
body.mm-top #header_slider_nav_wrap .carousel_arrow{ margin-top:3px; }
body.mm-top #header_slider .catch.animation_type1,
body.mm-top #header_slider .desc,
body.mm-top #header_slider .design_button{ opacity:0; position:relative; }
body.mm-top #header_slider .catch.animation_type1.animate,
body.mm-top #header_slider .desc.animate,
body.mm-top #header_slider .design_button.animate{
  -webkit-animation: slideUp 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0s;
  animation: slideUp 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0s;
}
body.mm-top #header_slider .catch.animation_type2 span{ opacity:0; position:relative; }
body.mm-top #header_slider .catch.animation_type2 span.animate{
  -webkit-animation: text_animation 0.5s ease forwards 0s;
  animation: text_animation 0.5s ease forwards 0s;
}
body.mm-top.stop_index_slider_animation #header_slider .caption .animate_item,
body.mm-top.stop_index_slider_animation #header_slider .catch.animation_type2 span{ opacity:1; }
body.mm-top #header_slider .item.bg_animation_type1.animate .bg_image{
  -webkit-animation: zoomInTcd 30s; animation: zoomInTcd 30s;
}
body.mm-top #header_slider .item.bg_animation_type2.animate .bg_image{
  -webkit-animation: zoomOutTcd 30s; animation: zoomOutTcd 30s;
}
body.mm-top #header_slider .item.bg_animation_type3.animate .bg_image{
  width:-webkit-calc(100% + 200px); height:-webkit-calc(100% + 200px); width:calc(100% + 200px); height:calc(100% + 200px);
  -webkit-animation: bg_image_move_right 30s; animation: bg_image_move_right 30s;
}
body.mm-top #header_slider .item.bg_animation_type4.animate .bg_image{
  width:-webkit-calc(100% + 200px); height:-webkit-calc(100% + 200px); width:calc(100% + 200px); height:calc(100% + 200px);
  -webkit-animation: bg_image_move_left 30s; animation: bg_image_move_left 30s;
}
body.mm-top #header_slider .item.bg_animation_type5.animate .bg_image{
  width:-webkit-calc(100% + 200px); height:-webkit-calc(100% + 200px); width:calc(100% + 200px); height:calc(100% + 200px);
  -webkit-animation: bg_image_move_up 30s; animation: bg_image_move_up 30s;
}
body.mm-top #header_slider .item.bg_animation_type6.animate .bg_image{
  width:-webkit-calc(100% + 200px); height:-webkit-calc(100% + 200px); width:calc(100% + 200px); height:calc(100% + 200px);
  -webkit-animation: bg_image_move_down 30s; animation: bg_image_move_down 30s;
}
@-webkit-keyframes bg_image_move_right{
  0% { transform: translate3d(-200px,0,0); }
  100% { transform: translate3d(0px,0,0); }
}
@keyframes bg_image_move_right{
  0% { transform: translate3d(-200px,0,0); }
  100% { transform: translate3d(0px,0,0); }
}
@-webkit-keyframes bg_image_move_left{
  0% { transform: translate3d(0px,0,0); }
  100% { transform: translate3d(-200px,0,0); }
}
@keyframes bg_image_move_left{
  0% { transform: translate3d(0px,0,0); }
  100% { transform: translate3d(-200px,0,0); }
}
@-webkit-keyframes bg_image_move_up{
  0% { transform: translate3d(0,0,0); }
  100% { transform: translate3d(0,-200px,0); }
}
@keyframes bg_image_move_up{
  0% { transform: translate3d(0,0,0); }
  100% { transform: translate3d(0,-200px,0); }
}
@-webkit-keyframes bg_image_move_down{
  0% { transform: translate3d(0,-200px,0); }
  100% { transform: translate3d(0,0,0); }
}
@keyframes bg_image_move_down{
  0% { transform: translate3d(0,-200px,0); }
  100% { transform: translate3d(0,0,0); }
}
body.mm-top #header_slider_nav_wrap{ opacity:0; }
body.mm-top #header_slider_nav_wrap.animate{
  -webkit-animation: opacityAnimation 1.0s ease forwards 0s;
  animation: opacityAnimation 1.0s ease forwards 0s;
}
body.mm-top.stop_index_slider_animation #header_slider_nav_wrap{ opacity:1; }
@-webkit-keyframes news_list_animation{
  0% { opacity:0; bottom:-20px; }
  100% { opacity:1; bottom:0; }
}
@keyframes news_list_animation{
  0% { opacity:0; bottom:-20px; }
  100% { opacity:1; bottom:0; }
}
@-webkit-keyframes text_animation{
  0%   { opacity:0; left:15px; }
  100% { opacity:1; left:0px; }
}
@keyframes text_animation{
  0%   { opacity:0; left:15px; }
  100% { opacity:1; left:0px; }
}
@-webkit-keyframes shadow_animation{
  0%   { box-shadow:0 0 0 0 rgba(0,0,0,0.15); }
  100% { box-shadow:0 0 10px 0 rgba(0,0,0,0.15); }
}
@keyframes shadow_animation{
  0%   { box-shadow:0 0 0 0 rgba(0,0,0,0.15); }
  100% { box-shadow:0 0 10px 0 rgba(0,0,0,0.15); }
}
@-webkit-keyframes TCDSlideUpDown{
  0% { bottom:10px; }
  50% { bottom:0px; }
  100% { bottom:10px; }
}
@keyframes TCDSlideUpDown{
  0% { bottom:10px; }
  50% { bottom:0px; }
  100% { bottom:10px; }
}
@-webkit-keyframes slideUp{
  0% { bottom:-30px; }
  100% { opacity:1; bottom:0; }
}
@keyframes slideUp{
  0% { bottom:-30px; }
  100% { opacity:1; bottom:0; }
}
@-webkit-keyframes zoomOutTcd{
  0% { transform: scale(1.0); }
  100% { transform: scale(1.3); }
}
@keyframes zoomOutTcd{
  0% { transform: scale(1.0); }
  100% { transform: scale(1.3); }
}
@-webkit-keyframes zoomInTcd{
  0% { transform: scale(1.3); }
  100% { transform: scale(1.0); }
}
@keyframes zoomInTcd{
  0% { transform: scale(1.3); }
  100% { transform: scale(1.0); }
}
@-webkit-keyframes opacityAnimation{
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes opacityAnimation{
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes opacityAnimation2{
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes opacityAnimation2{
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes moveRight{
  0% { opacity:0; right:30px; }
  100% { opacity:1; right:0; }
}
@keyframes moveRight{
  0% { opacity:0; right:30px; }
  100% { opacity:1; right:0; }
}
@-webkit-keyframes moveLeft{
  0% { opacity:0; left:30px; }
  100% { opacity:1; left:0; }
}
@keyframes moveLeft{
  0% { opacity:0; left:30px; }
  100% { opacity:1; left:0; }
}
@-webkit-keyframes moveDown{
  0% { opacity:0; top:-30px; }
  100% { opacity:1; top:0; }
}
@keyframes moveDown{
  0% { opacity:0; top:-30px; }
  100% { opacity:1; top:0; }
}
@keyframes -webkit-moveUp{
  0% { opacity:0; bottom:-30px; }
  100% { opacity:1; bottom:0; }
}
@keyframes moveUp{
  0% { opacity:0; bottom:-30px; }
  100% { opacity:1; bottom:0; }
}
@keyframes popUp{
  0% { transform: scale(.1); opacity:0; }
  100% { transform: none; opacity:1; }
}
@keyframes popUp{
  0% { transform: scale(.1); opacity:0; }
  100% { transform: none; opacity:1; }
}
@media screen and (max-width:750px){body.mm-top #header_slider_wrap .design_button{ height:50px; }
body.mm-top #header_slider_wrap .design_button a{ min-width:240px; height:50px; line-height:50px; font-size:14px; padding:0 15px;  }
}
body.mm-top #header_slider_wrap{ height:auto; }
body.mm-top #header_slider{ height:auto; }
body.mm-top #header_slider .item{ height:auto; }
body.mm-top #header_slider .caption{ width:100%; padding:0 60px; max-width:1150px; }
@media screen and (max-width:950px){body.mm-top #header_slider_wrap{ height:auto; }
body.mm-top #header_slider{ height:auto; }
body.mm-top #header_slider .item{ height:auto; }
body.mm-top #header_slider .caption{ padding:0 40px; }
body.mm-top #header_slider_nav_wrap.stop_animation{ display:none; }
body.mm-top #header_slider .slick-dots{ display: block !important; position:absolute; bottom:23px; left:0px; width:100%; z-index:10; text-align:center; }
body.mm-top #header_slider .slick-dots li{ display:inline-block; width:10px; height:10px; margin:0 7px; font-size:10px; }
body.mm-top #header_slider .slick-dots button{ cursor:pointer; border:none; color:transparent; width:14px; height:10px; display:block; font-size:0; background:none; position:relative; }
body.mm-top #header_slider .slick-dots button::before{ content:''; display:block; width:10px; height:10px; line-height:10px; background:none; border:1px solid #fff; border-radius:12px; position: absolute; top:0; left:0; }
body.mm-top #header_slider .slick-dots button:hover::before,
body.mm-top #header_slider .slick-dots .slick-active button::before{ background:#ccc; border-color:#ccc; }
}
@media screen and (max-width:750px){body.mm-top #header_slider_wrap{ height:auto; }
body.mm-top #header_slider{ height:auto; }
body.mm-top #header_slider .item{ height:auto; padding: 140% 0 0; }
body.mm-top #header_slider .caption{ padding:0 20px; }
body.mm-top #header_slider .catch{ font-weight:600 !important; }
body.mm-top #header_slider .desc{ margin:10px 0 -5px; }
body.mm-top #header_slider .desc p.pc{ display:none; }
body.mm-top #header_slider .desc p.mobile{ display:block; }
body.mm-top #header_slider .design_button{ font-size:14px; min-width:200px; height:45px; line-height:45px; padding:0 20px; margin-top:15px; }
body.mm-top #header_slider .bg_image.pc{ display:none; }
body.mm-top #header_slider .bg_image.mobile{ display:block; }
body.mm-top #header_slider_nav_wrap{ bottom:15px; height:86px; }
body.mm-top #header_slider_nav_wrap.two_item{ display:none; }
body.mm-top #header_slider_nav_wrap.stop_animation{ display:none; }
body.mm-top #header_slider_nav .nav_item{ width:255px; height:86px; margin:0 7px; }
body.mm-top #header_slider_nav .nav_catch{	font-size:12px; padding:0 40px 0 20px; }
body.mm-top #header_slider_nav .nav_item:after{ width:255px; height:86px; left:-255px; }
body.mm-top #header_slider_nav .nav_item:before{ font-size:12px; top:40px; right:20px; }
body.mm-top #header_slider .slick-dots{ display: block !important; position:absolute; bottom:23px; left:0px; width:100%; z-index:10; text-align:center; }
body.mm-top #header_slider .slick-dots li{ display:inline-block; width:10px; height:10px; margin:0 7px; font-size:10px; }
body.mm-top #header_slider .slick-dots button{ cursor:pointer; border:none; color:transparent; width:14px; height:10px; display:block; font-size:0; background:none; position:relative; }
body.mm-top #header_slider .slick-dots button::before{ content:''; display:block; width:10px; height:10px; line-height:10px; background:none; border:1px solid #fff; border-radius:12px; position: absolute; top:0; left:0; }
body.mm-top #header_slider .slick-dots button:hover::before,
body.mm-top #header_slider .slick-dots .slick-active button::before{ background:#ccc; border-color:#ccc; }
}

body.mm-top #header_slider_wrap,body.mm-top #header_slider_wrap *{box-sizing:border-box;}
body.mm-top #header_slider_wrap h2,body.mm-top #header_slider_wrap p,body.mm-top #header_slider_wrap ul{margin:0;padding:0;}
body.mm-top #header_slider_wrap a{text-decoration:none;}
body.mm-top #header_slider_wrap ~ #main .hero{display:none;}