@charset "utf-8";
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 10ms;
}



#top_lang{border-bottom: 1px solid #eee;   }   
#top_lang .inr{  width: 90%;
    max-width: 1300px;
    padding: 10px 20px;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    margin: 0 auto;}
#top_lang .inr a{color: #333; position: relative}
#top_lang .inr a:before{content: "";     position: absolute;width: 1px; height: 10px; background: #999; top:5px; left: 43px;}
#top_lang .inr a:last-child:before{display: none}
#top_lang .inr a:hover{font-weight: bold;}

/*상단 로그인, 회원가입 추가*/
#tnb{border-bottom: 1px solid #ddd;   z-index: 9999999999999;    position: relative;}
#tnb ul{display: flex;    align-items: center;    justify-content: flex-end;    padding: 20px;   width: 90%;    max-width: 1300px;       margin: 0 auto; gap: 10px;}
#tnb ul .bar{margin: 0 10px;}
.cont_main {width:100%; overflow:hidden; padding-top:100px;}

.m_con { margin:0 auto; display:flex; flex-wrap:wrap; overflow:hidden; }
.visualzone {background:#ddd;}
.m_con .left { width:100%; position:relative;}
.m_con .left h2 {position:absolute; left:70px; bottom:70px; z-index:11;}
.m_con .left .item {height:620px; position:relative;}
.m_con .left .item:before {content:''; display:block;  position:absolute; left:0; top:0; right:0; bottom:0;background:url(../images/main/visual01.png) no-repeat center top; 
transition: 1s ease-in-out; transform: scale(1.16);  filter:brightness(0.5) grayscale(100%) contrast(0.9); opacity:0;  border-radius:0 110px 110px 0; overflow:hidden;}
.m_con .left .item.n2:before {background-image:url(../images/main/visual02.png);} 
.m_con .left .slick-active .item:before {transform:scale(1);  filter:brightness(1) grayscale(0%) contrast(1); opacity:1; width:100%; border-radius:0; transition: 1s ease-in-out;}
.m_con .left .nav {position:absolute ;right:0; bottom:-2px; display:flex;}
.m_con .left .nav .count {line-height:70px; margin-right:20px;}
.m_con .left .nav .count em {font-size:16px;}
.m_con .left .nav .count span {font-size:12px;}
.m_con .left .nav button {width:70px; height:70px; background:#222; color:#fff; text-align:center; line-height:70px; font-size:15px;}
.m_con .left .nav button.next {background:#fff; color:#333;}
.m_con .right {width:400px; background:#3a60b8 url(../images/main/right_bg.png) no-repeat right 78px; }
.m_con .right .top { height:440px; padding:50px;}
.m_con .right .top .tabs { display:flex; flex-wrap:wrap; margin-bottom:28px;}
.m_con .right .top .tabs li a {display:block; font-size:24px; color:#fff; opacity:.6; margin-right:54px;}
.m_con .right .top .tabs li a.on {font-weight:bold; opacity:1;}
.m_con .right .panelWrap {visibility:hidden; height:0; opacity:0; transition:0s; transform:translateX(30px);}
.m_con .right .panelWrap.on {visibility:visible; height:auto; opacity:1; transition: 0.5s; transition-delay: 0.2s; transform:translateX(0px);}
.m_con .right .panelWrap#tab1 .item {  position:relative; height:252px;}



.m_con .right .panelWrap#tab1 .item a {display:block; position:relative;}
.m_con .right .panelWrap#tab1 .item a:before {content:''; display:block; position:absolute; left:74px; right:0; bottom:8px; height:1px; background:#fff; transition: 0.3s ease-in-out; opacity:.3;}
.m_con .right .panelWrap#tab1 .item a .tit { display:block; height:90px; border:1px solid rgba(255,255,255,0.2); display:flex; padding:20px 25px 20px 20px;align-items: center; position:relative; transition:0.3s ease-in-out; color:#fff; }
.m_con .right .panelWrap#tab1 .item a .tit span { overflow: hidden; line-height:1.25; height:2.5em; color:#222; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:18px; color:#fff; }
.m_con .right .panelWrap#tab1 .item a .tit em {position:absolute; right:13px; bottom:13px; width:22px; height:22px; text-align:center; line-height:22px; color:#fff; background:#fa5f52; border-radius:50px; font-size:13px;}
.m_con .right .panelWrap#tab1 .item a .txt {overflow: hidden; line-height:1.4; height:4.2em;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size:17px; font-weight:300; margin:20px 0 50px; color:#fff; opacity:.8; }
.m_con .right .panelWrap#tab1 .item a .date {font-size:15px; position:relative; z-index:2; padding-right:10px; color:#fff; opacity:.5;}



.m_con .right .panelWrap#tab2 .item {  position:relative; height:252px; }

.m_con .right .panelWrap#tab2 .item a {display:block; position:relative;}
.m_con .right .panelWrap#tab2 .item a:before {content:''; display:block; position:absolute; left:74px; right:0; bottom:8px; height:1px; background:#fff; transition: 0.3s ease-in-out; opacity:.3;}
.m_con .right .panelWrap#tab2 .item a .img {display:block; overflow:hidden; height:160px; width:100%;}
.m_con .right .panelWrap#tab2 .item a .img img {width:100%; height:auto;}
.m_con .right .panelWrap#tab2 .tit { font-size:17px; color:#fff; opacity:.8; margin:20px 0 32px; display:block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.m_con .right .panelWrap#tab2 .item a .date {font-size:15px; position:relative; z-index:2; padding-right:10px; color:#fff; opacity:.5;}


.m_con .right .panelWrap .nav ul {display:flex; justify-content: center; margin-top:29px;}
.m_con .right .panelWrap .nav ul li button { display:block; width:10px; height:10px; overflow:hidden; text-indent:-99px; font-size:0; background:#fff; border-radius:50%; opacity:.3; margin:0 8px;}
.m_con .right .panelWrap .nav ul li.slick-active button {opacity:1;}


.m_con .right .fac_btn { color:#fff; display:block; height:180px; background:#00b2b0; display:flex; align-items: center; padding:0 50px; position:relative; transition: 0.3s;}
.m_con .right .fac_btn:hover { color:#ffdd62; font-weight:600; background:#009fb2;}
.m_con .right .fac_btn:before {content:''; display:block; width:80px; height:80px; background:url(../images/main/fac_ico.png) no-repeat; margin-right:22px; transition: 0.3s;}
.m_con .right .fac_btn:hover:before {transform: rotateY(180deg);}
.m_con .right .fac_btn:after {content:''; display:block; width:17px; height:9px; background:url(../images/main/cursor.png) no-repeat; margin-left:56px;}

/*메인슬라이드*/

   .swiper {      width: 100%;      height: 100%;    }
    .swiper-slide {      text-align: center;      font-size: 18px;      background: #fff;      display: flex;      justify-content: center;      align-items: center;    }    .swiper-slide img {      display: block;      width: 100%;      height: 100%;      object-fit: cover;    }

/*.swiper-wrapper .bg1{background:url(../images/main/bg21.jpg) no-repeat center/cover ; height: 650px; }
.swiper-wrapper .bg2{background:url(../images/main/bg11.jpg) no-repeat center/cover ; height: 650px;}
.swiper-wrapper .bg3{background:url(../images/main/bg44.jpg) no-repeat center/cover ; height: 650px;}
.swiper-wrapper .bg4{background:url(../images/main/bg22.jpg) no-repeat center/cover ; height: 650px;}*/

.swiper-wrapper .bg1{background:url(../images/main/bg_01.jpg) no-repeat center/cover ; height: 650px; }
.swiper-wrapper .bg2{background:url(../images/main/bg_02.jpg) no-repeat center/cover ; height: 650px;}
.swiper-wrapper .bg3{background:url(../images/main/bg44.jpg) no-repeat center/cover ; height: 650px;}
.swiper-wrapper .bg4{background:url(../images/main/bg_03.jpg) no-repeat center/cover ; height: 650px;}




.swiper-wrapper .bg_text{color:#fff;text-align: left;    margin: 150px 0px 0 150px; z-index:2; position: relative}
.swiper-wrapper .bg_text p{font-size: 30px;    font-family: 'S-CoreDream-5Medium';}
.swiper-wrapper .bg_text h2{margin-bottom: 30px;    font-size: 70px;    font-family: 'S-CoreDream-9Black';}
.swiper-wrapper .bg_text h3{font-size: 25px;    font-family: 'S-CoreDream-5Medium';  margin-bottom: 25px;}
.swiper-wrapper .bg_text a{border:1px solid #fff; padding: 10px 30px; color: #fff}
.swiper-wrapper .bg_text a:hover{background: #fff; color: #000}

.swiper-wrapper .bg1 .bg_text, 
.swiper-wrapper .bg4 .bg_text{color: #333}

.swiper-wrapper .bg1 .bg_text a, 
.swiper-wrapper .bg4 .bg_text a{border:1px solid #333; padding: 10px 30px; color: #333}

.swiper-wrapper .bg4 .bg_text a:hover,
.swiper-wrapper .bg4 .bg_text a:hover{background: #333; color: #fff}

.swiper-wrapper .swiper-pagination .swiper-pagination-bullet{width: 50px;    height: 5px;    border-radius: 0;}
.swiper-pagination-bullet-active{background:#fce36e;}




.idx_rs{background:#fce36e;color:#000; width:100%; position:relative; z-index:10; line-height:40px}
.idx_rs:after {display:block;visibility:hidden;clear:both;content:"";}

.idx_rs_box{position:relative; width:95%; max-width:1280px; margin:0 auto; padding: 20px 0; overflow:hidden; display: flex;    justify-content: space-between; align-items: center;}

.idx_rs_box h2{font-size:20px; font-weight:500; font-size:1.231em}
.idx_rs_box .online-btn{font-size: 30px;    font-weight: 800;    letter-spacing: -1px}

.idx_rs_box .online-btn span{font-size: 17px; padding-right: 10px; letter-spacing:-0.5px; font-weight:600; text-align: center;
    display: block;
    line-height: 15px;}

.idx_rs .online-btn a{color: #000;     font-size: 30px;}



    .idx_rs h2 i{margin-right:8px}
    .idx_rs .tel{font-size:1.231em;font-weight:900}
   


.idx_con{width:95%; margin: 0 auto; max-width:1280px;}
.idx_con ul{display:flex; border-left:1px solid #f1f1f1}
.idx_con li{flex:1; position:relative; /*padding:5% 1% 0 1%;*/ padding:100px 0; text-align:center; border-right:1px solid #f1f1f1}
.idx_con li::before{content:""; position:absolute; left:50%; top:0; width:100%; height:100%; transform:translateX(-50%);}
.idx_con li:nth-child(2)::before{background:url("../images/main/layout_icon055.png") center top 50px no-repeat;}
.idx_con li:nth-child(1)::before{background:url("../images/main/layout_icon01.png") center top 50px no-repeat;}
.idx_con li:nth-child(3)::before{background:url("../images/main/layout_icon06.png") center top 50px no-repeat;}
.idx_con li:nth-child(4)::before{background:url("../images/main/layout_icon04.png") center top 50px no-repeat;}

.idx_con li h2{padding-top:100px; color:#267644; font-size:28px;}
.idx_con li p{margin-top:20px; margin-bottom:29%; color:#333;font-size:15px;line-height:1.5em;font-weight:500; word-break:keep-all;}
.idx_con li a{position:absolute; bottom:35px; left:50%; padding:5px 10px; color:#fff; background:#77c759; border-radius:3px;
   transform:translateX(-50%); transition:.5s;}

.idx_con li a:hover{  color:#508b3a; font-size:17px; font-weight:500; color:#fff;}

   
/* service */
.service{width:100%; padding:80px 0; background:#fdf5ef;}
.service_box{width:95%; max-width:1280px; margin:0 auto; overflow:hidden;}

.service_box .science{position:relative; float:left; width:33%; max-width:420px; margin-right:3%; background:url("../images/main/Science_img.jpg?ver=4") center no-repeat; background-size:cover;}
.service_box .science::before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(155deg, #eaeaea 20%, transparent);}
.service_box .science a{position:relative; display:block; height:436px; padding:30px 30px 83.5% 30px;}
.service_box .science a::before{content:""; position:absolute; right:30px; bottom:25px; width:5px; height:26px; transform:rotate(90deg); background:#fff;}
.service_box .science a::after{content:""; position:absolute; right:20px; bottom:36px; width:26px; height:5px; transform:rotate(90deg); background:#fff;}

.service_box .science a h2{margin-bottom:30px; font-size:30px; color:#000f; font-weight:600;}
.service_box .science a p{font-size:17px ;color:#000; line-height:160%; word-break:keep-all;}

.service_box .science:hover::before{background:linear-gradient(155deg, rgba(0,0,0,0.3) 100%, transparent);  }
.science:hover a h2, .science:hover a p { color: #fff}


.service_box .board_box{float:right; width:64%; max-width:830px; overflow:hidden;     display: flex;}

.service_box .board_box .notice{float:left; width:48%; margin-right:3%; margin-bottom:30px; max-width:400px; min-height:353px; background:#fff;}
.service_box .board_box .notice ul li a{display:block;}
.service_box .board_box .notice ul li a p{display:block;}

.service_box .board_box .reference{/*float:right; width:48%; max-width:400px;*/ width: 50%; min-height:353px; margin-bottom:30px; background:#fff;}

.service_box  .quick_box{clear:both; position:relative; width:100%;padding: 50px;        background: #ffe467 url(../images/main/huwon_img01_241122.png) no-repeat 100% 40%; border-radius: 20px}
/*.service_box .board_box .quick_box::before{content:""; position:absolute; left:0; top:0; width:100%; height:94%; background:#fdf3e2; z-index:0;}*/
.service_box  .quick_box h3 {font-size: 1.8em;    margin-bottom: 16px;    line-height: 1;    letter-spacing: -0.06em;}

.service_box  .quick_box  .txt1 { display: block;}
.service_box  .quick_box  .txt2 { font-size: 18px;    font-weight: 600;    display: block;    margin-top: 15px;}
.service_box  .quick_box .ex_txt {position: relative; padding: 26px 20px 20px 76px; background: rgba(250,250,250,0.5); margin-top: 30px; min-height: 50px; border-radius: 10px;}

.service_box  .quick_box em {    width: 40px;    height: 40px;    border-radius: 40px;    background: #ff4343;    color: #fff;    text-align: center;
    line-height: 40px;    position: absolute;    left: 20px;    top: 14px;    font-size: 24px;    font-weight: 600;}

.service_box  .quick_box .txt2 i {    display: inline-block;    width: 40px;    height: 40px;    line-height: 40px;    text-align: center;    background: #fff;
    border-radius: 3px;    margin-right: 13px;}

.service_box .board_box .quick_box h2{font-size:22px}
.service_box .board_box .quick_box ul{display:flex; position:relative; padding-bottom:10px;}
.service_box .board_box .quick_box ul li{flex:1; padding:30px 0 20px 0; text-align:center; transition:.5s;}
.service_box .board_box .quick_box ul li a{display:block; padding-top:80px; font-size:17px; font-weight:500; color:#000000;}
.service_box .board_box .quick_box ul li:nth-child(1) a{background:url("../images/main/quick_icon01.png") center top no-repeat;}
.service_box .board_box .quick_box ul li:nth-child(2) a{background:url("../images/main/quick_icon02.png") center top no-repeat;}
.service_box .board_box .quick_box ul li:nth-child(3) a{background:url("../images/main/quick_icon05.png") center top no-repeat;}
.service_box .board_box .quick_box ul li:nth-child(4) a{background:url("../images/main/quick_icon03.png") center top no-repeat;}
.service_box .board_box .quick_box ul li:nth-child(5) a{background:url("../images/main/quick_icon04.png") center top no-repeat;}

.service_box .board_box .quick_box ul li:hover{box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
.service_box .board_box .quick_box ul li:last-child:hover{box-shadow:-5px 5px 5px rgba(0,0,0,0.2);}


.lt_wr {    position: relative;}
.lt_wr h2 {    padding: 18px 30px;    font-size: 30px;    color: #333;    font-weight: bold;    letter-spacing: -1px;   /* border-bottom: 1px solid #ddd;*/}
.lt_wr ul {    padding: 30px;    list-style: none;}
.lt_wr li {    position: relative;    padding: 0 0 0 10px;    margin-top: 18px;    line-height: 28px;    font-size: 1.077em;    overflow: hidden;}

.lt_wr li:first-child {    margin-top: 0;}
.lt_wr li:before {  content: '';    width: 3px;    height: 3px;    background: #333;    position: absolute;    top: 15px;    left: 0;    margin-top: -1px;}

.lt_wr li a {    float: left;    width: 60%;    font-size: 17px;    color: #333;    text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;}
.lt_wr li p {    float: right;    line-height: 25px;    font-size: 15px;    letter-spacing: -0.5px;}


.lt_wr p.plus {    position: absolute;    right: 0;    top: 0;    border-left: 1px solid #ddd;    text-indent: -99999px; height: 72px;}
.lt_wr p.plus a {    position: relative;    display: block;    width: 80px;    height: 80px;}
.lt_wr p.plus a::before {content: "";position: absolute;right: 45%;top: 35%;width: 5px;height: 26px;background: #333;}
.lt_wr p.plus a::after {    content: "";    position: absolute;    right: 32%;    top: 47%;    width: 26px;    height: 5px;    background: #333;}

/*메인_call*/
.call{background: url(../images/main/call_bg.jpg) center no-repeat;  background-size: cover;  height: 500px;  
      display: flex;    align-items: center;    justify-content: space-between;color: #fff; gap:10px; }

.call .call_first{background:#f58122; width: 30%; height: 250px;  border-radius: 0px 150px 150px 0px; padding: 0 20px;
                    display: flex;  align-items: center; justify-content: center; font-size: 20px; gap:30px}
.call .call_first .num a{font-size: 35px; font-weight: 800; color: #fff;}

.call .tit{font-size: 25px; }
.call .txt{font-size: 15px; letter-spacing: -0.7px;}
    
.call .call_second{text-align: center;   }
.call .call_second h2{font-size: 40px;}
.call .call_second h2 p{font-size: 17px;}
.call .call_second ul{display: flex; flex-wrap: wrap; gap:20px; margin-top: 30px;}
.call .call_second ul li{ flex: 1 45%; border:1px solid #fff; /*padding: 20px 10px;*/ font-size: 17px;}
.call .call_second ul li:first-child{background:#f58122; border-color: #f58122;}
.call .call_second ul li a{color:#fff; display: block;
    padding: 20px 30px;}
.call .call_second ul li:hover{background:#f58122;  border:1px solid #f58122;}
    
.call .call_last{background:#267644; width: 30%; height: 250px;  border-radius: 150px 0px 0px 150px; padding: 0 20px;
                    display: flex; align-items: center;    justify-content: center; gap:30px}


.ft_banner_ .swiper_inr {   /* max-width: 1400px; */   width: 100%;    margin: 0 auto;}

.collaborating{ display: flex; position: relative; height: 120px; background: #fff; }
.collaborating .swiper_button_wrap{ display: flex; position: relative; background: rgba(29,35,63,0.8); z-index: 10;display: none;}
.collaborating .swiper-button-prev,
.collaborating .swiper-button-next{ position: relative; top: 0; margin-top: 0; width: 130px; height: 100%; background: #1b1e2f; transition: .4s; }
.collaborating .swiper-button-prev{ background: #191a21; }
.collaborating .swiper-button-prev:hover{ background: #12131b; }
.collaborating .swiper-button-next:hover{ background: #191a21; }
.collaborating .swiper-button-prev:after,
.collaborating .swiper-button-next:after{ color: white; font-size: 22px; opacity: 0.3; }
.collaborating .swiper-button-next,
.collaborating .swiper-container-rtl .swiper-button-prev{ right: auto; }
.collaborating .swiper-button-prev,
.collaborating .swiper-container-rtl .swiper-button-next{ left: auto; }
.collaborating .swiper-button-prev.swiper-button-disabled, .collaborating .swiper-button-next.swiper-button-disabled{ opacity: 1; }
.collaborating .swiper-slide { display: flex; align-items: center; justify-content: center; width: 200px }
.collaborating .swiper-slide  a{border: 1px solid #ddd; padding: 10px 20px}
.collaborating .swiper-slide img{ max-width: 97%; max-height: 55px;  }
.collaborating .swiper-slide.small img {max-height: 90px;}
.ft_banner{margin: 25px 0}


.m_quick { margin:60px auto; max-width:1500px; }
.m_quick ul {display:flex; margin:0 -30px; flex-wrap:wrap;}
.m_quick ul li { width:14.28%; position:relative;}
.m_quick ul li:before {content:''; display:block; width:calc(100% + 2px); height:164px; background:transparent; position:absolute; left:-1px; top:-32px; opacity:0; transform: translateX(-30px); transition:0.3s ease-in-out; border-radius:12px;}
.m_quick ul li:hover:before {transform: translateX(0); opacity:1; background:#f0f3f7;}
.m_quick ul li a {display:block; text-align:center; font-size:18px; line-height:1.4; position:relative;}
.m_quick ul li a:after { content:''; display:block; position:absolute; right:0; top:-8px;  width:1px; height:120px; background:#f0f3f7;}
.m_quick ul li:last-child a:after {display:none;} 
.m_quick ul li a:before {content:''; display:block; width:100%; height:62px; background:url(../images/main/quick01.png) no-repeat center top; margin:0 auto 16px; transition: 0.5s ease-in-out; }
.m_quick ul li a:hover:before {transform: rotateY(-360deg);}
.m_quick ul li.n2 a:before {background-image:url(../images/main/quick02.png);}
.m_quick ul li.n3 a:before {background-image:url(../images/main/quick03.png);}
.m_quick ul li.n4 a:before {background-image:url(../images/main/quick04.png);}
.m_quick ul li.n5 a:before {background-image:url(../images/main/quick05.png);}
.m_quick ul li.n6 a:before {background-image:url(../images/main/quick06.png);}
.m_quick ul li.n7 a:before {background-image:url(../images/main/quick07.png);}
.m_quick ul li.n8 a:before {background-image:url(../images/main/quick08.png);}
.m_quick ul li.n9 a:before {background-image:url(../images/main/quick09.png);}



.m_news {position:relative; height:700px;}
.m_news .bg {height:530px; background:#0072ba url(../images/main/news_bg.png) no-repeat center top; background-attachment:fixed;}
.m_news .light {width:230%; height:530px;  background: linear-gradient(90deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.4) 60%, rgba(255,255,255,0) 100%); position:absolute; left:180%; top:0; z-index:2; mix-blend-mode: overlay;}
.m_news .slick-list {padding-bottom:80px;}
.m_news .inr {position:absolute; left:50%; margin-left:-750px; top:90px; right:0;  z-index:3;}
.m_news .inr h3 {font-size:54px; color:#fff; font-weight:400; margin-bottom:40px;}
.m_news .inr h3 strong {font-size:54px;}
.m_news .inr .item { width:auto !important; max-width:330px; margin-right:60px;}
.m_news .inr .item a { display:block; background:#fff; position:relative; transition: 0.3s ease-in-out;}
.m_news .inr .item a:hover {box-shadow:40px 40px 40px rgba(0,44,114,0.3); }
.m_news .inr .item a .txt {display:block; padding:40px 30px 20px 40px;}
.m_news .inr .item a .txt .date {font-size:16px;}
.m_news .inr .item a .txt .date:after {content:''; display:block; width:37px; height:21px; background:url(../images/main/ico_cursor.png) no-repeat; position:absolute; right:35px; top:40px;}
.m_news .inr .item a .txt .date strong {display:block; font-size:42px; margin:18px 0 8px;}
.m_news .inr .item a .tit { overflow: hidden; line-height:1.4; height:2.8em; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:20px;} 
.m_news .inr .item a .img {display:block; height:210px; overflow:hidden; position:relative;}
.m_news .inr .item a .img img {transition: 0.7s; }
.m_news .inr .item a:hover .img img {transform: scale(1.1);}
.m_news .inr .item .img:before {content:''; display:block; position:absolute; left:0; top:0; right:0; height:126px; background:url(../images/main/news_over.png) no-repeat; z-index:2;}
.m_news .inr .item .img img { min-height:210px; }
.m_news .inr .item a:before ,
.m_news .inr .item a:after ,
.m_news .inr .item a .txt:before ,
.m_news .inr .item a .txt:after {content:''; display:block; position:absolute; background:#00e6d9;  z-index:3; transition: 0.3s; transition-delay: 0s;}
.m_news .inr .item a:before {left:0; top:0; height:5px; width:0%; }
.m_news .inr .item a:after {right:0; top:0; width:5px; height:0%; }
.m_news .inr .item a .txt:before {right:0; bottom:0; height:5px; width:0%; }
.m_news .inr .item a .txt:after {left:0; bottom:0; width:5px; height:0%; }
.m_news .inr .item a:hover:before { width:100%; transition: 0.3s; }
.m_news .inr .item a:hover:after { height:100%; transition: 0.3s;  transition-delay:0.2s;}
.m_news .inr .item a:hover .txt:before {width:100%; transition: 0.3s; transition-delay:0.4s;}
.m_news .inr .item a:hover .txt:after { height:100%; transition: 0.3s;  transition-delay:0.6s;}

.m_news .nav .prev { position:absolute; left:-100px; top:185px; }
.m_news .nav .next { position:absolute; display:none;}
.m_news .nav .prev i , .m_news .nav .next i
{ width:57px; height:57px; border-radius:50%; border:1px solid rgba(255,255,255,0.3); color:#fff; line-height:55px;}
.m_news .nav div {position:absolute; left:50%; margin-left:547px; top:-76px; width:100px; text-align:right; color:#fff; font-size:16px;}
.m_news .nav div button.play , .m_news .nav div button.pause {background:none; width:29px; height:29px; border:1px solid rgba(255,255,255,0.3); text-indent:-999px; overflow:hidden; background:url(../images/main/playpause.png) no-repeat 1px top;  margin-left:12px;}
.m_news .nav div button.play { background-position:1px -28px; }


.m_media {position:relative;}
.m_media .inr {max-width:1500px; margin:0 auto; position:relative; margin-bottom:110px; z-index:12;}
.m_media .inr h3 {font-size:54px; margin-bottom:40px;}
.m_media .inr h3 span { font-size:44px; font-weight:normal;}
.m_media .slickwrap {height:500px;}
.m_media .slider.small {margin-left:390px;}
.m_media .item {width:auto !important; max-width:330px; margin-right:60px;}
.m_media .item a { display:block; margin-top:105px;}
.m_media .item a .img {display:block; border-radius:16px; height:184px; overflow:hidden; position:relative;}
.m_media .item a .img:before {content:''; display:block; width:96px; height:67px; background:url(../images/main/ico_youtube.png) no-repeat; position:absolute; left:50%; top:50%; transform: translateX(-50%) translateY(-50%) scale(0.5); z-index:2;}
.m_media .item a .img img {position:relative; top:50%; transform: translateY(-50%);}
.m_media .item a .txt { overflow: hidden; line-height:1.4; height:2.8; margin:20px 10px 0 20px; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:18px; position:relative; padding-right:20px;} 
.m_media .item a .txt i {position:absolute; right:0; top:4px; color:#aaa;}
/*
.m_media .slick-list {overflow:initial !important;}
.m_media .slider.small {margin:0; padding-left:390px;}
.m_media .item a .txt {transition: 0.3s;}
.m_media .slick-slide {opacity:0; transition: 0.3s;}
.m_media .slick-active {opacity:1;transition-delay: 0.3s;}
.m_media .slick-current {transform: scale(2.182) translateX(-73px) translateY(-13px); position:relative; z-index:1111; transition-delay: 0.3s;}
.m_media .slick-current a {min-height:250px;}
.m_media .slick-current a .txt {font-size:14px; margin:10px 10px 0 10px;}
.m_media .slick-current  a .txt i {font-size:12px; right:3px; top:3px;}
*/
.m_media .slider.big {position:absolute; left:0; top:0; width:720px; z-index:11;}
.m_media .slider.big .slick-list {border-radius:40px;}
.m_media .slider.big .item {width:720px !important; max-width:720px;}
.m_media .slider.big .item a {margin-top:0;}
.m_media .slider.big .item a .img { height:400px; border-radius:40px;}
.m_media .slider.big .item a .img:before {transform: translateX(-50%) translateY(-50%) scale(1);}
.m_media .slider.big .item a .txt {font-size:26px; margin:30px 20px 0 30px;}
.m_media .slider.big .item a .txt i {font-size:20px; top:7px;}
.m_media .nav {position:absolute; left:424px; top:-86px; display:flex; justify-content:space-between; align-items:center; width:270px;}
.m_media .nav:before {content:''; display:block; height:1px; position:absolute; left:90px; top:50%; margin-top:-1px; right:70px; background:#c9d3e1;}
.m_media .nav .count span {margin:0 15px; font-size:12px; font-family:'dotum'; color:#aaa;}
.m_media .nav .count em {font-weight:600; color:#888; font-size:14px; display:inline-block; height:28px; line-height:28px;}
.m_media .nav .count em:first-child {color:#0d3d8b;}
.m_media .nav div button { display:inline-block; width:28px; height:28px; text-align:center; line-height:28px; background:none; color:#888;}
.m_media .nav div button i {font-size:14px;}
.m_media .sns {position:absolute; right:0px; top:9px; overflow:hidden; }
.m_media .sns li {float:left; margin-left:10px;}
.m_media .sns li a {transition: 0.3s;}
.m_media .sns li a:hover { filter:brightness(1.14);}


.m_media .ani_txt { font-size:200px; font-weight:900; position:absolute; left:-450px; top:80px; color:#eef5ff; white-space: nowrap; z-index:-1; letter-spacing:-0.05em;}






/* Tablet 1024px ~ 1259px */
@media screen and (max-width:1559px){
	.m_scroll { left:initial; right:-36px; bottom:124px; position:absolute;}
	.visual .item .txt {margin-left:30px;}
	.visual .box1 {margin-left:0; left:30px;}
	.m_notice {height:auto;}
	.m_notice .inr {position:relative; left:0; top:0;  margin-left:0; padding-left:360px; height:auto;}
	.m_notice .inr .left {left:30px;}
	.m_notice .inr .left .tabs li a {background:#fff;}
	.m_notice .inr .panelWrap .item {margin-right:40px;}
	.m_notice .inr .panelWrap .nav {left: -327px;}

	
	.m_quick {margin:60px 0;}
	.m_quick ul {justify-content: center; margin:0 0px;}
	
	.m_quick ul li:before { display:none;}
	.m_quick ul li a:after {height:70px; top:20px;}
	.m_quick ul li:nth-child(5) a:after {display:none;}

	.m_news {height:660px;}
	.m_news .bg { height:500px;}
	.m_news .inr {left:30px; top:70px; margin-left:0; }
	.m_news .inr h3 {margin-bottom:35px;}
	.m_news .inr .item {margin-right:40px;}
	.m_news .nav div {left:inherit; margin:0; right:30px;}
	

	
	.m_media .inr {margin:0 0 80px 30px;}
	.m_media .inr h3 {margin-bottom:35px;}
	.m_media .sns {right:30px;}
	.m_media .nav { top:-81px; left:360px;}
	
	


}

/* Tablet 768px ~ 1023px */
@media screen and (max-width:1279px){

	.cont_main {padding-top:80px;}
	.m_con {display:block;}
	.m_con .left {width:auto;}
	.m_con .left h2 {left:50px; bottom:50px;}
	.m_con .left .item {height:500px;}
	.m_con .left .item:before {background-size:cover;}
	.m_con .left .slick-slider {transform:none !important;}
	.m_con .right {width:auto;}
	.m_con .right .slickwrap {margin:0 -15px;}
	.m_con .right .slickwrap .item {padding:0 15px;}

	.m_con .right .fac_btn { height:150px;}
	.m_con .right .fac_btn:after {position:absolute; right:50px; top:50%; transform: translateY(-50%);}
    
    
    
    

}

@media screen and (max-width:1023px){
    
    #top_lang{display: none}
    #header{margin-top: 0}
    
    #tnb{display: none}
    
    
    .idx_rs{padding:15px 15px 25px 15px;margin-top:0px;line-height:25px}
	.idx_rs_box{padding:10px 0;     flex-wrap: wrap;     justify-content: center;}
    .idx_rs h2{/*margin-right:30px;*/ margin-bottom:5px; font-size:1.154em;            text-align: center;     width: 100%;}
    .idx_rs h2 i{margin-right:8px}
    .idx_rs .tel{float:left;font-size:1.5em;font-weight:900;margin:10px 0}
    .idx_rs .online-btn{clear:both;}
     .idx_rs_box .online-btn span{display: none}
    /*.idx_rs .online-btn a{margin-top:10px;display:block;padding:0 30px;background:#fff;border-radius:30px;color:#2677df;font-size:1.231em;font-weight:900;text-align:center;line-height:40px}*/
     
     
	.idx_con{width:100%;}
	.idx_con ul{display:block; border:none;}
    .idx_con li{flex:auto; width:100%;/*padding:30px; */         padding: 80px 30px; text-align:left; border-bottom:1px solid #f3f3f3}
	.idx_con li:nth-child(1)::before{    background: url(../images/main/layout_icon055.png) 95% 50px no-repeat;}
	.idx_con li:nth-child(2)::before{    background: url(../images/main/layout_icon01.png) 95% 50px no-repeat;}
	.idx_con li:nth-child(3)::before{    background: url(../images/main/layout_icon06.png) 95% 50px no-repeat;}
    .idx_con li:nth-child(4)::before{    background: url(../images/main/layout_icon04.png) 95% 50px no-repeat;}

	.idx_con li h2{padding-top:0;}
	.idx_con li a{/*position:relative; left:auto; bottom:auto;*/ left: 30px; transform: unset;}
	.idx_con li p{margin-bottom:30px;}

    .idx_con li h2 i{font-size:24px;}

	.idx_lt ul li a{font-size:30px;}
	.idx_lt ul li a::before{height:30%;}
    
    
     .call{  flex-wrap: wrap; justify-content: center; height: auto; gap:0}
    .call .call_first, .call .call_last{width: 50%; border-radius:0 }
    .call .call_first{order:2; }
    .call .call_second{order:1; margin:50px 0 50px 0; width: 100%;}
    .call .call_second_inr{    width: 60%;    margin: 0 auto; padding: 50px 0;}
    .call .call_last{order:3}
    
    .call ul li img{width: 85%;}
    
   
   
    

     
    
/* service */
	.service_box .science{width:100%; max-width:none; margin-bottom:30px; background:url("../images/main/Science_img_mo.png") right bottom 65% no-repeat; background-size:50%;}
	.service_box .science::before{background:linear-gradient(90deg, #eaeaea  45%, transparent);}
	.service_box .science a{height:auto; padding:30px;}

	/*.service_box .science:hover::before{background:linear-gradient(90deg, #267644 45%, transparent);}*/

	.service_box .board_box{width:100%; max-width:none;}
	.service_box .board_box .notice{max-width:none;}
	.service_box .board_box .reference{max-width:none;}
    

	
	

}



/* Mobile ~ 767px */
@media screen and (max-width:767px){



	.cont_main { padding-top:60px;}
	.m_con {margin:0 15px;}
	.m_con .left , .m_con .left .nav {transform: none !important;}
	.m_con .left .item {height:350px;}
	.m_con .left h2 {left:30px; bottom:30px; }
	.m_con .left h2 img {height:60px;}
	.m_con .left .nav button {width:46px; height:46px; line-height:46px;}
	.m_con .left .nav .count {line-height:46px; display:none;}


	.m_con .right .top {padding:30px; height:330px;}
	.m_con .right .top .tabs {margin-bottom:20px;}
	.m_con .right .top .tabs li a {font-size:22px; margin-right:30px;}
	.m_con .right .panelWrap#tab1 .item , .m_con .right .panelWrap#tab2 .item {height:200px;}
	.m_con .right .panelWrap#tab1 .item a .tit span {font-size:17px;}
	.m_con .right .panelWrap#tab1 .item a .txt {margin:20px 0; height:2.8em;}
	.m_con .right .panelWrap .nav ul {margin-top:15px;}

	.m_con .right .fac_btn {padding:0 30px; height:120px;}
	.m_con .right .fac_btn:before {}
	.m_con .right .fac_btn:after {right:30px;}

	.m_quick {margin:35px 0 15px;}
	.m_quick ul li {width:25%; margin-bottom:20px;}
	.m_quick ul li:nth-child(5) a:after {display:block;}
	.m_quick ul li:nth-child(4) a:after , .m_quick ul li:nth-child(7) a:after {display:none;}
	.m_quick ul li a {font-size:16px;}
	.m_quick ul li a:before {margin-bottom:12px; height:50px; background-size:auto 50px;}

	

/*메인슬라이드*/


.swiper-wrapper .bg1{background:url(../images/main/bg_01.jpg) no-repeat right/cover ; height: 450px; position: relative;}
.swiper-wrapper .bg2{background:url(../images/main/bg_02.jpg) no-repeat right/cover ; height: 450px; position: relative;}
.swiper-wrapper .bg3{background:url(../images/main/bg44.jpg) no-repeat right/cover ; height: 450px; position: relative;}
.swiper-wrapper .bg4{background:url(../images/main/bg_03.jpg) no-repeat right/cover ; height: 450px; position: relative;}

.swiper-wrapper .bg1:after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.3); display:block; z-index:1; }
.swiper-wrapper .bg2:after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.3); display:block; z-index:1; }
.swiper-wrapper .bg3:after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.3); display:block; z-index:1; }
.swiper-wrapper .bg4:after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.3); display:block; z-index:1; }

.swiper-wrapper .bg_text{display: flex;    align-items: center;    justify-content: center;    flex-direction: column;    text-align: center; z-index: 2; padding: 0 25px;
       word-break: keep-all; margin:0; height: 450px; position: relative; }
    
    .swiper-wrapper .bg1 .bg_text, .swiper-wrapper .bg2 .bg_text, .swiper-wrapper .bg3 .bg_text, .swiper-wrapper .bg4 .bg_text{color: #fff;}
.swiper-wrapper .bg_text p{font-size: 15px;  }
.swiper-wrapper .bg_text h2{margin-bottom: 20px;    font-size: 30px;}
.swiper-wrapper .bg_text h3{font-size: 17px;   margin-bottom: 20px;}
.swiper-wrapper .bg_text h3 br{display: none}

    .swiper-wrapper .bg_text a{font-size: 15px}
    
    .idx_con li{text-align: center}
     .idx_con li{padding:25px 25px 45px 25px; text-align:center;}
	.idx_con li:nth-child(2)::before{background:url("../images/main/layout_icon055.png") center top 50px no-repeat;}
	.idx_con li:nth-child(1)::before{background:url("../images/main/layout_icon01.png") center top 50px no-repeat;}
	.idx_con li:nth-child(3)::before{background:url("../images/main/layout_icon06.png") center top 50px no-repeat;}
    .idx_con li:nth-child(4)::before{background:url("../images/main/layout_icon04.png") center top 50px no-repeat;}

    

    
	.idx_con li h2{padding-top:150px; font-size:20px; margin-bottom: 20px;}
	.idx_con li p{margin-bottom:20px; padding:0 20px; font-size:15px;}
    
    
    .service_box .board_box{flex-wrap: wrap}
    .service_box .board_box .notice{width: 100%; margin-right:0} 
    .service_box .board_box .reference{width: 100%}
    
    .service_box .quick_box{background: #ffe467 }
    
    #footer .inr{padding: 0}
    
    .idx_con li a{    left: 50%; transform: translateX(-50%);         bottom: 20px;}

}
@media screen and (max-width:620px){
	.m_con .left .item {height:280px;}
    
    
	.service{padding:30px 0;}
	.service_box .science a h2{font-size:25px;}
	.service_box .science a p{font-size:15px;}

	.service_box .board_box .notice{float:none; width:100%; margin-right:0;}
	.service_box .board_box .reference{float:none; width:100%;}

	.service_box .board_box .quick_box::before{height:97%;}
	.service_box .board_box .quick_box ul{flex-wrap:wrap;}
	.service_box .board_box .quick_box ul li{flex:none; width:33.333%;}
	.service_box .board_box .quick_box ul li:nth-child(4){width:50%;}
	.service_box .board_box .quick_box ul li:nth-child(5){width:50%;}
	.service_box .board_box .quick_box ul li a{font-size:15px;}

    .call .call_first, .call .call_last{width: 100%;  }
    

}


@media screen and (max-width:520px){
	.m_con {border-radius:15px;}
	.m_con .left .item {height:230px;}
	.m_con .left h2 {left:20px; bottom:24px;}
	.m_con .left h2 img {height:46px;}
	.m_con .left .nav button {width:38px; height:38px; line-height:38px;}

	.m_con .right .top {padding:30px 20px;}
	.m_con .right .fac_btn {padding:0 20px; height:100px;}
	.m_con .right .fac_btn:before {width:60px; height:60px; background-size:100%; margin-right:16px;}


	.m_quick {margin:30px 0 15px;}
	.m_quick ul li a:before {height:40px; background-size:auto 100%;}
    
    
    .call .call_second h2{font-size: 30px;}
    .call .call_first .num a{font-size: 25px;}
    .call .txt br{display: none}
	
	
}