/* 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.main {width: 100%; min-width: 1360px;}

  #main-content {position: relative; width: calc(100% - 120px); height: 740px; background-color: #ddd; float: left;}
    #main-slide {position: relative;}
      #bg-slide {width: 100%; height: 100%;}
          #bg-slide .slide {width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; background-size: cover;}
          #bg-slide .slick-list {height: 100%;}
          #bg-slide .slick-track {height: 100%;}

          #bg-slide .bgs01 {background-image: url(../img/main-visual-01.jpg); background-position: center;}
          #bg-slide .bgs02 {background-image: url(../img/main-visual-02.jpg); background-position: center;}
          #bg-slide .bgs03 {background-image: url(../img/main-visual-03.jpg); background-position: center;}
          #bg-slide .bgs04 {background-image: url(../img/main-visual-04.jpg); background-position: center;}
          #bg-slide .bgs05 {background-image: url(../img/main-visual-05.jpg); background-position: center;}

    #main-slide .slick-dots {position: absolute; top: 311px; right: 30px;}
      #main-slide .slick-dots li {margin-bottom: 15px;}
      #main-slide .slick-dots li:last-child {margin-bottom: 0px;}
      #main-slide .slick-dots li button {width: 10px; height: 10px; background-image: url(../img/slide-pager-bg.png); text-indent: -999999em;}
      #main-slide .slick-dots li.slick-active button {width: 10px; height: 10px; background-image: url(../img/slide-pager-bg.png); background-position: 10px 0;}

    #main-slide #notice-slide {position: absolute; bottom: 0px; width: 50%; height: 60px; background-color: rgba(54,54,54,0.8);}
      #main-slide #notice-slide .title-box {width: 152px; height: 60px; font-family: 'Malgun Gothic', sans-serif; font-size: 14px; font-weight: 700; color: #fff; }
        #main-slide #notice-slide .title-box img {position: absolute; top: 20px; left: 30px;}
        #main-slide #notice-slide .title-box span {position: absolute; top: 20px; left: 57px;}
        #main-slide #notice-slide .title-box span:after {display: block; content:""; width: 1px; height: 12px; background-color: #979896; position: absolute; top: 3px; right: -17px;}

      #main-slide #notice-slide #list-box {position: relative; top: -42px; left: 171px; width: calc(100% - 275px);}
        #main-slide #notice-slide #list-box ul {height: 60px;}
          #main-slide #notice-slide #list-box ul li {height: 18px; float: left !important;}
            #main-slide #notice-slide #list-box ul li a {font-size: 14px; color: #fff; float: left; font-family: 'Malgun Gothic', sans-serif;}
            #main-slide #notice-slide #list-box ul li a:hover {text-decoration: underline;}
            #main-slide #notice-slide #list-box ul li .wDate {font-family: 'Malgun Gothic', sans-serif; font-size: 14px; color: #fff; float: right;}

    #main-slide #bizNews-slide {position: absolute; bottom: 0px; left:0%; width:100%; height: 60px; background-color: rgba(54,54,54,0.8);}
      #main-slide #bizNews-slide .title-box {width: 152px; height: 60px; font-family: 'Malgun Gothic', sans-serif; font-size: 14px; font-weight: 700; color: #fff; }
        #main-slide #bizNews-slide .title-box img {position: absolute; top: 20px; left: 30px;}
        #main-slide #bizNews-slide .title-box span {position: absolute; top: 20px; left: 57px;}
        #main-slide #bizNews-slide .title-box span:after {display: block; content:""; width: 1px; height: 12px; background-color: #979896; position: absolute; top: 3px; right: -17px;}

    #main-slide #bizNews-slide #list-box {position: relative; top: -42px; left: 150px; width: calc(100% - 275px);}
        #main-slide #bizNews-slide #list-box ul {height: 60px;}
          #main-slide #bizNews-slide #list-box ul li {height: 18px; float: left !important;}
            #main-slide #bizNews-slide #list-box ul li a { width:500px; font-size: 14px; color: #fff; float: left; font-family: 'Malgun Gothic', sans-serif;}
            #main-slide #bizNews-slide #list-box ul li a:hover {text-decoration: underline;}
            #main-slide #bizNews-slide #list-box ul li .wDate {font-family: 'Malgun Gothic', sans-serif; font-size: 14px; color: #fff; float: right;}


      #main-slide .bx-controls.bx-has-controls-direction {position: absolute; top: -18px; right: -30px; width: 13px; height: 60px; background-image: url(../img/notice-arrow-bg.png);}
        #main-slide .bx-wrapper .bx-controls-direction a {width: 11px; height: 6px; margin-top: -3px; left: 0px;}
          #main-slide .bx-wrapper .bx-prev {top: 19px; left: 1px !important; background: url(../img/arrow-prev.png);}
          #main-slide .bx-wrapper .bx-next {top: 39px; left: 1px !important; background: url(../img/arrow-next.png);}

      #main-slide .list-more {position: absolute; bottom: 0px; right: 0px;}


  #text-box {position: absolute; top: 140px; right: 110px; width: 602px; text-align: right;}
    #text-box .title {position: absolute; top: 90px; left: -8px; opacity: 0; width: 612px; font-family: 'Cairo', sans-serif; font-size: 60px; font-weight:600;  color: #fff;}
    #text-box .explain{font-family: 'Malgun Gothic', sans-serif; position: absolute; top: 173px; left: 0px; width: 602px; font-size: 15px; color:#efebe8; opacity: 0; letter-spacing: -0.03em;}