@charset "utf-8";

  @media print {
    #template-header,
    #template-sub-header,
    #template-footer,
    .left-menu,
    .submenu-area,
    .pc-visible,
    .mobile-visible
    {
      display:none !important;
    }

    #contents {
      margin-top:0 !important;
      padding-top:0 !important;
    }

    .contents-wrap div {
      float:left !important;
    }
  }

  /* 메인 visual */
  #template-main #main-page {
    position: relative;
  }

  #template-main #main-page .main-info {
    position: absolute;
    text-align: center;
    top: 25.3%;
    width: 100%;
    z-index: 1;
  }

  #template-main #main-page .main-info .txt1 {
    height: 122px;
    text-indent: -9999px;
    background: url(/images/main_txt1.png) no-repeat 50% 50%;
    background-size: contain;
    margin-bottom: 45px;
    max-width: 85%;
    margin: auto;    
  }

  #template-main #main-page .main-info .txt2 {
    height: 72px;
    text-indent: -9999px;
    background: url(/images/main_txt2.png) no-repeat 50% 50%;
    background-size: contain;
  }

  #template-main #main-page .main-info .txt3 {
    font-family: 'Titillium Web', gulim;
    font-size: 60px;
    font-weight: 700;
    color: #f0f6fa;
    line-height: 60px;
    letter-spacing: -3px;
    margin-bottom: 50px;
  }
  /*----------- 21.10.19 임시 ---------*/
  #template-main #main-page .main-info .imsi-txt3 {
    font-size: 40px;
    color: #f0f6fa;
    line-height: 60px;
    letter-spacing: -3px;
    margin-bottom: 50px;
  }  
  /*----------- 21.10.19 임시 ---------*/
  
  #template-main #main-page .main-info .video-btn {
    display: inline-block;
    width: 230px;
    height: 70px;
    line-height: 70px;
    border: 1px solid #cecece;
  }

  #template-main #main-page .main-info .video-btn > span {
    display: inline-block;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -1px;
    padding-left: 35px;
    background: url(/images/icon/icon_video.png) no-repeat 0px 50%;
  }

  #template-main #main-page .main-info .video-btn:hover > span {
    color: #5064ad;
    background: url(/images/icon/icon_video1.png) no-repeat 0px 50%;
  }

  #template-main #main-page .main-info .video-btn:hover {
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  #template-main #main-page .carousel-inner {
    height: 100%;
  }

  #template-main #main-page .carousel-inner .item {
    height: 100%;
  }

  #template-main #main-page .carousel-inner .item img {
    transform:scale(1);
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #template-main #main-page .carousel-inner .item.active img {
    transform:scale(1.1);
    -webkit-transition: 5s ease-in-out;
    transition: 5s ease-in-out;
  }

  #template-main #main-page .carousel-indicators {
    bottom: 20%;
  }

  #template-main #main-page .carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: none;
  }

  #template-main #main-page .carousel-indicators .active {
    width: 85px;
    background-color: transparent;
  }

  #template-main #main-page .carousel-indicators li .circle {
    float: left;
    position: relative;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
    vertical-align: bottom;
  }

  #template-main #main-page .carousel-indicators li .progress1 {
    float: left;
    position: relative;
    width: 0px;
    height: 3px;
    background-color: #fff;
    margin: 4px 10px 0px;
  }

  #template-main #main-page .carousel-indicators li .progress1:after {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 0px;
    height: 3px;
    background-color: #1b94fb;
    content: '';
  }

  #template-main #main-page .carousel-indicators .active .progress1 {
    width: 50px;
  }

  #template-main #main-page .carousel-indicators .active .progress1:after {
    width: 50px;
    -webkit-transition: 6s;
    transition: 6s;
  }

  #template-main #main-page .carousel-indicators .active .circle {
    background-color: #1b94fb;
    border: 1px solid #1b94fb;
  }

  #template-main #main-page .carousel-indicators .active {
    background-color: none;
  }

  @-webkit-keyframes scrollAnimate {
    from {bottom: 30px;}
    to {bottom: 50px;}
  }

  @keyframes scrollAnimate {
    from {bottom: 30px;}
    to {bottom: 50px;}
  }

  #template-main #main-page .scroll-down {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
    animation: scrollAnimate 1s ease-in-out infinite alternate;
    z-index: 1;
  }

  #template-main #main-page .scroll-down > a {
    display: inline-block;
    font-family: 'Titillium Web', gulim;
    font-size: 12px;
    font-weight: 600;
    color: #cacaca;
    letter-spacing: 0px;
    height: 50px;
    background: url(/images/icon/scroll_down.png) no-repeat 50% 100%;
  }

  #template-main #main-page .scroll-down > a:hover {
    text-decoration: none;
  }

  /* 온라인참가신청 */
  #template-main #application-page .application  {
    position: relative;
    float: left;
    /*width: 33.33%;*/
    height: 100%;
    background-size: cover;
    overflow: hidden;
  }

  #template-main #application-page .application:nth-child(3),
  #template-main #application-page .application:first-child {
    width:33%;
  }

  #template-main #application-page .application:nth-child(2) {
    width:34%;
  }

  #template-main #application-page .application .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    transform:scale(1);
  }

  #template-main #application-page .application:hover .img {
    transform1:scale(1.1);
    -webkit-transition: 5s ease-in-out;
    transition: 5s ease-in-out;
    overflow: hidden;
  }
