.inner{ width: 1360px; margin: 0 auto; }



#main .fixed_visual{ position: fixed; width: 100%; height: 100%; z-index: -1; }
#main .fixed_visual .dots{ width: 881px; height: 881px; position: absolute; }
#main .fixed_visual .dots1{ background: url('/img/main/visual_dots01.png') center center no-repeat;  position: absolute; left: 5%; top: -20%; animation: dots1 10s ease-in-out infinite; }
#main .fixed_visual .dots2{ background: url('/img/main/visual_dots02.png') center center no-repeat; position: absolute; left:10%; bottom: -50%; animation: dots1 10s ease-in-out infinite; animation-delay: 1s; }
#main .fixed_visual .dots3{ background: url('/img/main/visual_dots03.png') center center no-repeat; position: absolute; right: 3%; top: 0%; animation: dots1 10s ease-in-out infinite; animation-delay: 2s; }

#main .main_visual{ height: 970px; position: relative; }
#main .main_visual .inner{ height: 100%; display: flex; align-items: center; justify-content: center; }
#main .main_visual .m_title{ text-align: center; }
#main .main_visual .m_title strong{ display: block; font-size: 58px; font-weight: 800; color:#121A25; }
#main .main_visual .m_title p{ font-size: 40px; color:#2D3C50; margin-top: 20px; }
#main .main_visual .go_btn{ margin-top: 50px; }
#main .main_visual .go_btn a{ display: flex; align-items: center; justify-content: center; width: 300px; height: 60px; border-radius: 12px; border: 2px solid #12E5DB; background-color: #12E5DB; color: #fff;
  line-height: 56px; margin: 0 auto; font-size: 20px; font-weight: 500; transition: color .3s, background .3s, border .3s, box-shadow .3s;
  box-shadow: 15px 15px 30px rgba(168,181,212,0.3);
}
#main .main_visual .go_btn a svg{ margin-left: 8px; }
#main .main_visual .go_btn a svg path{ transition: fill .3s; }
#main .main_visual .go_btn a:hover{ color: #12E5DB; border-color: #12E5DB; background-color: transparent; box-shadow: 0 0 0 rgba(168,181,212,0); }
#main .main_visual .go_btn a:hover svg path{ fill: #12e5db; }
#main .main_visual .scroll{ position: absolute; left: 50%; bottom: 60px; z-index: 1; transform: translate(-50%,0);}
#main .main_visual .scroll strong{ font-size: 16px; font-weight: 500; color: #A5ABB4; margin-bottom: 15px; display: block; }
#main .main_visual .scroll .icon{  }
#main .main_visual .scroll span{display: block; margin: 0 auto; width: 12px; height:12px; border-radius: 3px; background-color: #12E5DB; }
#main .main_visual .scroll span:nth-child(1){ opacity: .1; margin-bottom: -4px; animation: scroll2 1.5s ease-in-out infinite; }
#main .main_visual .scroll span:nth-child(2){ opacity: .5; margin-bottom: -4px; animation: scroll1 1.5s ease-in-out infinite; }



#main .main_visual .m_title strong{ filter: blur(10px); opacity: 0; letter-spacing: 5px; transition: filter 1s, opacity 1s, letter-spacing 1s; }
#main .main_visual.on .m_title strong{ filter: blur(0); opacity: 1; letter-spacing: 0; }

#main .main_visual .m_title p{ filter: blur(10px); opacity: 0; letter-spacing: 5px; transition: filter 1s, opacity 1s, letter-spacing 1s; transition-delay: .3s; }
#main .main_visual.on .m_title p{ filter: blur(0); opacity: 1; letter-spacing: 0; }

#main .main_visual .go_btn{ filter: blur(10px); opacity: 0; transition: filter 1s, opacity 1s; transition-delay: .6s; }
#main .main_visual.on .go_btn{ filter: blur(0); opacity: 1;  }



