#header {position:absolute;left: 0; right:0; top:40px; margin:0 auto; width:1200px;z-index: 99999;transition:top .6s ease-in-out;-webkit-transition:top .6s ease-in-out;}

#header .gnbWrap {position: relative;padding: 25px 0;}
#header h1 {z-index: 99;position: absolute;width: 210px; height: 60px; background:url(/images/logo.png) center center no-repeat; left:0px; top:25px; background-size:contain; }
#header h1 a{display: block;height: 100%;}
#header #gnb{ float:right; top:10px; }
#header #gnb > li{float: left;position: relative;}
#header #gnb > li > a{display: block;line-height: 50px;color: #fff;padding: 13px 32px;font-size: 19px;font-weight: 500; letter-spacing:-0.75px; }

#header #gnb > li .depth2 {position: absolute;display: none;width: 220px;padding: 20px 0;}
#header #gnb > li:hover > a{background-color: #fff;color: #821500;font-weight: bold;}
#header #gnb > li:hover .depth2{display: block;background-color: #fef7f0;}
#header #gnb > li .depth2 > li > a{display: block;padding: 0 30px;font-size: 16px;line-height: 36px;font-weight: 400;}
#header #gnb > li .depth3 {padding-left: 36px;}
#header #gnb > li .depth3 > li > a{position: relative;font-size: 14px;padding-left: 10px;display: block;line-height: 30px;color: #646464;font-weight: 400;}
#header #gnb > li .depth3 > li > a:before{content:'-';position: absolute;left: 0;top: 0;}
#header #gnb > li .depth3 > li > a:hover {font-weight: bold;}
#header #gnb > li:hover .depth2 > li:hover > a{font-weight: bold;text-decoration: underline;}
#header  .btn_all_menu {z-index: 99;position: absolute;width: 36px;height: 34px;right: 50px;top: 50%;margin-top: -17px;}
#header  .btn_all_menu span{position: absolute;right: 0;height: 3px;height: 3px;background-color: #fff;
transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;
}
#header  .btn_all_menu span.barTop{width: 100%;top: 11px;}
#header  .btn_all_menu span.barBot{width: 70%;top: 21px;}
#header  .btn_all_menu:hover span.barTop {width: 70%;}
#header  .btn_all_menu:hover span.barBot{width: 100%;}

#header  .btn_all_menu.on .barTop{width: 100%;transform:rotate(45deg);-webkit-transform:rotate(45deg);top:16px;}
#header  .btn_all_menu.on .barBot{width: 100%;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:16px;}
#header  .btn_all_menu.on:hover span.barTop {width:100%;}
#header  .btn_all_menu.on:hover span.barBot{width: 100%;}





#header.active {background-color: #fff;}
#header.active h1 {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/logo_c.png);}
#header.active.fff h1 {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/logo.png);}
#header.active #gnb > li > a{color: #000;}
#header.active #gnb > li:hover > a{color: #074398;}
#header.active  .btn_all_menu span {background-color: #000;}
#header.active.fff  .btn_all_menu span {background-color: #fff;}
#header.active  .lang {border-color: #000;background-color: #fff;} 
#header.active.fff  .lang {border-color: #000;background-color: transparent;} 
#header.active  .lang a span {color: #000;}
#header.active  .lang > a span em {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/lang_arrow_c.png);}
#header.active  .lang > a span {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/lang_icon_c.png);}
#header.active.fff  .lang {border-color: #fff;} 
#header.active.fff  .lang a span {color: #fff;}
#header.active.fff  .lang > a span em {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/lang_arrow.png);}
#header.active.fff  .lang > a span {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/lang_icon.png);}