/*
  #template-main #application-page .application01 .img {
    background: url(/images/application_bg01.png) no-repeat 50% 50%;
    background-size: cover;
  }

  #template-main #application-page .application02 .img  {
    background: url(/images/application_bg02.png) no-repeat 50% 50%;
    background-size: cover;
  }

  #template-main #application-page .application03 .img  {
    background: url(/images/application_bg03.png) no-repeat 50% 50%;
    background-size: cover;
  }
*/
  #template-main #application-page .application:first-child .application-div {
    background: url(/images/application_bg01.png) no-repeat 50% 50%;
    background-size: cover;
    transition: all 0.5s;
    transition-timing-function: ease;
  }

  #template-main #application-page .application:nth-child(2) .application-div {
    background: url(/images/application_bg02.png) no-repeat 50% 50%;
    background-size: cover;
    transition: all 0.5s;
    transition-timing-function: ease;
  }

  #template-main #application-page .application:nth-child(3) .application-div {
    background: url(/images/application_bg03.png) no-repeat 50% 50%;
    background-size: cover;
    transition: all 0.5s;
    transition-timing-function: ease;
  }

  #template-main #application-page .application .application-div:hover {
    transform: scale( 1.1 );
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    transition-timing-function: ease;
  }

  #template-main #application-page .application .application-div {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0 auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow:hidden;
  }

  #template-main #application-page .application .application-div .title {
    position:absolute;
    top: 45%;
    font-family: 'NanumSquare', gulim;
    font-size: 48px;
    color: #fff;
    letter-spacing: -2px;
    text-align:center;
    width:100%;
    cursor:pointer;
    -webkit-transition: all 0.3s 0s;
    transition: all 0.3s 0s;
    transition-timing-function: cubic-bezier(0,.46,.48,.99);
  }

  #template-main #application-page .application .application-div .info-txt {
    position:absolute;
    top: 55%;
    font-family: 'NanumSquare', gulim;
    font-size: 18px;
    color: #fff;
    letter-spacing: -1px;
    text-align:center;
    width:100%;
    cursor:pointer;
    -webkit-transition: all 0.4s 0.05s;
    transition: all 0.4s 0.05s;
    transition-timing-function: cubic-bezier(0,.46,.48,.99);
  }

  #template-main #application-page .application .application-div .application-btn {
    position:absolute;
    top: 65%;
    display: block;
    opacity:0;
    font-family: 'Noto Sans KR', gulim;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    letter-spacing: -1px;
    width: 240px;
    height: 240px;
    border: 1px solid #fff;
    border-radius: 50%;
    padding-top: 145px;
    margin-left:calc(50% - 120px);
    cursor:pointer;
    -webkit-transition: all 0.5s 0.1s;
    transition: all 0.5s 0.1s;
    transition-timing-function: cubic-bezier(0,.46,.48,.99);
  }

  #template-main #application-page .application01 .application-div .application-btn {
    background: url(/images/icon/icon_application01.png) no-repeat 50% 65px;
  }

  #template-main #application-page .application02 .application-div .application-btn {
    background: url(/images/icon/icon_application02.png) no-repeat 50% 65px;
  }

  #template-main #application-page .application03 .application-div .application-btn {
    background: url(/images/icon/icon_application03.png) no-repeat 50% 65px;
  }

  #template-main #application-page .application .application-div:hover {
    /*
    padding-top: 55%;
    -webkit-transition1: all 0.3s;
    transition1: all 0s;
    */
  }

  #template-main #application-page .application .application-div:hover .title {
    color: #95e2ff;
    margin-top: -10%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    transition-timing-function: cubic-bezier(0,.46,.48,.99);
  }

  #template-main #application-page .application .application-div:hover .info-txt {
    margin-top: -12%;
    -webkit-transition: all 0.5s;
    transition: all 0.4s;
    transition-delay: 0.1s;
    transition-timing-function: cubic-bezier(0,.46,.48,.99);
  }


  #template-main #application-page .application .application-div:hover .application-btn {
    margin-top: -14%;
    opacity: 1;
    -webkit-transition: all 0.7s;
    transition: all 0.5s;
    transition-delay: 0.2s;
    transition-timing-function: cubic-bezier(0,.46,.48,.99);
  }

  #template-main #application-page .application01 .application-div .application-btn:hover {
    color: #000;
    background: url(/images/icon/icon_application01_1.png) no-repeat 50% 65px;
    background-color: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }

  #template-main #application-page .application02 .application-div .application-btn:hover {
    color: #000;
    background: url(/images/icon/icon_application02_1.png) no-repeat 50% 65px;
    background-color: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }

  #template-main #application-page .application03 .application-div .application-btn:hover {
    color: #000;
    background: url(/images/icon/icon_application03_1.png) no-repeat 50% 65px;
    background-color: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }

  #template-main #application-page .application a:hover {
    text-decoration: none;
  }

  /* 전시안내 */
  #template-main #guide-page  {
    height: 930px;
    background-color: #f3f3f3;
    text-align: center;
    margin: 0 auto;
  }

  #template-main #guide-page .guide-title {
    padding: 200px 0px 20px;
  }

  #template-main #guide-page .guide-title .title {
    font-family: 'NanumSquare', gulim;
    font-size: 48px;
    letter-spacing: -2px;
    color: #000;
    padding-bottom: 30px;
    margin: 0px;
  }

  #template-main #guide-page .guide-title .info-txt {
    font-family: 'Noto Sans KR', gulim;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -1px;
    color: #000;
  }

  #template-main #guide-page .fp-slides {
    height: calc(100% - 227px);
  }

  #template-main #guide-page .fp-controlArrow, #template-main #guide-page .fp-slidesNav {
    display: none;
  }

  #template-main #guide-page #guide-image-mobile {
    display: none !important;
  }

  #template-main #guide-page #guide-image {
    width: 1110px;
    height: calc(100% - 225px);
    margin: 0 auto;
  }

  #template-main #guide-page .fp-tableCell {
    height: 100% !important;
  }

  #template-main #guide-page .carousel-control.left {
    left: calc(50% - 700px);
    top: 50%;
    display: inline-block;
    width: 60px;
    height: 60px;
    border: 1px solid #000;
    background: url(/images/icon/icon_prev.png) no-repeat 50% 50%;
    margin-top: -30px;
    opacity: 1;
  }

  #template-main #guide-page .carousel-control.right {
    right: calc(50% - 700px);
    top: 50%;
    display: inline-block;
    width: 60px;
    height: 60px;
    border: 1px solid #000;
    background:	none;
    margin-top: -30px;
    background: url(/images/icon/icon_next.png) no-repeat 50% 50%;
    opacity: 1;
  }

  #template-main #guide-page .carousel-control.left:hover {
    background: url(/images/icon/icon_prev1.png) no-repeat 50% 50%;
    background-color: #000;
  }

  #template-main #guide-page .carousel-control.right:hover {
    background: url(/images/icon/icon_next1.png) no-repeat 50% 50%;
    background-color: #000;
  }

  #template-main #guide-page .carousel-control.left > span, #template-main #guide-page .carousel-control.right > span {
    display: none;
  }

  #template-main #guide-page .carousel-control.left:hover > span, #template-main #guide-page .carousel-control.right:hover > span {
    color: #fff;
  }

  #template-main #guide-page .carousel-inner {
    width: 1110px;
    margin: 0 auto;
  }

  #template-main #guide-page .carousel-inner ul {
    width: 1110px;
    padding: 0px;
    margin: 0 auto;
  }

  #template-main #guide-page .carousel-inner li {
    position: relative;
    float: left;
    width: 330px;
    list-style-type: none;
    overflow: hidden;
    box-shadow: 14.142px 14.142px 9px rgba(0,0,0,0.38);
    margin-bottom: 25px;
  }

  #template-main #guide-page .carousel-inner li:nth-child(2) {
    margin: 0px 50px 25px;
  }

  #template-main #guide-page .carousel-inner li img {
    transform:scale(1);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }

  #template-main #guide-page .carousel-inner li img:hover {
    transform:scale(1.1);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }

  #template-main #guide-page .carousel-inner li a {
    display: block;
    width: 330px;
  }

  #template-main #guide-page .carousel-inner li .txt {
    position: absolute;
    top: 40px;
    left: 40px;
    display: block;
    text-align: left;
  }

  #template-main #guide-page .carousel-inner li a .title {
    font-family: 'NanumSquare', gulim;
    font-size: 28px;
    letter-spacing: -1px;
    color: #f3f3f3;
    margin-bottom: 20px;
  }

  #template-main #guide-page .carousel-inner li a .info-txt {
    font-family: 'NanumSquare', gulim;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: -1px;
    color: #f3f3f3;
  }

  #template-main #guide-page .carousel-indicators {
    bottom: -60px;
  }

  #template-main #guide-page .carousel-indicators li {
    border: 1px solid #000;
    margin: 0px 10px;
  }

  #template-main #guide-page .carousel-indicators .active {
    width: 10px;
    height: 10px;
    background-color: #000;
    margin: 0px 10px;
  }

  /* 지난 전시회 */
  #template-main #history-page  {
    background-color: #fff;
    text-align: center;
  }

  #template-main #history-page .title {
    height: 140px;
  }

  #template-main #history-page .history-contents {
    height: calc(50vh - 70px);
    overflow: hidden;
  }

  #template-main #history-page .history-contents a:hover {
    text-decoration: none;
  }

  #template-main #history-page .history-contents .history-img {
    display: inline-block;
    float: left;
    width: 50%;
    height: 100%;
    overflow: hidden;
  }

  #template-main #history-page .history-contents .history-img {
    opacity:0;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
  }

  #template-main #history-page.active .history-contents .history-img {
    opacity:1;
    -webkit-transition: 1.5s ease;
    transition: 1.5s;
    transition-timing-function: ease;
  }

  #template-main #history-page .history-contents .history-img img {
    min-width: 100%;
    min-height: 100%;
    transform:scale(1);
    -webkit-transition: 5s ease-in-out;
    transition: 5s ease-in-out;
  }

  #template-main #history-page .history-contents .history-img:hover img {
    transform:scale(1.1);
    -webkit-transition: 5s ease-in-out;
    transition: 5s ease-in-out;
  }

  #template-main #history-page .history-contents .history-txt {
    display: inline-block;
    float: left;
    width: 50%;
    font-family: 'Noto Sans KR', gulim;
    font-size: 48px;
    font-weight: 300;
    letter-spacing: -2px;
    color: #848484;
  }

  #template-main #history-page .history-contents .history-txt.tl {
    text-align: left;
    padding: 100px 0px 100px 350px;

    /*
    -webkit-transition: 1s linear;
    transition: 1s linear;
    */
  }

  #template-main #history-page .history-contents .history-txt.tr {
    text-align: right;
    padding: 100px 150px 100px 0px;
    /*
    -webkit-transition: 1s linear;
    transition: 1s linear;
    */
  }