/* 메인공통 */
#main .con{ margin-bottom: 160px; }
#main .con:last-child{ margin-bottom: 0; }
#main .c_title { margin-bottom: 50px; position: relative; }
#main .c_title .tag{ display: inline-block; padding: 8px 15px; border-radius: 6px; border:1px solid #336DFF; font-size: 18px; font-weight: 500; color:#336DFF; margin-bottom: 20px; }
#main .c_title strong{ font-size: 40px; line-height: 54px; color:#121A25; font-weight: 600; display: block; }
.swiper-slide, swiper-slide{ height: auto; }
.swiper-wrapper{ height: auto; }
#main .c_title .m_btn{ position: absolute; right: 0; bottom: 0; }
#main .c_title .m_btn a{ padding: 18px 47px; font-size: 20px;font-weight: 500; color:#FFFFFF; background-color: #336DFF; border-radius: 12px; display: flex; align-items: center;
  box-shadow: 15px 15px 30px rgba(168,181,212,0.3); transition: box-shadow .3s, border .3s, color .3s, background .3s;
  border: 2px solid #336DFF;
}
#main .c_title .m_btn a:hover{ background-color: transparent; color: #336DFF; box-shadow: 0 0 0 rgba(168,181,212,0); }
#main .c_title .m_btn a svg{ margin-left: 20px; }
#main .c_title .m_btn a svg path{ transition: stroke .3s; }
#main .c_title .m_btn a:hover svg path{ stroke: #336DFF; }


#main .c_title .tag{ filter: blur(10px); opacity: 0; transition: filter 1s, opacity 1s; }
#main .on .c_title .tag{ filter: blur(0); opacity: 1;  }

#main .c_title strong{ filter: blur(10px); opacity: 0; transform: translateX(40px); transition: filter 1s, opacity 1s, transform 1s; }
#main .on .c_title strong{ filter: blur(0); opacity: 1; transform: translateX(0);  }

#main .c_title .m_btn{ filter: blur(10px); opacity: 0; transition: filter 1s, opacity 1s, transform 1s; transition-delay: .3s; }
#main .on .c_title .m_btn{ filter: blur(0); opacity: 1; }




/* con01 */
#main .con01 .wrap{ display: flex; }
#main .con01 .left{ width: 35%; margin-right: 3%; }
#main .con01 .left{ border-radius: 20px; background-color: #fff; box-shadow: 0 0 40px rgba(115,123,145,0.2); overflow: hidden; }
#main .con01 .left > div .img{ overflow: hidden; background-color: #000; }
#main .con01 .left > div .img img{ display: block; width: 100%; transition: transform 1s, opacity 1s; }
#main .con01 .left > div > a:hover .img img{ transform: scale(1.1); opacity: .8; }
#main .con01 .left > div .txt{ padding: 30px; }
#main .con01 .left > div .txt strong{ display: block; font-size: 24px; line-height: 1.5em; color:#121A25; font-weight: 600; word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
}
#main .con01 .left >  div .txt p{ font-size: 18px; line-height: 1.7em; color:#626C79;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#main .con01 .right{ width: 62%; }
#main .con01 .right .publications{ background-color: #0C1B40; border-radius: 20px; padding: 30px; box-shadow: 0 0 40px rgba(149,165,206,0.2) }
#main .con01 .right .info{ margin-bottom: 20px; display: flex; align-items: center; position: relative; justify-content: space-between; }
#main .con01 .right .info > strong{ display: block; font-size: 22px; font-weight: 700; color:#FFFFFF; }
#main .con01 .right .info .swiper-pagination{ position: absolute; right: 70px; top: 50%; transform: translate(0,-50%); width: auto; bottom: auto; left: auto; display: flex; }
#main .con01 .right .info .swiper-pagination-bullet{ margin-left: 0; border-radius: 3px; width: 12px; height: 12px; background-color: rgba(255,255,255,0.2); opacity: 1; margin-right: 10px; }
#main .con01 .right .info .swiper-pagination-bullet:last-child{ margin-right: 0; }
#main .con01 .right .info .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #fff; }
#main .con01 .right .p_slide{ overflow: hidden; }
#main .con01 .right .p_slide .swiper-slide a img{ border-radius: 8px; width: 100%; }

#main .con01 .right .recognition{ margin-top: 40px; background-color: #38476D; border-radius: 20px; padding: 30px; box-shadow: 0 0 40px rgba(149,165,206,0.2); padding-bottom: 0; padding-right: 0; padding-left: 0; }
#main .con01 .right .recognition .info{ padding: 0 30px; }
#main .con01 .right .recognition .info .swiper-pagination{ right: 30px; }
#main .con01 .right .r_slide .swiper-slide{ width: auto; }
#main .con01 .right .r_slide .swiper-slide a img{ display: block; border-radius: 8px; max-width: 100%; }
#main .con01 .right .r_slide{ overflow: hidden; margin-left: 30px; }
#main .con01 .right .r_slide .swiper-slide{ opacity: 0.3 !important; }
#main .con01 .right .r_slide .swiper-slide.swiper-slide-active{ opacity: 1 !important; }