.allMenuWrap {display: none;z-index: 98;position: absolute;width: 100%;top: 0;box-sizing:border-box;background-color: rgba(12,40,81,.95);}
.allMenuWrap .allMenuWrap_inner {display: table;table-layout: fixed;height: 100%;width: 100%;overflow-y: auto;}
.allMenuWrap .allMenu_inner{display: table-cell;vertical-align: middle;height: 100%;}
.allMenu{width: 1500px;margin: 0 auto;}
.allMenu > li {float: left;width: 20%;color: #fff;padding: 0 20px;box-sizing:border-box}
.allMenu > li > p {display: none;font-size: 36px;line-height: 38px;font-weight: bold;}
.allMenu > li > a {font-size: 36px;line-height: 38px;font-weight: bold;}
.allMenu .dep2 > li {margin-top: 29px;}
.allMenu .dep2 > li > a{font-size: 22px;line-height: 30px;}
.allMenu .dep3 {margin-top: 4px;}
.allMenu .dep3 > li > a{font-size: 18px;line-height: 30px;font-weight: 300;}
.allMenu .dep3 > li > a:before{content:'-';margin-right: 4px;}
.allMenu > li  a{color: #fff;display: inline-block;vertical-align: top;}
.mvWrap .mv_item {position: relative;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;
background-size: cover;outline: none;}
.mvWrap {}
.mvWrap .mv_item.item1 {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/ms1_vg1.png);}
.mvWrap .mv_item.item2 {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/ms1_vg2.png);}
.mvWrap .mv_item.item3 {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/ms1_vg3.png);}

.slickDotsWrap {position: absolute;top: 29%;left: 11%;}
.slickDotsWrap:after {content:'';display: block;clear: both;}
.slickDotsWrap > * {float: left;}
.slickDotsWrap .slick-dots {display: inline-block;vertical-align: top;font-size: 0;line-height: 0;}
.slickDotsWrap .slick-dots li {display: inline-block;margin-right: 8px;width: 24px;height: 24px;position: relative;box-sizing:border-box;cursor:pointer}
.slickDotsWrap .slick-dots li.slick-active:after{content:'';position: absolute;width: 100%;height: 100%;background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/dots_active.png);background-repeat: no-repeat;} 

.slickDotsWrap .slick-dots li button {text-indent: -9999px;position: absolute;width: 6px;height: 6px;border-radius: 100%;background-color: #fff;left: 50%;top: 50%;margin-left: -3px;margin-top: -3px;outline: none;}
.slickDotsWrap .pausePlay {display: inline-block;}
.slickDotsWrap .pausePlay a{display: block;width: 24px;height: 24px;cursor:pointer;background-repeat: no-repeat;background-position: center center;}
.slickDotsWrap .pausePlay a.btn_play {display: none;background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/slick_play.png);}
.slickDotsWrap .pausePlay a.btn_pause {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/slick_stop.png);}


.mvWrap .mv_item .txt_box {color: #fff;position:absolute;top: 34%;left: 11%;opacity: 0;transform:translateY(20px);-webkit-transform:translateY(20px);
transition: all .4s .4s ease-in-out;-webkit-transition: all .4s .4s ease-in-out;
}
.mvWrap .mv_item.slick-active .txt_box{opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}
.mvWrap .mv_item .txt_box strong{display: block;font-size: 60px;line-height: 80px;font-family: 'Open Sans', 'Noto Sans KR';font-weight: 600;}
.mvWrap .mv_item .txt_box p {font-size: 20px;line-height: 30px;margin-top: 30px;}

.mvWrap .mv_item .txt_box a{margin-top: 60px;display: inline-block;vertical-align: top;padding: 0 28px;border: 2px solid #fff;border-radius: 27.5px;height: 55px;box-sizing:border-box}
.mvWrap .mv_item .txt_box a span{position: relative;display: inline-block;vertical-align: top;font-size: 16px;line-height: 51px;color: #fff;width: 101px;}
.mvWrap .mv_item .txt_box a span em {position: absolute;width: 39px;height: 5px;background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/main_btn_arrow.png);background-repeat: no-repeat;right: 0;top: 50%;margin-top: -2.5px;
  animation-name: arrow;
  animation-duration: .4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
    
  -webkit-animation-name: arrow;
  -webkit-animation-duration: .4s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
}




.mainProd {}
.mainProd .mp_item {position: relative;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;
background-size: cover;outline: none;}

.mainProd .mp_item.item1 {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/main_prod_bg1.png);}
.mainProd .mp_item.item2 {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/main_prod_bg2.png);}
.mainProd .mp_item.item3 {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/main_prod_bg3.png);}
.mainProd .mp_item.item4 {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/main_prod_bg4.png);}
.mainProd .mp_item.item5 {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/main_prod_bg5.png);background-position: 36% center;}
.mainProd .mp_item.item6 {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/main_prod_bg6.png);}
.mainProd .mp_item.item7 {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/main_prod_bg7.png);}


