@charset "UTF-8";

.com_main_title {display: flex; justify-content: space-between; align-items: center; column-gap: 20px; margin: 0 0 80px; padding: 0 0 75px; border-bottom: 1px solid #181862;}
.com_main_title .title_box {}
.com_main_title .title_box .title {font-family: "Montserrat"; font-weight: 700; font-size: 86px; line-height: 90px; color: #181862;}
.com_main_title .title_box .text {margin: 30px 0 0; font-weight: 400; font-size: 24px; line-height: 32px; color: #111111; letter-spacing: -0.035em;}
.com_main_title .circle_box {display: block; position: relative; width: 240px; height: 240px; background-color: #181862; border-radius: 50%;}
.com_main_title .circle_box:before {display: block; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 195px; height: 192px; background: url("/kor/images/main/circle_text.png") no-repeat 0 0 / cover; animation: cm_circle_rotate 10s linear infinite;}
.com_main_title .circle_box .rotate_circle {}
.com_main_title .circle_box .inner_circle {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.com_main_title .circle_box .inner_circle img {}
.com_main_title .circle_box:hover, .com_main_title .circle_box:focus {animation: circleHover 0.7s both;}

.com_main_title.white {border-color: #fff;}
.com_main_title.white .title_box .title {color: #fff;}
.com_main_title.white .title_box .text {color: #fff;}

@keyframes cm_circle_rotate {
    0% {
        transform:translate(-50%, -50%) rotate(0deg);
   }
    100% {
        transform:translate(-50%, -50%) rotate(360deg);
   }
}
@keyframes circleHover {
0% {
    transform:scale(1); 
}
50% {
    transform:scale(1.2); 
}
100% {
    transform:scale(1); 
}
}

.sec01 {}
.sec01 .main_visual_area {position:relative; overflow:hidden; height:100vh;}
.sec01 .main_visual_area .slick-slide {font-size:0;}
.sec01 .main_visual_area .slick-slide .slide_box {position:relative; height: 100vh;}
.sec01 .main_visual_area .slick-slide .slide_box > img {position:relative; height:100%; width:100%; transform: scale(1.2); object-fit:cover; transition: 6s ease}
.sec01 .main_visual_area .slick-slide .slide_box > img.mob {display: none;}
.sec01 .main_visual_area .slick-slide video {position:relative; height:100%; width:100%; object-fit:cover;}
.sec01 .main_visual_area .slide_box .text_box {position:absolute; left:50%; top:50%; width: 100%; max-width:1500px; transform:translate(-50%, -50%); z-index:10;}
.sec01 .main_visual_area .slide_box .text_box > * {position:relative;  opacity:0;}
.sec01 .main_visual_area .slide_box .text_box .sub_title {font-weight: 700; font-size: 42px; line-height: 50px; color: #ffffff;}
.sec01 .main_visual_area .slide_box .text_box .title {margin: 10px 0 0; font-family: "Montserrat"; font-weight: 700; font-size: 110px; line-height: 1; color: #ffffff;}
.sec01 .main_visual_area .slide_box .text_box .text {margin: 20px 0 0; font-weight: 400; font-size: 24px; line-height: 30px; color: #ffffff;}


.sec01 .main_visual_area .slick-current .text_box > * {animation:text_box 2s forwards;}
@keyframes text_box {
	0% {top:50px; opacity:0;}
	100% {top:0; opacity:1;}
} 
.sec01 .main_visual_area .slick-current.slick-slide .slide_box > img  {transform: scale(1);}
.sec01 .main_visual_area .slick-current .text_box .sub_title {animation-delay:.2s;}
.sec01 .main_visual_area .slick-current .text_box .title {animation-delay:.6s;}
.sec01 .main_visual_area .slick-current .text_box .text {animation-delay:1s;}

.sec01 .main_visual_area .main_control_box {width: 100%; max-width: 1500px; margin: 0 auto; align-items: center; bottom: 180px; left: 50%; transform: translateX(-50%); display: flex;  position: absolute; width: 100%; z-index: 100;}
.sec01 .main_visual_area .main_control_box .inner {display: flex; align-items: center; position: relative; width: 100%;}
.sec01 .main_visual_area .main_control_box .inner .main_btn {width: 7px; height: 14px;}
.sec01 .main_visual_area .main_control_box .inner .main_btn.prev {background-image: url("/kor/images/main/main_btn_prev.png");} 
.sec01 .main_visual_area .main_control_box .inner .main_btn.next {background-image: url("/kor/images/main/main_btn_next.png");}  
.sec01 .main_visual_area .main_control_box .slick-dots-wrapper {position: relative; top: 0;}
.sec01 .main_visual_area .main_control_box .slick-dots-wrapper .slick-dots {align-items: center; display: flex; padding: 0 35px;}
.sec01 .main_visual_area .main_control_box .slick-dots-wrapper .slick-dots li {margin: 0 8px; width: 21.6px;}
.sec01 .main_visual_area .main_control_box .slick-dots-wrapper .slick-dots li button {background: none; border-radius: 50%; box-sizing: border-box; cursor: pointer; font-size: 0; height: 22px; margin: 0px; padding: 0px; position: relative; vertical-align: top; width: 22px;}
.sec01 .main_visual_area .main_control_box .slick-dots-wrapper .slick-dots li button:focus {}
.sec01 .main_visual_area .main_control_box .slick-dots-wrapper .slick-dots li button:after {background: rgba(255,255,255,0.5); border-radius: 50%; content: ""; height: 6px; left: 50%; margin-left: -3px; margin-top: -3px; position: absolute; top: 50%; transition: var(--custom-transiton1); width: 6px;}
.sec01 .main_visual_area .main_control_box .slick-dots-wrapper .slick-dots li button svg {height: 100%; left: 0; position: absolute; top: 0; transform: scale(0) rotate(-90deg); transition: var(--custom-transiton1); width: 100%;}
.sec01 .main_visual_area .main_control_box .slick-dots-wrapper .slick-dots li button svg circle {fill: transparent; stroke: #fff; stroke-dasharray: 100; stroke-dashoffset: 50; stroke-linecap: round; stroke-width: 2px;}
.sec01 .main_visual_area .main_control_box .slick-dots-wrapper .slick-dots li.slick-active button svg {transform: scale(1) rotate(-90deg);}
html:not(.ios-os) .sec01 .main_visual_area .main_control_box .slick-dots li.slick-active button svg circle {animation: draw-circle 4.6s cubic-bezier(0.4, 0, 0.2, 1) both;}
.ios-os .sec01 .main_visual_area .main_control_box .slick-dots li.slick-active button svg circle {animation: draw-circle-ios 4.6s cubic-bezier(0.4, 0, 0.2, 1) both;}
.sec01 .main_visual_area .main_control_box .slick-dots li.slick-active button:after {background: #fff;}


.sec02 {background: url("/kor/images/main/sec02_bg.jpg") no-repeat center bottom / cover; padding: 100px 0 130px;}
.sec02 .prd_area {}
.sec02 .prd_area > .list {display: flex; column-gap: 55px;}
.sec02 .prd_area > .list > li {width: calc(33.3333% - 36.6666px);}
.sec02 .prd_area > .list > li:first-child {padding: 170px 0 0;}
.sec02 .prd_area > .list > li:nth-child(2) {}
.sec02 .prd_area > .list > li:nth-child(3) {padding: 310px 0 0;}
.sec02 .prd_area > .list > li .box {position: relative; padding: 65px 40px; border-radius: 15px; box-shadow: 0 5px 5px rgb(0 0 0 / 10%); background-color: #fff;}
.sec02 .prd_area > .list > li .box .box_inner {display: flex; flex-direction: column; justify-content: space-between; gap: 70px; height: 100%;}
.sec02 .prd_area > .list > li .box .box_inner .text_box {}
.sec02 .prd_area > .list > li .box .box_inner .text_box .title {font-family: "Montserrat"; font-weight: 700; font-size: 36px; line-height: 40px; color: #181862;}
.sec02 .prd_area > .list > li .box .box_inner .text_box .sub_title {margin: 10px 0 0;font-weight: 500; font-size: 22px; line-height: 26px; color: #181862;} 
.sec02 .prd_area > .list > li .box .box_inner .text_box .text_list {margin: 20px 0 0;}
.sec02 .prd_area > .list > li .box .box_inner .text_box .text_list > .list {}
.sec02 .prd_area > .list > li .box .box_inner .text_box .text_list > .list > li {position: relative; margin: 5px 0 0; padding: 0 0 0 8px; font-weight: 400; font-size: 16px; line-height: 24px; color: #888888;}
.sec02 .prd_area > .list > li .box .box_inner .text_box .text_list > .list > li:first-child {margin: 0;}
.sec02 .prd_area > .list > li .box .box_inner .text_box .text_list > .list > li .etc {position: absolute; left: 0; top: 0;}
.sec02 .prd_area > .list > li .box .box_inner .img_wrap {}
.sec02 .prd_area > .list > li .box .box_inner .img_wrap .img_box {position: relative; padding-bottom: 46.9%;}
.sec02 .prd_area > .list > li .box .box_inner .img_wrap .img_box .img_inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.sec02 .prd_area > .list > li .box .box_inner .img_wrap .img_box .img_inner img {display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); vertical-align: middle; object-fit: contain;}
.sec02 .prd_area > .list > li .box .hover_box {display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.sec02 .prd_area > .list > li .box .hover_box .more_btn {display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.3);}
.sec02 .prd_area > .list > li .box .hover_box .more_btn img {transition: all 0.3s;}
.sec02 .prd_area > .list > li .box:hover, .sec02 .prd_area > .list > li .box:focus {background-color: #181862;}
.sec02 .prd_area > .list > li .box:hover .box_inner .text_box .title, .sec02 .prd_area > .list > li .box:focus .box_inner .text_box .title {color: #fff;}
.sec02 .prd_area > .list > li .box:hover .box_inner .text_box .sub_title, .sec02 .prd_area > .list > li .box:focus .box_inner .text_box .sub_title {color: #fff;} 
.sec02 .prd_area > .list > li .box:hover .box_inner .text_box .text_list > .list > li, .sec02 .prd_area > .list > li .box:focus .box_inner .text_box .text_list > .list > li {color: #fff;}
.sec02 .prd_area > .list > li .box:hover .hover_box, .sec02 .prd_area > .list > li .box:focus .hover_box {display: block;}
.sec02 .prd_area > .list > li .box .hover_box .more_btn:hover img, .sec02 .prd_area > .list > li .box .hover_box .more_btn:focus img {transform: rotate(180deg)}

.sec03 {padding: 110px 0 130px; background: #f6f6f6 url("/kor/images/main/sec03_bg.png") no-repeat right center;}
.sec03 .tech_area {overflow: hidden;}
.sec03 .tech_area .tech_slide {position: relative;}
.sec03 .tech_area .tech_slide .list {margin: 0 -10px;}
.sec03 .tech_area .tech_slide .list li {padding: 0 10px;}
.sec03 .tech_area .tech_slide .list li .box {display: flex; column-gap: 80px;}
.sec03 .tech_area .tech_slide .list li .box .img_wrap {flex-shrink: 0; width: 52.8%;}
.sec03 .tech_area .tech_slide .list li .box .img_wrap .img_box {position: relative; padding-bottom: 59.5%;}
.sec03 .tech_area .tech_slide .list li .box .img_wrap .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); vertical-align: middle; object-fit: contain;border-radius: 10px; overflow: hidden; box-shadow: 0px 1px 8px 2px rgba(0, 0, 0, 0.07);}
.sec03 .tech_area .tech_slide .list li .box .text_box {width: 47.2%; padding: 75px 0 0;}
.sec03 .tech_area .tech_slide .list li .box .text_box .title {font-weight: 700; font-size: 40px; line-height: 50px; color: #000000; letter-spacing: -0.035em;}
.sec03 .tech_area .tech_slide .list li .box .text_box .text {margin: 20px 0 0; font-weight: 400; font-size: 18px; line-height: 26px; color: #000000; letter-spacing: -0.035em;}

.sec03 .tech_area .tech_slide .tech_nav {display:flex; align-items:center; position: absolute; right: 0; bottom: 80px; width: 47.2%; padding: 0 0 0 80px;}
.sec03 .tech_area .tech_slide .tech_nav .arrow {position:relative; width:7px; height:20px; display:block; font-size:0;}
.sec03 .tech_area .tech_slide .tech_nav .arrow:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/kor/images/main/arrow_mv.png') no-repeat 50% 50% / contain;}
.sec03 .tech_area .tech_slide .tech_nav .arrow_prev:before {}
.sec03 .tech_area .tech_slide .tech_nav .arrow_next:before {transform:rotate(180deg);}
.sec03 .tech_area .tech_slide .tech_nav .tcpaging {}
.sec03 .tech_area .tech_slide .tech_nav .tcpaging .slick-dots {}
.sec03 .tech_area .tech_slide .tech_nav .tcpaging .slick-dots li {display:none; align-items: center;}
.sec03 .tech_area .tech_slide .tech_nav .tcpaging .slick-dots li.slick-active {display:flex;}
.sec03 .tech_area .tech_slide .tech_nav .tcpaging .slick-dots li strong {}
.sec03 .tech_area .tech_slide .tech_nav .tcpaging .slick-dots li span {display: inline-block; padding:0 10px; font-family: "Montserrat"; font-weight: 500; font-size: 13px; line-height: 15px; color: #000000;}

.tech_nav .tcpaging .slick-dots li .pro_wrap {position:relative; width:130px; height:2px; background:#b7b7b7;}
.tech_nav .tcpaging .slick-dots li .pro-bar {position:absolute; bottom:0; left:0; width:0; height:100%; background:#000000;}
.tech_nav .tcpaging .slick-dots li .pro-bar.pro-ani {animation:proBar 5s 1; width:100%;}
@keyframes proBar{
	0% {width:0;}
	100% {width:100%;}
}


/* .sec04 {padding: 120px 0 130px; background: url("/kor/images/main/sec04_bg.jpg") no-repeat 0 0  / cover;} */
.sec04 {background: url("/kor/images/main/sec04_bg.jpg") no-repeat 0 0  / cover;}
.sec04 .customer_area {padding: 0 50px;}
.sec04 .customer_area .list {display: flex; flex-wrap: wrap; gap: 20px;}
.sec04 .customer_area .list li {width: calc(20% - 16px);}
.sec04 .customer_area .list li .box {}
.sec04 .customer_area .list li .box .img_box {display: flex; align-items: center; justify-content: center; height: 94px; border-radius: 14px; border: 1px solid #292929; background-color: #fff;}
.sec04 .customer_area .list li .box .img_box img {}

.sec05 {height: auto !important;}
.sec05 .fp-tableCell {height: auto !important;}


.sec06 {}
.sec06 .tech_area2 {position:relative; overflow:hidden; height:100vh;}
.sec06 .tech_area2 .tech_slide2 .list li {position:relative; height: 100vh;}
.sec06 .tech_area2 .tech_slide2 .list li .box {position: relative; height: 100%;}
.sec06 .tech_area2 .tech_slide2 .list li .box .img_wrap {position:relative; height:100%; width:100%; }
.sec06 .tech_area2 .tech_slide2 .list li .box .img_wrap img {position:relative; height:100%; width:100%; transform: scale(1.2); object-fit:cover; transition: 6s ease}
.sec06 .tech_area2 .tech_slide2 .list li .box .text_box {position:absolute; left:50%; top:50%; width: 100%; max-width:1500px; transform:translate(-50%, -50%); z-index:10;}
.sec06 .tech_area2 .tech_slide2 .list li .box .text_box > * {position:relative;  opacity:0;}
.sec06 .tech_area2 .tech_slide2 .list li .box .text_box .name {font-weight: 700; font-family: "Montserrat"; font-size: 30px; line-height: 40px; color: #ffffff;}
.sec06 .tech_area2 .tech_slide2 .list li .box .text_box .menu {margin: 5px 0 0; font-weight: 700; font-family: "Montserrat"; font-size: 74px; line-height: 80px; color: #ffffff;}
.sec06 .tech_area2 .tech_slide2 .list li .box .text_box .title {margin: 100px 0 0; font-weight: 700; font-size: 40px; line-height: 50px; color: #ffffff;}
.sec06 .tech_area2 .tech_slide2 .list li .box .text_box .text {margin: 10px 0 0; font-weight: 400; font-size: 18px; line-height: 26px; color: #ffffff;}
.sec06 .tech_area2 .tech_slide2 .list li .box .text_box .view_btn {display: block; width: 210px; margin: 40px 0 0; border-radius: 26px; border: 1px solid #fff; text-align: center;}
.sec06 .tech_area2 .tech_slide2 .list li .box .text_box .view_btn .txt {display: inline-block; padding: 0 45px 0 0; background: url("/kor/images/main/view_icon.png") no-repeat right center; font-weight: 500; font-size: 14px; line-height: 50px; color: #ffffff; text-align: center;}


.sec06 .tech_area2 .tech_slide2 .list .slick-current li .box .text_box > * {animation:text_box 2s forwards;}
.sec06 .tech_area2 .tech_slide2 .list .slick-current li  .box .img_wrap img  {transform: scale(1);}
.sec06 .tech_area2 .tech_slide2 .list .slick-current li  .box .text_box .name {animation-delay:.2s;}
.sec06 .tech_area2 .tech_slide2 .list .slick-current li  .box .text_box .menu {animation-delay:.6s;}
.sec06 .tech_area2 .tech_slide2 .list .slick-current li  .box .text_box .title {animation-delay:1s;}
.sec06 .tech_area2 .tech_slide2 .list .slick-current li  .box .text_box .text {animation-delay:1.4s;}
.sec06 .tech_area2 .tech_slide2 .list .slick-current li  .box .text_box .view_btn {animation-delay:1.8s;}

.sec06 .tech_area2 .tech_slide2 .tech_nav2 {display: flex; align-items: center; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 80%; width: 100%; max-width: 1500px;}
.sec06 .tech_area2 .tech_slide2 .tech_nav2 .arrow {position:relative; width:7px; height:20px; display:block; font-size:0;}
.sec06 .tech_area2 .tech_slide2 .tech_nav2 .arrow:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/kor/images/main/arrow_mv2.png') no-repeat 50% 50% / contain;}
.sec06 .tech_area2 .tech_slide2 .tech_nav2 .arrow_prev:before {}
.sec06 .tech_area2 .tech_slide2 .tech_nav2 .arrow_next:before {transform:rotate(180deg);}
.sec06 .tech_area2 .tech_slide2 .tech_nav2 .tcpaging {}
.sec06 .tech_area2 .tech_slide2 .tech_nav2 .tcpaging .slick-dots {}
.sec06 .tech_area2 .tech_slide2 .tech_nav2 .tcpaging .slick-dots li {display:none; align-items: center;}
.sec06 .tech_area2 .tech_slide2 .tech_nav2 .tcpaging .slick-dots li.slick-active {display:flex;}
.sec06 .tech_area2 .tech_slide2 .tech_nav2 .tcpaging .slick-dots li strong {}
.sec06 .tech_area2 .tech_slide2 .tech_nav2 .tcpaging .slick-dots li span {display: inline-block; padding:0 10px; font-family: "Montserrat"; font-weight: 500; font-size: 13px; line-height: 15px; color: #fff;}

.sec06 .tech_nav2 .tcpaging .slick-dots li .pro_wrap {position:relative; width:130px; height:2px; background:#b7b7b7;}
.sec06 .tech_nav2 .tcpaging .slick-dots li .pro-bar {position:absolute; bottom:0; left:0; width:0; height:100%; background:#fff;}
.sec06 .tech_nav2 .tcpaging .slick-dots li .pro-bar.pro-ani {animation:proBar 5s 1; width:100%;}


.sec07 {position: relative;}
.sec07 .prd_bg_area {position: absolute; top: 0; left: 0; display: flex; flex-wrap: wrap; width: 100%; height: 100%; overflow: hidden;}
.sec07 .prd_bg_area .left {width: 38%; height: 100%;background: #f2f2f2; border-radius: 0 50px 0 0; overflow: hidden;}
.sec07 .prd_bg_area .left .inner {width: 100%; height: 100%; background: #f2f2f2;}
.sec07 .prd_bg_area .right {width: calc(100% - 38%); height: 100%; background: #fff;}
.sec07 .prd_bg_area .right .inner {width: 100%; height: 100%; background: #fff;}

.sec07 .prd_menu {margin: 0 0 85px;}
.sec07 .prd_menu .list {display: flex; justify-content: end; column-gap: 10px;}
.sec07 .prd_menu .list li {}
.sec07 .prd_menu .list li .box {display: block; width: 210px; border-radius: 26px; border: 1px solid #b7b7b7; font-weight: 400; font-size: 20px; line-height: 50px; color: #111111; text-align: center;}
.sec07 .prd_menu .list li.on .box {background-color: #085099; border-color: #085099; font-weight: 700; color: #fff;}
.sec07 .prd_cont_box {}
.sec07 .prd_cont_box .prd_cont {display: none;}
.sec07 .prd_cont_box .prd_cont.on {display: block;}
.sec07 .prd_cont_box .prd_cont .prd_area {display: flex; column-gap: 95px;}
.sec07 .prd_cont_box .prd_cont .prd_area .left_box {}
.sec07 .prd_cont_box .prd_cont .prd_area .left_box .title {font-family: "Montserrat"; font-weight: 700; font-size: 74px; line-height: 80px; color: #111111; left: -0.025em;}
.sec07 .prd_cont_box .prd_cont .prd_area .left_box .text {margin: 15px 0 0; font-weight: 400; font-size: 22px; line-height: 33px; color: #111111;}
.sec07 .prd_cont_box .prd_cont .prd_area .left_box .prd_control_box {margin: 75px 0 0;}
.sec07 .prd_cont_box .prd_cont .prd_area .left_box .prd_control_box .btn_box {display: flex; column-gap: 10px;}
.sec07 .prd_cont_box .prd_cont .prd_area .left_box .prd_control_box .btn_box .btn {display: block; width: 90px; height: 90px; background-position: 0 0; background-repeat: no-repeat; transition: all 0.5s;}
.sec07 .prd_cont_box .prd_cont .prd_area .left_box .prd_control_box .btn_box .btn.prev {background-image: url("/kor/images/main/sec07_prev_btn.png");}
.sec07 .prd_cont_box .prd_cont .prd_area .left_box .prd_control_box .btn_box .btn.next {background-image: url("/kor/images/main/sec07_next_btn.png");}
.sec07 .prd_cont_box .prd_cont .prd_area .left_box .prd_control_box .btn_box .btn.prev:hover, .sec07 .prd_cont_box .prd_cont .prd_area .left_box .prd_control_box .btn_box .btn.prev:focus {background-image: url("/kor/images/main/sec07_prev_btn_on.png");}
.sec07 .prd_cont_box .prd_cont .prd_area .left_box .prd_control_box .btn_box .btn.next:hover, .sec07 .prd_cont_box .prd_cont .prd_area .left_box .prd_control_box .btn_box .btn.next:focus {background-image: url("/kor/images/main/sec07_next_btn_on.png");}
.sec07 .prd_cont_box .prd_cont .prd_area .left_box .prd_control_box .btn_box .btn.swiper-button-disabled {display: none;}
.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box {overflow: hidden; width: 100%;}
.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide {}
.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list {}
.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li {}
.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box {display: flex; align-items: center; column-gap: 30px;}
.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .img_wrap {width: 60%;}
.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .img_wrap .img_box {position: relative; padding-bottom: 68%; overflow: hidden;}
.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .img_wrap .img_box .img_inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; transition: all 0.5s;}
.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .img_wrap .img_box .img_inner img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; transition: all 0.7s;}
.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box {width: 40%;}
.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .title {font-family: "Montserrat"; font-weight: 700; font-size: 58px; line-height: 60px; color: #111111;}
.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .text_list {margin: 25px 0 0;}
.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .text_list li {position: relative; padding: 0 0 0 10px; font-weight: 400; font-size: 17px; line-height: 30px; color: #111111;}
.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .text_list li .etc {position: absolute; left: 0; top: 0;}
.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .view_btn {display: block; width: 210px; margin: 30px 0 0; border: 1px solid #074f98; border-radius: 26px; text-align: center;}
.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .view_btn .text {padding: 0 35px 0 0; background: url("/kor/images/main/sec07_arrow.png") no-repeat right top 3px; font-weight: 500; font-size: 14px; line-height: 50px; color: #074f98;}
.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .view_btn:hover, .sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .view_btn:focus {background-color: #074f98;}
.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .view_btn:hover .text, .sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .view_btn:focus .text {background-image: url("/kor/images/main/sec07_arrow_on.png"); color: #fff;}


@keyframes draw-circle {	
    from {stroke-dashoffset: -50;}
	to {stroke-dashoffset: 0;}
}
@keyframes draw-circle-ios {	
    from {stroke-dashoffset: 100;}
	to {stroke-dashoffset: 50;}
}

@media screen and (max-width: 1500px) {
	.sec01 .main_visual_area .slide_box .text_box {padding: 0 10px;}
	.sec01 .main_visual_area .main_control_box {padding: 0 10px;}

	.sec06 .tech_area2 .tech_slide2 .list li .box .text_box {padding: 0 10px;}
	.sec06 .tech_area2 .tech_slide2 .tech_nav2 {padding: 0 10px;}

}
@media screen and (max-width: 1400px) {
	.section {height: auto !important;}
	.section .fp-tableCell {height: auto !important;}

	.com_main_title {margin: 0 0 50px; padding: 0 0 50px;}
	.com_main_title .title_box .title {font-size: 60px; line-height: 1;}
	.com_main_title .title_box .text {margin: 20px 0 0; font-size: 20px; line-height: 28px;}
	.com_main_title .circle_box {width: 180px; height: 180px;}
	.com_main_title .circle_box:before {width: 135px; height: 132px;}
	.com_main_title .circle_box .inner_circle img {width: 26px;}
	.sec01 .main_visual_area .slide_box.black {background-size: 627px 220px;}
	.sec01 .main_visual_area .slide_box .text_box {padding: 0 10px;}	
    .sec01 .main_visual_area .slide_box .text_box .sub_title {font-size: 32px; line-height: 40px;}
    .sec01 .main_visual_area .slide_box .text_box .title {margin: 5px 0 0; font-size: 80px;}
    .sec01 .main_visual_area .slide_box .text_box .text {margin: 10px 0 0; font-size: 20px; line-height: 28px;}
	.sec01 .main_visual_area .main_control_box {padding: 0 10px;}
	.sec01 .main_visual_area .main_control_box .slick-dots-wrapper .slick-dots {padding: 0 10px;}

	.sec02 {padding: 80px 0 110px;}
	.sec02 .prd_area > .list {column-gap: 20px;}
	.sec02 .prd_area > .list > li {width: calc(33.3333% - 13.3333px);}
	.sec02 .prd_area > .list > li:first-child {padding: 100px 0 0;}
	.sec02 .prd_area > .list > li:nth-child(3) {padding: 200px 0 0;}
	.sec02 .prd_area > .list > li .box {padding: 40px 20px;}
	.sec02 .prd_area > .list > li .box .box_inner {gap: 40px;}

	.sec03 {padding: 80px 0 100px; background-size: auto 100%;}
	.sec03 .tech_area .tech_slide .list li .box {column-gap: 40px;}
	.sec03 .tech_area .tech_slide .list li .box .text_box {padding: 40px 0 0;}
	.sec03 .tech_area .tech_slide .list li .box .text_box .title {font-size: 30px; line-height: 40px;}
	.sec03 .tech_area .tech_slide .list li .box .text_box .text {margin: 10px 0 0; font-size: 16px;}
	.sec03 .tech_area .tech_slide .tech_nav {padding: 0 0 0 40px; bottom: 40px;}

	.sec04 {padding: 80px 0 100px;}
	.sec04 .customer_area {padding: 0;}
	.sec04 .customer_area .list {gap: 10px;}
	.sec04 .customer_area .list li {width: calc(20% - 8px);}
	.sec04 .customer_area .list li .box .img_box {height: 85px; padding: 5px;}

	.sec06 .tech_area2 {height: 80vh;}
	.sec06 .tech_area2 .tech_slide2 .list li .box .text_box {top: 35%;}
	.sec06 .tech_area2 .tech_slide2 .list li .box .text_box .name {font-size: 24px; line-height: 30px;}
	.sec06 .tech_area2 .tech_slide2 .list li .box .text_box .menu {font-size: 60px; line-height: 65px;}
	.sec06 .tech_area2 .tech_slide2 .list li .box .text_box .title {margin: 50px 0 0; font-size: 30px; line-height: 35px;}
	.sec06 .tech_area2 .tech_slide2 .list li .box .text_box .text {margin: 6px 0 0; font-size: 16px; line-height: 20px;}
	.sec06 .tech_area2 .tech_slide2 .list li .box .text_box .view_btn {width: 160px;}
	.sec06 .tech_area2 .tech_slide2 .list li .box .text_box .view_btn .txt {padding: 0 35px 0 0; font-size: 12px; line-height: 40px;}
	.sec07 {padding: 80px 0;}	
	.sec07 .prd_menu {margin: 0 0 40px;}
	.sec07 .prd_menu .list li .box {width: 160px; font-size: 18px; line-height: 40px;}
	.sec07 .prd_cont_box .prd_cont .prd_area {flex-direction: column; gap: 20px;}
	.sec07 .prd_cont_box .prd_cont .prd_area {align-items: start;}
	.sec07 .prd_cont_box .prd_cont .prd_area .left_box {position: relative; width: 100%;}
	.sec07 .prd_cont_box .prd_cont .prd_area .left_box .title {font-size: 60px; line-height: 70px;}
	.sec07 .prd_cont_box .prd_cont .prd_area .left_box .title br {display: none;}
	.sec07 .prd_cont_box .prd_cont .prd_area .left_box .text {margin: 10px 0 0; font-size: 18px; line-height: 26px;}
	.sec07 .prd_cont_box .prd_cont .prd_area .left_box .prd_control_box {position: absolute; right: 0; bottom: 0; margin: 0;}
	.sec07 .prd_cont_box .prd_cont .prd_area .left_box .prd_control_box .btn_box .btn {width: 60px; height: 60px; background-size: cover;}
	.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box {padding: 0;}
	.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li {width: 100% !important;}
	.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .img_wrap {width: 50%;}
	.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box {width: 50%;}
	.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .title {font-size: 40px; line-height: 50px;}
	.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .text_list {margin: 15px 0 0;}
	.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .text_list li {margin: 7px 0 0; font-size: 15px; line-height: 21px;}
	.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .text_list li:first-child {margin: 0;}
	.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .view_btn {width: 160px; margin: 15px 0 0;}
	.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .view_btn .text {font-size: 12px; line-height: 40px;}
}

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

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

	.com_main_title {margin: 0 0 30px; padding: 0 0 30px; column-gap: 10px;}
	.com_main_title .title_box .title {font-size: 40px;}
	.com_main_title .title_box .text {margin: 10px 0 0; font-size: 16px; line-height: 24px;}
	.com_main_title .circle_box {width: 120px; height: 120px;}
	.com_main_title .circle_box:before {width: 92px; height: 92px;}
	.com_main_title .circle_box .inner_circle img {width: 22px;}
	
	.sec01 .main_visual_area {height: 80vh;}
	.sec01 .main_visual_area .slick-slide .slide_box {height: 80vh;}
	.sec01 .main_visual_area .slide_box .text_box {top: 40%;}
    .sec01 .main_visual_area .slide_box .text_box .sub_title {font-size: 24px; line-height: 34px;}
    .sec01 .main_visual_area .slide_box .text_box .title {margin: 5px 0 0; font-size: 60px;}
    .sec01 .main_visual_area .slide_box .text_box .text {margin: 5px 0 0; font-size: 18px; line-height: 26px;}
	
	.sec01 .main_visual_area .main_control_box {bottom: inherit; top: 60%; transform: translate(-50%, -50%);}
	.sec01 .main_visual_area .main_control_box .slick-dots-wrapper .slick-dots {padding: 0 15px;}
	.sec01 .main_visual_area .main_control_box .slick-dots-wrapper .slick-dots li {margin: 0 4px;}


	.sec02 {padding: 60px 0 80px;}
	.sec02 .prd_area > .list {column-gap: 10px;}
	.sec02 .prd_area > .list > li {width: calc(33.3333% - 3.3333px);}
	.sec02 .prd_area > .list > li:first-child {padding: 0;}
	.sec02 .prd_area > .list > li:nth-child(3) {padding: 0;}
	.sec02 .prd_area > .list > li .box {padding: 20px 10px; height: 100%;}
	.sec02 .prd_area > .list > li .box .box_inner {gap: 30px;}
	.sec02 .prd_area > .list > li .box .box_inner .text_box .title {font-size: 26px; line-height: 30px;}
	.sec02 .prd_area > .list > li .box .box_inner .text_box .sub_title {margin: 5px 0 0; font-size: 18px; line-height: 24px;}
	.sec02 .prd_area > .list > li .box .box_inner .text_box .text_list {margin: 10px 0 0;}
	.sec02 .prd_area > .list > li .box .box_inner .text_box .text_list > .list > li {font-size: 14px; line-height: 21px;}
	.sec02 .prd_area > .list > li .box .hover_box .more_btn {width: 60px; height: 60px;}

	.sec03 {padding: 60px 0;}
	.sec03 .tech_area .tech_slide .list li .box {column-gap: 20px;}
	.sec03 .tech_area .tech_slide .list li .box .text_box {padding: 20px 0 0;}
	.sec03 .tech_area .tech_slide .list li .box .text_box .title {font-size: 24px; line-height: 30px;}
	.sec03 .tech_area .tech_slide .list li .box .text_box .text {margin: 5px 0 0; font-sizE: 14px; line-height: 21px;}
	.sec03 .tech_area .tech_slide .tech_nav {padding: 0 0 0 20px; bottom: 0;}
	
	.sec04 {padding: 60px 0;}
	.sec04 .customer_area .list li {width: calc(25% - 7.5px);}
	.sec04 .customer_area .list li .box .img_box {height: 70px;}

	
	.sec06 .tech_area2 {height: 70vh;}
	.sec06 .tech_area2 .tech_slide2 .list li .box .text_box {top: 35%;}
	.sec06 .tech_area2 .tech_slide2 .list li .box .text_box .name {font-size: 20px; line-height: 24px;}
	.sec06 .tech_area2 .tech_slide2 .list li .box .text_box .menu {font-size: 40px; line-height: 45px;}
	.sec06 .tech_area2 .tech_slide2 .list li .box .text_box .title {margin: 30px 0 0; font-size: 20px; line-height: 25px;}
	.sec06 .tech_area2 .tech_slide2 .list li .box .text_box .text {margin: 6px 0 0; font-size: 14px; line-height: 18px;}
	.sec06 .tech_area2 .tech_slide2 .list li .box .text_box .view_btn {width: 120px; margin: 10px 0 0;}
	.sec06 .tech_area2 .tech_slide2 .list li .box .text_box .view_btn .txt {padding: 0 20px 0 0; line-height: 35px;}
	.sec06 .tech_nav2 .tcpaging .slick-dots li .pro_wrap {width: 100px;}


	.sec07 {padding: 50px 0;}
	.sec07 .prd_menu {margin: 0 0 20px;}
	.sec07 .prd_menu .list li .box {width: 130px; font-size: 16px; line-height: 36px;}
	.sec07 .prd_cont_box .prd_cont .prd_area .left_box .prd_control_box .btn_box .btn {width: 45px; height: 45px;}
	.sec07 .prd_cont_box .prd_cont .prd_area .left_box .title {font-size: 40px; line-height: 50px;}
	.sec07 .prd_cont_box .prd_cont .prd_area .left_box .text {margin: 5px 0 0; font-size: 16px; line-height: 24px;}
	.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box {flex-direction: column; gap: 10px;}
	.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .img_wrap {width: 100%;}
	.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box {width: 100%;}
	.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .title {font-size: 30px; line-height: 40px;}
	.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .text_list {margin: 10px 0 0;}
	.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .view_btn {width: 120px; margin: 10px 0 0;}
	.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .view_btn .text {padding: 0 20px 0 0; line-height: 35px;}

}

@media screen and (max-width: 767px) {
	.com_main_title	{column-gap: 5px; margin: 0 0 20px; padding: 0 0 20px;}
	.com_main_title .title_box .title {font-size: 30px;}
	.com_main_title .title_box .text {margin: 5px 0 0; font-size: 14px; line-height: 21px;}
	.com_main_title .circle_box {flex-shrink: 0; width: 66px; height: 66px;}
	.com_main_title .circle_box:before {display: none;}

	.sec01 .main_visual_area {height: 70vh;}
	.sec01 .main_visual_area .slick-slide .slide_box {height: 70vh;}
	.sec01 .main_visual_area .slide_box.black {background-position: bottom 100px left; background-size: 480px 165px;}
	.sec01 .main_visual_area .slide_box .text_box {top: 35%;}
    .sec01 .main_visual_area .slide_box .text_box .sub_title {font-size: 18px; line-height: 30px;}
    .sec01 .main_visual_area .slide_box .text_box .title {font-size: 36px;}
    .sec01 .main_visual_area .slide_box .text_box .text {font-size: 14px; line-height: 20px;}

	.sec01 .main_visual_area .main_control_box {top: 58%;}
	.sec01 .main_visual_area .main_control_box .slick-dots-wrapper .slick-dots {padding: 0 10px;}
	.sec01 .main_visual_area .main_control_box .slick-dots-wrapper .slick-dots li {margin: 0 2px;}

	.sec02 {padding: 50px 0;}
	.sec02 .prd_area > .list {flex-direction: column; gap: 10px;}
	.sec02 .prd_area > .list > li {width: 100%;}
	.sec02 .prd_area > .list > li .box {padding: 15px;}
	.sec02 .prd_area > .list > li .box .box_inner {flex-direction: inherit; align-items: center; gap: 10px;}
	.sec02 .prd_area > .list > li .box .box_inner .text_box {width: 60%;}
	.sec02 .prd_area > .list > li .box .box_inner .text_box .title {font-size: 22px; line-height: 26px;}
	.sec02 .prd_area > .list > li .box .box_inner .text_box .sub_title {font-size: 16px; line-height: 20px;}
	.sec02 .prd_area > .list > li .box .box_inner .text_box .text_list {margin: 5px 0 0;}
	.sec02 .prd_area > .list > li .box .box_inner .text_box .text_list > .list > li {margin: 3px 0 0;}
	.sec02 .prd_area > .list > li .box .box_inner .img_wrap {width: 40%;}
	.sec02 .prd_area > .list > li .box .hover_box .more_btn {width: 50px; height: 50px;}
	.sec02 .prd_area > .list > li .box .hover_box .more_btn img {width: 12px;}

	.sec03 {padding: 50px 0}
	.sec03 .tech_area .tech_slide .list li .box {flex-direction: column; gap: 10px;}
	.sec03 .tech_area .tech_slide .list li .box .img_wrap {width: 100%;}
	.sec03 .tech_area .tech_slide .list li .box .text_box {width: 100%; padding: 0;}
	.sec03 .tech_area .tech_slide .list li .box .text_box .title {font-size: 20px; line-height: 24px;}
	.sec03 .tech_area .tech_slide .tech_nav {position: inherit; right: inherit; bottom: inherit; width: 100%; margin: 10px 0 0; padding: 0;}

	
	.sec04 {padding: 50px 0;}
	.sec04 .customer_area .list {gap: 5px;}
	.sec04 .customer_area .list li {width: calc(33.3333% - 3.3333px);}
	.sec04 .customer_area .list li .box .img_box {height: 55px;}

	.sec06 .tech_area2 .tech_slide2 .list li .box .text_box {top: 30%;}
	.sec06 .tech_area2 .tech_slide2 .list li .box .text_box .title {margin: 15px 0 0;}
	.sec06 .tech_area2 .tech_slide2 .list li .box .text_box .menu {font-size: 30px; line-height: 36px;}
	.sec06 .tech_area2 .tech_slide2 .tech_nav2 {top: inherit; transform: translate(-50%, 0); bottom: 50px;}

	.sec07 .prd_bg_area {display: none;}
	.sec07 .prd_menu .list {column-gap: 0;}
	.sec07 .prd_menu .list li {width: 100%;}
	.sec07 .prd_menu .list li .box {width: 100%; border-radius: 0; font-size: 14px;}
	.sec07 .prd_cont_box .prd_cont .prd_area .left_box .title {font-size: 30px; line-height: 40px;}
	.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .title {font-size: 24px; line-height: 30px;}
	.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .text_list li {margin: 4px 0 0;}
	.sec07 .prd_cont_box .prd_cont .prd_area .prd_slide_box .prd_slide > .list > li .box .text_box .text_list li:first-child {margin: 0;}



}

@media screen and (max-width: 480px) {
	.com_main_title	{flex-direction: column; gap: 10px; align-items: start; margin: 0 0 10px; padding: 0 0 10px;}
	.com_main_title .title_box .title {font-size: 26px;}
	.com_main_title .circle_box {width: 55px; height: 55px;}
	.com_main_title .circle_box .inner_circle img {width: 18px;}

    .sec01 .main_visual_area .slide_box .text_box .text br {display: none;}

	.sec02 .prd_area > .list {gap: 20px;}
	.sec02 .prd_area > .list > li .box .box_inner {flex-direction: column; gap: 20px;}
	.sec02 .prd_area > .list > li .box .box_inner .text_box {width: 100%;}
	.sec02 .prd_area > .list > li .box .box_inner .img_wrap {width: 100%;}

	.sec04 .customer_area .list li {width: calc(50% - 2.5px);}

	.sec07 .prd_cont_box .prd_cont .prd_area .left_box .prd_control_box {position: inherit; right: inherit; bottom: inherit; margin: 10px 0 0;}
	.sec07 .prd_cont_box .prd_cont .prd_area .left_box .prd_control_box .btn_box {column-gap: 5px;}
}