#main .con01 .right .r_slide2{ background-color: #000D2E; padding: 25px 30px; border-radius: 0 0 20px 20px; margin-top: 40px; }
#main .con01 .right .r_slide2 .box strong{ display: block; font-size: 18px; font-weight: 400; color:#FFFFFF; }
#main .con01 .right .r_slide2 .swiper-slide{ opacity: 0 !important; }
#main .con01 .right .r_slide2 .swiper-slide.swiper-slide-active{ opacity: 1 !important; }

#main .con01 .trust { margin-top: 120px; }
#main .con01 .trust > strong{ margin-bottom: 50px; display: block; text-align: center;  font-size: 40px; font-weight: 600; color:#121A25; }
#main .con01 .trust .wrap{ box-shadow: 0 0 40px rgba(149,165,206,0.2); background-color: #fff; border-radius: 20px; padding: 20px 0; overflow: hidden; }
#main .con01 .trust .wrap .t_slide2{ width: 100%; }
#main .con01 .trust .wrap .track_w{ position: relative; height: 80px; width: 100%; margin-bottom: 20px; }
#main .con01 .trust .wrap .track_w:last-child{ margin-bottom: 0; }
#main .con01 .trust .wrap .track_w .track > ul{ display: flex;  }
#main .con01 .trust .wrap .track_w .track > ul > li{ margin-right: 20px; }
#main .con01 .trust .wrap .track_w .track{ display: flex; animation: marquee 50s linear infinite; position: absolute; left: 0; }
#main .con01 .trust .wrap .track_w .track2{ display: flex; animation: marquee2 50s linear infinite; right: 0; left: auto; }
#main .con01 .trust .wrap .track_w .track > ul > li : img{ display: block; }

#main .con02{ background-color: #F9FAFB; padding: 160px 0; }
#main .con02 .wrap{ display: flex; }
#main .con02 .wrap .img_slide{ width: 61%; margin-right: 40px; overflow: hidden;
  border-radius: 20px; box-shadow: 20px 20px 40px rgba(193,202,225,0.2);
}
#main .con02 .wrap .img_slide .swiper-slide img{ width: 100%; display: block; border-radius: 20px; }
#main .con02 .wrap .txt_slide{ width: 39%; }
#main .con02 .wrap .txt_slide{ background-color: #19284E; border-radius: 20px; padding: 50px 40px; position: relative; }
#main .con02 .wrap .txt_slide .box{ height: 100%; display: flex; flex-flow: column; }
#main .con02 .wrap .txt_slide .box .wrap2{ height: 100%; }
#main .con02 .wrap .txt_slide .box .wrap2 strong{ display: block; font-size: 24px; font-weight: 600; color:#FFFFFF; margin-bottom: 30px; }
#main .con02 .wrap .txt_slide .box .wrap2 ul li{ padding-left: 10px; font-size: 18px; line-height: 30px; color:#D0D8EB; position: relative; margin-bottom: 20px; }
#main .con02 .wrap .txt_slide .box .wrap2 ul li:last-child{ margin-bottom: 0; }
#main .con02 .wrap .txt_slide .box .wrap2 ul li:after{ content:""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #D0D8EB; position: absolute; left: 0; top: 13px; }
#main .con02 .wrap .txt_slide .swiper-slide{ opacity: 0 !important; }
#main .con02 .wrap .txt_slide .swiper-slide.swiper-slide-active{ opacity: 1 !important; }

#main .con02 .wrap .txt_slide .swiper-pagination{ position: absolute; left: 40px; bottom: 60px; width: auto; }
#main .con02 .wrap .txt_slide .swiper-pagination-bullet{ margin-left: 0; border-radius: 3px; width: 12px; height: 12px; background-color: rgba(255,255,255,0.2); opacity: 1; margin-right: 10px; }
#main .con02 .wrap .txt_slide .swiper-pagination-bullet:last-child{ margin-right: 0; }
#main .con02 .wrap .txt_slide .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #fff; }