.slickDotsWrap2 {position: absolute;top: 29%;left: 11%;}
.slickDotsWrap2:after {content:'';display: block;clear: both;}
.slickDotsWrap2 > * {float: left;}
.slickDotsWrap2 .slick-dots {display: inline-block;vertical-align: top;font-size: 0;line-height: 0;}
.slickDotsWrap2 .slick-dots li {display: inline-block;margin-right: 8px;width: 24px;height: 24px;position: relative;box-sizing:border-box;cursor:pointer}
.slickDotsWrap2 .slick-dots li.slick-active:after{content:'';position: absolute;width: 100%;height: 100%;background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/dots_active.png);background-repeat: no-repeat;} 

.slickDotsWrap2 .slick-dots li button {text-indent: -9999px;position: absolute;width: 6px;height: 6px;border-radius: 100%;background-color: #fff;left: 50%;top: 50%;margin-left: -3px;margin-top: -3px;outline: none;}
.slickDotsWrap2 .pausePlay2 {display: inline-block;}
.slickDotsWrap2 .pausePlay2 a{display: block;width: 24px;height: 24px;cursor:pointer;background-repeat: no-repeat;background-position: center center;}
.slickDotsWrap2 .pausePlay2 a.btn_play {display: none;background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/slick_play.png);}
.slickDotsWrap2 .pausePlay2 a.btn_pause {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/slick_stop.png);}


.mainProd .mp_item .txt_box {color: #fff;position:absolute;top: 34%;left: 11%;opacity: 0;transform:translateY(20px);-webkit-transform:translateY(20px);
transition: all .4s .4s ease-in-out;-webkit-transition: all .4s .4s ease-in-out;
}
.mainProd .mp_item.slick-active .txt_box{opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}
.mainProd .mp_item .txt_box strong{display: block;font-size: 60px;line-height: 80px;font-family:  'Open Sans', 'Noto Sans KR';font-weight: 600;}
.mainProd .mp_item .txt_box p {font-size: 20px;line-height: 30px;margin-top: 30px;}

