.navtop { z-index:7; position:fixed; padding-left:230px; padding-top:30px;  z-index:400; }
.navtop li { float:left; display:block; height:40px; line-height:40px; padding-right:30px; position: relative;}
.navtop li a { color:#fff; font-size:16px; font-weight:bold;}
.navtop li:hover a { color:#d0181a;}

/*subnav*/
.navtop ul>li:hover .product-subnav a {color:#fff; background: url(../img/secicon-1.png) no-repeat 15px center;}
.product-subnav { position: absolute;top: 40px; left:0px ; z-index:500;  min-width:150px; background:#d40000; display: none; color: #fff;}
.product-subnav a{ font-size:16px; height:40px;line-height:40px;display: block;border-bottom: 1px dotted #980000; padding-left:10px;color:#fff;}
.product-subnav a:hover{ font-weight:bold; font-size:16px;color:#fff; background:#980000;}


.navbot { z-index:7; position:fixed; padding-left:230px; padding-bottom:20px; bottom:0; left:0;}
.navbot li { float:left; padding-right:10px; font-size:12px; color:#efefef;}
.navbot li a { color:#efefef; font-size:12px; }
.navbot li:hover a { color:#d0181a;}


.raleway { font-family: "Raleway"; }
.desktop-hidden { display: none; }

@media (max-width: 1080px) { .laptop-hidden { display: none; }
  .laptop-visibile { display: block; } }
@media (max-width: 768px) { .tablet-hidden { display: none; }
  .tablet-visibile { display: block; } }
@media (max-width: 580px) { .mobile-hidden { display: none; }
  .mobile-visibile { display: block; } }
/*
 Supersized - Fullscreen Slideshow jQuery Plugin Version : 3.2.7 Site  : www.buildinternet.com/project/supersized  Author  : Sam Dunn Company : One Mighty Roar (www.onemightyroar.com) License : MIT License / GPL License 
*/
body { background: #111; height: 100%; }

#supersized-loader { position: absolute; top: 50%; left: 50%; z-index: 0; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em; background: url(../images/kor/supersized/progress.gif) no-repeat center center; }

#supersized { display: block; position: fixed; left: 0; top: 0; overflow: hidden; z-index: 1; height: 100%; width: 100%; /*Speed*/ /*Quality*/ }
#supersized img { width: 100% !important; height: 100% !important; position: relative; display: none; outline: none; border: none; }
#supersized.speed img { -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; }
#supersized.quality img { -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; }
#supersized a { width: 100%; height: 100%; display: block; }
#supersized li { display: block; list-style: none; z-index: 2; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background: #111; }
#supersized li.prevslide { z-index: -20; }
#supersized li.activeslide { z-index: -10; }
#supersized li.image-loading { background: #111 url(../images/kor/supersized/progress.gif) no-repeat center center; width: 100%; height: 100%; }
#supersized li.image-loading img { visibility: hidden; }
#supersized li.prevslide img, #supersized li.activeslide img { display: inline; }

/* Controls Bar ----------------------------*/
#controls-wrapper { margin: 0 auto; height: 42px; width: 100%; bottom: 0px; left: 0; z-index: 4; background: url(../images/kor/supersized/nav-bg.png) repeat-x; position: fixed; margin-bottom: -42px; }

#controls { overflow: hidden; height: 100%; position: relative; text-align: left; z-index: 5; }

#slidecounter { float: left; color: #999; font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: #000 0 -1px 0; margin: 0px 10px 0 15px; line-height: 42px; }

#slidecaption { overflow: hidden; float: left; color: #FFF; font: 400 14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: #000 1px 1px 2px; margin: 0 20px 0 0; line-height: 42px; }

#navigation { float: right; margin: 0px 20px 0 0; }

#play-button { float: left; margin-top: 1px; border-right: 1px solid #333; background: url("../img/bg-hover.png") repeat-x 0 44px; }
#play-button:hover { background-position: 0 1px; cursor: pointer; }

#prevslide, #nextslide { position: absolute; height: 43px; width: 43px; top: 50%; margin-top: -21px; opacity: 0.6; }

#prevslide { left: 10px; background: url("../images/kor/supersized/back.png"); }
#prevslide:active { margin-top: -19px; }
#prevslide:hover { cursor: pointer; }

#nextslide { right: 10px; background: url("../images/kor/supersized/forward.png"); }
#nextslide:active { margin-top: -19px; }
#nextslide:hover { cursor: pointer; }

ul#slide-list { padding: 15px 0; float: left; position: absolute; left: 50%; }
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover { background-position: 0 0px; }
ul#slide-list li { list-style: none; width: 12px; height: 12px; float: left; margin: 0 5px 0 0; }
ul#slide-list li a { display: block; width: 12px; height: 12px; background: url("../images/kor/supersized/nav-dot.png") no-repeat 0 -24px; }
ul#slide-list li a:hover { background-position: 0 -12px; cursor: pointer; }

#tray-button { float: right; margin-top: 1px; border-left: 1px solid #333; background: url("../images/kor/supersized/bg-hover.png") repeat-x 0 44px; }
#tray-button:hover { background-position: 0 1px; cursor: pointer; }

/* Progress Bar
----------------------------*/
#progress-back { z-index: 5; position: fixed; /*bottom:42px;*/ bottom: 0; left: 0; height: 8px; width: 100%; background: url("../images/kor/supersized/progress-back.png") repeat-x; }

#progress-bar { position: relative; height: 8px; width: 100%; background: url("../images/kor/supersized/progress-bar.png") repeat-x; }

/* Thumbnail Navigation
----------------------------*/
#nextthumb, #prevthumb { z-index: 2; display: none; position: fixed; bottom: 61px; height: 75px; width: 100px; overflow: hidden; background: #ddd; border: 1px solid #fff; -webkit-box-shadow: 0 0 5px #000; }

#nextthumb { right: 12px; }
#nextthumb img { width: 150px; height: auto; }
#nextthumb:active { bottom: 59px; }
#nextthumb:hover { cursor: pointer; }

#prevthumb { left: 12px; }
#prevthumb img { width: 150px; height: auto; }
#prevthumb:active { bottom: 59px; }
#prevthumb:hover { cursor: pointer; }

/* Thumbnail Tray
----------------------------*/
#thumb-tray { position: fixed; z-index: 3; bottom: 0; left: 0; background: url(../images/kor/supersized/bg-black.png); height: 150px; width: 100%; overflow: hidden; text-align: center; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; }

#thumb-back, #thumb-forward { position: absolute; z-index: 5; bottom: 42px; height: 108px; width: 40px; }

#thumb-back { left: 0; background: url("../images/kor/supersized/thumb-back.png") no-repeat center center; }
#thumb-back:hover { cursor: pointer; background-color: rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.2); }

#thumb-forward { right: 0; background: url("../images/kor/supersized/thumb-forward.png") no-repeat center center; }
#thumb-forward:hover { cursor: pointer; background-color: rgba(255, 255, 255, 0.1); border-left: 1px solid rgba(255, 255, 255, 0.2); }

ul#thumb-list { display: inline-block; list-style: none; position: relative; left: 0px; padding: 0 0px; }
ul#thumb-list li { background: #111; list-style: none; display: inline; width: 150px; height: 108px; overflow: hidden; float: left; margin: 0; }
ul#thumb-list li img { width: 200px; height: auto; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
ul#thumb-list li:hover { cursor: pointer; }

.carousel { z-index: 5; }

ul#thumb-list li { position: fixed; opacity: 1; display: none; background: transparent; width: auto; height: auto; }
ul#thumb-list li img { width: auto; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop')"; }
ul#thumb-list li.current-thumb { display: block; }

ul#thumb-list li { left: 300px; top: 100px; }

@media (max-width: 2680px) { ul#thumb-list li { left: 280px; top: 100px; }
  ul#thumb-list li img { width: 550px; } }

@media (max-width: 1680px) { ul#thumb-list li { left: 280px; top: 90px; }
  ul#thumb-list li img { width: 550px; } }
@media (max-width: 1440px) { ul#thumb-list li { left: 260px; top: 80px; }
  ul#thumb-list li img { width: 500px; } }
@media (max-width: 1366px) { ul#thumb-list li { left: 240px; top: 70px; }
  ul#thumb-list li img { width: 450px; } }
#mobile-content { display: none; }

.slick-next, .slick-prev { display: none; position: fixed; left: -1000%; top: -1000%; }

@media (max-width: 1080px) { #mobile-content { display: block; }
  #prevthumb, #nextthumb, #prevslide, #nextslide, #thumb-tray, #progress-back, #controls-wrapper, #supersized { display: none !important; } }
#brandVisual { z-index: 6; position: fixed; margin: 0 auto; overflow: hidden; }
#brandVisual, #brandVisual ul, #brandVisual li { width: 100%; height: 100%; }
#brandVisual ul { position: relative; float: left; z-index: 7; }
#brandVisual li { display: none; z-index: 8; background-repeat: no-repeat; background-position: center; }
#brandVisual li.on { display: block; }
#brandVisual li img { z-index: 9; }
#brandVisual li img.txt { position: fixed; display: none; }
#brandVisual li img.mobile { display: none; width: 100%; }
#brandVisual li img.tablet { display: none; width: 100%; }
#brandVisual li a { display: block; text-indent: -9999px; }
#brandVisual li.visual_0 { left: 0px; }
#brandVisual li.visual_1 { left: 100%; background-position-x: 177px; }
#brandVisual li.visual_2 { left: 200%; }
#brandVisual li.visual_2-2 { left: 200%; }
#brandVisual li.visual_3 { left: 200%; background-position-x: 45px; }
#brandVisual .on img.txt { display: block; }

#buttonList { position: fixed; margin-left: 60px; z-index: 10; }
#buttonList:after { content: ""; display: block; clear: both; }
#buttonList li { z-index: 11; width: 45px; height: 4px; background: #fff; float: left; position: relative; overflow: hidden; margin: 176px 5px 0; cursor: pointer; }
#buttonList li.on { background: #b8292f; }
#buttonList li a { z-index: 12; display: block; text-indent: -9999px; }

#buttonList, #brandVisual img.txt { left: 180px; top: 220px; }

@media (max-width: 1600px) { #buttonList, #brandVisual img.txt { top: 220px; }
  #brandVisual li img.txt { width: 528.3px; }
  #buttonList { margin-left: 46px; }
  #buttonList li { margin-top: 135px; width: 42px; } }
@media (max-width: 1440px) { #buttonList, #brandVisual img.txt { top: 210px; }
  #brandVisual li img.txt { width: 469.6px; }
  #buttonList { margin-left: 40px; }
  #buttonList li { margin-top: 120px; width: 39px; } }
@media (max-width: 1280px) { #buttonList, #brandVisual img.txt { top: 200px; }
  #brandVisual li img.txt { width: 410px; }
  #buttonList { margin-left: 35px; }
  #buttonList li { margin-top: 106px; width: 36px; } }