#main .con02 .wrap .txt_slide .control{ position: absolute; right: 40px; bottom: 40px; display: flex;  }
#main .con02 .wrap .txt_slide .swiper-button-prev{ width: 52px; height:52px; position: static; margin:0; margin-right: 10px; }
#main .con02 .wrap .txt_slide .swiper-button-next{ width: 52px; height:52px; position: static; margin:0; }
#main .con02 .wrap .txt_slide .swiper-button-next:after, #main .con02 .wrap .txt_slide .swiper-button-prev:after{ display: none; }
#main .con02 .wrap .txt_slide .control svg circle{ transition: fill .3s; }
#main .con02 .wrap .txt_slide .control > div:hover svg circle{ fill: #336DFF; }



#main .con03 .list{ display: flex; }
#main .con03 .list > div{ width: 33.3333333%; margin-right: 40px; height: 500px; position: relative; padding: 60px 40px;
  background-color: #FFFFFF; border-radius: 20px; box-shadow: 0 0 40px rgba(149,165,206,0.2); cursor: pointer;  display: flex; flex-flow: column; justify-content: space-between;
  transition: width .6s, background .4s;
}
#main .con03 .list > div strong{ font-size: 32px; line-height: 46px; color: #121A25; font-weight: 600; display :block; transition: color .3s; }
#main .con03 .list > div:last-child{ margin-right: 0; }
#main .con03 .list > div .plus{ position: absolute; left: 40px; bottom: 60px; transition: opacity .3s; }
#main .con03 .list > div p{ font-size: 18px; line-height: 32px; color: #D0D8EB; opacity: 0; transition: opacity .3s; }
#main .con03 .list > div:nth-child(1).on{ background: url('/img/main/con03_bg01.jpg') center center no-repeat; background-size: cover; }
#main .con03 .list > div:nth-child(2).on{ background: url('/img/main/con03_bg02.jpg') center center no-repeat; background-size: cover; }
#main .con03 .list > div:nth-child(3).on{ background: url('/img/main/con03_bg03.jpg') center center no-repeat; background-size: cover; }

/* #main .con03 .list > div:nth-child(1){ width: 70%; }
#main .con03 .list > div:nth-child(1){ background: url('/img/main/con03_bg01.jpg') center center no-repeat; background-size: cover; }
#main .con03 .list > div:nth-child(1) p{ opacity: 1; }
#main .con03 .list > div:nth-child(1) .plus{ opacity: 0; }
#main .con03 .list > div:nth-child(1) strong{ color: #fff; }
#main .con03 .list > div:nth-child(1) strong br{ display: none; } */

#main .con03 .list > div.on p{ opacity: 1;  transition-delay: .5s; }
#main .con03 .list > div.on{ width: 70%; }
#main .con03 .list > div.on .plus{ opacity: 0; }
#main .con03 .list > div.on strong br{ display: none; }
#main .con03 .list > div.on strong{color: #fff; }




#main .con04 .list{ display: flex; }
#main .con04 .list > div{ width: 33%; margin-right: 40px; }
#main .con04 .list > div:last-child{ margin-right: 0; }
#main .con04 .list > div{ border-radius: 20px; background-color: #fff; box-shadow: 0 0 40px rgba(115,123,145,0.2); overflow: hidden; }
#main .con04 .list > div .img{ overflow: hidden; background-color: #000; }
#main .con04 .list > div .img img{ display: block; width: 100%; transition: transform 1s, opacity 1s; }
#main .con04 .list > div > a:hover .img img{ transform: scale(1.1); opacity: .8; }
#main .con04 .list > div .txt{ padding: 30px; }
#main .con04 .list > div .txt strong{ display: block; font-size: 24px; line-height: 1.5em; color:#121A25; font-weight: 600; word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
}
#main .con04 .list > div .txt p{ font-size: 18px; line-height: 1.7em; color:#626C79;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#main .con05{ padding-left: 50px; padding-right: 50px; border-radius: 20px; height: 440px; overflow: hidden; position: relative; }
#main .con05 .wrap{ width: 100%; height: 100%; position: relative; border-radius: 20px; position: relative; overflow: hidden; }
#main .con05 .wrap .bg{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
#main .con05 .wrap .bg:after{ content:""; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); position: absolute; left: 0; top: 0; z-index: 10; }
#main .con05 .wrap .bg .videobcg{ display: block; min-height: 100vh; min-width: 100vw; object-fit: fill; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
#main .con05 .wrap .txt{ position: absolute; left: 0; top: 50%; transform: translate(0,-50%); z-index: 11; text-align: center; width: 100%; }
#main .con05 .wrap .txt strong{ font-size: 40px; font-weight: 600; color:#FFFFFF; display: block; margin-bottom: 30px; }
#main .con05 .wrap .txt .go_b a{ display: block; margin: 0 auto; width: 176px; height: 48px; line-height: 44px; color:#FFFFFF; background-color: #19284E; border: 2px solid #19284E;
  text-align: center; border-radius: 8px; transition: color .3s, background .3s, border .3s;
}
#main .con05 .wrap .txt .go_b a:hover{ border: 2px solid #fff; background-color: transparent; }
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes marquee2 {
  from { transform: translateX(0); }
  to { transform: translateX(50%); }
}