.mainProd .mp_item .txt_box a{margin-top: 60px;display: inline-block;vertical-align: top;padding: 0 28px;border: 2px solid #fff;border-radius: 27.5px;height: 55px;box-sizing:border-box}
.mainProd .mp_item .txt_box a span{position: relative;display: inline-block;vertical-align: top;font-size: 16px;line-height: 51px;color: #fff;width: 101px;}
.mainProd .mp_item .txt_box a span em {position: absolute;width: 39px;height: 5px;background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/main_btn_arrow.png);background-repeat: no-repeat;right: 0;top: 50%;margin-top: -2.5px;
  animation-name: arrow;
  animation-duration: .4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
    
  -webkit-animation-name: arrow;
  -webkit-animation-duration: .4s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
}
.slickNavWrap {position: absolute;bottom: 0;left: 0;width: 100%;padding-left: 20%;box-sizing:border-box;transition:all .3s  ease-in-out;-webkit-transition:all .3s  ease-in-out;}
.fp_item.on .slickNavWrap{bottom: 0;}
.slickNavWrap .slickArrow{position: absolute;left: 0;width: 20%;background-color: #748d1e;transition:all .4s .1s ease-in-out;-webkit-transition:all .4s .1s ease-in-out;height: 90px;bottom: 0;}
.slickNavWrap .mainProdNav .mainProdNav_item{position: relative;line-height: 90px;background-color: rgba(255,255,255,.1);color: #fff;text-align: center;font-size: 20px;font-weight: 500;outline: none;cursor:pointer}

.slickNavWrap .mainProdNav .mainProdNav_item:before{content:'';position: absolute;width: 1px;height: 0;background-color: #fff;left: 50%;top: -25px;
    transition:all .4s .1s ease-in-out;-webkit-transition:all .4s .1s ease-in-out;
}
.slickNavWrap .mainProdNav .mainProdNav_item.on:before{height: 50px;}
.slickNavWrap .mainProdNav .slick-list{padding-top: 25px;}
.slickNavWrap  .slickArrow .slick-arrow{position: absolute;width: 80px;height: 90px;background-repeat: no-repeat;background-position: center center;text-indent: -9999px;outline: none;}
.slickNavWrap  .slickArrow .slick-arrow.slick-prev{right: 80px;background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/arrow_slick_prev.png);}
.slickNavWrap  .slickArrow .slick-arrow.slick-prev:after {content:'';position: absolute;width: 1px;height: 26px;background-color: #fff;right: 0;top: 50%;margin-top: -13px;}
.slickNavWrap  .slickArrow .slick-arrow.slick-next{right: 0;background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/arrow_slick_next.png);}



.fp_inner .txt_box {color: #fff;position:absolute;top: 34%;left: 11%;opacity: 0;transform:translateY(20px);-webkit-transform:translateY(20px);
transition: all .4s  ease-in-out;-webkit-transition: all .4s  ease-in-out;
}

.fp_item.on .fp_inner .txt_box{opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}
.fp_inner .txt_box strong{display: block;font-size: 60px;line-height: 80px;font-family: 'Open Sans', 'Noto Sans KR';font-weight: 600;}
.fp_inner .txt_box p {font-size: 20px;line-height: 30px;margin-top: 30px;}

.fp_inner .txt_box a{margin-top: 60px;display: inline-block;vertical-align: top;padding: 0 28px;border: 2px solid #fff;border-radius: 27.5px;height: 55px;box-sizing:border-box}
.fp_inner .txt_box a span{position: relative;display: inline-block;vertical-align: top;font-size: 16px;line-height: 51px;color: #fff;width: 101px;}
.fp_inner .txt_box a span em {position: absolute;width: 39px;height: 5px;background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/main_btn_arrow.png);background-repeat: no-repeat;right: 0;top: 50%;margin-top: -2.5px;
  animation-name: arrow;
  animation-duration: .4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
    
  -webkit-animation-name: arrow;
  -webkit-animation-duration: .4s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes arrow {
  0%   {right: 0;}
  100% {right: -10px;}
}

/* Standard syntax */
@keyframes arrow {
  0%   {right: 0;}
  100% {right: -10px;}
}


.fp_item3 {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/sec3_bg.png);background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;
background-size: cover;}

.fp_item4 {background-color: #000;}
.fp_item4 .sec4Nav {width: 100%;height: 100%;left: 0;top: 0;}
.fp_item4 .sec4Nav > li{position: absolute;width: 33.3333333%;height: 100%;}
.fp_item4 .sec4Nav > li:nth-child(1){left: 0;}
.fp_item4 .sec4Nav > li:nth-child(2){left: 33.33333333%;}
.fp_item4 .sec4Nav > li:nth-child(3){left: 66.66666666%;}
.fp_item4 .sec4Nav > li a{display: block;width: 100%;height: 100%;position: relative;}
.fp_item4 .sec4Nav > li a .img_box{position: absolute;width: 100%;height: 100%;left: 0;top: 0;
background-repeat: no-repeat;background-position: left center;-webkit-background-size: cover;
background-size: cover;opacity: .5;
    transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;
}
.fp_item4 .sec4Nav > li a:hover .img_box {opacity: 1;}
.fp_item4 .sec4Nav > li:nth-child(1) a .img_box{background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/sec4_bg1.png);}
.fp_item4 .sec4Nav > li:nth-child(2) a .img_box{background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/sec4_bg2.png);}
.fp_item4 .sec4Nav > li:nth-child(3) a .img_box{background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/sec4_bg3.png);}

.fp_item4 .sec4Nav > li a .sec4Nav_cont{position: absolute;z-index: 99;top: 50%;width: 100%;left: 0;
transform:translateY(-50%);-webkit-transform:translateY(-50%);text-align: center;color: #fff;
}

.fp_item4 .sec4Nav > li a .sec4Nav_cont .icon_box {display: inline-block;vertical-align: top;width: 208px;height: 208px;background-color: rgba(255,255,255,.25);border-radius: 100%;background-repeat: no-repeat;background-position: center center;margin-bottom: 74px;}
.fp_item4 .sec4Nav > li:nth-child(1) a .sec4Nav_cont .icon_box {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/sec4_icon1.png);}
.fp_item4 .sec4Nav > li:nth-child(2) a .sec4Nav_cont .icon_box {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/sec4_icon2.png);}
.fp_item4 .sec4Nav > li:nth-child(3) a .sec4Nav_cont .icon_box {background-image: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS6/en_US/Configuration/images/main/sec4_icon3.png);}
.fp_item4 .sec4Nav > li a .sec4Nav_cont .txt_box strong{display: block;font-size: 40px;line-height: 50px;font-weight: 500;}
.fp_item4 .sec4Nav > li a .sec4Nav_cont .txt_box p {font-size: 16px;line-height: 32px;margin-top: 25px;}