/*
  #template-main #history-page.active .history-contents .history-txt.tl {
    text-align: left;
    padding-left: 100px;
    -webkit-transition: 1s linear;
    transition: 1s linear;
    transition-timing-function: cubic-bezier(0,.46,.48,.99);
  }
*/

  #template-main #history-page .history-contents .history-txt.tl div:first-child {
    text-align: left;
    margin-left: 0px;
    opacity:0;
    -webkit-transition: 0.5s linear;
    transition: 0.5s linear;
    transition-timing-function: ease;
  }

  #template-main #history-page .history-contents .history-txt.tl div:nth-child(2) {
    text-align: left;
    margin-left: 0px;
    opacity:0;
    -webkit-transition: 0.5s linear;
    transition: 0.5s linear;
    transition-delay: 0.1s;
    transition-timing-function: ease;
  }

  #template-main #history-page .history-contents .history-txt.tl div:nth-child(3) {
    text-align: left;
    margin-left: 0px;
    opacity:0;
    -webkit-transition: 0.5s linear;
    transition: 0.5s linear;
    transition-delay: 0.2s;
    transition-timing-function: ease;
  }

  #template-main #history-page.active .history-contents .history-txt.tl div:first-child {
    text-align: left;
    margin-left: -250px;
    opacity:1;
    -webkit-transition: 0.8s linear;
    transition: 0.8s linear;
    transition-timing-function: cubic-bezier(0,.46,.48,.99);
  }

  #template-main #history-page.active .history-contents .history-txt.tl div:nth-child(2) {
    text-align: left;
    margin-left: -250px;
    opacity:1;
    -webkit-transition: 0.9s linear;
    transition: 0.9s linear;
    transition-delay: 0.2s;
    transition-timing-function: cubic-bezier(0,.46,.48,.99);
  }

  #template-main #history-page.active .history-contents .history-txt.tl div:nth-child(3) {
    text-align: left;
    margin-left: -250px;
    opacity:1;
    -webkit-transition: 1s linear;
    transition: 1s linear;
    transition-delay: 0.4s;
    transition-timing-function: cubic-bezier(0,.46,.48,.99);
  }

  #template-main #history-page.active .history-contents .history-txt.tr {
    text-align: right;
    padding-right: 100px;
    /*
    -webkit-transition: 1s linear;
    transition: 1s linear;
    transition-delay: 0.5s;
    */
  }

  #template-main #history-page .history-contents .history-txt.tr div:first-child {
    text-align: right;
    margin-right: 250px;
    opacity:0;
    -webkit-transition: 0.8s linear;
    transition: 0.8s linear;
    transition-timing-function: ease;
  }

  #template-main #history-page.active .history-contents .history-txt.tr div:first-child {
    text-align: right;
    margin-right: 0px;
    opacity:1;
    -webkit-transition: 0.8s linear;
    transition: 0.8s linear;
    transition-delay: 0.5s;
    transition-timing-function: cubic-bezier(0,.46,.48,.99);
  }

  #template-main #history-page .history-contents .history-txt.tr div:nth-child(2) {
    text-align: right;
    margin-right: 250px;
    opacity:0;
    -webkit-transition: 0.8s linear;
    transition: 0.8s linear;
    transition-delay: 0.1s;
    transition-timing-function: ease;
  }

  #template-main #history-page.active .history-contents .history-txt.tr div:nth-child(2) {
    text-align: right;
    margin-right: 0px;
    opacity:1;
    -webkit-transition: 0.8s linear;
    transition: 0.8s linear;
    transition-delay: 0.7s;
    transition-timing-function: cubic-bezier(0,.46,.48,.99);
  }

  #template-main #history-page .history-contents .history-txt.tr div:nth-child(3) {
    text-align: right;
    margin-right: 250px;
    opacity:0;
    -webkit-transition: 0.8s linear;
    transition: 0.8s linear;
    transition-delay: 0.2s;
    transition-timing-function: ease;
  }

  #template-main #history-page.active .history-contents .history-txt.tr div:nth-child(3) {
    text-align: right;
    margin-right: 0px;
    opacity:1;
    -webkit-transition: 0.8s linear;
    transition: 0.8s linear;
    transition-delay: 0.9s;
    transition-timing-function: cubic-bezier(0,.46,.48,.99);
  }

  #template-main #history-page .history-contents .history-txt .title1 {
    font-weight: 300;
  }

  #template-main #history-page .history-contents .history-txt .title2 {
    font-weight: 700;
  }

  #template-main #history-page .history-contents .history-txt .txt {
    font-family: 'Noto Sans KR', gulim;
    font-size: 26px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: -1px;
    color: #848484;
    padding-top: 20px;
  }


  /* 홍보센터 */
  #template-main #promotion-page  {
    height: 930px;
    background-color: #eaf0f9;
    text-align: center;
    margin: 0 auto;
  }

  #template-main #promotion-page .promotion-title {
    padding: 115px 0px 50px;
  }

  #template-main #promotion-page .promotion-title .title {
    font-family: 'NanumSquare', gulim;
    font-size: 48px;
    letter-spacing: -2px;
    color: #000;
    padding-bottom: 30px;
  }

  #template-main #promotion-page .promotion-title .info-txt {
    font-family: 'Noto Sans KR', gulim;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -1px;
    color: #000;
  }

  #template-main #promotion-page .promotion-contents {
    width: 1220px;
    height: 495px;
    margin: 0 auto;
  }

  #template-main #promotion-page .promotion-contents .notice {
    float: left;
    width: 480px;
    height: 100%;
    background-color: #fff;
    padding: 40px;
    margin-top: 50px;
    opacity: 0;
    -webkit-transition: all 0.2s 0s;
    transition: all 0.2s 0s;
    transition-timing-function: ease;
  }

  #template-main #promotion-page.active .promotion-contents .notice {
    opacity: 1;
    margin-top: 0px;
    -webkit-transition: all 0.5s 0.5s;
    transition: all 0.5s 0.5s;
    transition-timing-function: cubic-bezier(0,.46,.48,.99);
  }

  body.fp-viewing-5 #template-main #promotion-page .promotion-contents .notice {
    opacity: 1;
    margin-top: 0px;
  }

  #template-main #promotion-page .promotion-contents .notice > .title {
    font-family: 'NanumSquare', gulim;
    font-size: 20px;
    letter-spacing: -1px;
    color: #4a6182;
    text-align: left;
    padding-bottom: 10px;
  }

  #template-main #promotion-page .promotion-contents .notice > .title > a {
    float: right;
    width: 20px;
    text-indent: -9999px;
    background: url(/images/icon/icon_more.png) no-repeat 100% 50%;
  }

  #template-main #promotion-page .promotion-contents .notice ul {
    padding: 0px;
  }

  #template-main #promotion-page .promotion-contents .notice li {
    height: 100px;
    border-bottom: 1px solid #d6dfec;
    text-align: left;
    padding: 30px 0px;
    list-style-type: none;
  }

  #template-main #promotion-page .promotion-contents .notice li:nth-last-child(1) {
    border-bottom: none;
  }

  #template-main #promotion-page .promotion-contents .notice li .title a {
    display: inline-block;
    font-family: 'Noto Sans KR', gulim;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -1px;
    color: #000;
    width: 370px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
  }

  #template-main #promotion-page .promotion-contents .notice li .title > span {
    display: inline-block;
    width: 15px;
    text-align: left;
    vertical-align: top;
  }

  #template-main #promotion-page .promotion-contents .notice li .date {
    font-family: 'Noto Sans KR', gulim;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -1px;
    color: #818791;
    padding: 0px 0px 0px 19px;
  }

  #template-main #promotion-page .promotion-contents .news-show {
    float: left;
    width: 340px;
    margin: 0px 30px;
    text-align: left;
    margin-top: 50px;
    opacity: 0;
    -webkit-transition: all 0.2s 0.1s;
    transition: all 0.2s 0.1s;
    transition-timing-function: ease;
  }

  #template-main #promotion-page.active .promotion-contents .news-show {
    opacity: 1;
    margin-top: 0px;
    -webkit-transition: all 0.5s 0.7s;
    transition: all 0.5s 0.7s;
    transition-timing-function: cubic-bezier(0,.46,.48,.99);
  }

  body.fp-viewing-5 #template-main #promotion-page .promotion-contents .news-show {
    opacity: 1;
    margin-top: 0px;
  }

  #template-main #promotion-page .promotion-contents .news-show a:hover {
    text-decoration: none;
  }

  #template-main #promotion-page .promotion-contents .news-show .news-letter {
    display: block;
    width: 340px;
    height: 230px;
    padding: 30px;
    border: 10px solid #fff;
    background: url(/images/news_letter.png) no-repeat 50% 50%;
  }

  #template-main #promotion-page .promotion-contents .news-show .show-guide {
    display: block;
    width: 340px;
    height: 230px;
    padding: 30px;
    border: 10px solid #fff;
    background: url(/images/show_guide.png) no-repeat 50% 50%;
    margin-top: 33px;
  }

  #template-main #promotion-page .promotion-contents .news-show .title {
    font-family: 'Titillium Web', gulim;
    font-size: 18px;
    color: #383838;
    font-weight: 600;
    padding-bottom: 30px;
  }

  #template-main #promotion-page .promotion-contents .news-show .txt {
    font-family: 'Noto Sans KR', gulim;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -1px;
    color: #383838;
  }

  #template-main #promotion-page .promotion-contents .sns {
    float: right;
    width: 340px;
    height: 495px;
    background: url(/images/sns_bg.png) no-repeat 50% 0%;
    background-color: #fff;
    text-align: left;
    padding: 155px 40px 0px;
    margin-top: 50px;
    opacity: 0;
    -webkit-transition: all 0.2s 0.2s;
    transition: all 0.2s 0.2s;
    transition-timing-function: ease;
  }

  #template-main #promotion-page.active .promotion-contents .sns {
    opacity: 1;
    margin-top: 0px;
    -webkit-transition: all 0.5s 0.9s;
    transition: all 0.5s 0.9s;
    transition-timing-function: cubic-bezier(0,.46,.48,.99);
  }

  body.fp-viewing-5 #template-main #promotion-page .promotion-contents .sns {
    opacity: 1;
    margin-top: 0px;
  }

  #template-main #promotion-page .promotion-contents .sns .title {
    font-family: 'Titillium Web', gulim;
    font-size: 18px;
    color: #383838;
    font-weight: 600;
    padding-bottom:20px;
  }

  #template-main #promotion-page .promotion-contents .sns ul {
    padding: 0px;
  }

  #template-main #promotion-page .promotion-contents .sns li {
    list-style-type: none;
    height: 37px;
  }

  #template-main #promotion-page .promotion-contents .sns li a {
    display: block;
    font-family: 'Noto Sans KR', gulim;
    font-size: 16px;
    letter-spacing: -1px;
    color: #383838;
    height: 37px;
    line-height: 37px;
    padding-left: 40px;
  }

  #template-main #promotion-page .promotion-contents .sns li .blog {
    background: url(/images/sns_blog2.png) no-repeat 0% 50%;
  }

  #template-main #promotion-page .promotion-contents .sns li .instagram {
    background: url(/images/sns_instagram2.png) no-repeat 0% 50%;
  }

  #template-main #promotion-page .promotion-contents .sns li .facebook {
    background: url(/images/sns_facebook2.png) no-repeat 0% 50%;
  }

  #template-main #promotion-page .promotion-contents .sns li .kakao {
    background: url(/images/sns_kakao2.png) no-repeat 0% 50%;
  }

  #template-main #promotion-page .promotion-contents .sns li .youtube {
    background: url(/images/sns_youtube2.png) no-repeat 0% 50%;
  }

  #template-main #promotion-page .promotion-contents .sns li .twitter {
    background: url(/images/sns_twitter2.png) no-repeat 0% 50%;
  }

  #template-main #promotion-page .promotion-contents .sns li .weibo {
    background: url(/images/sns_weibo2.png) no-repeat 0% 50%;
  }

  /* page navigation */

  #fp-nav {
    margin-top1: -120px;
  }

  #fp-nav.right {
    right: 0px !important;
  }

  #fp-nav ul li {
    width: 60px !important;
    height: 40px !important;
    margin: 0px !important;
  }

  #fp-nav ul li:nth-last-child(1) {
    display: none;
  }

  #fp-nav ul li .fp-tooltip {
    height: 40px !important;
    line-height: 40px !important;
    font-family: 'Noto Sans KR', gulim !important;
    font-size: 14px;
    font-weight: 500;
  }

  #fp-nav ul > li > a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -1px;
    text-align: right;
    height: 40px !important;;
    line-height: 40px !important;;
    text-align: right;
    padding-right: 60px;
  }

  #fp-nav ul > li > a:after {
    position: absolute;
    right: 0;
    top: 50%;
    width: 20px !important;;
    height: 1px !important;;
    margin-right: 30px;
    background-color: #fff;
    content: '';
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }

  #fp-nav ul > li > a.active:after {
    width: 50px !important;;
    background-color: #95e2ff;
    margin-right: 0px;
  }

  #fp-nav ul > li > a > span {
    display: none;
  }

  #fp-nav ul li .fp-tooltip {
    width: auto !important;
    opacity: 1 !important;
    margin-top: 2px !important;
  }

  #fp-nav ul li .fp-tooltip.right {
    right: 60px !important;
  }

  #fp-nav ul > li > a.active + .fp-tooltip {
    color: #95e2ff;
  }

  body.fp-viewing-2-0 #fp-nav ul > li > a, body.fp-viewing-3 #fp-nav ul > li > a, body.fp-viewing-4 #fp-nav ul > li > a {
    color: #000;
  }

  body.fp-viewing-2-0 #fp-nav ul > li > a:after, body.fp-viewing-3 #fp-nav ul > li > a:after, body.fp-viewing-4 #fp-nav ul > li > a:after {
    background-color: #000;
  }

  body.fp-viewing-2-0 #fp-nav ul > li > a.active:after, body.fp-viewing-3 #fp-nav ul > li > a.active:after, body.fp-viewing-4 #fp-nav ul > li > a.active:after {
    background-color: #0067a8;
  }

  body.fp-viewing-2-0 #fp-nav ul > li > a + .fp-tooltip, body.fp-viewing-3 #fp-nav ul > li > a + .fp-tooltip,
  body.fp-viewing-4 #fp-nav ul > li > a + .fp-tooltip {
    color: #000;
  }

  body.fp-viewing-2-0 #fp-nav ul > li > a.active + .fp-tooltip, body.fp-viewing-3 #fp-nav ul > li > a.active + .fp-tooltip,
  body.fp-viewing-4 #fp-nav ul > li > a.active + .fp-tooltip {
    color: #0067a8;
  }

  body.fp-viewing-3 #fp-nav ul > li:nth-child(5) > a + .fp-tooltip {
    color: #fff;
  }

  body.fp-viewing-3 #fp-nav ul > li:nth-child(5) > a:after {
    background-color: #fff;
  }

  body.fp-viewing-5 #fp-nav {
    opacity: 0;
  }

  #template-main .quick-nav {
    position: fixed;
    top: 50%;
    right: 30px;
    margin-top: 150px;
    z-index: 1;
  }

  #template-main .quick-nav .sns > a {
    float: right;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #a6a6a6;
    font-family: 'Titillium Web', gulim;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
  }

  #template-main .quick-nav .sns > a:hover {
    text-decoration: none;
  }

  #template-main .quick-nav .sns ul {
    display: none;
    float: left;
    padding: 0px;
  }

  #template-main .quick-nav .sns:hover ul {
    display: inline-block;
  }


  #template-main .quick-nav .sns li {
    float: left;
    width: 40px;
    height: 40px;
    list-style-type: none;
    margin-right: 1px;
  }

  #template-main .quick-nav .sns li .blog {
    background:url(/images/icon/icon_blog.png) no-repeat 50% 50%;
    background-color: #494949;
  }

  #template-main .quick-nav .sns li .facebook {
    background:url(/images/icon/icon_facebook.png) no-repeat 50% 50%;
    background-color: #494949;
  }

  #template-main .quick-nav .sns li .twitter {
    background:url(/images/icon/icon_twitter.png) no-repeat 50% 50%;
    background-color: #494949;
  }

  #template-main .quick-nav .sns li .instagram {
    background:url(/images/icon/icon_instagram.png) no-repeat 50% 50%;
    background-color: #494949;
  }

  #template-main .quick-nav .sns li .kakao {
    background:url(/images/icon/icon_kakao.png) no-repeat 50% 50%;
    background-color: #494949;
  }

  #template-main .quick-nav .sns li .youtube {
    background:url(/images/icon/icon_youtube.png) no-repeat 50% 50%;
    background-color: #494949;
  }

  #template-main .quick-nav .sns li .weibo {
    background:url(/images/icon/icon_weibo.png) no-repeat 50% 50%;
    background-color: #494949;
  }

  #template-main .quick-nav .sns li a {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #494949;
    text-indent: -9999px;
  }

  #template-main .quick-nav .top {
    float: right;
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #a6a6a6;
    border-top: none;
    background:url(/images/icon/icon_top.png) no-repeat 50% 50%;
  }

  body.fp-viewing-2-0 #template-main .quick-nav .sns > a,
  body.fp-viewing-4 #template-main .quick-nav .sns > a  {
    color: #000;
  }

  body.fp-viewing-5 #template-main .quick-nav {
    opacity: 0;
  }

  body.fp-viewing-2-0 #template-main .quick-nav .top,
  body.fp-viewing-4 #template-main .quick-nav .top {
    background:url(/images/icon/icon_top1.png) no-repeat 50% 50%;
  }













  #template-main .main-visual {
    position:relative;
    height:840px;
  }

  #template-main .main-visual01 {
    width: 67%;
    height: 100%;
    position: absolute;
    z-index:0;
    text-align: center;
    background:url(/images/main_01.jpg) no-repeat 0% 0%;
    overflow:hidden;
  }

  #template-main .main-visual02 {
    width:33%;
    height:50%;
    position:absolute;
    right:0;
    text-align:center;
    background:url(/images/main_02.jpg) no-repeat 50% 85%;
  }

  #template-main .main-visual03 {
    width:33%;
    height:50%;
    position:absolute;
    right:0;
    bottom:0;
    text-align:center;
    background:url(/images/main_03.jpg) no-repeat 80% 65%;
  }

  #template-main .main-left-txt1 {
    height:120px;
    text-indent:-9999px;
    background:url(/images/main_left_txt1.png) no-repeat 50% 50%;
    background-size:contain;
    margin:0px 120px;
  }

  #template-main .main-left-txt2 {
    margin-top:50px;
    height:50px;
    text-indent:-9999px;
    background:url(/images/main_left_txt2.png) no-repeat 50% 50%;
    background-size:contain;
  }

  #template-main .main-left-txt3 {
    font-family: 'Titillium Web', gulim;
    font-size:55px;
    font-weight:600;
    color:#f0f6fa;
    letter-spacing:-1px;
    text-shadow: 0px 0px 0px #000;
    padding-top:10px;
  }

  #template-main .main-visual a {
    display:block;
    width:100%;
    height:100%;
  }

  #template-main .main-visual a:hover {
    text-decoration:none;
  }

  #template-main .main-right-txt1 {
    display:block;
    font-family: 'NanumSquare', gulim;
    font-weight:700;
    font-size:45px;
    color:#fff;
    letter-spacing:-1px;
    text-shadow: 1px 1px 1px #000;
    text-align:center;
  }

  #template-main .main-right-txt3 {
    display:block;
    font-family: 'NanumSquare', gulim;
    font-weight:500;
    font-size:16px;
    color:#fff;
    letter-spacing:-1px;
    text-shadow: 1px 1px 1px #000;
    text-align:center;
  }

  #template-main .main-right-txt2 {
    display:block;
    text-align:center;
    margin-top:20px;
    height:50px;
    background:url(/images/select_arrow.png) no-repeat 50% 0%;
  }



  #template-main .quick-btn {
    height:320px;
  }

  #template-main .quick-btn> ul {
    height:100%;
    margin:0px;
    padding:0px;
  }

  #template-main .quick-btn> ul >li {
    height:100%;
    width:16.66%;
    float:left;
    list-style-type:none;
  }

  #template-main .quick-btn> ul >li a {
    display:block;
    height:100%;
    width:100%;
    text-decoration:none;
  }

  #template-main .quick-btn1 {
    background:url(/images/quick_btn1.png) no-repeat 0% 0%;
  }

  #template-main .quick-btn2 {
    background-color:#4174da;
  }

  #template-main .quick-btn3 {
    background:url(/images/quick_btn3.png) no-repeat 0% 0%;
  }

  #template-main .quick-btn4 {
    background-color:#00a286;
  }

  #template-main .quick-btn5 {
    background:url(/images/quick_btn5.png) no-repeat 0% 0%;
  }

  #template-main .quick-btn6 {
    background-color:#e56c38;
  }

  #template-main .quick-btn-txt {
    display:block;
    font-family: 'NanumSquare', gulim;
    font-weight:400;
    font-size:30px;
    color:#fff;
    letter-spacing:-1px;
    padding-top:70px;
    text-align:center;
  }

  #template-main .quick-btn-img1 {
    display:block;
    height:100px;
    margin-top:30px;
    background:url(/images/select_arrow.png) no-repeat 50% 0%;
  }

  #template-main .quick-btn-img2 {
    display:block;
    height:100px;
    margin-top:35px;
    background:url(/images/quick_btn2.png) no-repeat 50% 0%;
  }

  #template-main .quick-btn-img4 {
    display:block;
    height:100px;
    margin-top:45px;
    background:url(/images/quick_btn4.png) no-repeat 50% 0%;
  }

  #template-main .quick-btn-txt1 {
    display:block;
    font-family: 'Titillium Web', gulim;
    font-size:30px;
    font-weight:600;
    color:#fff;
    letter-spacing:-1px;
    text-align:center;
    padding:30px 0px 20px 0px;
  }

  #template-main .quick-btn-txt2 {
    display:block;
    font-family: 'Titillium Web', gulim;
    font-size:16px;
    font-weight:500;
    color:#fff;
    letter-spacing:-1px;
    text-align:center;
    padding-bottom:5px;
  }

  #template-main .notice-history {
    height:340px;
    background-color:#fff;
    margin:70px 0px;
  }

  #template-main .history {
    float:right;
    width:50%;
    height:100%;
    margin:0 auto;
    padding:0px 3.5% 0px 2.5%;
  }

  #template-main .nh-title {
    font-family: 'NanumSquare', gulim;
    font-weight:500;
    font-size:30px;
    color:#4b4b4b;
    letter-spacing:-1px;
    text-align:left;
    margin-bottom:20px;
  }

  #template-main .more {
    float:right;
    font-family: 'Noto Sans KR', gulim;
    font-size:18px;
    color:#4b4b4b;
    line-height1:42px;
    letter-spacing:-1px;
  }

  #template-main .notice-tbl {
    width:100%;
  }

  #template-main .notice-tbl tr {
    height:70px;
    border-bottom:1px solid #d4d7e0;
  }

  #template-main .notice-tbl tr:nth-child(1) {
    border-top:1px solid #d4d7e0;
  }

  #template-main .notice-title {
    float:left;
    font-family: 'Noto Sans KR', gulim;
    font-size:18px;
    color:#4b4b4b;
    letter-spacing:-1px;
  }

  #template-main .mrl {
    margin:0px 10px;
  }

  #template-main .notice-date {
    float:right;
    font-family: 'Noto Sans KR', gulim;
    font-size:16px;
    color:#4b4b4b;
    letter-spacing:-1px;
    line-height:70px;
  }

  #template-main .etc-btn {
    clear:both;
    height:100%;
    background-color:#ecedf0;
  }

  #template-main .etc-btn > ul {
    width:100%;
    height:100%;
    padding:0px;
  }

  #template-main .etc-btn > ul > li{
    float:left;
    list-style-type:none;
    width:33.333%;
    height:230px;
    border:1px solid #d4d7e0;
  }

  #template-main .etc-btn > ul > li > p {
    font-family: 'Titillium Web', gulim;
    font-size:22px;
    font-weight:600;
    text-align:left;
    padding:35px;
  }




  #template-main .newsletter-txt {
    float:left;
    width:60%;
  }

  #template-main .newsletter-txt >a {
    display:block;
    font-family: 'Noto Sans KR', gulim;
    font-weight:300;
    font-size:18px;
    color:#2e2e2e;
    letter-spacing:-1px;
  }

  #template-main .newsletter-img {
    float:right;
    width:40%;
    padding-left:4% !important;
    padding-right:4% !important;
  }

  #template-main .newsletter-img > a {
    display:inline-block;
    max-width:174px;
    width:80%;
    height:193px;
    margin:0px 1%;
  }

  #template-main .newsletter-img1  {
    background:url(/images/main_newsletter_01.png) no-repeat 0% 0%;
    background-size:contain;
  }

  #template-main .showguide-txt {
    float:left;
    width:60%;
  }

  #template-main .showguide-txt >a, #template-main .showguide-txt1 {
    display:block;
    font-family: 'Noto Sans KR', gulim;
    font-weight:300;
    font-size:16px;
    color:#2e2e2e;
    letter-spacing:-1px;
  }

  #template-main .showguide-img {
    float:right;
    width:40%;
    padding-left:4% !important;
    padding-right:4% !important;
  }

  #template-main .showguide-img > span {
    display:inline-block;
    max-width:230px;
    width:100%;
    height:155px;
    margin:0px 1%;
  }

  #template-main .showguide-img1  {
    background:url(/images/main_showguide_01.png) no-repeat 0% 0%;
    background-size:contain;
  }

  .video {
    position:absolute;
    top:0px;
    left:0px;
    margin-left:-200px;
    width:1850px;
    height:100%;
    z-index:-1;
  }

  .opacity_main {
    background-color:#000;
    position:absolute;
    top:0px;
    left:0px;
    width:1800px;
    height:100%;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    /* IE 5-7 */
    filter: alpha(opacity=20);
    /* Netscape */
    -moz-opacity: 0.2;
    /* Safari 1.x */
    -khtml-opacity: 0.2;
    /* Good browsers */
    opacity: 0.4;
    z-index:0;
  }

  .txt_area {
    position: absolute;
    /*background-color: #aaa;*/
    opacity: 1;
    padding: 70px 0px 50px 0px;
    width: 100%;
    top: 50%;
    margin-top: -204px;
    z-index:1;
  }

  .main-visual02-txt {
    position: relative;
    top: 50%;
    margin-top: -57px;
    z-index:1;
  }

  .main-visual02-opacity {
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    margin-top:-99px;
    background-color:#000;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
  }

  .main-visual03-txt {
    position: relative;
    top: 50%;
    margin-top: -57px;
    z-index:1;
  }

  .main-visual03-opacity {
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    margin-top:-99px;
    background-color:#000;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
  }

  .main-visual a:hover {
    text-decoration:none;
  }


