/* bx 기본 속성 */
.bx-wrapper {position: relative; margin: 0 auto; padding: 0;}
.bx-wrapper .bx-viewport {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0px solid #fff; left: 0px; background: none; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0);}

#body-wrap {min-width: 1120px;}

  #main-slide {width: 100%; height: 500px; margin: 0 auto;}
    #main-slide .slideArea .mainSlide>div {height: 500px !important; background-repeat: no-repeat; background-position: center;}
    #main-slide .slideArea .mainSlide .slide {width: 100% !important;}
    #main-slide .slideArea .mainSlide .slide01 {background-image: url(../img/mv-img-01.jpg);}
    #main-slide .slideArea .mainSlide .slide02 {background-image: url(../img/mv-img-02.jpg);}
    #main-slide .slideArea .mainSlide .slide03 {background-image: url(../img/mv-img-03.jpg);}

    #main-slide .safe-box {height: 500px; margin-top: -500px;}
      #main-slide .safe-box #main-pager {position: absolute; top: 50%; margin-top: -38px; width: 100%; height: 76px;}

    #main-slide #main-pager #ms-prev a {position: absolute; left: 0px; width: 76px; height: 76px; text-indent: -9999em; background-image: url(../img/ctrl-prev.png);}
    #main-slide #main-pager #ms-next a {position: absolute; right: 0px; width: 76px; height: 76px; text-indent: -9999em; background-image: url(../img/ctrl-next.png);}


#prdt-tab {padding: 70px 0px 80px 0px;}

#prdt-tab ul.tabs {width: 100%; height: 60px; font-size:18px; border-left: 1px solid #eee;}
  #prdt-tab ul.tabs li {position: relative; height: 58px; font-family: "Noto Sans KR", sans-serif; text-align:center; cursor: pointer; line-height: 58px; border: 1px solid #ccc; border-left: none; background: #f9f9f9; overflow: hidden; float: left;}
  #prdt-tab ul.tabs li:first-child {border-left: 1px solid #ccc;}
    #prdt-tab ul.tabs li.active {background: #c2131a; line-height: 58px; color: #fff; border: 1px solid #c2131a; border-left: none; border-right: none;}
    #prdt-tab ul.tabs li:first-child.active  {border-left: 1px solid #c2131a;}

#prdt-tab .tab-container {width: 100%; margin-top: 20px; background: #fff;}
  #prdt-tab .tab-container .tab-content {display: none;}
    #prdt-tab .tab-container .tab-content ul {width:100%;}
      #prdt-tab .tab-container .tab-content ul li {float: left; margin-right: 20px;}
      #prdt-tab .tab-container .tab-content ul li:nth-child(4n) {margin-right: 0px;}
        #prdt-tab .tab-container .tab-content ul li a {position: relative; display: block; width: 255px;}

          /*#prdt-tab .tab-container .tab-content ul li a .prdt-pic {width: 255px; height: 345px; background-position: center; background-repeat: no-repeat;}*/
		  #prdt-tab .tab-container .tab-content ul li a .prdt-pic {width: 255px; height: 295px; background-position: center; background-repeat: no-repeat;}
          #prdt-tab .tab-container .tab-content ul li a .prdt-more {position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin-top: -70px; margin-left: -50px; background-image: url(../img/prdt-more.png); opacity: 0;}
          /*#prdt-tab .tab-container .tab-content ul li a .prdt-name {text-align: center; font-size: 18px; color: #3e3e3e; padding-bottom: 30px;}*/
		  #prdt-tab .tab-container .tab-content ul li a .prdt-name {margin-top: 5px; text-align: center; font-size: 18px; color: #3e3e3e; padding-bottom: 50px;}

          @keyframes opac {
              0%   {opacity: 0;}
              100% {opacity: 1;}
          }

        #prdt-tab .tab-container .tab-content ul li a:hover .prdt-name {color: #c2131a;}
        #prdt-tab .tab-container .tab-content ul li a:hover .prdt-more {animation-name: opac; animation-iteration-count: 1; animation-duration: .7s; opacity: 1;}

#new-prdt {width: 100%; /*height: 1010px;*/ max-height: 1010px; background-image: url(../img/new-prdt-bg.jpg);}
  #new-prdt .title {padding-top: 55px; margin-bottom: 25px; font-family: "Noto Sans KR", sans-serif; text-align:center; font-size: 38px; font-weight: 500;}
  #new-prdt ul li {position: relative; float: left; margin-right: 20px;}
  #new-prdt ul li:nth-child(4n) {margin-right: 0px;}
    /*#new-prdt ul li a .prdt-pic {width: 255px; height: 345px; background-position: center; background-repeat: no-repeat; background-color: #fff;}*/
	#new-prdt ul li a .prdt-pic {width: 255px; height: 295px; background-position: center; background-repeat: no-repeat; background-color: #fff;}
    #new-prdt ul li a .prdt-more {position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin-top: -70px; margin-left: -50px; background-image: url(../img/prdt-more.png); opacity: 0;}
    /*#new-prdt ul li a .prdt-name {margin-top: 12px; text-align: center; font-size: 18px; color: #3e3e3e; padding-bottom: 30px;}*/
	#new-prdt ul li a .prdt-name {margin-top: 5px; text-align: center; font-size: 18px; color: #3e3e3e; padding-bottom: 50px;}

    #new-prdt ul li a:hover .prdt-name {color: #c2131a;}
    #new-prdt ul li a:hover .prdt-more {animation-name: opac; animation-iteration-count: 1; animation-duration: .7s; opacity: 1;}