@keyframes track {
  100%{
    transition:
  }
}


@keyframes scroll1 {
  100%{
    transform: translateY(8px);
  }
}

@keyframes scroll2 {
  100%{
    transform: translateY(16px);
  }
}

@keyframes dots1 {
  50%{
    transform: translateY(50px);
  }
  100%{
    transform: translateY(0);
  }
}








/* 효과 */

#main .con01 .left{ transform: translateY(40px); opacity: 0; filter: blur(10px); transition: transform 1s, opacity 1s, filter 1s; transition-delay: .3s; }
#main .con01.on .left{ transform: translateY(0); opacity: 1; filter: blur(0); }

#main .con01 .publications{ transform: translateY(40px); opacity: 0; filter: blur(10px); transition: transform 1s, opacity 1s, filter 1s; transition-delay: .6s; }
#main .con01.on .publications{ transform: translateY(0); opacity: 1; filter: blur(0); }

#main .con01 .recognition{ transform: translateY(40px); opacity: 0; filter: blur(10px); transition: transform 1s, opacity 1s, filter 1s; transition-delay: .8s; }
#main .con01.on .recognition{ transform: translateY(0); opacity: 1; filter: blur(0); }

#main .con01 .trust{ transform: translateY(40px); opacity: 0; filter: blur(10px); transition: transform 1s, opacity 1s, filter 1s; transition-delay: 1.1s; }
#main .con01.on .trust{ transform: translateY(0); opacity: 1; filter: blur(0); }

#main .con02 .wrap{ transform: translateY(40px); opacity: 0; filter: blur(10px); transition: transform 1s, opacity 1s, filter 1s; transition-delay: .3s; }
#main .con02.on .wrap{ transform: translateY(0); opacity: 1; filter: blur(0); }

#main .con03 .list{ transform: translateY(40px); opacity: 0; filter: blur(10px); transition: transform 1s, opacity 1s, filter 1s; transition-delay: .3s; }
#main .con03.on .list{ transform: translateY(0); opacity: 1; filter: blur(0); }

#main .con04 .list{ transform: translateY(40px); opacity: 0; filter: blur(10px); transition: transform 1s, opacity 1s, filter 1s; transition-delay: .3s; }
#main .con04.on .list{ transform: translateY(0); opacity: 1; filter: blur(0); }

#main .con05 .wrap .txt strong{ transform: translateY(40px); opacity: 0; filter: blur(10px); transition: transform 1s, opacity 1s, filter 1s; transition-delay: 0; }
#main .con05.on .wrap .txt strong{ transform: translateY(0); opacity: 1; filter: blur(0); }

#main .con05 .wrap .txt .go_b{ transform: translateY(40px); opacity: 0; filter: blur(10px); transition: transform 1s, opacity 1s, filter 1s; transition-delay: .2s; }
#main .con05.on .wrap .txt .go_b{ transform: translateY(0); opacity: 1; filter: blur(0); }


  html, body{ overflow-x: hidden; }



@media (max-width: 1380px){

  .inner{ width: 100%; padding: 0 20px; }
  #main .con03 .list > div p{ font-size: 16px; line-height: 1.5em; }
  #main .fixed_visual .dots{ width: 600px; height: 600px; background-size: 100%; }
}