.bx-wrapper > ul {
  list-style-type:none;
}

.bx-wrapper > ul > li {
  float:left;
  width:180px;
  height:60px;
  position: relative;
  margin-right: 9px;
  margin-bottom:20px;
}

.bx-wrapper > .bx-viewport > ul > li > a {
  display:table-cell;
  vertical-align:middle;
  width:180px;
  height:60px;
}

.bx-wrapper > .bx-viewport > ul > li > a > img {
  border:0px solid #ddd;
  max-height:50px;
  max-width:180px;
}

.main-partners2 {clear:both; border-right:1px solid #ddd; background:#f5f5f5; zoom:1;padding:0 30px;}
.main-partners2:after {content:""; display:block; clear:both;}
.main-partners2 h3 {float:left; width:110px; height:90px; line-height:90px; }
.main-partners-body2 {position:relative; height:60px; margin-left:200px; padding:15px 0 0 0;}
.main-partners-body2 .bx-prev,
.main-partners-body2 .bx-next {position:absolute; top:45%; margin-top:0; width:16px; height:17px; overflow:hidden; text-indent:-9999em; background:url(/images/controls.png) no-repeat;}
.main-partners-body2 .bx-prev {left:-100px; background-position:0 0;}
.main-partners-body2 .bx-next {left:-80px; background-position:-16px 0;}

.main-partners2 .bx-wrapper {max-width: none !important;}

@media screen and (min-width:768px) and (max-width:1430px) {
  /* 온라인참가신청 */
  #template-main #application-page .application .application-div .title {
    font-size: 3.35vw; /*48px;*/
  }

  #template-main #application-page .application .application-div .info-txt {
    font-size: 1.25vw; /*18px;*/
  }

  #template-main #application-page .application .application-div .application-btn {
    font-size: 1.67vw; /*24px;*/
    width: 16.75vw; /*240px;*/
    height: 16.75vw; /*240px;*/
    padding-top: 10.14vw; /*145px;*/
    margin-left:calc(50% - 8.39vw); /*calc(50% - 120px);*/
  }

  #template-main #application-page .application01 .application-div .application-btn {
    background: url(/images/icon/icon_application01.png) no-repeat 50% 4.545vw; /*65px;*/
  }

  #template-main #application-page .application02 .application-div .application-btn {
    background: url(/images/icon/icon_application02.png) no-repeat 50% 4.545vw; /*65px;*/
  }

  #template-main #application-page .application03 .application-div .application-btn {
    background: url(/images/icon/icon_application03.png) no-repeat 50% 4.545vw; /*65px;*/
  }

  #template-main #application-page .application01 .application-div .application-btn:hover {
    background: url(/images/icon/icon_application01_1.png) no-repeat 50% 4.545vw; /*65px;*/
    background-color: #fff;
  }

  #template-main #application-page .application02 .application-div .application-btn:hover {
    background: url(/images/icon/icon_application02_1.png) no-repeat 50% 4.545vw; /*65px;*/
    background-color: #fff;
  }

  #template-main #application-page .application03 .application-div .application-btn:hover {
    background: url(/images/icon/icon_application03_1.png) no-repeat 50% 4.545vw; /*65px;*/
    background-color: #fff;
  }

 /* 전시안내 */

    #template-main #guide-page .carousel-control.left {
    left: 1%;
    width: 4.19vw; /*60px;*/
    height: 4.19vw; /*60px;*/
    margin-top: -2.1vw;/*-30px;*/
    background-size: 30% auto;
  }

  #template-main #guide-page .carousel-control.right {
    right: 1%;
    width: 4.19vw; /*60px;*/
    height: 4.19vw; /*60px;*/
    margin-top: -2.1vw;/*-30px;*/
    background-size: 30% auto;
  }

  #template-main #guide-page .carousel-inner {
    width: 90%; /*1110px;*/
  }

  #template-main #guide-page .carousel-inner ul {
    width: 90%; /*1110px;*/
  }

  #template-main #guide-page .carousel-inner li {
    width: calc(33.33% - 2.326vw); /*330px;*/
    max-width: 330px;
    box-shadow: 14.142px 14.142px 9px rgba(0,0,0,0.38);
    margin-bottom: 25px;
  }

  #template-main #guide-page .carousel-inner li:nth-child(2) {
    margin: 0px 3.49vw 1.75vw; /*0px 50px 25px;*/
  }

  #template-main #guide-page .carousel-inner li a {
    width: 100%; /*330px;*/
    max-width: 330px;
  }

  #template-main #guide-page .carousel-inner li .txt {
    top: 2.79vw; /*40px;*/
    left: 2.79vw; /*40px;*/
  }

  #template-main #guide-page .carousel-inner li a .title {
    font-size: 1.95vw; /*28px;*/
    margin-bottom: 1.39vw; /*20px;*/
  }

  #template-main #guide-page .carousel-inner li a .info-txt {
    font-size: 1.11vw; /*16px;*/
    line-height: 1.53vw; /*22px;*/
  }

  /* 지난 전시회 */
  #template-main #history-page .history-contents .history-txt {
    font-size: 3.35vw; /*48px;*/
  }

  #template-main #history-page .history-contents .history-txt.tl {
    padding: 6.99vw 0px 6.99vw 24.47vw; /*100px 0px 100px 350px;*/
  }

  #template-main #history-page .history-contents .history-txt.tr {
    padding: 6.99vw 10.49vw 6.99vw 0px; /*100px 150px 100px 0px;*/
  }

  #template-main #history-page.active .history-contents .history-txt.tl div:first-child {
    margin-left: -17.48vw; /*-250px;*/
  }

  #template-main #history-page.active .history-contents .history-txt.tl div:nth-child(2) {
    margin-left: -17.48vw; /*-250px;*/
  }

  #template-main #history-page.active .history-contents .history-txt.tl div:nth-child(3) {
    margin-left: -17.48vw; /*-250px;*/
  }

  #template-main #history-page.active .history-contents .history-txt.tr {
    padding-right: 6.99vw; /*100px;*/
  }

  #template-main #history-page .history-contents .history-txt.tr div:first-child {
    margin-right: 17.48vw; /*250px;*/
  }


  #template-main #history-page .history-contents .history-txt.tr div:nth-child(2) {
    margin-right: 17.48vw; /*250px;*/
  }

  #template-main #history-page .history-contents .history-txt.tr div:nth-child(3) {
    margin-right: 17.48vw; /*250px;*/
  }

  #template-main #history-page .history-contents .history-txt .txt {
    font-size: 1.81vw; /*26px;*/
    line-height: 2.44vw; /*35px;*/
    padding-top: 1.39vw; /*20px;*/
  }
  
  
  /* 홍보센터 */

  #template-main #promotion-page .promotion-contents {
    width: 760px;
    height: 475px;
    margin: 0 auto;
  }

  #template-main #promotion-page .promotion-contents .notice {
    float: left;
    width: 420px;
    height: 310px;
    background-color: #fff;
    padding: 40px;
    margin-top: 50px;
    opacity: 0;
    -webkit-transition: all 0.2s 0s;
    transition: all 0.2s 0s;
    transition-timing-function: ease;
    overflow: hidden;
  }

  #template-main #promotion-page.active .promotion-contents .notice {
    opacity: 1;
    margin-top: 0px;
    -webkit-transition: all 0.5s 0.5s;
    transition: all 0.5s 0.5s;
    transition-timing-function: cubic-bezier(0,.46,.48,.99);
  }

  body.fp-viewing-5 #template-main #promotion-page .promotion-contents .notice {
    opacity: 1;
    margin-top: 0px;
  }

  #template-main #promotion-page .promotion-contents .notice > .title {
    font-family: 'NanumSquare', gulim;
    font-size: 20px;
    letter-spacing: -1px;
    color: #4a6182;
    text-align: left;
    padding-bottom: 10px;
  }

  #template-main #promotion-page .promotion-contents .notice > .title > a {
    float: right;
    width: 20px;
    text-indent: -9999px;
    background: url(/images/icon/icon_more.png) no-repeat 100% 50%;
  }

  #template-main #promotion-page .promotion-contents .notice ul {
    padding: 0px;
  }

  #template-main #promotion-page .promotion-contents .notice ul {
    height: 310px;
  }
  
  #template-main #promotion-page .promotion-contents .notice li {
    height: 100px;
    border-bottom: 1px solid #d6dfec;
    text-align: left;
    padding: 30px 0px;
    list-style-type: none;
  }

  #template-main #promotion-page .promotion-contents .notice li:nth-last-child(1) {
    border-bottom: none;
  }

  #template-main #promotion-page .promotion-contents .notice li .title a {
    display: inline-block;
    font-family: 'Noto Sans KR', gulim;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -1px;
    color: #000;
    width: 370px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
  }

  #template-main #promotion-page .promotion-contents .notice li .title > span {
    display: inline-block;
    width: 15px;
    text-align: left;
    vertical-align: top;
  }

  #template-main #promotion-page .promotion-contents .notice li .date {
    font-family: 'Noto Sans KR', gulim;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -1px;
    color: #818791;
    padding: 0px 0px 0px 19px;
  }

  #template-main #promotion-page .promotion-contents .news-show {
    float: right;
    width: 320px;
    margin: 0px;
    text-align: left;
    margin-top: 50px;
    opacity: 0;
    -webkit-transition: all 0.2s 0.1s;
    transition: all 0.2s 0.1s;
    transition-timing-function: ease;
  }

  #template-main #promotion-page.active .promotion-contents .news-show {
    opacity: 1;
    margin-top: 0px;
    -webkit-transition: all 0.5s 0.7s;
    transition: all 0.5s 0.7s;
    transition-timing-function: cubic-bezier(0,.46,.48,.99);
  }

  body.fp-viewing-5 #template-main #promotion-page .promotion-contents .news-show {
    opacity: 1;
    margin-top: 0px;
  }

  #template-main #promotion-page .promotion-contents .news-show a:hover {
    text-decoration: none;
  }

  #template-main #promotion-page .promotion-contents .news-show .news-letter {
    display: block;
    width: 320px;
    height: 145px;
    padding: 25px;
    border: 10px solid #fff;
    background: url(/images/news_letter.png) no-repeat 50% 50%;
  }

  #template-main #promotion-page .promotion-contents .news-show .show-guide {
    display: block;
    width: 320px;
    height: 145px;
    padding: 30px;
    border: 10px solid #fff;
    background: url(/images/show_guide.png) no-repeat 50% 50%;
    margin-top: 20px;
  }

  #template-main #promotion-page .promotion-contents .news-show .title {
    font-family: 'Titillium Web', gulim;
    font-size: 18px;
    color: #383838;
    font-weight: 600;
    padding-bottom: 15px;
  }

  #template-main #promotion-page .promotion-contents .news-show .txt {
    font-family: 'Noto Sans KR', gulim;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -1px;
    color: #383838;
  }
  
  #template-main #promotion-page .promotion-contents .news-show .txt .pc-visible {  
    display: none;
	}
	
  #template-main #promotion-page .promotion-contents .sns {
    clear: both;
    width: 760px;
    height: 140px;
    background: none;
    background-color: #fff;
    text-align: left;
    padding: 0px 40px;
    margin-top: 50px;
    opacity: 0;
    -webkit-transition: all 0.2s 0.2s;
    transition: all 0.2s 0.2s;
    transition-timing-function: ease;
  }

  #template-main #promotion-page.active .promotion-contents .sns {
    opacity: 1;
    margin-top: 20px;
    -webkit-transition: all 0.5s 0.9s;
    transition: all 0.5s 0.9s;
    transition-timing-function: cubic-bezier(0,.46,.48,.99);
  }

  body.fp-viewing-5 #template-main #promotion-page .promotion-contents .sns {
    opacity: 1;
    margin-top: 50px;
  }

  #template-main #promotion-page .promotion-contents .sns .title {
    float: left;
    font-family: 'Titillium Web', gulim;
    font-size: 18px;
    color: #383838;
    font-weight: 600;
    padding-bottom:0px;
    line-height: 140px;
    margin-right: 30px;
  }

  #template-main #promotion-page .promotion-contents .sns ul {
    padding: 0px;
    margin-top: 45px;
  }

  #template-main #promotion-page .promotion-contents .sns li {
    float: left;
    list-style-type: none;
    width: 78px;
    height: 50px;
  }

  #template-main #promotion-page .promotion-contents .sns li a {
    display: block;
    font-family: 'Noto Sans KR', gulim;
    font-size: 16px;
    letter-spacing: -1px;
    color: #383838;
    height: 50px;
    line-height: 50px;
    padding-left: 0px;
    text-indent: -9999px;
  }

  #template-main #promotion-page .promotion-contents .sns li .blog {
    background: url(/images/sns_blog.png) no-repeat 0% 50%;
    background-size: 50px 50px;
  }

  #template-main #promotion-page .promotion-contents .sns li .instagram {
    background: url(/images/sns_instagram.png) no-repeat 0% 50%;
    background-size: 50px 50px;
  }

  #template-main #promotion-page .promotion-contents .sns li .facebook {
    background: url(/images/sns_facebook.png) no-repeat 0% 50%;
    background-size: 50px 50px;
  }

  #template-main #promotion-page .promotion-contents .sns li .kakao {
    background: url(/images/sns_kakao.png) no-repeat 0% 50%;
    background-size: 50px 50px;
  }

  #template-main #promotion-page .promotion-contents .sns li .youtube {
    background: url(/images/youtube.png) no-repeat 0% 50%;
    background-size: 50px 50px;
  }

  #template-main #promotion-page .promotion-contents .sns li .twitter {
    background: url(/images/sns_twitter.png) no-repeat 0% 50%;
    background-size: 50px 50px;
  }

  #template-main #promotion-page .promotion-contents .sns li .weibo {
    background: url(/images/sns_weibo.png) no-repeat 0% 50%;
    background-size: 50px 50px;
  }  

}
	