.main #footer{background-color: rgba(0,0,0,.8);position: relative;bottom: 0;width: 100%;left: 0;color: #fff;border-top: none;}
#footer .footer_inner{padding: 30px 50px;}
#footer {color: #333;position: relative;border-top: 1px solid #dedede;}
.main #footer .txt_box a {color: #fff;}
#footer .txt_box a{display: inline-block;vertical-align: top;color: #333;}
#footer .txt_box {font-size: 14px;line-height: 26px;}
#footer .txt_box .footerInfo > li {position: relative;float: left;margin-right: 8px;padding-right: 9px;}
#footer .txt_box .footerInfo > li:after{content:'';position: absolute;width: 1px;height: 12px;background-color: #333;right: 0;top: 7px;}
.main #footer .txt_box .footerInfo > li:after {background-color: #fff;}
#footer .txt_box .footerInfo > li:last-child:after{display: none;}
#footer .txt_box .footerInfo > li:last-child{margin-right: 0;padding-right: 0;}
#footer .txt_box .address > li {float: left;position: relative;}
#footer .txt_box .address > li:first-child{padding-right: 12px;margin-right: 12px;}
#footer .txt_box .address > li:first-child:before{content:'/';position: absolute;right: -3px;}
#footer .txt_box .address > li span {float: left;margin-right: 8px;padding-right: 9px;position: relative;}
#footer .txt_box .address > li span:after{content:'';position: absolute;width: 1px;height: 12px;background-color: #333;right: 0;top: 7px;}
.main #footer .txt_box .address > li span:after {background-color: #fff;}
#footer .txt_box .address > li span:last-child:after{display: none;}
#footer .txt_box .address > li span:last-child{margin-right: 0;padding-right: 0;}
#footer .copy {position: absolute;right: 50px;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);font-size: 12px;opacity: .5;}

#fp-menu {position: fixed;right: 0;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);padding-left: 30px;}
#fp-menu li {position: relative;text-align: right;padding-right: 50px;margin-bottom: 40px;}
#fp-menu li:after {content:'';position: absolute;right: 0;height: 1px;width: 0;background-color: #fff;top: 50%;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
#fp-menu li.on:after{width: 38px;}
#fp-menu li.on a span{display: inline-block;}
#fp-menu li:last-child{margin-bottom: 0;}
#fp-menu li a{display: inline-block;vertical-align: top;color: #fff;font-size: 14px;line-height: 26px;letter-spacing: 0;}
#fp-menu li a span{display: none;vertical-align: top;}

.fp_item {overflow: hidden;}

.labelBox {display: none;position: absolute;overflow: hidden;}
.item1 .labelBox{right: 10%;top: 20%;}
.item2 .labelBox{right: 10%;top: 50%;}

@media screen and (min-width: 1500px) {
    
    .mainProdNav .slick-track {left: 0 !important;}

	
}


@media screen and (max-width: 1500px){
    .slickNavWrap .mainProdNav .mainProdNav_item:before{content:'';position: absolute;width: 1px;height: 0;background-color: #fff;left: 50%;top: -25px;
    transition:all .4s .1s ease-in-out;-webkit-transition:all .4s .1s ease-in-out;
    }
    .slickNavWrap .mainProdNav .mainProdNav_item.on:before{height: 0;}
    .slickNavWrap .mainProdNav .mainProdNav_item.slick-current:before{height: 50px;}
	.allMenu{width: 100%;padding: 0 30px;box-sizing:border-box}
}