@media (max-width: 1280px){
  #main .main_visual .m_title strong{ font-size: 42px; }
  #main .main_visual .m_title p{ font-size: 28px; }
  #main .main_visual .go_btn a{ width:210px; height: 50px; line-height: 46px; font-size: 16px; }
  #main .main_visual .go_btn a svg{ margin-left: 6px; width: 14px; height: auto; }
  #main .main_visual{ height: 800px; }
  #main .c_title strong{ font-size: 28px; line-height: 1.5em; }
  #main .c_title .tag{ font-size: 14px; padding: 6px 12px; margin-bottom: 10px; }
  #main .c_title{ margin-bottom: 30px; }
  #main .con01 .right .recognition{ margin-top: 20px; }
  #main .con01 .left > div .txt strong{ font-size: 18px; margin-bottom: 10px; }
  #main .con01 .left > div .txt p{ font-size: 14px; }
  #main .con01 .right .r_slide2 .box strong{ font-size: 14px; }
  #main .con01 .right .info > strong{ font-size: 18px; }
  #main .con01 .right .r_slide2{ padding: 15px 30px; margin-top: 30px; }
  #main .con01 .right .info{ margin-bottom: 10px; }
  #main .con01 .trust > strong{ font-size: 28px; margin-bottom: 30px; }
  #main .con01 .trust .wrap .track_w .track > ul > li img{ width: 140px; }
  #main .con01 .trust .wrap .track_w{ height: 56px; }
  #main .c_title .m_btn a{ padding:14px 30px; font-size: 16px; }
  #main .con02 .wrap .txt_slide .box .wrap2 ul li{ font-size: 14px; line-height: 1.5em; }
  #main .con02 .wrap .txt_slide .box .wrap2 ul li:after{ top: 8px; }
  #main .con02 .wrap .txt_slide .box .wrap2 strong{ font-size: 18px; margin-bottom: 15px; }
  #main .con02 .wrap .txt_slide .box .wrap2 ul li{ margin-bottom: 10px; }
  #main .con03 .list > div strong{ font-size: 24px; line-height: 1.5em; }
  #main .con04 .list > div .txt strong{ font-size: 18px; line-height: 1.5em; margin-bottom: 10px; }
  #main .con04 .list > div .txt p{ font-size: 14px; }
  #main .con05 .wrap .txt strong{ font-size: 24px; margin-bottom: 15px; }
  #main .con05 .wrap .txt .go_b a{ width: 140px; height: 42px; line-height: 38px; }
  #main .con05{ padding-left: 20px; padding-right: 20px; }
  #main .main_visual .go_btn{ margin-top: 30px; }
  #main .main_visual .m_title p{ margin-top: 10px; }
  #main .con{ padding-top: 100px; }
  #main .con{ margin-bottom: 100px; }
  #main .con04{ padding-top: 0 !important; }
  #main .con02{ padding: 100px 0; margin-bottom: 0; }
  #main .con01 .trust{ margin-top: 80px; }
}

@media (max-width: 980px){
  #main .main_visual .m_title strong{ font-size: 32px; }
  #main .main_visual .m_title p{ font-size: 22px; }
  #main .main_visual .scroll strong{ font-size: 13px; margin-bottom: 5px; }
  #main .main_visual .go_btn a{ font-size: 14px; }
  #main .c_title strong{ font-size: 20px; }
  #main .con{ margin-bottom: 60px; padding-top: 60px; }
  #main .con02{ padding: 60px 0; margin-bottom: 0; }
  #main .con04 .list > div{ margin-right: 20px; }
  #main .c_title .m_btn a{ padding: 8px 20px; font-size: 14px; border-radius: 6px; }
  #main .c_title .m_btn a svg{ margin-left: 6px; width: 6px; height: auto;}
  #main .con02 .wrap .img_slide{ margin-right: 20px; }
  #main .con02 .wrap .txt_slide{ padding: 30px; }
  #main .con01 .right .info .more_b svg{ width: 26px; height: 26px; }
  #main .con01 .right .info .swiper-pagination-bullet{ width: 8px; height: 8px; border-radius: 2px; }
  #main .con01 .right .info .swiper-pagination-bullet{ margin-right: 4px; }
  #main .con01 .right .info .swiper-pagination{ right: 40px; }
  #main .con01 .left > div .txt{ padding: 20px; }
  #main .con02 .wrap .txt_slide .swiper-button-prev{ width: 26px; height: 26px; }
  #main .con02 .wrap .txt_slide .swiper-button-next{ width: 26px; height: 26px; }
  #main .con02 .wrap .txt_slide .swiper-button-prev svg{ width: 26px; height: 26px; }
  #main .con02 .wrap .txt_slide .swiper-button-next svg{ width: 26px; height: 26px; }
  #main .con02 .wrap .txt_slide .control{ right: 30px; bottom: 30px; }
  #main .con02 .wrap .txt_slide .swiper-pagination{ left: 30px; bottom:40px;  }
  #main .con02 .wrap .txt_slide .swiper-pagination-bullet{ width: 8px; height: 8px; border-radius: 2px; }
  #main .con02 .wrap .txt_slide .swiper-pagination-bullet{ margin-right: 4px; }
  #main .con02 .wrap .txt_slide .box .wrap2 ul li br{ display: none; }
  #main .con02 .wrap .txt_slide .box .wrap2 ul li{ font-size: 12px; }
  #main .con02 .wrap .txt_slide .box .wrap2 ul li:after{ top: 7px; }
  #main .con03 .list > div{ margin-right: 20px; }
  #main .con03 .list > div p{ font-size: 13px; word-break: keep-all; }
  #main .con03 .list > div p br{ display :none; }
  #main .con04 .list > div .txt{ padding: 20px; }
  #main .con05{ height: 300px; }
}