@media screen and (min-width:768px) and (max-width:1024px) {
	
	#template-main #main-page .main-info .txt3 {
    font-size: 5.9vw; /*60px;*/
	}
  /*----------- 21.10.19 임시 ---------*/
  #template-main #main-page .main-info .imsi-txt3 {	
	    font-size: 4.8vw; /*40px;*/
	}
	/*----------- 21.10.19 임시 ---------*/
	 
  #template-main #application-page .application .application-div .application-btn {
    background-size: 25% auto;
  }

  #template-main #application-page .application .application-div .application-btn:hover {
    background-size: 25% auto;
  }
}

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

  /* 메인 visual */

  #template-main #main-page .main-info {
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
    margin-top: 43vw;
  }

  #template-main #main-page .main-info .txt1 {
    width: 71%;
    height: 15vw;
    text-indent: -9999px;
    background: url(/images/main_txt1.png) no-repeat 50% 50%;
    background-size: contain;
    margin: 0 auto;
  }

  #template-main #main-page .main-info .txt2 {
    width: 53%;
    height: 11vw;
    text-indent: -9999px;
    background: url(/images/main_txt2.png) no-repeat 50% 50%;
    background-size: contain;
    margin: 0 auto;
  }

  #template-main #main-page .main-info .txt3 {
    font-family: 'Titillium Web', gulim;
    font-size: 6vw;
    font-weight: 700;
    color: #f0f6fa;
    line-height: 5vw;
    letter-spacing: -1px;
    margin-bottom: 5vw;
  }
	/*----------- 21.10.19 임시 ---------*/
	#template-main #main-page .main-info .imsi-txt3 {
    font-size: 4vw;
    color: #f0f6fa;
    line-height: 5vw;
    letter-spacing: -1px;
    margin-bottom: 5vw;
  }  
	/*----------- 21.10.19 임시 ---------*/
  #template-main #main-page .carousel-inner {
    width: 100%;
    height: 100%;
  }

  #template-main #main-page .carousel-inner .item {
    height: 100%;
  }

  #template-main #main-page .carousel-inner .item img {
    transform:scale(1);
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #template-main #main-page .carousel-inner .item.active img {
    transform:scale(1);
  }


  #template-main #main-page .carousel-inner .item:nth-child(1) img {
    content:url(/images/mb_top_img01.jpg);
  }

  #template-main #main-page .carousel-inner .item:nth-child(2) img {
    content:url(/images/mb_top_img02.jpg);
  }

  #template-main #main-page .carousel-inner .item:nth-child(3) img {
    content:url(/images/mb_top_img03.jpg);
  }

  #template-main #main-page .carousel-indicators li .progress1 {
    display: none;
  }

  #template-main #main-page .carousel-indicators {
    bottom: 5%;
  }

  #template-main #main-page .carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: none;
  }

  #template-main #main-page .carousel-indicators .active {
    width: 20px;
  }

  #template-main #main-page .scroll-down {
    display: none;
  }

  #template-main #main-page .main-info .video-btn {
    width: 32vw;
    height: 11vw;
    line-height: 11vw;
  }

  #template-main #main-page .main-info .video-btn > span {
    font-size: 3.8vw;
    height: 11.3vw;
    line-height: 11.3vw;
    padding-left: 5.5vw;
    background-size: 4.8vw 4.8vw;
  }

  /* 온라인참가신청 */
  #template-main #application-page .application  {
    width: 100% !important;
    height: 0;
    padding-bottom: 50%;
  }

  #template-main #application-page .application:hover {
    transform:scale(1);
  }

  #template-main #application-page .application01 .img {
    background: url(/images/application_bg01_mobile.png) no-repeat 50% 50%;
    background-size: cover;
  }

  #template-main #application-page .application02 .img  {
    background: url(/images/application_bg02_mobile.png) no-repeat 50% 50%;
    background-size: cover;
  }

  #template-main #application-page .application03 .img  {
    background: url(/images/application_bg03_mobile.png) no-repeat 50% 50%;
    background-size: cover;
  }

  #template-main #application-page .application .application-div {
    background: none !important;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 0%;
    margin: 0 auto;
  }
  
  
  #template-main #application-page .application .application-div:nth-child(2) {
    border-top: 1px solid #626262;
    border-bottom: 1px solid #626262;
  }

  #template-main #application-page .application .application-div .title {
    position: initial !important;
    font-family: 'NanumSquare', gulim;
    font-size: 6.5vw;
    color: #95e2ff;
    letter-spacing: -2px;
    padding-top: 5vw;
  }

  #template-main #application-page .application .application-div .info-txt {
    position: initial !important;
    font-family: 'NanumSquare', gulim;
    font-size: 4vw;
    color: #fff;
    letter-spacing: -1px;
    margin: 4vw 0px;
  }

  #template-main #application-page .application .application-div .application-btn {
    position: initial !important;
    display: inline-block;
    font-family: 'Noto Sans KR', gulim;
    font-size: 4vw;
    font-weight: bold;
    color: #fff;
    letter-spacing: -1px;
    width: 40%;
    height: 10vw;
    line-height: 10vw;
    border: 1px solid #fff;
    border-radius: 45px;
    background: none;
    padding-top: 0px;
    opacity: 1;
    margin: 0 auto;
  }

  #template-main #application-page .application .application-div:hover {
    padding-top: 0%;
  }

  #template-main #application-page .application01 .application-div .application-btn:hover {
    color: #000;
    background: none;
    background-color: #fff;
  }
  
  #template-main #application-page .application .application-div:hover .title {
    margin-top: 0%;
  }

  #template-main #application-page .application .application-div:hover .info-txt {
    margin-top: 0%;
  }


  #template-main #application-page .application .application-div:hover .application-btn {
    margin-top: 0%;
  }  

  /* 전시안내 */
  #template-main #guide-page  {
    height: auto;
    background-color: #fff;
  }

  #template-main #guide-page .guide-title {
    padding: 14vw 0px 2.8vw;
  }

  #template-main #guide-page .guide-title .title {
    font-family: 'NanumSquare', gulim;
    font-size: 7.2vw;
    letter-spacing: -2px;
    color: #000;
    padding-bottom: 4.3vw;
    margin: 0px;
  }

  #template-main #guide-page .guide-title .info-txt {
    font-family: 'Noto Sans KR', gulim;
    font-size: 4vw;
    font-weight: 300;
    letter-spacing: -1px;
    color: #000;
  }

  #template-main #guide-page #guide-image {
    display: none !important;
  }

  #template-main #guide-page #guide-image-mobile {
    display: block !important;
    width: 86%;
    height: 110vw;
    margin: 0px 7% 15vw;
  }

  #template-main #guide-page #guide-image-mobile .carousel-inner {
    width: 100%;
    margin: 0 auto;
  }

  #template-main #guide-page #guide-image-mobile .carousel-inner .item a {
    display: block;
    position: relative;
    width: 100%;
    width: 87vw;
    height: 102vw;
    padding: 25px;
    overflow: hidden;
  }

  #template-main #guide-page #guide-image-mobile .carousel-inner .item a img {
    box-shadow: 14.142px 14.142px 9px rgba(0,0,0,0.38);
    max-width: calc(100% - 10px);
  }

  #template-main #guide-page #guide-image-mobile .carousel-inner .item .txt {
    position: absolute;
    top: 15vw;
    display: block;
    width: 70vw;
    text-align: left;
    padding-left: 7vw;
  }

  #template-main #guide-page #guide-image-mobile .carousel-inner .item a .title {
    font-family: 'NanumSquare', gulim;
    font-size: 6vw;
    letter-spacing: -1px;
    color: #f3f3f3;
    margin-bottom: 2vw;
  }

  #template-main #guide-page #guide-image-mobile .carousel-inner .item a .info-txt {
    font-family: 'NanumSquare', gulim;
    font-size: 4vw;
    font-weight: 300;
    line-height: 5vw;
    letter-spacing: -1px;
    color: #f3f3f3;
  }

  #template-main #guide-page .carousel-control.left {
    left: calc(50% - 25vw);
    top: 100%;
    display: inline-block;
    width: 11vw;
    height: 11vw;;
    border: 1px solid #000;
    background: url(/images/icon/icon_prev.png) no-repeat 50% 50%;
    background-size: 2.2vw 3.3vw;
    margin-top: -8vw;
  }

  #template-main #guide-page .carousel-control.right {
    right: calc(50% - 25vw);
    top: 100%;
    display: inline-block;
    width: 11vw;
    height: 11vw;
    border: 1px solid #000;
    margin-top: -8vw;
    background: url(/images/icon/icon_next.png) no-repeat 50% 50%;
    background-size: 2.2vw 3.3vw;
  }

  #template-main #guide-page .carousel-control.left:hover {
    background: url(/images/icon/icon_prev1.png) no-repeat 50% 50%;
    background-color: #000;
    background-size: 2.2vw 3.3vw;
  }

  #template-main #guide-page .carousel-control.right:hover {
    background: url(/images/icon/icon_next1.png) no-repeat 50% 50%;
    background-color: #000;
    background-size: 2.2vw 3.3vw;
  }

  #template-main #guide-page .carousel-indicators {
    width: 40%;
    margin-left: -20%;
    bottom: -3.8vw;
  }

  #template-main #guide-page .carousel-indicators li {
    display: none;
    border: none;
    background-color: unset;
  }

  #template-main #guide-page .carousel-indicators li.active {
    display: inline-block;
    width: 30px;
    text-indent: initial;
    background-color: unset !important;
    border: none !important;
    font-family: 'Noto Sans KR', gulim;
    font-size: 5vw;
    text-align: center;
  }

  #template-main #guide-page .carousel-indicators li.active span {
    font-weight: bold;
  }

  /* 지난 전시회 */
  #template-main #history-page .history-contents {
    width: 100%;
    height: 35vw;
    overflow: hidden;
  }

  #template-main #history-page .title {
    height: 0px;
  }

  #template-main #history-page .history-contents .history-img {
    display: inline-block;
    float: left;
    width: 50%;
    height: 35vw;
    overflow: hidden;
    opacity: 1;
  }

  #template-main #history-page .history-contents .history-img1 img {
    content: url(/images/history_bg01_mobile.png);
    width: 100%;
    height: 100%;
  }

  #template-main #history-page .history-contents .history-img2 img {
    content: url(/images/history_bg02_mobile.png);
    width: 100%;
    height: 100%;
  }

  #template-main #history-page .history-contents .history-txt {
    display: inline-block;
    float: left;
    width: 50%;
    height: 35vw;
    background-color: #707070;
    font-family: 'Noto Sans KR', gulim;
    font-size: 6.2vw;
    font-weight: 300;
    letter-spacing: -2px;
    color: #fff;
    padding: 9vw 0px 0px !important;
    text-align: center !important;
    transition: none !important;
  }

  #template-main #history-page .history-contents .history-txt * {
    opacity: 1 !important;
    text-align: center !important;
    margin: 0px !important;
  }

  #template-main #history-page .history-contents .history-txt .txt {
    display: none;
  }

  /* 홍보센터 */

  #template-main #promotion-page {
    height: auto;
  }

  #template-main #promotion-page .promotion-title {
    padding: 14vw 0px 8.7vw;
  }

  #template-main #promotion-page .promotion-title .title {
    font-family: 'NanumSquare', gulim;
    font-size: 7.2vw;
    letter-spacing: -2px;
    color: #000;
    padding-bottom: 4.3vw;
    margin: 0px;
  }

  #template-main #promotion-page .promotion-title .info-txt {
    font-family: 'Noto Sans KR', gulim;
    font-size: 4vw;
    font-weight: 300;
    letter-spacing: -1px;
    color: #000;
  }

  #template-main #promotion-page .promotion-contents {
    width: 100%;
  }

  #template-main #promotion-page .promotion-contents .notice {
    clear: both;
    width: 90%;
    height: auto;
    background-color: #fff;
    padding: 5.6vw;
    opacity: 1;
    margin: 0px 5% 4.3vw;
  }

  #template-main #promotion-page .promotion-contents .notice > .title {
    font-family: 'NanumSquare', gulim;
    font-size: 4.2vw;
    letter-spacing: -1px;
    color: #4a6182;
    text-align: left;
    padding-bottom: 1.5vw;
  }

  #template-main #promotion-page .promotion-contents .notice > .title > a {
    float: right;
    width: 3.5vw;
    line-height: 6vw;
    text-indent: -9999px;
    background: url(/images/icon/icon_more1.png) no-repeat 100% 50%;
    background-size: contain;
  }

  #template-main #promotion-page .promotion-contents .notice ul {
    padding: 0px;
  }

  #template-main #promotion-page .promotion-contents .notice li {
    height: auto;
    border-bottom: 1px solid #d6dfec;
    text-align: left;
    padding: 4.5vw 0px;
    list-style-type: none;
  }

  #template-main #promotion-page .promotion-contents .notice li:nth-last-child(1) {
    border-bottom: none;
  }

  #template-main #promotion-page .promotion-contents .notice li .title a {
    display: inline-block;
    font-family: 'Noto Sans KR', gulim;
    font-size: 3.8vw;
    font-weight: 500;
    letter-spacing: -1px;
    color: #000;
    width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
  }

  #template-main #promotion-page .promotion-contents .notice li .title > span {
    display: inline-block;
    font-size: 3.8vw;
    width: 3vw;
    text-align: left;
    vertical-align: top;
  }

  #template-main #promotion-page .promotion-contents .notice li .date {
    font-family: 'Noto Sans KR', gulim;
    font-size: 3vw;
    font-weight: 500;
    letter-spacing: -1px;
    color: #818791;
    padding: 0px 0px 0px 3vw;
  }

  #template-main #promotion-page .promotion-contents .news-show {
    clear: both;
    width: 90%;
    margin: 0px 5% 4.3vw;
    text-align: left;
    opacity: 1;
  }

  #template-main #promotion-page .promotion-contents .news-show .news-letter {
    display: block;
    width: 100%;
    height: 35vw;
    padding: 4.3vw;
    border: 10px solid #fff;
    background: url(/images/news_letter_mobile.png) no-repeat 100% 50%;
    background-color: #eaf0f9;
    background-size: cover;
  }

  #template-main #promotion-page .promotion-contents .news-show .show-guide {
    display: block;
    width: 100%;
    height: 35vw;
    padding: 5vw;
    border: 10px solid #fff;
    background: url(/images/show_guide_mobile.png) no-repeat 100% 50%;
    margin-top: 4vw;
    background-color: #eaf0f9;
    background-size: cover;
  }

  #template-main #promotion-page .promotion-contents .news-show .title {
    font-family: 'Titillium Web', gulim;
    font-size: 4.2vw;
    color: #383838;
    font-weight: 600;
    padding-bottom: 4vw;
  }

  #template-main #promotion-page .promotion-contents .news-show .txt {
    font-family: 'Noto Sans KR', gulim;
    font-size: 3.8vw;
    line-height: 4.3vw;
    letter-spacing: -1px;
    color: #383838;
  }

  #template-main #promotion-page .promotion-contents .sns {
    clear: both;
    width: 90%;
    height: 70vw;
    background: url(/images/sns_bg_mobile.png) no-repeat 50% 0%;
    background-size: contain;
    background-color: #fff;
    text-align: left;
    padding: 20vw 0px 0px;
    opacity: 1;
    margin: 0px 5% 4vw;
    transition: none;
  }

  #template-main #promotion-page .promotion-contents .sns .title {
    font-family: 'Titillium Web', gulim;
    font-size: 4.7vw;
    color: #4a6182;
    font-weight: 600;
    padding: 0px 0px 4vw 4vw;
  }

  #template-main #promotion-page .promotion-contents .sns ul {
    padding: 0px 3.5vw;
  }

  #template-main #promotion-page .promotion-contents .sns li {
    list-style-type: none;
    float: left;
    width: 25%;
    height: 18vw;
    margin: 0 auto;
  }

  #template-main #promotion-page .promotion-contents .sns li a {
    text-indent: -9999px;
    display: block;
    width: 11vw;
    height: 11vw;
    line-height: 11vw;
    padding: 0px;
    margin: 0 auto;
    background-size: cover !important;
  }

  #template-main #promotion-page .promotion-contents .sns li .facebook {
    background:url(/images/sns_facebook.png) no-repeat 50% 50%;
  }

  #template-main #promotion-page .promotion-contents .sns li .twitter {
    background:url(/images/sns_twitter.png) no-repeat 50% 50%;
  }

  #template-main #promotion-page .promotion-contents .sns li .blog {
    background:url(/images/sns_blog.png) no-repeat 50% 50%;
  }

  #template-main #promotion-page .promotion-contents .sns li .instagram {
    background:url(/images/sns_instagram.png) no-repeat 50% 50%;
  }

  #template-main #promotion-page .promotion-contents .sns li .weibo {
    background:url(/images/sns_weibo.png) no-repeat 50% 50%;
  }

  #template-main #promotion-page .promotion-contents .sns li .youtube {
    background:url(/images/youtube.png) no-repeat 50% 50%;
  }

  #template-main #promotion-page .promotion-contents .sns li .kakao {
    background:url(/images/sns_kakao.png) no-repeat 50% 50%;
  }

  #template-main .quick-nav {
    display: none;
  }

  .main-partners2 {
    display:none !important;
  }

  #template-main .main-contents {
    padding-top1:100px;
  }

  #template-main .main-visual {
    height:570px;
  }

  #template-main .main-visual01 {
    width:100%;
    height: 330px;
  }

  #template-main .main-visual02 {
    width:50%;
    height:240px;
    left:0;
    bottom:0;
  }

  #template-main .main-visual03 {
    width:50%;
    height:240px;
  }

  #template-main .main-left-txt1 {
    margin:0px 10%;
  }

  #template-main .main-left-txt2 {
    margin:0px 25%;
   }

  #template-main .main-left-txt3 {
    padding:0px;
    font-size:35px;
  }

  #template-main .main-right-txt1 {
    font-size:30px;
  }

  #template-main .main-right-txt3 {
    font-size:13px;
  }

  #template-main .exhibitor-search {
    display: none;
    height1:480px;
    padding1:0px 20px;
  }

  #template-main .es-div1 {
    float:left;
    width:90%;
  }

  #template-main .es-div2 {
    clear:both;
    float:left;
    width:90%;
    padding:0px;
  }

  #template-main .es-condition .search-label  {
    font-size:20px;
    width:70px;
    margin-left:10px;
  }

  #template-main .es-txt1 {
    font-size:30px;
    padding-top:50px;
  }

  #template-main .es-txt2 {
    font-size:19px;
    padding-top:35px;
    padding-bottom:45px;
  }

  #template-main .es-condition {
    margin:30 auto !important;
    width:100%;
  }

  #template-main .es-condition label {
    font-size:13px;
    margin-right:10px;
  }

  #template-main .es-condition > div > tree-view > .input-group {
    max-width:70%;
  }

  #template-main .es-condition  select {
    font-size:15px;
    width:100px;
    margin-right:10px;
  }

  #template-main .input-area {
    width:100%;
  }

  #template-main .input-txt {
    font-size:20px;
    font-weight:500;
    width:75%;
    padding-left:10px;
  }

  #template-main .input-btn {
    font-size:20px;
    width:24%;
  }

  #template-main .quick-btn> ul >li {
    width:50%;
  }

  #template-main .quick-btn-txt {
    font-size:25px;
  }

  #template-main .quick-btn-txt1 {
    font-size:25px;
  }

  #template-main .notice-history {
    height:auto;
    margin: 0px;
  }

  #template-main .notice {
    width:100%;
    padding:0px 2.5%;
  }

  #template-main .history {
    width:100%;
    padding:0px 2.5%;
  }

  #template-main .nh-title {
    font-size:25px;
    margin:40px 0px 20px 0px;
  }

  #template-main .more {
    font-size:15px;
  }

  #template-main .notice-tbl tr {
    height:50px;
  }

  #template-main .notice-title {
    font-size:14px;
  }

  #template-main .mrl {
    margin: 0px 5px;
  }

  #template-main .notice-date {
    font-size:13px;
    line-height:50px;
  }

  #template-main .history-img {
    height:210px;
    margin-bottom:50px;
  }

  #template-main .etc-btn {
    clear:both;
    background-color:#ecedf0;
  }

  #template-main .etc-btn > ul > li{
    width:100%;
    height:240px;
  }

  #template-main .etc-btn > ul > li > p {
    font-size:20px;
    padding:20px;
  }


  #template-main .newsletter-img > a {
    width:100%;
  }

}