@media screen and (max-width: 1100px){
	#header {height: 60px;}
	#header h1 {width: 51px;height: 31px;margin-top: -15.5px;}
	.gnbWrap {display: none;}	
	#header h1{left: 30px;}
	#header .btn_all_menu{right: 30px;}
	#header .lang {right: 100px;}
	.mvWrap .mv_item .txt_box{left: 30px;right: 100px;}
	.slickDotsWrap{left: 30px;}
	.mvWrap .mv_item {background-attachment: scroll;}
	.mvWrap .mv_item .txt_box strong{font-size: 40px;line-height: 48px;}
	.mvWrap .mv_item .txt_box p{font-size: 15px;line-height: 30px;margin-top: 15px;}
	.mvWrap .mv_item .txt_box a{height: 40px;padding: 0 28px 0 20px;margin-top: 30px;}
	.mvWrap .mv_item .txt_box a span{line-height: 35px;}
	
	.mainProd .mp_item {background-attachment: scroll;}
	.mainProd .mp_item .txt_box{left: 30px;right: 100px;}
	.slickDotsWrap2{left: 30px;}
	.mainProd .mp_item .txt_box strong{font-size: 40px;line-height: 48px;}
	.mainProd .mp_item .txt_box p{font-size: 15px;line-height: 30px;margin-top: 15px;}
	.mainProd .mp_item .txt_box a{height: 40px;padding: 0 28px 0 20px;margin-top: 30px;}
	.mainProd .mp_item .txt_box a span{line-height: 35px;}

	.fp_inner .txt_box {left: 30px;right: 100px;}
	.fp_inner .txt_box strong {font-size: 40px;line-height: 48px;}
	.fp_inner .txt_box p{font-size: 15px;line-height: 30px;margin-top: 15px;}
	.fp_inner .txt_box  a{height: 40px;padding: 0 28px 0 20px;margin-top: 30px;}
	.fp_inner .txt_box  a span{line-height: 35px;}
	.slickNavWrap .slickArrow {height: 60px;}
	.slickNavWrap .slickArrow .slick-arrow {height: 60px;}
	.slickNavWrap .mainProdNav .mainProdNav_item {line-height: 60px;font-size: 13px;}
	.slickNavWrap .mainProdNav .mainProdNav_item.slick-current:before {height: 30px;}
	.slickNavWrap .mainProdNav .mainProdNav_item:before {top: -15px;}
	.slickNavWrap .slickArrow .slick-arrow.slick-prev {right: 50%;}
	.slickNavWrap .slickArrow .slick-arrow.slick-next {left: 50%;}
	.fp_item3 {background-attachment: scroll;}
	
	.fp_item4 .sec4Nav > li a .sec4Nav_cont .icon_box {width: 160px;height: 160px;margin-bottom: 40px;}
	.fp_item4 .sec4Nav > li a .sec4Nav_cont .txt_box strong {font-size: 20px;line-height: 30px;}
	.fp_item4 .sec4Nav > li a .sec4Nav_cont .txt_box p {font-size: 14px;line-height: 22px;margin-top: 15px;}
	.main #footer{position: relative;}
	#fp-menu{display: none;}
	
	.slickNavWrap .slickArrow .slick-arrow{width: 50%;}
	.allMenu {padding: 0;}
	.allMenu > li{float: none;width: auto;padding: 0;}
	.allMenuWrap {padding-bottom: 80px;}
	.allMenuWrap .allMenuWrap_inner{padding-top: 80px;display: block;box-sizing:border-box}
	.allMenuWrap .allMenu_inner {display: block;}
	.allMenu .dep2 {display: none;background-color: #0d213f;padding: 10px 0 }
	.allMenu > li > p {display: block;font-size: 18px;line-height: 50px;font-weight: 500;padding: 0 30px;}

		.allMenu .dep2 > li {margin-top: 0;}
	.allMenu .dep2 > li > a{font-size: 15px;line-height: 40px;padding: 0 30px;} 
	.allMenu .dep3 {margin-top: 0;}
	.allMenu .dep3 > li > a{font-size: 13px;line-height: 32px;padding: 0 30px;}
	.allMenu > li > a {display: none;}
	
	#footer .txt_box {font-size: 12px;line-height: 20px;}
	#footer .footer_inner {padding: 15px;}
	#footer .txt_box .address > li{float: none;width: 100%;}
	#footer .txt_box .address > li:first-child{padding-right: 0;margin-right: 0;}
	#footer .txt_box .address > li:first-child:before{display: none;}
	#footer .copy {position: static;
	    transform: translateY(0);
    -webkit-transform: translateY(0);
	}


	.mvWrap .mv_item.item1 {background-position: 70% center;}
	.mvWrap .mv_item.item2 {background-position: 80% center;}
	.mvWrap .mv_item.item3 {background-position: 35% center;}

	.mainProd .mp_item.item1 {background-position: 85% center;}
	.mainProd .mp_item.item2 {background-position: 80% center;}
	.mainProd .mp_item.item3 {background-position: 60% center;}
	.mainProd .mp_item.item4 {background-position: 60% center;}
	.mainProd .mp_item.item5 {background-position: 60% center;}
	.mainProd .mp_item.item6 {background-position: 80% center;}
	.mainProd .mp_item.item7 {background-position: 60% center;}

	.fp_item3 {background-position: 80% center;}


}




