/* top */
header{position: fixed;}

/* footer */
footer .footer_wrap{max-width: 1500px !important;}

/* 좌측바 */
.m-left-bar{width:100px;height: 100%;position: fixed;background: #fff;top: 0;left: 0;z-index: 99;text-align: center;display: flex;align-items: center;}
.m-left-bar ul{margin: 0 auto;}
.m-left-bar ul li{}
.m-left-bar ul li a{transition:ease-in-out .25s; position:relative;width:54px;height:54px;border:1px solid #EEEEEE;display:flex;border-radius: 100%;align-items: center;margin-bottom: 11px;}
.m-left-bar ul li:nth-child(1) a:hover{background:#FF0A00;border:1px solid #FF0A00;}
.m-left-bar ul li:nth-child(2) a:hover{background: linear-gradient(156deg, rgba(80,58,201,1) 0%, rgba(214,65,141,1) 28%, rgba(236,74,109,1) 67%, rgba(225,133,82,1) 100%);border:1px solid #ddd;}
.m-left-bar ul li:nth-child(3) a:hover{background:#5064A8;border:1px solid #5064A8;}
.m-left-bar ul li:nth-child(4) a:hover{background:#FAE100;border:1px solid #FAE100;}
.m-left-bar ul li a:after {transition:ease-in-out .25s; content: '';display: block;width: 100%;height: 100%;position: absolute;}
.m-left-bar ul li:nth-child(1) a:after{background:url('/pages/new_jepa/img/main/ico-y.png') center no-repeat;}
.m-left-bar ul li:nth-child(2) a:after{background:url('/pages/new_jepa/img/main/ico-i.png') center no-repeat;}
.m-left-bar ul li:nth-child(3) a:after{background:url('/pages/new_jepa/img/main/ico-f.png') center no-repeat;}
.m-left-bar ul li:nth-child(4) a:after{background:url('/pages/new_jepa/img/main/ico-c.png') center no-repeat;}
.m-left-bar ul li:nth-child(1) a:hover:after{background:url('/pages/new_jepa/img/main/ico-y-w.png') center no-repeat;}
.m-left-bar ul li:nth-child(2) a:hover:after{background:url('/pages/new_jepa/img/main/ico-i-w.png') center no-repeat;}
.m-left-bar ul li:nth-child(3) a:hover:after{background:url('/pages/new_jepa/img/main/ico-f-w.png') center no-repeat;}
.m-left-bar ul li a span{margin:0 auto;}


/* 우측바 */
.m-right-bar{width:100px;height: 100%;display: inline-block;position: fixed;background:#fff;top: 0;right: 0;z-index: 99;}
div.wrapper {
  height: 100vh;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

div#scroll-icon {
  color: #000;
  height: 167px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
div#scroll-icon span {
    color: #7D7D7D;
    font-size: 16px;
    transform: rotate(270deg);
    margin: 0 4px 0 0;
}
div#scroll-icon-bar-wrapper {
    width: 2px;
    height: 100%;
    margin-top: 20px;
    position: relative;
    background: #E5E3F2;
    /* height: 134px; */
}
div#scroll-icon-bar-wrapper div {
      background-color: #4263CD;
      width: 100%;
      bottom: 0;
      position: absolute;
      animation-name: scroll-icon-animation;
      animation-duration: 3s;
      animation-iteration-count: infinite;
}

  
  @keyframes scroll-icon-animation {
    0% {
      height: 0;
      top: 0;
    }
    
    50% {
      height: 100%;
      top: 0;
      bottom: auto;
    }
    
    51% {
      top: auto;
      bottom: 0;
    }
    
    100% {
      height: 0;
    }
  }
/* 섹션 */
.sc1{width: calc(100% - 200px);margin: 0 auto;padding-top: 100px;}
.sc1-in{width:1720px;margin:0 auto;}

#m_popupzone { display:none; }

/* 팝업존 */
.popupzone{
    width: 460px;
    height: 570px;
    float: left;
    display: flex;
    align-items: center;
    position: relative;
}

.popupzone .pz-tit{background:#fff;width:60px;height:100%;     text-align: center;}
.popupzone .pz-tit h6{font-size: 20px;word-break: break-word;position: absolute;transform: rotate(90deg);top: 80px;left: -28px;text-transform: uppercase;}

.popupzone .pzimg-w{width:calc(100% - 76px);height:100%;display:inline-block; overflow: hidden;}
.popupzone .pzimg-w ul.pzbtn{
    position: absolute;
    display: flex;
    align-items: center;
    transform: rotate(90deg);
    bottom: 90px;
    left: -41px;
}
.popupzone .pzimg-w ul.pzbtn li{color: #b9b9b9;font-weight: 600;}
.popupzone .pzimg-w ul.pzbtn li span{
    color: #000;
}
.popupzone .pzimg-w ul.pzbtn li a{
    margin-left: 22px;
    display: flex;
    align-items: center;
}
.popupzone .pzimg-w ul.pzbtn li a#popup_btn_playstop{background:url('/pages/new_jepa/img/main/ico-pop2.png') center no-repeat;width: 12px;height: 8px;}
.popupzone .pzimg-w ul.pzbtn li a#popup_btn_playstop.start{background:url('/pages/new_jepa/img/main/pzbtnplay.png') center no-repeat;height: 11px;}

.popupzone .pzimg-w ul.pzbtn li a img{}
.popupzone .pzimg-w ul.pzimg{width:100%;height:100%;    display: flex;}
.popupzone .pzimg-w ul.pzimg li{
    width: 100%;
    height: 100%;
	flex: 0 0 auto;
    display: flex;
}
.popupzone .pzimg-w ul.pzimg li a{
    width: 100%;
    height: 100%;
    display: inline-block;
}
.popupzone .pzimg-w ul.pzimg li img{width:100%; height:100%; object-fit:cover;}

/* 주요사업소개 */
.sc2{
    width: 1500px;
    margin: 160px auto 95px;
    position: relative;
    height: 473px;
}
.sc2:after {content: '';display: block;width: 223px;height: 170px;background:url('/pages/new_jepa/img/main/sc1-bg.png') center no-repeat;position: absolute;left: 180px;top: 267px;}

.sc2 .tit{
}
.sc2 .tit h6{
    font-size: 22px;
    color: #4263CD;
    text-transform: uppercase;
}
.sc2 .tit h5{
    font-size: 35px;
    font-weight: 800;
    margin: 20px 0 25px;
}
.sc2 .tit p{
    font-size: 19px;
    color: #666666;
}

.sc2 .m-info{
}
.sc2 .m-info ul.m-info-list{
    position: absolute;
    top: 240px;
    left: 0;
    width: 100%;
}
.sc2 .m-info ul.m-info-list li{}
.sc2 .m-info ul.m-info-list li a{
    color: #999999;
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 30px 0;
    display: inline-block;
    position: relative;
	transition:ease-in-out .25s;
}
.sc2 .m-info ul.m-info-list li a:after {transition:ease-in-out .25s; content: '';display: block;width: 82px;height: 1px;background-color: #4263CD;margin: 2px 0 0;position: absolute;left: -121px;top: 12px;transform: scaleX(0);transform-origin: left;transition: transform 300ms;}
.sc2 .m-info ul.m-info-list li a:hover:after {transition:ease-in-out .25s; content: '';display: block;width: 82px;height: 1px;background-color: #4263CD;margin: 2px 0 0;position: absolute;left: -121px;top: 12px;transform: scaleX(1);transform-origin: left;}
.sc2 .m-info ul.m-info-list li.on a{color:#4263CD;margin-left:10px;}
.sc2 .m-info ul.m-info-list li.on a:after {transform: none;}
.sc2 .m-info ul.m-info-list li a:hover{color:#4263CD;margin-left: 10px;}







.sc2 .m-info .m-info-txt ul.m-infobox{
       position: relative;
    display: flex;
    transform-style: preserve-3d;
    box-sizing: content-box;
}
.sc2 .m-info .m-info-txt ul.m-infobox li{
   position: relative;
    display: inline-block;
    flex-shrink: 0;
}
.sc2 .m-info .m-info-txt ul.m-infobox li a{}
.sc2 .m-info .m-info-txt ul.m-infobox li a .img{}
.sc2 .m-info .m-info-txt ul.m-infobox li a .img img{}
.sc2 .m-info .m-info-txt ul.m-infobox li a .txt{
    width: 320px;
    height: 235px;
    background: #4263CD;
    display: inline-block;
    position: absolute;
    bottom: -50px;
    color: #fff;
    padding: 44px;
    left: -50px;
}
.sc2 .m-info .m-info-txt ul.m-infobox li a .txt h6{
    font-size: 25px;
}
.sc2 .m-info .m-info-txt ul.m-infobox li a .txt p{
    font-size: 17px;
    margin: 10px 0 22px;
    font-weight: 400;
    line-height: 25px;
}
.sc2 .m-info .m-info-txt ul.m-infobox li a .txt button{
    background: none;
    color: #fff;
    font-size: 16px;
}
.sc2 .m-info .m-info-txt ul.m-infobox li a .txt button:after {content: '';display: block;width: 100%;height: 1px;background-color: #fff;margin: 2px 0 0;opacity: 0.6;}

.sc2 .m-info .m-info-txt ul.m-info-btn{
    width: 234px;
    height: 40px;
    position: absolute;
    top: 264px;
    left: 1081px;
    display: flex;
	z-index:2;
}
.sc2 .m-info .m-info-txt ul.m-info-btn li{}
.sc2 .m-info .m-info-txt ul.m-info-btn li a{
    width: 117px;
    height: 40px;
    display: inline-block;
    background: #fff url('/pages/new_jepa/img/main/sc1-arrow1.png') center no-repeat;
}
.sc2 .m-info .m-info-txt ul.m-info-btn li:last-child a{background:#000000 url('/pages/new_jepa/img/main/sc1-arrow2.png') center no-repeat;}
.sc2 .m-info .m-info-txt ul.m-info-btn li a span{}


#circle {
  position:absolute;
  word-spacing: 19px;
  animation: rotate 60s linear infinite;
  right: 240px;
  top: -130px;
  font-size: 13px;
  letter-spacing: 4px;
  opacity: 0.6;
}
#circle svg{width: 250px;height: 250px;}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}



/* 바로가기 */
.sc3{
    width: 100%;
    margin: 170px auto 0;
    position: relative;
    height: 626px;
    background: #1B2B5C url('/pages/new_jepa/img/main/sc2-bg.png') right bottom no-repeat;
    color: #fff;
    padding: 95px 0;
    box-sizing: border-box;
}
.sc3 .sc3-w{width:1500px;margin:0 auto;position: relative;}
.sc3 .sc3-w .tit{
}
.sc3 .sc3-w .tit h6{
    font-size: 22px;
    color: #58CFFF;
    text-transform: uppercase;
}
.sc3 .sc3-w .tit h5{
    font-size: 35px;
    font-weight: 800;
    margin: 15px 0 35px;
}
.sc3 .sc3-w .notice-w{}
.sc3 .sc3-w .notice-w ul{
    display: flex;
    position: absolute;
    top: 40px;
    right: 105px;
}
.sc3 .sc3-w .notice-w ul li{}
.sc3 .sc3-w .notice-w ul li a{
    font-size: 19px;
    margin-left: 60px;
    font-weight: 700;
    position: relative;
	transition:ease-in-out .25s;
}
.sc3 .sc3-w .notice-w ul li a:hover{color: #58CFFF;}
.sc3 .sc3-w .notice-w ul li.on a{color: #58CFFF;}
.sc3 .sc3-w .notice-w ul li.on a:after {content: '';display: block;width: 6px;height: 6px;background-color: #58CFFF;position: absolute;left: 50%;top: 100%;transform: translate(-50%,0);border-radius: 100%;margin-top: 10px;}
.sc3 .sc3-w .notice-w ul li a:after {content: '';display: block;width: 6px;height: 6px;background-color: #58CFFF;position: absolute;left: 50%;top: 100%;transform: translate(-50%,0);border-radius: 100%;margin-top: 10px;
transform: scaleX(0);
transform-origin: center;
transition: transform 300ms;}
.sc3 .sc3-w .notice-w ul li a:hover:after {
    transform: scaleX(1);
    transform-origin: center;
}
.sc3 .sc3-w .notice-w a.plus{
    width: 47px;
    height: 47px;
    border-radius: 100%;
    background:#fff url('/pages/new_jepa/img/main/sc2-plus.png') center no-repeat;
    position: absolute;
    top: 28px;
    right: 0;
	transition:ease-in-out .25s;
}
.sc3 .sc3-w .notice-w a.plus:hover{background:#58CFFF url('/pages/new_jepa/img/main/sc2-plus-w.png') center no-repeat;}
.sc3 .sc3-w .notice-w .notice{display:flex;}
.sc3 .sc3-w .notice-w .notice .notice-box{width: calc(100% / 3);margin-right: 20px;}
.sc3 .sc3-w .notice-w .notice .notice-box:last-child{margin-right:0;}
.sc3 .sc3-w .notice-w .notice .notice-box a{transition:ease-in-out .25s; width:100%;height:100%;display:inline-block;padding: 52px 50px;box-sizing: border-box;height: 304px;background: #fff;color: #000;float: left;letter-spacing: -1px;}
.sc3 .sc3-w .notice-w .notice .notice-box a:hover{transform: translateY(-10px);}
.sc3 .sc3-w .notice-w .notice .notice-box p.category{
    padding: 8px 17px 6px;
    border: 1px solid #4263CD;
    font-size: 16px;
    color: #4263CD;
    display: inline-block;
    font-weight: 600;
}
.sc3 .sc3-w .notice-w .notice .notice-box p.tit{
    font-size: 20px;
    font-weight: 700;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient:vertical;
    word-wrap:break-word;
    word-break: break-word;
    margin: 15px 0 9px;
}
.sc3 .sc3-w .notice-w .notice .notice-box p.txt{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient:vertical;
    word-wrap:break-word;
    word-break: break-word;
    font-size: 17px;
    color: #666666;
    margin-bottom: 16px;
}
.sc3 .sc3-w .notice-w .notice .notice-box dl{
    display: flex;
    margin: 0 0 7px 0;
    align-items: center;
}
.sc3 .sc3-w .notice-w .notice .notice-box dl dt{
    background: #4664C4;
    color: #fff;
    font-size: 14px;
    width: 64px;
    height: 29px;
    text-align: center;
    line-height: 29px;
    margin-right: 11px;
}
.sc3 .sc3-w .notice-w .notice .notice-box dl dd{
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	word-break: break-word;
}
.sc3 .sc3-w .notice-w .notice .notice-box dl dd.red{color:#DF4C4C;font-weight: 600;}


/* 공지사항&SNS */
.sc4{
    width: 1500px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    display: flex;
}
.sc4:before{content:'';display:inline-block;background:#DFE1EE;height: 640px;width:1px;left: 50%;position: absolute;}
.news-w{position:relative; width: calc(100% / 2);padding-right: 80px;box-sizing:border-box;padding-top: 96px;padding-bottom: 96px;}
.news-w:last-child{padding-right: 0;padding-left: 80px;}
.news-w .tit{}
.news-w .tit h6{
    font-size: 22px;
    color: #4263CD;
    text-transform: uppercase;
}
.news-w .tit h5{
    font-size: 35px;
    font-weight: 800;
    margin: 20px 0 35px;
    text-transform: uppercase;
}
.m-news{}
.m-news .news-box{}
.m-news .news-box a{height: 154px;border-bottom: 1px solid #DFE1EE;width: 100%;padding: 43px 0;box-sizing: border-box;display: flex;align-items: center;}
.m-news .news-box:first-child a{border-top: 1px solid #DFE1EE;}
.m-news .news-box a .date{
    width: 60px;
    margin-right: 70px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #888888;
    letter-spacing: -1px;
}
.m-news .news-box a .date span{
    display: block;
    color: #000;
    font-size: 33px;
    font-weight: 900;
}
.m-news .news-box a .txt{
    width: calc(100% - 177px);
    padding-right: 90px;
    box-sizing: border-box;
}
.m-news .news-box a .txt p.news-tit{
    font-size: 21px;
    font-weight: 700;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient:vertical;
    word-wrap:break-word;
    word-break: break-word;
}
.m-news .news-box a .txt p.news-txt{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient:vertical;
    word-wrap:break-word;
    word-break: break-word;
    margin-top: 11px;
    color: #888888;
    font-size: 18px;
}
.m-news .news-box a button{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 1px solid #d7d9e9;
    background:url('/pages/new_jepa/img/main/sc3-arrow.png') center no-repeat;
    transition:ease-in-out .25s;
}
.m-news .news-box a:hover button{background:#4262CD url('/pages/new_jepa/img/main/sc3-arrow-on.png') center no-repeat; border:1px solid #4262CD;}
.m-sns{
    display: flex;
    align-items: center;
}
.m-sns .m-snsbox{
    width: calc(100% / 2);
    margin-right: 8px;
}
.m-sns .m-snsbox:last-child{margin-right: 0px;}
.m-sns .m-snsbox a{transition: ease-in-out .25s;width: 100%;height: 100%;display: inline-block;}
.m-sns .m-snsbox a:hover{opacity:0.85;}
.m-sns .m-snsbox a .img{
    width: 100%;
    height: 260px;
	position:relative;
}
.m-sns .m-snsbox a .img:after {content: '';display: block;width: 42px;height: 41px;position: absolute;left: 18px;top: 17px;background: url('/pages/new_jepa/img/main/ico-insta.png') center no-repeat;}

.m-sns .m-snsbox a .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.m-sns .m-snsbox a .txt{}
.m-sns .m-snsbox a .txt p.sns-tit{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient:vertical;
    word-wrap:break-word;
    word-break: break-word;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -1px;
    margin: 21px 0 10px;
}
.m-sns .m-snsbox a .txt p.sns-date{
    color: #999999;
    font-size: 19px;
}


/* 바로가기 */
.m-quickmenu{
    height: 220px;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.m-quickmenu ul{
    height: 100%;
    margin: 0 auto;
    width: 1500px;
    margin-top: 42px;
    display: flex;
}
.m-quickmenu ul li{
    width: calc(100% / 9);
    float: left;
    text-align: center;
    margin-right: 34px;
}
.m-quickmenu ul li:last-child{margin-right:0;}
.m-quickmenu ul li a{
    color: #282828;
    font-size: 16px;
    font-weight: 600;
}
.m-quickmenu ul li a .ico{transition:ease-in-out .25s; border-radius:23px;width: 140px;height: 140px;display: flex;align-items: center;}
.m-quickmenu ul li a:hover .ico{transform: translateY(-10px);}
.m-quickmenu ul li:nth-child(1) a .ico{background:#EFF8FD url('/pages/new_jepa/img/main/ico-quick9.png') center no-repeat;}
.m-quickmenu ul li:nth-child(2) a .ico{background:#EFF8FD url('/pages/new_jepa/img/main/ico-quick1.png') center no-repeat;}
.m-quickmenu ul li:nth-child(3) a .ico{background:#EFF8FD url('/pages/new_jepa/img/main/ico-quick2.png') center no-repeat;}
.m-quickmenu ul li:nth-child(4) a .ico{background:#EFF8FD url('/pages/new_jepa/img/main/ico-quick3.png') 33px 40px no-repeat;}
.m-quickmenu ul li:nth-child(5) a .ico{background:#EFF8FD url('/pages/new_jepa/img/main/ico-quick4.png') 37px 30px no-repeat;}
.m-quickmenu ul li:nth-child(6) a .ico{background:#EFF8FD url('/pages/new_jepa/img/main/ico-quick5.png') center no-repeat;}
.m-quickmenu ul li:nth-child(7) a .ico{background:#EFF8FD url('/pages/new_jepa/img/main/ico-quick6.png') center no-repeat;}
.m-quickmenu ul li:nth-child(8) a .ico{background:#EFF8FD url('/pages/new_jepa/img/main/ico-quick7.png') 41px 35px no-repeat;}
.m-quickmenu ul li:nth-child(9) a .ico{background:#EFF8FD url('/pages/new_jepa/img/main/ico-quick8.png') 41px 42px no-repeat;}
.m-quickmenu ul li:hover:nth-child(1) a .ico{background:#4263CD url('/pages/new_jepa/img/main/ico-quick9.png') center no-repeat;}
.m-quickmenu ul li:hover:nth-child(2) a .ico{background:#4263CD url('/pages/new_jepa/img/main/ico-quick1.png') center no-repeat;}
.m-quickmenu ul li:hover:nth-child(3) a .ico{background:#4263CD url('/pages/new_jepa/img/main/ico-quick2.png') center no-repeat;}
.m-quickmenu ul li:hover:nth-child(4) a .ico{background:#4263CD url('/pages/new_jepa/img/main/ico-quick3.png') 33px 40px no-repeat;}
.m-quickmenu ul li:hover:nth-child(5) a .ico{background:#4263CD url('/pages/new_jepa/img/main/ico-quick4.png') 37px 30px no-repeat;}
.m-quickmenu ul li:hover:nth-child(6) a .ico{background:#4263CD url('/pages/new_jepa/img/main/ico-quick5.png') center no-repeat;}
.m-quickmenu ul li:hover:nth-child(7) a .ico{background:#4263CD url('/pages/new_jepa/img/main/ico-quick6.png') center no-repeat;}
.m-quickmenu ul li:hover:nth-child(8) a .ico{background:#4263CD url('/pages/new_jepa/img/main/ico-quick7.png') 41px 35px no-repeat;}
.m-quickmenu ul li:hover:nth-child(9) a .ico{background:#4263CD url('/pages/new_jepa/img/main/ico-quick8.png') 41px 42px no-repeat;}
.m-quickmenu ul li a .txt{transition:ease-in-out .25s; position:relative;margin-top: 16px;font-size: 18px;display: inline-block;}
.m-quickmenu ul li:hover a .txt{font-weight:700;}



.visual_wrap {display: block; width: 100%; max-width: 100%; height: 728px; overflow: hidden; position: relative;}
.visual_wrap > ul {position: relative;
    display: flex;
    transform-style: preserve-3d;
    box-sizing: content-box;height:100%;}
.visual_wrap > ul > li {position: relative;
    display: inline-block;
    flex-shrink: 0;}
.visual_wrap > ul > li figure {display: block; width: 100%; height: 100%;}
.visual_wrap > ul > li img {display: block; width: 100%; height: 100%; object-fit: cover;}
.visual_page_ctrl_wrap {   display: inline-block;  }
.visual_page_ctrl_wrap .page_btn {transition:ease-in-out .25s; display: inline-block;width: 12px;height: 12px;background-color:#fff;border-radius: 50%;margin-left: 15px;}
.visual_page_ctrl_wrap .page_btn:first-child {margin-left: 0;}
.visual_page_ctrl_wrap .page_btn.current {background:none; width:16px; height:16px; border:2px solid #fff; box-sizing:border-box;}

.visual_btn_playstop {      display: inline-block;
text-align: center;     position: relative;
top: -50px;
width: 100%;}
.visual_btn_playstop #visual_btn_playstop {
		background: url(/pages/new_jepa/img/main/visual_btn_stop.png) center repeat; width: 14px; height: 15px;
			position: relative;     display: inline-block; top:-13px; margin-left: 10px;font-size: 0;
}
.all_progress {
		display: inline-block;
		width: 2px;
		height: calc(100% - 390px);
		background:#E5E3F2;
		margin-top: 179px;
		}
.progress { width: 2px;
    display: block !important;
    height: 0%;
    background: #4263CD; }
.visual_btn_playstop #visual_btn_playstop.start {
	background: url(/pages/new_jepa/img/main/visual_btn_play.png) center no-repeat;
	height: 15px;
}

.visual_text_wrap {display: block; position: relative;z-index: 9;}

.vs_box{margin:0 auto;}
.vs_txt{color: #163651;position:absolute;top: 160px;left: 100px;}
.vs_txt p.vs_p1{font-size: 26px;font-weight: 700;}
.vs_txt p.vs_p2{margin: 15px 0 25px 0;letter-spacing: 1px;font-size: 54px;font-weight: 900;}
.vs_txt p.vs_p2 span{color:#4263CD;}
.vs_txt p.vs_p3{font-size: 19px;font-weight: 500;}
.vs_txt p.vs_p3 span{color:#8660FF;}
.vs_txt p.vs_p4{font-size: 27px;font-weight: 600;margin: 13px 0 0 0;line-height: 43px;}

p.vs_btn{animation: live-conference-color 2s infinite; position: absolute;top: 380px;left: 800px;text-align: center;padding:12px 30px;color: #fff;background: #0000004f;border: 5px solid #fff;font-size: 20px;cursor: pointer;}

ul.vs_ul{background:#fff; border-radius:1000px; display:inline-block;position:absolute; top:537px; left:0;padding: 0 35px;}
ul.vs_ul li{float:left;}
ul.vs_ul li p {font-weight:600;color:#333;font-size:16px;float:left;line-height: 63px;margin-right: 9px;}
ul.vs_ul ul.vs_ul_list{display:inline-block; float:left;vertical-align: middle;}
ul.vs_ul ul.vs_ul_list li{float:left; width:168px; height:66px; text-align:center;display: table;margin:0 11px 0 0;}
ul.vs_ul ul.vs_ul_list li a{display: table-cell;vertical-align: middle;padding: 7px 0 0 0;}
ul.vs_ul ul.vs_ul_list li a img{}
ul.vs_ul ul.vs_ul_list li.mr_none{margin-right:0;}

.vs_color1{color:#00F6FF !important;}
.vs_color2{color:#29FFA9 !important;}


/** Swiper styles **/
.swiper {user-select: none;box-sizing: border-box;overflow: hidden;width: calc(100% - 460px);float: left;height: 570px;}
.swiper-slide {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;color: #fff;/* overflow: hidden; */position: relative;box-sizing: border-box;border-radius: 0px;}

#infomation {padding: 85px 0;}
#infomation .title {display: block; width: 100%; height: 50px; line-height: 50px; font-size: 4.3rem; text-align: left; color: #222; margin-bottom: 16px;}
#infomation .title span {display: inline-block; font-size: 1em; height: inherit; line-height: inherit; float: left;}
#infomation .title span.em {display: inline-block; font-size: 0.935em; height: inherit; line-height: inherit; float: left; margin-left:9px;}
#infomation .title .more {display: block; width: 50px; height: inherit; line-height: inherit; background-image: url('/pages/aicon/img/main/more_0.png'); float: right; background-position: center; background-repeat: no-repeat; transition: all 0.35s ease;}
#infomation .title .more:hover {transform: rotate(15deg);}
#infomation .discription {display: block; width: 100%; height: auto; margin-bottom:43px; color: #555; font-size: 1.8rem; font-weight: 300;}
#infomation .info_list_wrap {display: flex; width: 100%; height: auto; justify-content: flex-start;}
#infomation .info_list_wrap > li {flex: 1 1 auto; display: block; width: calc(100% / 4); margin-left: 74px;}
#infomation .info_list_wrap > li:first-child {margin-left: 0;}
#infomation .info_list_wrap > li img {min-height: 60px;}
#infomation .info_list_wrap > li h4 {padding:29px 0 26px; border-bottom: 1px solid #D8D8D8; margin-bottom: 32px; color: #333; font-size: 2.2rem;}
#infomation .info_list_wrap > li p {display: block; width: 100%; height: auto; font-size: 1.8rem; font-weight: 500; color: #949494;letter-spacing: -0.5px;}


#link_banner {float: left;}
#link_banner .cnt_list_wrap {display: flex; width: 100%; height: auto; max-width: 100%; justify-content: flex-start;}
#link_banner .cnt_list_wrap li {flex: 1 1 auto; display: block; width: calc(100% / 3); height: 470px; background-position: center; background-size: cover; background-repeat: no-repeat; color: #fff;}
#link_banner .cnt_list_wrap li:nth-child(1) {background-image: url('/pages/aicon/img/main/cnt_list_bg_1.png');}
#link_banner .cnt_list_wrap li:nth-child(2) {background-image: url('/pages/aicon/img/main/cnt_list_bg_2.png');}
#link_banner .cnt_list_wrap li:nth-child(3) {background-image: url('/pages/aicon/img/main/cnt_list_bg_3.png');margin: 0 0 0 -1px;}
#link_banner .cnt_list_wrap li::before {content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(to top, #AF09D6, #6538D1, #00329B); opacity: 0; position: absolute; left: 0; top: 0; transition: all 0.35s ease;}
#link_banner .cnt_list_wrap li:hover::before {opacity: 0.8;}
#link_banner .cnt_list_wrap li a {display: block; width: 100%; height: inherit; position: relative; text-align: center;}
#link_banner .cnt_list_wrap li a .cnt_align {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#link_banner .cnt_list_wrap li a h3 {padding-bottom: 22px; margin-bottom: 26px; position: relative; font-size: 3.7rem;}
#link_banner .cnt_list_wrap li a h3:after {content: ''; display: block; width: 50px; height: 5px; background-color: #fff; position: absolute; left: 50%; top: 100%; transform: translate(-50%,0);}
#link_banner .cnt_list_wrap li a p {font-size: 1.8rem;}


#history_slider {background-image: url('/pages/aicon/img/main/history_wrap_bg.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; padding: 165px 0 100px; text-align: center;position: relative; background-attachment: fixed;}
#history_slider .cnt_box {display: block; width: 100%; max-width: 1560px; margin: 0 auto;}
#history_slider .title {display: block; width: 100%; height: 50px; line-height: 50px; font-size: 4.6rem; text-align: left; margin-bottom: 16px;}
#history_slider .title span {display: inline-block; font-size: 1em; height: inherit; line-height: inherit; float: left;}
#history_slider .title span.em {display: inline-block; font-size: 0.935em; height: inherit; line-height: inherit; float: left; margin-left: 12px; color: #17FBFB;}
#history_slider .discription {display: block; width: 100%; height: auto; margin-bottom: 50px; font-weight:300;}
#history_slider .cnt_slide_wrap {display: block; width: 100%; max-width: 1560px; margin: 0 auto; text-align: center; position: relative;}
#history_slider .cnt_slide_wrap .cnt_slide_list {display: flex; width: 100%; height: auto; margin-bottom: 70px;}
#history_slider .cnt_slide_wrap .cnt_slide_list > li {display: inline-block; width: 292px; height: auto; float: left; margin-left: 25px;}
#history_slider .cnt_slide_wrap .cnt_slide_list > li:first-child {margin-left: 0;}
#history_slider .cnt_slide_wrap .cnt_slide_list dl.cnt {display: block; width: 100%; height: auto; text-align: left;}
#history_slider .cnt_slide_wrap .cnt_slide_list dl.cnt dt {display: block; font-size: 2.2rem; font-weight: bold; margin: 25px 0 20px;}
#history_slider .cnt_slide_wrap .cnt_slide_list dl.cnt dd {display: block; font-size: 1.5rem; font-weight: 500; margin-bottom: 8px;}
#history_slider .cnt_slide_wrap .cnt_slide_list dl.cnt dd:last-child {margin-bottom: 0;}
#history_slider .cnt_slide_wrap .cnt_slide_list dl.cnt dd span{font-weight:300;margin-left: 5px;}
#history_slider .cnt_slide_wrap .cnt_slide_list dl.cnt .img_box {width: 100%; height: 292px;}
#history_slider .cnt_slide_wrap .cnt_slide_list dl.cnt .img_box img {width: 100%; height: 100%;}
#history_slider .ctrl_wrap {display: block; width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);max-width: 1560px;}
#history_slider .ctrl_wrap button {display: block; width: 86px; height: 45px; border: 3px solid #fff; background-color: transparent; background-repeat: no-repeat; position: absolute; transition: all 0.35s ease;}
#history_slider .ctrl_wrap button.ctrl_btn_left {left: calc(-86px - 34px); float: left; background-image: url('/pages/aicon/img/main/arrow_left_1.png'); background-position: left 10px top 50%;}
#history_slider .ctrl_wrap button.ctrl_btn_right {right: calc(-86px - 34px); float: right; background-image: url('/pages/aicon/img/main/arrow_right_1.png'); background-position: right 10px top 50%;}
#history_slider .ctrl_wrap button:hover {margin-top: -6px; box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.3);}

#history_slider .more {display: block; width: 100%; max-width: 392px; margin: 0 auto; padding: 14px; border: 3px solid #fff; border-radius: 40px; font-size: 2.2rem; font-weight: bold; text-align: center; transition: all 0.35s ease; position: relative; overflow: hidden;}
#history_slider .more::before {content: ''; display: block; width: 0; height: 100%; transition: all 0.35s ease; background-color: #fff; position: absolute; left: 0; top: 0; z-index: -1;}
#history_slider .more span {display: block; width: auto; height: auto; white-space: nowrap;}
#history_slider .more:hover::before {width: 100%;}
#history_slider .more:hover span {color: #6538D1;}

#community {padding: 85px 0 0; position: relative;}
#community .rotate_ani {position: absolute; left: -40px; top: -40px; animation-duration: 20s;}
#community .title_box {display: block; width: 100%; max-width: 1920px; margin:  0 auto; height: auto; margin-bottom: 60px; position: relative;}
#community .title {text-align: center; padding-bottom: 20px; margin-bottom: 37px; position: relative; font-size: 4rem; height: auto; line-height: 50px;}
#community .title:after {content: ''; display: block; width: 44px; height: 9px; background: linear-gradient(to left, #2B37A5, #52A6CB); border-radius: 5px; position: absolute; left: 50%; top: 100%; transform: translate(-50%,0);}
#community .title span {display: inline-block; height: 50px; line-height: inherit;}
#community .title span.em {font-size: 0.935em; margin-left: 10px;}
#community .discription {display: block; width: 100%; height: auto; margin: 0 auto; text-align: center;font-weight:300;}
#community .split_wrap {display: flex; width: 100%;}
#community .split_wrap > div {flex: 1 1 auto;}
#community .split_max_w {width: 100%; max-width: calc((1560px - 212px) / 2); float: right;}
#new_wrap {padding: 104px;}
#new_wrap h4 {display: block; width: 100%; height: 51px; line-height: 56px; margin-bottom: 20px; font-size: 4rem;}
#new_wrap h4 span {display: inline-block; width: auto; height: inherit; line-height: inherit;}
#new_wrap h4 .more {display: inline-block; width: 56px; height: inherit; float: right; background-color: #222; background-image: url('/pages/aicon/img/main/more_1.png'); background-repeat: no-repeat; background-position: center;}

#new_wrap .split_max_w {float: right;}
#new_wrap .new_list_wrap {display: block; width: 100%; height: auto;}
#new_wrap .new_list_wrap li {display: block; width: inherit; height: auto;}
#new_wrap .new_list_wrap li a {display: block; width: 100%; height: auto;}
#new_wrap .new_list_wrap li .news_info_wrap {width: 100%;height: auto;padding: 45px 0 45px 115px;  padding-left: 115px;padding-left: 115px;border-bottom: 1px solid #E5E5E5;position: relative;box-sizing: border-box;}
#new_wrap .new_list_wrap li .news_info_wrap dt {display: block; width: 100%; height: auto; float: right;}
#new_wrap .new_list_wrap li .news_info_wrap dt strong {display: block; width: 100%; height: auto; margin-bottom: 20px; font-size: 2.4rem; font-weight: bold;}
#new_wrap .new_list_wrap li .news_info_wrap dt span {width: 100%;height: 50px;font-size: 1.7rem;font-weight: 400;color: #606060;line-height: 165%;}
#new_wrap .new_list_wrap li .news_info_wrap dd.date {display: block; width: 68px; height: auto; float: left; text-align: center; position: absolute; left:0; top: 50%; transform: translate(0,-50%);}
#new_wrap .new_list_wrap li .news_info_wrap dd.date .date_d {display: block; width: 100%; height: 50px; line-height: 50px; font-size: 4.7rem;font-weight: 600;color: #2755A7;}
#new_wrap .new_list_wrap li .news_info_wrap dd.date .date_ym {display: block; width: 100%; font-size: 1.7rem;font-weight: 500;color: #8B8B8B;margin: 7px 0 0 0;}

#new_wrap .new_list_wrap li.list_none_text {display: inline-block; width: 100%; height: 320px; line-height: 320px; text-align: center; font-size: 2rem; font-weight: bold;}


#community #sns_wrap .split_max_w {float: left;}
#sns_wrap {color: #fff; padding: 104px; background-image: url('/pages/aicon/img/main/sns_bg.png'); background-position: center; background-repeat: no-repeat; background-size: cover;}
#sns_wrap h4 {display: block; width: 100%; height: 56px; line-height: 56px; margin-bottom: 20px; font-size: 4rem;}
#sns_wrap h4 span {display: inline-block; width: auto; height: inherit; line-height: inherit;}
#sns_wrap h4 span.em {color: #29FFA9; margin-left: 10px;}
#sns_wrap h4 .more {display: inline-block; width: 56px; height: inherit; float: right; background-color: #222; background-image: url('/pages/aicon/img/main/more_1.png'); background-repeat: no-repeat; background-position: center;}
#sns_wrap .discription {text-align: left; margin-bottom: 58px;color: #fff;}
#sns_wrap .sns_list_wrap {display: flex; width: 100%; height: auto;}
#sns_wrap .sns_list_wrap li {flex: 0 1 auto; width: calc(100% / 3); padding: 50px 38px; background-color: #0F306B; margin-left: 10px;}
#sns_wrap .sns_list_wrap li:first-child {margin-left: 0;}
#sns_wrap .sns_list_wrap li a {display: block; width: 100%; height: auto; position: relative;}
#sns_wrap .sns_list_wrap li a .view {color: #29FFA9;}
#sns_wrap .sns_list_wrap h5 {display: block; width: 100%; height: auto; font-size: 2.3rem; font-weight: bold; margin-bottom: 44px;}
#sns_wrap .sns_list_wrap h5::before {content: attr(data-title); display: block; width: 100%; height: auto; font-size: 1.4rem;  font-weight: 400;  color: #BED5FF;  margin: 0 0 8px 0;}
#sns_wrap .sns_list_wrap .img_box {width: auto; height: auto; position: absolute; right: 0; bottom: 0; transition: all 0.35s ease;}
#sns_wrap .sns_list_wrap li:hover .img_box {bottom: 10px;}



#low_wrap {background-color: #F8F8F8; padding: 62px 0;}
#low_wrap .title {display: block; font-size: 2.4rem; font-weight: bold; margin-bottom: 18px;}
#first_logo_wrap {display: inline-block; width: auto; float: left; }
#second_logo_wrap {display: inline-block; width: auto; float: left; margin-right: 60px;}
#low_wrap .logo_list {display: inline-block; width: auto;}
#low_wrap .logo_list li {display: table; float: left; margin-left: 8px;}
#low_wrap .logo_list li:first-child {margin-left: 0;}
#low_wrap .logo_list li a {display: table-cell; width: 250px; height: 80px; text-align: center; vertical-align: middle; background-color: #fff;}
#low_wrap .logo_list li img {margin: 9px 0 0 0;}


#jepa_tab {      width: calc(100% - 396px);position: absolute;
    top: 0;
    left: 396px;
    height: 494px;
    overflow: hidden;
    z-index: 1; padding: 0 50px 50px;}
#jepa_tab li .txt {     display: none; }
#jepa_tab .swiper-slide-active .txt {     display: block; }


/*************************** 반응형 ***************************/
@media screen and (max-width:1720px) {
	.sc1-in{width:100%;}
}


@media screen and (max-width:1500px) {
	header{position: relative;}
	footer .footer_wrap{width:100% !important;}
	.sc3 .sc3-w .notice-w a.plus{right: 3%;}

	.m-left-bar, .m-right-bar{display:none;}
	.sc1{width: 100%;padding:0;}

	.swiper{width: 100%;margin-bottom: 60px;}

	.m-quickmenu{padding: 0 3%;height: 570px;width: calc(100% - 460px);display: flex;align-items: center;}
	.m-quickmenu ul{display:inline-block;width: 100%;height: auto;}
	.m-quickmenu ul li{width: calc(100% / 4 - 38px);margin-right: 50px;margin-bottom: 18px;}
	.m-quickmenu ul li:nth-child(4n){margin-right:0;}
	.m-quickmenu ul li a .ico{width: 100%;aspect-ratio: auto 1/1;height: inherit;background-position: center !important;}

	#circle{display:none;}
	.sc2{width: 100%;padding: 0 3%;}
	.sc2 .tit{width:300px;float: left;}
	.sc2 .m-info{width:calc(100% - 300px);float: left;}
	.sc2 .m-info ul.m-info-list{left: 3%;}
	.sc2 .m-info ul.m-info-list li a{margin: 0 0 20px 0;}
	.sc2 .m-info ul.m-info-list li.on a, .sc2 .m-info ul.m-info-list li a:hover{margin-left: 0;}
	.sc2 .m-info ul.m-info-list li a::after, .sc2 .m-info ul.m-info-list li a:hover::after{display:none;}
	.sc2 .m-info .m-info-txt ul.m-infobox{position: relative;top: inherit;left: inherit;width: 100%;height: 400px;padding: 0;}
	.sc2 .m-info .m-info-txt ul.m-infobox li{height: 400px;width:100%;margin: 0;}
	.sc2 .m-info .m-info-txt ul.m-infobox li a .img img{width:100%;}
	.sc2 .m-info .m-info-txt ul.m-info-btn{left: inherit;top:inherit;bottom: 0;right: 3%;}
	.sc2 .m-info .m-info-txt ul.m-info-btn li a{background: #000 url('/pages/new_jepa/img/main/sc1-arrow2.png') center no-repeat;}
	.sc2 .m-info .m-info-txt ul.m-info-btn li:first-child a{transform: scaleX(-1);border-left: 1px solid #fff;}

	.sc3 .sc3-w{width: 100%;padding: 0 3%;}
	.sc3 .sc3-w .notice-w button{right: 3%;}
	.sc3 .sc3-w .notice-w ul{right: 10%;}

	.sc4{width: 100%;padding: 0 3%;}

	#jepa_tab {      width: calc(100% - 396px);position: absolute;
    top: 0;
    left: auto;
	right: 0;
    height: 494px;
    overflow: hidden;
    z-index: 1; padding: 0 50px 50px;}

}

@media screen and (max-width:1200px) {
	.m-quickmenu{padding: 20px 7%;}
	.m-quickmenu ul li{width: calc(100% / 3 - 47px);margin-right: 70px;margin-bottom: 18px;}
	.m-quickmenu ul li:nth-child(4n){margin-right:70px;}
	.m-quickmenu ul li:nth-child(3n){margin-right:0;}
	.sc3 .sc3-w .notice-w ul li a{margin-left: 30px;}
	.sc3 .sc3-w .notice-w .notice .notice-box{width: calc(100% / 2);}
	.sc3 .sc3-w .notice-w .notice .notice-box:nth-child(2){margin-right:0;}
	.sc3 .sc3-w .notice-w .notice .notice-box:last-child{display:none;}
	.m-news .news-box a .date{margin-right: 30px;}
	.m-news .news-box a .txt{width: calc(100% - 160px);padding-right: 20px;}
	
}

@media screen and (max-width:1100px) {
	.swiper{height: 380px;}
	.m-quickmenu{padding: 20px 3%;}
	.m-quickmenu ul li{width: calc(100% / 3 - 27px);margin-right: 40px;}
	    .m-quickmenu ul li:nth-child(4n) {margin-right: 40px;}
.m-quickmenu ul {margin-top:20px;}
	.vs_box{width:100%;position: absolute;top: 50%;}
	.vs_txt{position: absolute;left: 50%;transform: translateX(-50%);top: 50%;width: 80%;text-align: center;transform: translate(-50%,-50%);}
	.vs_txt p.vs_p1{font-size: 20px;}
	.vs_txt p.vs_p2{margin: 5px 0 10px 0;font-size: 34px;}
	.vs_txt p.vs_p3{font-size: 18px;}
	.sc4{display: inherit;}
	.sc4:before{display:none;}
	.news-w{width: 100%;padding-right: 0;padding-bottom: 0;padding-top: 70px;}
	.news-w:last-child{padding-left: 0;border-left: 0;padding-bottom: 70px;}

}

@media screen and (max-width:900px) {
	.sc1-in{display: flex;flex-direction: column;}
	.sc1-in .visual_wrap{order:1;}
	.sc1-in .popupzone{order:3;}
	.sc1-in .m-quickmenu{order:2;}	
	.swiper{margin-bottom:0;}
	.popupzone{margin:0 auto;padding: 40px 0;height: 100%;background: #5068A7;width: 100%;display:inline-block;}
	/*.popupzone:before {content: '';display: inline-block;width: 100vw;height: 100%;background-color:#5068A7;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}*/
	.popupzone .pz-tit{height: 60px;width: 460px;margin: 0 auto;}
	.popupzone .pzimg-w{z-index:1;width: 460px;margin:0 auto;display: inherit;position:relative;}
	.popupzone .pzimg-w ul.pzimg{width: 460px;}
	.m-quickmenu{width: 100%;padding: 50px 5%;height: auto;position: relative;}
	.popupzone .pzimg-w ul.pzbtn{display:none;transform: inherit;bottom: inherit;left: inherit;right:30px;top:-42px;}
	.m-quickmenu ul{margin-top: 0;}
	.m-quickmenu ul li{width: calc(100% / 4 - 30px);margin-right:40px;}
	.m-quickmenu ul li:nth-child(3n){margin-right:40px;}
	.m-quickmenu ul li:nth-child(4n){margin-right:0px;}
	.popupzone .pz-tit h6{position: relative;transform: inherit;top: 15px;    left: 0;}


	#m_popupzone { display:block; }

	/* 팝업존 */
	#popupzone{
		display:none;
	}

	.sc2{margin:60px auto;height:auto;display: inline-block;}
	.sc2 .tit{width: 100%;margin-bottom: 30px;}
	.sc2 .m-info{width: 100%;}
	.sc2 .m-info .m-info-txt ul.m-info-btn{top: 140px;}
	.sc2 .m-info ul.m-info-list{top: inherit;position: relative;left: inherit;display:flex;}
	.sc2 .m-info ul.m-info-list li{width: calc(100% / 5);}

	.sc3{padding: 75px 0;margin:0 auto;}
	.sc3 .sc3-w .notice-w button{top: 102px;}
	.sc3 .sc3-w .notice-w ul{right: inherit;left: 0;top: 115px;}
	.sc3 .sc3-w .notice-w .notice{margin: 80px 0 0;}
	.sc3 .sc3-w .notice-w .notice .notice-box a{padding: 40px 30px;}

		#jepa_tab {          width: 100%;
    position: relative;
    top: 0;
    left: auto;
	right: 0;
    height: 494px;
    overflow: hidden;
    z-index: 1; padding: 0 50px 50px;}


}

@media screen and (max-width:690px) {
	.m-quickmenu ul li{width: calc(100% / 3 - 27px);}
	.m-quickmenu ul li:nth-child(3n){margin-right:0;}
	.m-quickmenu ul li:nth-child(4n){margin-right:40px;}
	.m-quickmenu ul li a .ico{border-radius: 15px;}

	.sc3{height: auto;}
	.sc3 .sc3-w .tit h5{margin: 15px 0 25px;}
	.sc3 .sc3-w .notice-w ul{position:relative;left: inherit;top: inherit;}
	.sc3 .sc3-w .notice-w ul li{width: calc(100% / 5);text-align: center;}
	.sc3 .sc3-w .notice-w ul li a{margin-left: 0;}
	.sc3 .sc3-w .notice-w .notice{margin: 50px 0 0;}
	.sc3 .sc3-w .notice-w .notice .notice-box{width:100%;margin-right:0px;}
	.sc3 .sc3-w .notice-w .notice .notice-box:nth-child(2){display:none;}
	.sc3 .sc3-w .notice-w button{top: 47px;}
	.vs_txt p.vs_p1{display:none;}
	.vs_txt p.vs_p2{margin: 0 0 10px 0;font-size: 27px;}
	.vs_txt p.vs_p3{font-size: 16px;}
	.swiper{height: 300px;}

	.sc2 .m-info .m-info-txt ul.m-infobox li a .txt{width: 100%;height: auto;position: relative;bottom: inherit;padding: 35px;left: inherit;}
	.sc2 .m-info .m-info-txt ul.m-infobox li a .txt h6{font-size: 22px;}

	#jepa_tab{height: auto;padding: 0 0 20px;}
	.sc2 .m-info .m-info-txt ul.m-infobox, .sc2 .m-info .m-info-txt ul.m-infobox li{height: auto;}
	.sc2 .m-info .m-info-txt ul.m-info-btn{position: relative;bottom: inherit;right: inherit;top: inherit;left: inherit;display: inline-block;width:100%;}
	.sc2 .m-info .m-info-txt ul.m-info-btn li{width: 50%;float: left;}
	.sc2 .m-info .m-info-txt ul.m-info-btn li a{width: 100%;}
}


@media screen and (max-width:500px) {
	.sc3 .sc3-w .notice-w .notice{margin: 20px 0 0;}
	.sc3 .sc3-w .notice-w ul{display: inherit;}
	.sc3 .sc3-w .notice-w ul li{width: calc(100% / 3);text-align: left;float: left;margin-bottom: 20px;}
	.sc2 .tit h5, .sc3 .sc3-w .tit h5, .news-w .tit h5, .news-w .tit h5{font-size: 30px;margin: 15px 0 20px;}
	.sc2 .tit p{font-size: 18px;}

	.m-sns{display: inherit;}
	.m-sns .m-snsbox{width: 100%;margin-bottom: 20px;}
	.popupzone{padding: 40px 30px;}
	.popupzone .pz-tit{width: 100%;}
	.popupzone .pzimg-w{width: 100%;}
	.popupzone .pzimg-w ul.pzimg{width: 100%;height: auto;}

}


@media screen and (max-width:450px) {
	.sc2 .m-info .m-info-txt ul.m-infobox li a .txt{position:relative;width:100%;height: 188px;padding: 20px 45px;}
	.sc2 .m-info .m-info-txt ul.m-info-btn{position: relative;top: 10px;right: inherit;width: 100%;}
	.sc2 .m-info .m-info-txt ul.m-info-btn li{width:calc(100% / 2);}
	.sc2 .m-info .m-info-txt ul.m-info-btn li a{width: 100%;}
	.sc2 .m-info ul.m-info-list{display: inherit;}
	.sc2 .m-info ul.m-info-list li{width: calc(100% / 3);float: left;}
}

@media screen and (max-width:400px) {
	.m-quickmenu ul li{width: calc(100% / 2 - 27px);}
	.m-quickmenu ul li:nth-child(3n){margin-right:40px;}
	.m-quickmenu ul li:nth-child(even){margin-right:0;}
	.popupzone .pzimg-w ul.pzbtn li:first-child{display:none;}
}