@media (max-width: 800px){
  #main .main_visual .m_title strong{ font-size: 24px; }
  #main .main_visual .m_title p{ font-size: 18px; }
  #main .main_visual .go_btn a{ width:180px; height: 42px; line-height: 38px; font-size: 14px; border-radius: 8px; }
  #main .con01 .wrap{ flex-flow: column; }
  #main .con01 .left{ width: 100%; margin-right: 0; margin-bottom: 20px; }
  #main .con01 .right{ width: 100%;  }
  #main .con01 .right .publications{ padding: 20px; border-radius: 12px; }
  #main .con01 .right .recognition{ padding-top: 20px; border-radius: 12px; }
  #main .con01 .right .r_slide2{ border-radius: 0 0 12px 12px; }
  #main .con01 .right .recognition .info{ padding: 0 20px; }
  #main .con01 .right .r_slide{ margin-left: 20px; }
  #main .con01 .right .r_slide2{ margin-top: 20px; }
  #main .con01 .trust .wrap .track_w .track > ul > li img{ width: 90px; }
  #main .con01 .trust .wrap .track_w{ height: 36px; margin-bottom: 10px; }
  #main .con01 .trust{ margin-top: 40px; }
  #main .con01 .trust > strong{ font-size: 20px; margin-bottom: 15px; }
  #main .con01 .left{ border-radius: 12px; }
  #main .con02 .wrap { flex-flow: column; }
  #main .con02 .wrap .img_slide .swiper-slide img{ border-radius: 12px; }
  #main .con02 .wrap .img_slide{ width: 100%; margin-right: 0; }
  #main .c_title .m_btn{ position: static; margin-top: 10px; }
  #main .c_title .m_btn a{ display: inline-block;  }
  #main .c_title{ margin-bottom: 20px; }
  #main .con02 .wrap .txt_slide{ width: 100%; border-radius: 12px; height: 250px; margin-top: 10px; }
  #main .con03 .list{ flex-flow: column; }
  #main .con03 .list > div{ width: 100%; margin-bottom: 10px; }
  #main .con03 .list > div:last-child{ margin-bottom: 0; }
  #main .con03 .list > div:hover{ width: 100%; }
  #main .con03 .list > div{ height: 200px; padding: 30px; }
  #main .con03 .list > div strong br{ display: none; }
  #main .con03 .list > div .plus{ left: 30px; bottom: 30px; }
  #main .con03 .list > div strong{ font-size: 18px; }
  #main .con04 .list { flex-flow: column; }
  #main .con04 .list > div{ margin-right: 0; width: 100%; margin-bottom: 20px; }
  #main .con04 .list > div:last-child{ margin-bottom: 0; }
  #main .con04 .list > div .txt strong{ font-size: 15px; line-height: 1.5em; margin-bottom: 5px; }
  #main .con04 .list > div .txt p{ font-size: 12px; }
  #main .con05 .wrap{ border-radius: 12px; }
  #main .con05 .wrap .txt strong{ font-size: 20px; }
  #main .con05 { height: 250px; }
}