@media screen and (max-width: 767px){

	#header h1{left: 15px;}
	#header .btn_all_menu {right: 15px;}
	#header .lang {right: 72px;}
	.fp_item4 .sec4Nav > li {float: none;width: 100%;height: 33.333333%;}
	.fp_item4 .sec4Nav > li:nth-child(1){left: 0;top: 0;}
	.fp_item4 .sec4Nav > li:nth-child(2){left: 0;top: 33.33333%;}
	.fp_item4 .sec4Nav > li:nth-child(3){left: 0;top: 66.66666%;}
	.fp_item4 .sec4Nav > li a .sec4Nav_cont .icon_box{width: 80px;height: 80px;-webkit-background-size: 40px;
	background-size: 40px;margin-bottom: 10px;}
	.fp_item4 .sec4Nav > li a .sec4Nav_cont .txt_box strong {font-size: 16px;line-height: 20px;}
	.fp_item4 .sec4Nav > li a .sec4Nav_cont .txt_box p {font-size: 13px;line-height: 20px;margin-top: 15px;}
	
	.slickDotsWrap {left: 15px;}
	.mvWrap .mv_item .txt_box {left: 15px;right: 15px;}
	.mvWrap .mv_item .txt_box strong {font-size: 30px;line-height: 38px;}
	.mvWrap .mv_item .txt_box p {font-size: 13px;line-height: 20px;margin-top: 15px;}
	.mvWrap .mv_item .txt_box a {margin-top: 20px;}

	.slickDotsWrap2 {left: 15px;}
	.mainProd .mp_item .txt_box {left: 15px;right: 15px;}
	.mainProd .mp_item .txt_box strong {font-size: 30px;line-height: 38px;}
	.mainProd .mp_item .txt_box p {font-size: 13px;line-height: 20px;margin-top: 15px;}
	.mainProd .mp_item .txt_box a {margin-top: 20px;}

	.fp_inner .txt_box {left: 15px;right: 15px;}
	.fp_inner .txt_box strong {font-size: 30px;line-height: 38px;}
	.fp_inner .txt_box strong br {display: none;}
	.fp_inner .txt_box p {font-size: 13px;line-height: 20px;margin-top: 15px;}
	.fp_inner .txt_box a {margin-top: 20px;}

	.fp_item4 .sec4Nav > li a .sec4Nav_cont .txt_box p br {display: none;}
	.slickNavWrap {padding-left: 30%;}
	.slickNavWrap .slickArrow {width: 30%;}
	.slickNavWrap .slickArrow .slick-arrow {-webkit-background-size: 11px;
	background-size: 11px;}

	.slickDotsWrap{top: 22%;}
	.mvWrap .mv_item .txt_box {top: 28%;}

	.slickDotsWrap2{top: 22%;}
	.mainProd .mp_item .txt_box {top: 28%;}
	
}