@charset "utf-8";
/* CSS Document */

#container { padding-top: var(--header_ht); }
#main #container .in{max-width: 184rem; margin: 0 auto;}


/*버튼스타일*/
.more_btn { position: relative; display: flex; align-items: center; justify-content: center; height: 5rem; line-height: 5rem; padding: 0 2.5rem; font-size: 1.6rem; font-weight: 500; background-color: #000; color: #fff; border-radius: 2em; }
.more_btn .txt {  }
.more_btn .ico { position: relative; width: 1.8rem; height: 1.8rem; margin-left: 2.5rem; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 384 512"><path d="M328 96h24v24V360v24H304V360 177.9L81 401l-17 17L30.1 384l17-17 223-223H88 64V96H88 328z"/></svg>')center/contain no-repeat; transition: transform 0.5s; }
/*.more_btn .ico:before { content: ''; position: absolute; right: 0; top: 0; width: 3.5rem; height: 3.5rem; border-radius: 100%; background: rgba(199,199,199,0.15); transform: translate(30%, -40%); }*/


.more_btn.wh { color: #000; background-color: #fff; }
.more_btn.wh .ico { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M328 96h24v24V360v24H304V360 177.9L81 401l-17 17L30.1 384l17-17 223-223H88 64V96H88 328z"/></svg>')center/contain no-repeat; }
/*.more_btn.wh .ico:before { background: rgba(255,255,255,0.15); }*/


/*메인 타이틀*/
.main_tit_wrap {  }
.main_tit_wrap.center { text-align: center; }
.main_tit_wrap .tit { font-size: var(--main_tit); font-weight: 700; }
.main_tit_wrap .tit + .txt { margin-top: 1.5rem; }

.main_tit_wrap.wh { color: #fff; }
.main_tit_wrap.wh .tit +.txt { color: rgba(255,255,255,0.6); }



/*==========main_visual==========*/
.visual_sect { position: relative; height: calc(100vh - var(--header_ht)); overflow: hidden; }
.visual_sect .cont { width: 100%; height: 100%; }
.visual_sect .cont .swiper-container { width: 100%; height: 100%; }

.visual_sect .cont .visual_txt_box { position: absolute; left: 50%; top: 50%; max-width: 184rem; width: 100%; height: 100%; padding: 0 2rem; transform: translate(-50%, -50%); color: #fff; z-index: 10; pointer-events: none; }
.visual_sect .cont .visual_txt_box .item { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; opacity: 0; }
.visual_sect .cont .visual_txt_box .item .desc { font-size: 3rem; font-weight: 400; color: #0063F2; opacity: 0; transform: translateY(40%); transition: transform 0s, opacity 0s; }
.visual_sect .cont .visual_txt_box .item .tit + .desc { margin-top: 2rem; }
.visual_sect .cont .visual_txt_box .item .tit { font-size: 9rem; font-weight: 700; line-height: 1.2; color: #000; opacity: 0; transform: translateY(40%); transition: transform 0s, opacity 0s; }
.visual_sect .cont .visual_txt_box.wh .item .desc,
.visual_sect .cont .visual_txt_box.wh .item .tit { color: #fff; }

.visual_sect .cont .visual_txt_box .item.on { opacity: 1; }
.visual_sect .cont .visual_txt_box .item.on .tit { transform: unset; opacity: 1; transition: transform 1.2s, opacity 1.2s; transition-delay: 0.3s; }
.visual_sect .cont .visual_txt_box .item.on .desc { transform: unset; opacity: 1; transition: transform 1.2s, opacity 1.2s; transition-delay: 0.5s; }

.visual_sect .cont .visual { position: relative; overflow: hidden; }
.visual_sect .cont .visual > a { display: block; }


/*.visual_sect .cont .swiper-slide { opacity: 1 !important; }*/
/*.visual_sect .cont .swiper-slide .img video { clip-path: inset(0 0 0 100%); transition: clip-path 1s cubic-bezier(0.63, 0.04, 0.53, 1); z-index: 5; }*/
/*.visual_sect .cont .swiper-slide.active-slide .img video { transform: unset; clip-path: inset(0 0 0 0); transition: clip-path 1s cubic-bezier(0.63, 0.04, 0.53, 1); z-index: 10; }*/
/*.visual_sect .cont .swiper-slide.prev-slide .img video { transform: unset; clip-path: inset(0 100% 0 0); transition: clip-path 1s cubic-bezier(0.63, 0.04, 0.53, 1); z-index: 5; }*/
/*.visual_sect .cont .swiper-slide.next-slide .img video { transform: unset; clip-path: inset(0 0 0 100%); transition: clip-path 1s cubic-bezier(0.63, 0.04, 0.53, 1); z-index: 5; }*/
/*.visual_sect .cont .swiper-slide.active-slide .img img { transform: unset; clip-path: inset(0 0 0 0); transition: clip-path 1s cubic-bezier(0.63, 0.04, 0.53, 1); z-index: 10; }*/
/*.visual_sect .cont .swiper-slide.prev-slide .img img { transform: unset; clip-path: inset(0 100% 0 0); transition: clip-path 1s cubic-bezier(0.63, 0.04, 0.53, 1); z-index: 5; }*/
/*.visual_sect .cont .swiper-slide.next-slide .img img { transform: unset; clip-path: inset(0 0 0 100%); transition: clip-path 1s cubic-bezier(0.63, 0.04, 0.53, 1); z-index: 5; }*/
/*.visual_sect .cont .swiper-slide[class$=-active] .img video { transform: unset; clip-path: inset(0 0 0 0); transition: clip-path 1s cubic-bezier(0.63, 0.04, 0.53, 1); }*/
/*.visual_sect .cont .swiper-slide[class$=prev] .img video { transform: unset; clip-path: inset(0 100% 0 0); transition: clip-path 1s cubic-bezier(0.63, 0.04, 0.53, 1); }*/

.visual_sect .cont .visual a{}
.visual_sect .cont .visual .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.visual_sect .cont .visual .img img { width: 100%; height: 100%; object-fit: cover; }
.visual_sect .cont .visual .img video { width: 100%; height: 100%; object-fit: cover; background-color: #F2F5F7; }


.visual_sect .paging { position: absolute; left: 5%; top: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #000; z-index: 10; transform: translateY(-50%); }
.visual_sect .swiper-pagination { position: relative; display: flex; justify-content: center; flex-direction: column; align-items: center; }
.visual_sect .paging .swiper-button { position: relative; display: block; width: 2rem; height: 2rem; margin-top: 2rem; font-size: 1.5rem; }
.visual_sect .paging .swiper-button svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: opacity 0.3s; fill: #000; }
.visual_sect .paging .swiper-button svg.play { opacity: 0; }
.visual_sect .pause .paging .swiper-button svg.play { opacity: 1; }
.visual_sect .pause .paging .swiper-button svg.stop { opacity: 0; }


/* button style */
.visual_sect .swiper-pagination-bullet { position: relative; display: flex; justify-content: center; align-items: center; width: auto; height: auto; margin: 2rem 0; background-color: transparent; border-radius: 50%; cursor: pointer; transition: 0.3s; }
.visual_sect .swiper-pagination-bullet span { color: #fff; position: absolute; top: 48%; left: 52%; transform: translate(-50%, -50%); }
.visual_sect .swiper-pagination-bullet span.circle { width: 0.78rem; height: 0.78rem; border-radius: 100%; background-color: #000; }
/* button circle */
.visual_sect .progress { transform: rotate(-90deg); }
.visual_sect .circle-origin { fill: transparent; stroke: rgb(0, 0, 0); stroke-width: 1; stroke-linecap: round; stroke-dasharray: 62.832px; stroke-dashoffset: 62.832px; }

.visual_sect .swiper-pagination-bullet-active .circle-origin { animation: progress 7s; }
.visual_sect .cont.pause .swiper-pagination-bullet-active .circle-origin { animation: unset !important; }

.visual_sect .wh_visual + .paging { color: #fff; }
.visual_sect .wh_visual + .paging .swiper-button svg { fill: #fff; }
.visual_sect .wh_visual + .paging .swiper-pagination-bullet span.circle { background-color: #fff; }
.visual_sect .wh_visual + .paging .circle-origin { stroke: rgb(255,255,255); }

@keyframes progress {
    0% { stroke-dashoffset: 62.832px; }
    95% { stroke-dashoffset: 0; }
    100% { stroke-dashoffset: -62.832px; }
}


/*experiences*/
.exp_sect { position: relative; padding: var(--main_cont_pd) 0; background-color: #0051C7; }
.exp_sect:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('/inc/img/main/exp_bg.jpg')center/cover no-repeat; mix-blend-mode: multiply; opacity: 0.2; }

.exp_sect .cont { display: flex; align-items: flex-start; justify-content: space-between; }
.exp_sect .cont .txt_wrap { flex-shrink: 0; }

.exp_sect .tab_wrap { position: relative; margin-top: 9rem; z-index: 10; }
.exp_sect .tab_wrap .tab { display: flex; align-items: center; justify-content: center; max-width: 27rem; height: 7.5rem; line-height: 7.5rem; padding: 0 5rem; border-radius: 2em; white-space: nowrap; background-color: rgba(255,255,255,0.15); color: #fff; font-weight: 700; font-size: 1.8rem; transition: background-color 0.7s, color 0.7s, max-width 0.7s; cursor: pointer; }
.exp_sect .tab_wrap .tab + .tab { margin-top: 2rem; }
.exp_sect .tab_wrap .tab .txt { display: inline-block; transition: margin-left 0.7s; }
.exp_sect .tab_wrap .tab .ico { position: relative; width: 2.5rem; height: 2.5rem; margin-left: -1.5rem; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%230063F2" viewBox="0 0 384 512"><path d="M328 96h24v24V360v24H304V360 177.9L81 401l-17 17L30.1 384l17-17 223-223H88 64V96H88 328z"/></svg>')center/contain no-repeat; opacity: 0; transition: all 0.7s; }

.exp_sect .tab_wrap .tab.active { max-width: 32rem; background-color: #fff; color: #0063F2; }
.exp_sect .tab_wrap .tab.active .ico { margin-left: 3rem; opacity: 1; }

.exp_sect .chart_wrap { width: 100%; }
.exp_sect .chart_wrap .chart { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 80rem; max-height: 80rem; margin: 0 auto; }
.exp_sect .chart_wrap .chart #expChart { width: 100% !important; height: 100% !important; }

.exp_sect .counter_wrap { display: none; align-items: center; justify-content: space-between; margin-top: 7rem; }
.exp_sect .counter_wrap.active { display: flex; }
.exp_sect .counter_wrap .box { position: relative; width: 100%; text-align: center; padding: 0 7rem; }
.exp_sect .counter_wrap .box:first-of-type { padding-left: 0; }
.exp_sect .counter_wrap .box:last-of-type { padding-right: 0; }
.exp_sect .counter_wrap .box + .box:before { content: ''; position: absolute; left: 0; top: 50%; height: 15rem; border-left: 1px solid rgba(255,255,255,0.4); transform: translateY(-50%); }
.exp_sect .counter_wrap .box .tit { font-size: 1.8rem; color: rgba(255,255,255,0.7); font-weight: 500; }
.exp_sect .counter_wrap .box .num { display: flex; align-items: center; justify-content: center; font-size: 8rem; font-weight: 600; color: #fff; }
.exp_sect .counter_wrap .box .num b { font-weight: 600; }
.exp_sect .counter_wrap .box .num span { font-size: 4.5rem; font-weight: 500; }

/*==========service==========*/
.service_sect { padding: var(--main_cont_pd) 0; cursor: url('/inc/img/common/cursor.png'), auto; }
.service_sect .cont { display: grid; gap: 0 10rem; align-items: center; padding-left: calc((100% - 184rem)/2 + 20px); }
.service_sect .cont + .cont { margin-top: var(--main_cont_pd); }
.service_sect .cont1 { grid-template-columns: calc(50% - 10rem) minmax(0, 1fr); }
.service_sect .cont2 { grid-template-columns: calc(50% - 10rem) minmax(0, 1fr); }


.service_sect .cont .img_wrap { position: relative; width: 100%; }
.service_sect .cont1 .img_wrap { padding-top: 56%; }
.service_sect .cont2 .img_wrap { width: 75%; margin-left: auto; padding-top: 87%; }
.service_sect .cont .img_wrap .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.5s; }
.service_sect .cont .img_wrap .img.active { opacity: 1; }
.service_sect .cont .img_wrap .img img { width: 100%; height: 100%; object-fit: cover; object-position: left; }

.service_sect .cont .txt_wrap { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; height: 85%; max-height: 60rem; }
.service_sect .cont2 .txt_wrap { height: 60%; }
.service_sect .cont .txt_wrap > .tit_box {  }
.service_sect .cont .txt_wrap > .tit_box .cate { font-size: 2.2rem; font-weight: 600; color: #0063F2; }
.service_sect .cont .txt_wrap > .tit_box .tit { font-size: 7rem; font-weight: 700; line-height: 1.2; }
.service_sect .cont .txt_wrap > .tit_box .txt { margin-top: 1.5rem; }

.service_sect .cont .view_wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 8rem; }
.service_sect .cont .view_wrap .box { cursor: url('/inc/img/common/cursor.png'), auto; }
.service_sect .cont .view_wrap .box .tit_box { display: flex; align-items: center; justify-content: flex-start; }
.service_sect .cont .view_wrap .box .tit_box .tit { font-size: 3rem; font-weight: 700; }
.service_sect .cont .view_wrap .box .tit_box .ico { width: 3rem; height: 3rem; margin-left: 0.5rem; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23B6B6B6" viewBox="0 0 384 512"><path d="M328 96h24v24V360v24H304V360 177.9L81 401l-17 17L30.1 384l17-17 223-223H88 64V96H88 328z"/></svg>')center/contain no-repeat; transition: transform 0.5s, background 0.5s; }
.service_sect .cont .view_wrap .box .tit_box + .txt { margin-top: 1.6rem; }
.service_sect .cont .view_wrap .box .txt { color: #717171; }

/*포인터*/
.pointer { position: fixed; top: 0; left: 0; z-index: 100; pointer-events: none; }
.pointer .pointer_box { display: flex; justify-content: center; align-items: center; flex-direction: column; transform: translate(-50%,-50%); opacity:0; width: 15rem; height: 15rem; background-color: rgba(0, 81, 199, 0.9); color: #fff; font-size: 2rem; font-weight: 600; line-height: 1.4; border-radius: 50%; transition:all .3s ease-out; }
.pointer .pointer_box .ico { width: 1em; height: 0.8em; }
.pointer .pointer_box .ico svg { width: 100%; height: 100%; fill: #fff; }
.pointer.on .pointer_box { opacity: 1 }


/*==========center_sect==========*/
.center_sect { display: flex; align-items: center; justify-content: center; margin-top: 1rem; }
.center_sect .cont { position: relative; display: block; width: 30%; padding-top: 20%; transition: width 1s; overflow: hidden; }
.center_sect .cont:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 17%,rgba(0,0,0,0.14) 68%,rgba(0,0,0,0.33) 100%); z-index: 5; }
.center_sect .cont + .cont { margin-left: 1rem; }
.center_sect .cont .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: transform 1.2s ease-out; }
.center_sect .cont .img img { width: 100%; height: 100%; object-fit: cover; }

.center_sect .cont .txt_wrap { position: absolute; left: 5%; bottom: 5rem; color: #fff; z-index: 10; }
.center_sect .cont .tit_box { display: flex; align-items: center; justify-content: flex-start; }
.center_sect .cont .tit_box .tit { font-size: var(--main_tit); font-weight: 700; line-height: 1; }
.center_sect .cont .tit_box .ico { width: 5rem; height: 5rem; margin-left: 1rem; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 384 512"><path d="M328 96h24v24V360v24H304V360 177.9L81 401l-17 17L30.1 384l17-17 223-223H88 64V96H88 328z"/></svg>')center/contain no-repeat; opacity: 0; transition: opacity 0.5s; }
.center_sect .cont .txt { margin-top: 1rem; font-weight: 400; }

.center_sect .cont.active { width: 70%; }
.center_sect .cont.active .tit_box .ico { opacity: 1; }


/*==========certification==========*/
.cer_sect { padding: var(--main_cont_pd) 0; }

.cer_sect .cont { display: flex; align-items: flex-start; justify-content: space-between; padding-left: calc((100% - 184rem)/2 + 20px); }
.cer_sect .cont .cer_wrap { width: 60%; margin-left: 15rem; }
.cer_sect .cont .cer_wrap .swiper-container { padding: 1px 20px 1px 0; }
.cer_sect .cont .cer_wrap .swiper-slide { position: relative; background-color: #fcfcfc; }
.cer_sect .cont .cer_wrap .swiper-slide .badge { position: absolute; right: 1rem; top: 1rem; width: 4rem; height: auto; z-index: 10; }
.cer_sect .cont .cer_wrap .swiper-slide .img { position: relative; width: 100%; mix-blend-mode: multiply; align-items: center; transition: background-color 0.5s; }
.cer_sect .cont .cer_wrap .swiper-slide .img img { width: 100%; object-fit: contain; }

.cer_sect .paging { position: relative; width: 100%; margin-top: 5rem; background-color: #e0e0e0; border-radius: 0; }
.cer_sect .paging .swiper-scrollbar-drag { height: 2px; background-color: #373737; cursor: pointer; border-radius: 0; }

/*==========banner_sect==========*/
.banner_sect { position: relative; display: block; width: 100%; padding-top: 20%; text-align: center; overflow: hidden; }
.banner_sect:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.25); z-index: 5; }
.banner_sect:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('/inc/img/main/banner01.jpg')center/cover no-repeat; z-index: 3; transition: transform 1.2s ease-out; }
.banner_sect .cont { position: absolute; left: 50%; top: 50%; max-width: 184rem; width: 100%; padding: 0 2rem; height: auto; transform: translate(-50%, -50%); z-index: 10; color: #fff; }
.banner_sect .txt_wrap .desc { font-size: 4rem; font-weight: 500; }
.banner_sect .txt_wrap .tit { font-size: 7.5rem; font-weight: 600; }
.banner_sect .txt_wrap .tit + .txt { margin-top: 1.5rem; }



/*==========news_sect==========*/

.news_sect { padding: var(--main_cont_pd) 0; }

.news_sect .cont { display: grid; grid-template-columns: 30% minmax(0, 1fr); align-items: flex-start; gap: 10rem; }

.news_sect .cont .news_li {  }
.news_sect .cont .news_li li a { display: grid; grid-template-columns: 18% minmax(0, 1fr); padding: 4rem 0; border-bottom: 1px solid #E6E6E6; transition: background-color 0.7s, border 0.5s; }
.news_sect .cont .news_li li:first-of-type a { border-top: 2px solid #000; }
.news_sect .cont .news_li li a .date_wrap { padding: 0 6rem; text-align: center; flex-shrink: 0; transition: color 0.5s; }
.news_sect .cont .news_li li a .date_wrap .date { font-size: 3.2rem; font-weight: 700; transition: color 0.5s; }
.news_sect .cont .news_li li a .date_wrap .year { font-size: 1.6rem; font-weight: 400; color: #B6B6B6; transition: color 0.5s; }

.news_sect .cont .news_li li .tit_box {  }
.news_sect .cont .news_li li .tit_box .tit { display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-size: 2.5rem; font-weight: 700; transition: color 0.5s; }
.news_sect .cont .news_li li .tit_box .tit + .txt { margin-top: 1rem; }
.news_sect .cont .news_li li .tit_box .txt { display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; max-height: 1.5em; width: 90%; white-space: normal; color: #717171; transition: color 0.5s; }

/*==========partner_sect==========*/
.partner_sect { padding-bottom: var(--main_cont_pd); }
.partner_sect .cont { position: relative; margin-top: 7rem; }
.partner_sect .cont::before { content: ''; position: absolute; top: 0; left: 0; width: 20%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, transparent 100%); z-index: 5; }
.partner_sect .cont::after { content: ''; position: absolute; top: 0; right: 0; width: 20%; height: 100%; background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, transparent 100%); z-index: 5; }
.partner_sect .cont .logo { text-align: center; }



/*호버 스타일*/
@media only screen and (min-width: 1024px){

    .more_btn:hover .ico { transform: translate(2px, -2px); }

    .service_sect .cont .view_wrap .box:hover .tit_box .ico { opacity: 1; transform: translate(3px, -3px); background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23000" viewBox="0 0 384 512"><path d="M328 96h24v24V360v24H304V360 177.9L81 401l-17 17L30.1 384l17-17 223-223H88 64V96H88 328z"/></svg>')center/contain no-repeat; }

    .exp_sect .tab_wrap .tab:hover { max-width: 32rem; background-color: #fff; color: #0063F2; }
    .exp_sect .tab_wrap .tab:hover .ico { width: 2.5rem; height: 2.5rem; margin-left: 3rem; opacity: 1; }

    .center_sect .cont:hover .img { transform: scale(1.1); }

    .cer_sect .cont .cer_wrap .swiper-slide:hover .img { background-color: transparent; }

    .banner_sect:hover:after { transform: scale(1.1); }

    .news_sect .cont .news_li li a:hover { background-color: #0051C7; border-color: transparent; }
    .news_sect .cont .news_li li a:hover .date { color: rgba(255,255,255,0.7); }
    .news_sect .cont .news_li li a:hover .year { color: rgba(255,255,255,0.7); }
    .news_sect .cont .news_li li a:hover .tit { color: #fff; }
    .news_sect .cont .news_li li a:hover .tit_box .txt { color: #fff; }

}

/*----------반응형----------*/
@media only screen and (max-width: 2400px){
    .visual_sect .cont .visual .txt_box { max-width: 174rem; padding: 0 7rem; }
    .visual_sect .paging { left: 3%; }
}

@media only screen and (max-width: 2000px){
    /*service_sect*/
    .service_sect .cont { gap: 0 5rem; }
    .service_sect .cont .view_wrap { gap: 0 3rem; }
    .service_sect .cont .txt_wrap { height: 100%; }

    .service_sect .cont1 { grid-template-columns: calc(55% - 10rem) minmax(0, 1fr); }

    .service_sect .cont2 { grid-template-columns: calc(40% - 10rem) minmax(0, 1fr); }
    .service_sect .cont2 .txt_wrap { height: 80%; }
    .service_sect .cont2 .img_wrap { width: 90%; padding-top: 110%; }

    /*exp_sect*/
    .exp_sect .counter_wrap .box { padding: 0 3rem; }
    .exp_sect .counter_wrap .box .num { font-size: 7rem; }

    /*center_sect*/
    .center_sect .cont { width: 37%; }
    .center_sect .cont.active { width: 63%; }
    .center_sect .cont .tit_box .ico { width: 4rem; height: 4rem; }

    /*banner_sect*/
    .banner_sect { padding-top: 25%; }
    .banner_sect .txt_wrap .desc { font-size: 3.5rem; }
    .banner_sect .txt_wrap .tit { font-size: 6.5rem; }

}

@media screen and (max-width: 1800px){
    .service_sect .cont1 { padding: 0 0 0 4%; }
}


/*1640px - 1241px*/
@media screen and (max-width: 1640px){

    /*visual_sect*/
    .visual_sect .cont .visual .txt_box { padding: 0 10rem; }
    .visual_sect .cont .visual .txt_box .tit { font-size: 10rem; }

    /*exp_sect*/
    /*.exp_sect .chart_wrap .chart #expChart { width: 60rem !important; height: 60rem !important; }*/

    /*news_sect*/
    .news_sect .cont { grid-template-columns: 25% minmax(0, 1fr); }

    /*cer_sect*/
    .cer_sect .cont { padding: 0 0 0 20px; }
    .cer_sect .cont .cer_wrap { margin-left: 10rem; }

}


/*1240px - 769px*/
@media screen and (max-width: 1240px){

    /*visual_sect*/
    .visual_sect .cont .visual .txt_box .desc { font-size: 2.5rem; }
    .visual_sect .cont .visual .txt_box .tit { font-size: 7.5rem; }

    /*service_sect*/
    .service_sect .cont { align-items: flex-start; }
    .service_sect .cont .view_wrap { grid-template-columns: minmax(0, 1fr); margin-top: 5rem; gap: 2rem 0; }
    .service_sect .cont .view_wrap .box .tit_box .tit { font-size: 2.5rem; }
    .service_sect .cont .txt_wrap > .tit_box .tit { font-size: 5.5rem; margin-top: 1rem; }

    .service_sect .cont1 { grid-template-columns: calc(65% - 10rem) minmax(0, 1fr); }
    .service_sect .cont1 .img_wrap { padding-top: 70%; }

    /*exp_sect*/
    .exp_sect .cont { flex-direction: column; }
    .exp_sect .cont .txt_wrap { width: 100%; }
    .exp_sect .tab_wrap { display: flex; align-items: center; justify-content: flex-start; width: 100%; padding-bottom: 10px; overflow-x: auto; }
    .exp_sect .tab_wrap::-webkit-scrollbar { display: none; }
    .exp_sect .tab_wrap .tab + .tab { margin-top: 0; margin-left: 3rem; }

    .exp_sect .chart_wrap { width: 100%; margin-top: 3rem; }
    /*.exp_sect .chart_wrap .chart #expChart { width: 80rem !important; height: 80rem !important; }*/

    /*center_sect*/
    .center_sect .cont { padding-top: 30%; }

    /*cer_sect*/
    .cer_sect .cont .cer_wrap { width: 50%; margin-left: 5rem; }
    .cer_sect .cont .cer_wrap .cer_box + .cer_box { margin-left: 2rem; }

    /*banner_sect*/
    .banner_sect { padding-top: 35%; }
    .banner_sect .txt_wrap .desc { font-size: 2.8rem; }
    .banner_sect .txt_wrap .tit { font-size: 5rem; }

    /*news_sect*/
    .news_sect .cont { grid-template-columns: minmax(0, 1fr); }
    .news_sect .cont .news_li li a { padding: 4rem 2rem 4rem 0; }
    .news_sect .cont .news_li li a .date_wrap { padding: 0; }
}

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

    .main_tit_wrap .tit + .txt { margin-top: 5px; }
    .main_tit_wrap .txt { word-break: keep-all; }

    /*visual_sect*/
    .visual_sect { height: calc(70vh - var(--header_ht)); }
    .visual_sect .cont .visual .txt_box { top: 65%; padding: 0 20px; }
    .visual_sect .cont .visual .txt_box .desc { font-size: 14px; }
    .visual_sect .cont .visual .txt_box .tit { font-size: 30px; word-break: keep-all; }
    .visual_sect .cont .visual .txt_box .tit + .desc { margin-top: 5px; }
    .visual_sect .paging { left: 20px; bottom: 20px; top: unset; flex-direction: row; justify-content: flex-start; width: 100%; transform: unset; }
    .visual_sect .paging .swiper-button { margin-top: 0; margin-left: 7px; font-size: 10px; }
    .visual_sect .swiper-pagination-bullet { margin: 0 7px; }
    .visual_sect .swiper-pagination-bullet:first-of-type { margin-left: 0; }
    .visual_sect .swiper-pagination { flex-direction: row; }
    .visual_sect .swiper-pagination-bullet span.circle { width: 4px; height: 4px; }
    .visual_sect .circle-origin { stroke-width: 0.5px; stroke-dasharray: 31.832px; stroke-dashoffset: 31.832px; }

    @keyframes progress {
        0% { stroke-dashoffset: 31.832px; }
        90% { stroke-dashoffset: 0; }
        100% { stroke-dashoffset: -31.832px; }
    }


    /*service_sect*/
    .pointer { display: none; }
    .service_sect .cont { grid-template-columns: minmax(0, 1fr); gap: 2rem 0; padding: 0 20px; }

    .service_sect .cont .txt_wrap { max-height: unset; height: 100%; }
    .service_sect .cont .txt_wrap > .tit_box .tit { margin-top: 0; font-size: 34px; }

    .service_sect .cont .img_slide { width: calc(100% + 20px); height: auto; margin-top: 30px; }
    .service_sect .cont .img_slide .swiper-slide .img { position: relative; width: 100%; padding-top: 60%; }
    .service_sect .cont .img_slide .swiper-slide .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

    .service_sect .cont .img_slide .swiper-slide .box { margin-top: 10px; }
    .service_sect .cont .img_slide .swiper-slide .box .tit_box { display: flex; align-items: center; justify-content: flex-start; }
    .service_sect .cont .img_slide .swiper-slide .box .tit_box .tit { font-size: 18px; font-weight: 700; }
    .service_sect .cont .img_slide .swiper-slide .box .tit_box .ico { width: 18px; height: 18px; margin-left: 8px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23B6B6B6" viewBox="0 0 384 512"><path d="M328 96h24v24V360v24H304V360 177.9L81 401l-17 17L30.1 384l17-17 223-223H88 64V96H88 328z"/></svg>')center/contain no-repeat; }
    .service_sect .cont .img_slide .swiper-slide .box .tit_box + .txt { margin-top: 5px; }
    .service_sect .cont .img_slide .swiper-slide .box .txt { word-break: keep-all; color: #717171; font-size: 13px; }



    .service_sect .cont .view_wrap { display: none; }
    .service_sect .cont2 .img_wrap { width: 100%; grid-row: 2; }

    /*exp_sect*/
    .exp_sect .counter_wrap { flex-direction: column; }
    .exp_sect .tab_wrap { width: calc(100% + 40px); margin-top: 40px; margin-left: -20px; padding: 0 20px; }

    .exp_sect .tab_wrap .tab { height: 50px; line-height: 50px; padding: 0 20px; }
    .exp_sect .tab_wrap .tab + .tab { margin-left: 15px; }
    .exp_sect .tab_wrap .tab .txt { font-size: 14px; }
    .exp_sect .tab_wrap .tab.active .ico { width: 15px; height: 15px; margin-left: 5px; }

    .exp_sect .chart_wrap .counter_cont { margin-top: 50px; }

    .exp_sect .counter_wrap .box { padding: 15px 0; }
    .exp_sect .counter_wrap .box:first-of-type { padding-top: 0; }
    .exp_sect .counter_wrap .box:last-of-type { padding-bottom: 0; }
    .exp_sect .counter_wrap .box + .box:before { left: 50%; top: 0; width: 80%; height: 1px; border-left: 0; border-top: 1px solid rgba(255,255,255,0.4); transform: translateX(-50%); }
    .exp_sect .counter_wrap .box .num { font-size: 40px; }

    /*center_sect*/
    .center_sect { flex-direction: column; }
    .center_sect .cont { width: 100%; padding-top: 50%; }
    .center_sect .cont.active { width: 100%; }
    .center_sect .cont + .cont { margin-left: 0; margin-top: 1rem; }
    .center_sect .cont .tit_box { align-items: flex-start; }
    .center_sect .cont .tit_box .tit { font-size: 24px; }
    .center_sect .cont .tit_box .ico { width: 25px; height: 25px; opacity: 1; }
    .center_sect .cont .txt_wrap { bottom: 20px; }
    .center_sect .cont .txt { margin-top: 5px; }

    /*cer_sect*/
    .cer_sect .cont { flex-direction: column; }
    .cer_sect .main_tit_wrap { margin-bottom: 40px; }
    .cer_sect .cont .cer_wrap { width: 100%; margin-left: 0; }
    /*.cer_sect .main_tit_wrap { margin-bottom: 40px; }*/
    /*.cer_sect .paging { margin-top: 50px; }*/

    /*banner_sect*/
    .banner_sect { padding-top: 35%; }
    .banner_sect .txt_wrap .desc { font-size: 18px; }
    .banner_sect .txt_wrap .tit { font-size: 30px; line-height: 1.2; word-break: break-all; }

    /*news_sect*/
    .news_sect .cont { gap: 5rem; }
    .news_sect .btn_wrap { margin-top: 3rem; }

    .news_sect .cont .news_li li a { gap: 0 2rem; padding: 20px 20px 20px 0; align-items: center; }
    .news_sect .cont .news_li li a .date_wrap .date { font-size: 20px; }
    .news_sect .cont .news_li li a .date_wrap .year { white-space: nowrap; font-size: 12px; }

    .news_sect .cont .news_li li .tit_box .tit { font-size: 17px; line-height: 1.3; }
    .news_sect .cont .news_li li .tit_box .txt { width: 100%; }

    /*partner_sect*/
    .partner_sect .cont { margin-top: 40px; }
    .partner_sect .cont::before,
    .partner_sect .cont::after { width: 10%; }

}

@media screen and (max-width: 500px){
    .banner_sect { padding-top: 65%; }
}