@charset "utf-8";

* {font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system;}
a, abbr, address, article, aside, audio, body, canvas, caption, cite, dd, details, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, img, label, legend, li, menu, nav, object, ol, p, section, span, strong, summary, table, tbody, td, tfoot, th, thead, tr, ul, video{font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system;}
@-webkit-keyframes ProgressDots {from {width: 0px;}to {width: 100%;}}
@keyframes ProgressDots {from {width: 0px;}to {width: 100%;}}
@keyframes tittxt{0%{-webkit-transform: translateY(100%);transform: translateY(100%);}100%{-webkit-transform: translateY(0);transform: translateY(0);}}
@-webkit-keyframes tittxt{0%{-webkit-transform: translateY(100%);transform: translateY(100%);}100%{-webkit-transform: translateY(0);transform: translateY(0);}}
@-webkit-keyframes kenburns-bottom {0% {transform:scale(1.1) rotate(0.01deg);}100% {transform:scale(1) rotate(0.01deg);}}
@keyframes kenburns-bottom {0% {transform:scale(1.1) rotate(0.01deg);}100% {transform:scale(1) rotate(0.01deg);}}
@-webkit-keyframes showup {0% {opacity:0;}100% {opacity:1;}}
@keyframes showup {0% {opacity:0;}100% {opacity:1;}}
@-webkit-keyframes ball-scroll{0%{top:25%;opacity:1;}20%{top:50%;opacity:1;}50%{top:75%;opacity:0;}100%{top:25%;opacity:0;}}
@keyframes ball-scroll{0%{top:25%;opacity:1;}20%{top:50%;opacity:1;}50%{top:75%;opacity:0;}100%{top:25%;opacity:0;}}
@-webkit-keyframes hand{0% {transform:rotate(15deg);-webkit-transform:rotate(15deg);}50% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}100% {transform:rotate(15deg);-webkit-transform:rotate(15deg);}}
@keyframes hand{0% {transform:rotate(15deg);-webkit-transform:rotate(15deg);}50% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}100% {transform:rotate(15deg);-webkit-transform:rotate(15deg);}}
@-webkit-keyframes boat{0%,50%,100%{right:-20px;transform:rotate(0);-webkit-transform:rotate(0);}25%,75%{right:-30px;transform:rotate(-2deg);-webkit-transform:rotate(-2deg);}}
@keyframes boat{0%,50%,100%{right:-20px;transform:rotate(0);-webkit-transform:rotate(0);}25%,75%{right:-30px;transform:rotate(-2deg);-webkit-transform:rotate(-2deg);}}
@-webkit-keyframes wave {0% {transform: translate(0); -webkit-transform: translate(0)}50% {transform: translate(-8px, -8px); -webkit-transform: translate(-8px, -8px);}100% {transform: translate(0); -webkit-transform: translate(0)}}
@keyframes wave {0% {transform: translate(0); -webkit-transform: translate(0)}50% {transform: translate(-8px, -8px); -webkit-transform: translate(-8px, -8px);}100% {transform: translate(0); -webkit-transform: translate(0)}}
@-webkit-keyframes wave2{0%,50%,100%{transform:rotate(0) translate(0,0);-webkit-transform:rotate(0) translate(0,0);}25%{transform:rotate(-2deg) translate(-15px,-15px);-webkit-transform:rotate(-2deg) translate(-15px,-15px);}75%{transform:rotate(0) translate(-10px,-10px);-webkit-transform:rotate(0) translate(-10px,-10px);}}
@keyframes wave2{0%,50%,100%{transform:rotate(0) translate(0,0);-webkit-transform:rotate(0) translate(0,0);}25%{transform:rotate(-2deg) translate(-15px,-15px);-webkit-transform:rotate(-2deg) translate(-15px,-15px);}75%{transform:rotate(0) translate(-10px,-10px);-webkit-transform:rotate(0) translate(-10px,-10px);}}
@-webkit-keyframes wobble-hor-bottom {0%,100% { -webkit-transform: translateX(0%);transform: translateX(0%);-webkit-transform-origin: bottom;transform-origin: bottom;}15% {-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);}30% {-webkit-transform: translateX(1px) rotate(1deg);transform: translateX(1px) rotate(1deg);}45% {-webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg);}60% { -webkit-transform: translateX(1px) rotate(1deg);transform: translateX(1px) rotate(1deg);}75% {-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);}}
@keyframes wobble-hor-bottom {0%,100% { -webkit-transform: translateX(0%);transform: translateX(0%);-webkit-transform-origin: bottom;transform-origin: bottom;}15% {-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);}30% {-webkit-transform: translateX(1px) rotate(1deg);transform: translateX(1px) rotate(1deg);}45% {-webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg);}60% { -webkit-transform: translateX(1px) rotate(1deg);transform: translateX(1px) rotate(1deg);}75% {-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);}}
@-webkit-keyframes arr {0%,100% {-webkit-transform:translateX(0);}50% {-webkit-transform:translateX(5px);}}
@keyframes arr {0%,100% {transform:translateX(0);}50% {transform:translateX(5px);}}
@-webkit-keyframes spinspin2 {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform:rotate(720deg);}}
@keyframes spinspin2 {0% {transform: rotate(0deg);}100% {transform:rotate(720deg);}}

.clear:after {display:block; clear:both; visibility:hidden; content:'';}
.m_ir {background-image:url(/images/eng/main/main_ir.png);font-size:0;}
.main-photo__skin,
.main-photo__skin .photo_list--wrap,
.main-photo__skin .photo_list--wrap .slick-list,
.main-photo__skin .photo_list--wrap .slick-list .slick-track,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item a {display:inline-block;width:100%;height:100%;vertical-align: top;}

#main_visual {overflow:hidden;position: relative;width:100%;height: 750px;}
#main_visual .bg_obj {position: absolute;left: -319px;top: -193px;z-index: 1;width: 920px;height: 978px;background: url(/images/eng/main/obj2.png)no-repeat right top;-webkit-animation: wave2 8s ease infinite;animation: wave2 8s ease infinite;transform-origin: center;}
#main_visual .mouse{position:absolute;left:0;top: 190px;z-index: 2;width:105px;height:431px;padding: 105px 5px 0 0;background:url(/images/eng/main/bg3.png)no-repeat center;text-align:center;}
#main_visual .mouse .line {width:1px; height:40px; margin:0 auto; background:#fff;}
#main_visual .mouse-shape{display:block;position:relative;width:14px;height:20px;margin: 15px auto;border:2px solid #fff;border-radius:22px;}
#main_visual .mouse-shape .mouse-animation{display:block;position:absolute;top:25%;left:50%;width:2px;height:6px;margin-left:-1px;background-color:#fff;animation:ball-scroll 2s linear infinite;-webkit-animation:ball-scroll 2s linear infinite;}
#main_visual .mouse .mouse-msg{font-size: 14px;color:#fff;font-weight:bold;line-height: 1.3;text-shadow: 3px 3px 3px rgba(0,0,0,.2);}
#main_visual .viewer_area {position: relative;width:100%;height:100%;}
#main_visual .slick-list {width:100%; height:100%;}
#main_visual .slick-list .slick-track {width:100%; height:100%;}
#main_visual .slick-list .slick-slide {overflow: hidden;width:100%;height:100%;}
#main_visual .slick-list .slick-slide>div {width:100%; height:100%;}
#main_visual .images_fade {position: relative;width:100%;height:100%;}
#main_visual .images_fade .img {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-size: cover;background-position:center;z-index:1}
#main_visual .main_video .img {background-image:url(/images/eng/main/main_video.jpg);}
#main_visual .images_fade .img .videowrap {position:relative; width:100%; height:100%;}
#main_visual .images_fade .img .videowrap video{position:absolute;left:50%;top:50%;width: 100%;height: auto;transform: translate(-50%,-50%) rotate(0.01deg);-webkit-transform: translate(-50%,-50%) rotate(0.01deg);}
#main_visual .images_fade .tit {padding: 220px 20px 0;z-index: 3;}
#main_visual .images_fade .tit > span {display:block;color:#fff;font-size: 15px;}
#main_visual .images_fade .tit strong {display:block;margin: 15px 0;}
#main_visual .images_fade .tit strong > span {display:block;line-height: 1.1;font-size:45px;font-weight:bold;color:#fff;}
#main_visual .images_fade .tit p {}
#main_visual .images_fade .tit p > span {display:block;line-height:1.5;font-size:17px;color:#fff;}
#main_visual .paging {position:absolute;left: 50%;bottom: 140px;z-index: 10;margin-left: -600px;}
#main_visual .paging .slick-dots {display:inline-block;position: relative;width: 600px;height: 1px;margin-right: 10px;background: rgba(255, 255, 255, 0.3);}
#main_visual .paging .slick-dots:after{display:block; clear:both; visibility:hidden; content:'';}
#main_visual .paging .slick-dots li {display:inline-block;float:left;position: relative;width: 150px;height: 100%;}
#main_visual .paging .slick-dots li button {position:absolute; left:0; top:0;width:0;height:100%;background: #fff;font-size:0;}
#main_visual .paging .slick-dots li button:focus {outline:1px dotted #eee;}
#main_visual .paging .slick-dots li.slick-active button {-webkit-animation: ProgressDots 17s linear;animation: ProgressDots 17s linear;}
#main_visual .paging .inner {display:inline-block;position:relative;z-index: 11;vertical-align: top;}
#main_visual .paging .inner button{display:inline-block;overflow: hidden;position:relative;margin: 0;width: 28px;height: 28px;vertical-align:middle;font-size:0;}
#main_visual .paging .inner button:focus {outline:1px dotted #eee;}
#main_visual .paging .inner button.pause,
#main_visual .paging .inner button.play {border: 1px solid #fff;border-radius: 50%;}
#main_visual .paging .inner button:before,
#main_visual .paging .inner button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#main_visual .paging .inner button.slick-prev:before{width: 0;height: 0;border-width: 5px 6px 5px 0;border-style: solid;border-color: transparent #fff transparent transparent ;}
#main_visual .paging .inner button.slick-next:before{width: 0;height: 0;border-width: 5px 0 5px 6px;border-style: solid;border-color: transparent transparent transparent #fff;}
#main_visual .paging .inner button.pause:before{width: 2px;height: 8px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
#main_visual .paging .inner button.play:before{left: 2px;width: 0;height: 0;border-width: 5px 0 5px 7px;border-style: solid;border-color: transparent transparent transparent #fff;}
#main_visual .slider-nav {overflow: hidden;position: absolute;z-index: 11;left: 50%;bottom: 138px;width:600px;height: 54px;margin-left: -600px;}
#main_visual .slider-nav .slick-list {overflow: visible;height: 54px !important;}
#main_visual .slider-nav .slick-list .slick-track {height: auto;transform: none !important;}
#main_visual .slider-nav .slick-list .slick-track:after {display:block; clear:both; visibility:hidden; content:'';}
#main_visual .slider-nav .slick-list .slick-slide {overflow: visible;float:left;position:relative;width:150px;height: auto;} 
#main_visual .slider-nav .slick-list .slick-slide div {}
#main_visual .slider-nav .slick-list .slick-slide div button {display:block;width: 80px;height:100%;text-align: left;}
#main_visual .slider-nav .slick-list .slick-slide div button:focus {outline:1px dotted #eee;}
#main_visual .slider-nav .slick-list .slick-slide div em {display:inline-block;/* position:relative; *//* left:50%; */font-size:16px;color:#fff;/* transform:translateX(-50%); *//* -webkit-transform:translateX(-50%); */}
#main_visual .slider-nav .slick-list .slick-slide div span {display:block;width:24px;height:24px;margin: 7px 0 0;background:url(/images/eng/main/visual_dot.png)no-repeat -24px 0;}
#main_visual .slider-nav .slick-list .slick-slide.slick-current span {background-position:0 0;} 

.contit {display: block;line-height: 21px;margin: 0 0 35px;font-size:26px;font-weight:bold;color:#004a84;vertical-align:top;}
.contit img {margin:-1px 0 0;}

.cont1 {overflow:hidden;position:relative;padding: 85px 0 0;}
.cont1:before {display:block;position:absolute;content:'';left:0;top:0;right:50%;z-index:1; width:auto;height:100%;margin-right: 620px;background:#fff;}
.cont1:after {display:block;position:absolute;z-index: 2;left:0;right:50%;bottom:0;content:'';width:auto;height:100px;;margin-right: 620px;background:#e7eef3;}
.cont1 #engslidefor {display:none;}
.cont1 #engslide .slick-arrow {position: absolute;right:0;top: -63px;width:80px;height:35px;border:1px solid #ddd;font-size:0;}
.cont1 #engslide .slick-arrow:after {display:block;position:absolute;left: 12px;top: 12px;content:'';width:53px;height:9px;margin: 0 auto;background:url(/images/eng/main/arr.png)no-repeat;font-size:0;}
.cont1 #engslide .slick-arrow.slick-prev {right:79px;}
.cont1 #engslide .slick-arrow.slick-prev:after {}
.cont1 #engslide .slick-arrow.slick-next:after {background-position:right top;}
.cont1 #engslide {position:relative;}

/*.cont1 #engslide .slick-list {overflow:visible;}*/ /*20250520*/

.cont1 #engslide .slick-track {}
.cont1 #engslide .slick-track:after {display:block; clear:both; visibility:hidden; content:'';}
.cont1 #engslide .grap {width:1000%;}
.cont1 #engslide .grap ul {position:relative;}
.cont1 #engslide .slick-slide {overflow: hidden;float:left;width:210px;height: 470px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.cont1 #engslide .slick-slide > div {width:100%;height:100%; }
.cont1 #engslide .slick-slide .item {width:100%;height:100%; }
.cont1 #engslide .slick-slide .item .a {display:block;width:100%;height:100%;padding: 65px 25px 0;background-repeat:no-repeat;background-position:center;background-size:cover;}
.cont1 #engslide .slick-slide .item.n1 .a {background-image:url(/images/eng/main/s_img1.jpg);}
.cont1 #engslide .slick-slide .item.n2 .a {background-image:url(/images/eng/main/s_img2.jpg);}
.cont1 #engslide .slick-slide .item.n3 .a {background-image:url(/images/eng/main/s_img3.jpg);}
.cont1 #engslide .slick-slide .item.n4 .a {background-image:url(/images/eng/main/s_img4.jpg);}
.cont1 #engslide .slick-slide .item.n5 .a {background-image:url(/images/eng/main/s_img5.jpg);}
.cont1 #engslide .slick-slide .item span {display:block;position: relative;line-height: 1;font-size:30px;font-weight:bold;color:#fff;opacity:0.4;transition:all 0.3s;-webkit-transition:all 0.3s;}
.cont1 #engslide .slick-slide .item span:after {display:block;position:absolute;left: 5px;top: 60px;content:'';width:1px;height:170px;background:rgba(255,255,255,.5);}
.cont1 #engslide .slick-slide .item strong {display:block; line-height:1.3; margin:225px 0 0;font-size:20px; color:#fff;transition:all 0.3s;-webkit-transition:all 0.3s;}
.cont1 #engslide .slick-slide .item p {opacity:0;  margin:10px 0 40px; font-size:16px; color:#fff; transition:all 0.3s;-webkit-transition:all 0.3s;}
.cont1 #engslide .slick-slide .item .btnbox a {display: block;opacity:0;width:180px;height:50px;line-height:48px;border:1px solid #fff;border-radius:10px 0 10px 0;text-align:center;color:#fff;font-size:18px;transition:all 0.3s;-webkit-transition:all 0.3s;}
.cont1 #engslide .slick-slide.slick-active {width:740px; }
.cont1 #engslide .slick-slide.slick-active .item .a {padding: 65px 50px 0;}
.cont1 #engslide .slick-slide.slick-active .item span {opacity:1; font-size:60px;}
.cont1 #engslide .slick-slide.slick-active .item span:after {display:none;}
.cont1 #engslide .slick-slide.slick-active .item strong {margin: 70px 0 0;font-size:30px;font-weight:bold;}
.cont1 #engslide .slick-slide.slick-active .item p,
.cont1 #engslide .slick-slide.slick-active .item .btnbox a {opacity:1;}

.cont3 {overflow: hidden;position:relative;padding: 90px 0 85px;background:#e7eef3;}
.cont3 .objbg {position:absolute;right: -20px;bottom: -10px;width:510px;height:378px;background:url(/images/eng/main/obj4.png)no-repeat;-webkit-animation: boat 8s ease infinite;animation: boat 8s ease infinite;}

.cont3 .group1 {}
.cont3 .group1:after {display:block; clear:both; visibility:hidden; content:''; }
.cont3 .group1 .box {position:relative;}
.cont3 .group1 .box1 {float:left;width:100%;}
.cont3 .group1 .box1 ul {margin:0 -10px;}
.cont3 .group1 .box1 ul:after {display:block; clear:both; visibility:hidden; content:''; }
.cont3 .group1 .box1 ul li {float:left; width:calc(33.33% - 20px); margin:0 10px;}
.cont3 .group1 .box1 ul li a {}
.cont3 .group1 .box1 ul li .thumb {position:relative;width:100%;height:280px;line-height:1.1;padding: 30px 30px 0 35px;border-radius: 20px 0 20px 0;background-repeat: no-repeat;background-size: cover;background-position: center;font-size:18px;font-weight:bold;color:#fff;}
.cont3 .group1 .box1 ul li:nth-child(1) .thumb {background-image:url(/images/eng/main/m_img3.jpg);}
.cont3 .group1 .box1 ul li:nth-child(1) .thumb:after {display:none;position:absolute;content:'';left: 10px;bottom: -10px;width:149px;height:160px;background:url(/images/eng/main/m_obj.png)no-repeat;}
.cont3 .group1 .box1 ul li:nth-child(2) .thumb {background-image:url(/images/eng/main/m_img2.jpg);}
.cont3 .group1 .box1 ul li:nth-child(3) .thumb {background-image:url(/images/eng/main/m_img1.jpg);}
.cont3 .group1 .box1 ul li .thumb span {display:block;text-align: left;}
.cont3 .group1 .box1 ul li .thumb span.text-right {margin: 10px 0 0;text-align:right;}
.cont3 .group1 .box1 ul li .thumb > img {display:block;margin: 5px 0 15px;}
.cont3 .group1 .box1 ul li strong {display:block;position: relative;line-height:70px;padding-left: 5px;border-bottom: 1px solid #b9bec2;font-size:18px;color:#222222;}
.cont3 .group1 .box1 ul li strong span {display:block;position:absolute;right: 10px;top: 50%;width:23px;height:23px;margin-top: -11.5px;border-radius: 50%;background: #bababa;}
.cont3 .group1 .box1 ul li strong span:before {display:block;position:absolute;left: 7px;top: 8px;content:'';width:5px;height:5px;border:solid #fff;border-width:2px 2px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}




.cont3 .group1 .box2 {float:right; width:285px;}
.cont3 .group1 .box2 .mainpop_slide {height:350px;}
.cont3 .group1 .box2 .mainpop_slide .picture {width:100%; height:100%; }
.cont3 .group1 .box2 .mainpop_slide .picture span {display: block;overflow:hidden;position:relative;width:100%;height:100%;border: 1px solid #b9bec2;}
.cont3 .group1 .box2 .mainpop_slide .picture span img {position:absolute;left:50%;top:50%;width: 100%;height: auto;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.cont3 .group1 .box2 .control {position:absolute;right: 0;top:0;z-index: 999;height: 50px;text-align: right;}
.cont3 .group1 .box2 .control .paging {display:inline-block;margin-right:10px; }
.cont3 .group1 .box2 .control .paging span {display:inline-block;color: #666;font-weight:700;}
.cont3 .group1 .box2 .control .paging span.current {color:#004a84;}
.cont3 .group1 .box2 .control button {display:inline-block;width: 24px;height: 24px;margin:0;border-radius:50%;border: 1px solid #bbc0c4;font-size:0;}
.cont3 .group1 .box2 .control button[data-control="prev"]:before,
.cont3 .group1 .box2 .control button[data-control="next"]:before{top: 0.5px;width:5px;height:5px;border-width:2px;border-style: solid;border-color: #333;transform: rotate(45deg);}
.cont3 .group1 .box2 .control button[data-control="prev"]:before{right: -3px;border-width: 0 0 2px 2px;}
.cont3 .group1 .box2 .control button[data-control="next"]:before{left: -3px;border-width: 2px 2px 0 0;}
.cont3 .group1 .box2 .control button[data-control="stop"]:before{width: 2px;height:9px;box-shadow: -2px 0 #333, 2px 0 #333;}
.cont3 .group1 .box2 .control button[data-control="play"]:before{right: -3px;width: 0;height: 0;border-width: 5px 0 5px 8px;border-style: solid;border-color: transparent transparent transparent #333;}

.cont3 .group2 {margin:55px 0 0;}
.cont3 .group2 .box {float:left;position: relative;height:140px;padding:30px 35px 0;}
.cont3 .group2 .box1 {width:calc(100% - 840px);border-radius:20px 0 0 0; background:#1b75d4 url(/images/eng/main/bg.png)no-repeat right bottom;}
.cont3 .group2 .box1 a {display:block;width: 100%;padding: 10px 0 0;}
.cont3 .group2 .box1 .arr {display:inline-block;position:absolute;z-index: 1;right:30px;top:30px;width:24px;height:24px;margin: 0 0 0 25px;border-radius:50%;background: #4991dd;vertical-align:middle;}
.cont3 .group2 .box1 .arr:before{content: '';position: absolute;top: 0;left: 0;right: 2px;bottom: 0;margin: auto;width:5px;height:5px;border-width: 2px 2px 0 0;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.cont3 .group2 .box1 span {display:block;line-height: 1.5;color: #fff;font-size: 22px;font-weight: bold;}
.cont3 .group2 .box2 {position:relative; width:840px;border-radius:0 0 20px 0; background:#0a305f;}
.cont3 .group2 .box2:after {display:block; position:absolute; top:-20px; right:10px; content:''; width:119px; height:133px; background:url(/images/eng/main/obj.png)no-repeat}
.cont3 .group2 .box2 strong {display:block;position: relative;z-index: 1;line-height: 1.3;margin: 0 0 13px;font-size:22px;font-weight:bold;color:#fff;}
.cont3 .group2 .box2 strong span {font-weight:normal;}
.cont3 .group2 .box2 ul {}
.cont3 .group2 .box2 ul li {display:inline-block;margin-right:35px;}
.cont3 .group2 .box2 ul li a {display:block;padding: 0 0 10px;border-bottom: 1px solid rgba(255,255,255,.2);font-size:18px;color:#fff;}
.cont3 .group2 .box2 ul li span {display:inline-block;position:relative;width:24px;height:24px;margin: 0 0 0 25px;border-radius:50%;background: #3b597f;vertical-align:middle;}
.cont3 .group2 .box2 ul li span:before{content: '';position: absolute;top: 0;left: 0;right: 2px;bottom: 0;margin: auto;width:5px;height:5px;border-width: 2px 2px 0 0;border-style: solid;border-color: #fff;transform: rotate(45deg);}

@media(max-width:1800px){
    .cont3 .objbg {width:400px;height: 300px;background-size:400px auto;}
}
@media(max-width:1580px){
    #main_visual .images_fade .tit {text-align:center;}
    #main_visual .images_fade .tit p {padding:0 50px;}
    #main_visual .slider-nav {padding: 0;margin:0;transform: translateX(-58%);}
    #main_visual .paging {width: 705px;margin:0;padding: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
    #main_visual .paging .slick-dots {padding: 0;}
    #main_visual .paging .inner {padding: 0;}
   
    .cont3 {padding:95px 0 55px;}
    .cont3 .objbg {display:none;}
}
@media(max-width:1400px){
    #main_visual .images_fade .tit strong {padding:0 50px}
    #main_visual .images_fade .tit p {padding: 0 90px;}
    #main_visual .images_fade .img .videowrap video {width:auto; height:110%;}
}
@media(max-width:1299px){
    #main_visual .bg_obj {left: -359px;top: -293px;/* width:430px; */}
    .cont1:before,
    .cont1:after {width:30px; margin:0;}
    
    .cont3 .group1 .box1 ul li:nth-child(1) .thumb:after {width:120px;height: 127px;background-size:120px auto;}
    .cont3 .group2 .box {height: 195px;padding: 30px 35px;}
    .cont3 .group2 .box1 {width:33.33%;}
    .cont3 .group2 .box1 a {padding: 23px 0 0;}
    .cont3 .group2 .box2 {width:66.66%;}
    .cont3 .group2 .box2 ul li {display:block;width:348px;margin: 10px 0 0;}
}
@media(max-width:1023px){
    #main_visual .mouse {top:70px;}
    #main_visual .images_fade .tit {    padding: 150px 20px 0;}
    #main_visual .images_fade .tit strong {padding:0 70px;}
    #main_visual .images_fade .tit strong > span {display:inline; font-size: 37px;}
    #main_visual .images_fade .tit p {/* display: none; *//* max-width: 630px; */margin:0 auto;}
    #main_visual .images_fade .tit p span {display:inline;}
    
    .cont1 {padding:55px 0 0;}
    .cont1:before {display:none;}
    .cont1:after {width:100%;z-index: -1;}
    .cont1 #engslide .slick-list {overflow:hidden;}
    .cont1 #engslide .slick-slide {/* height:400px; */}
    .cont1 #engslide .slick-slide.slick-active .item span {font-size: 40px;}
    .cont1 #engslide .slick-slide.slick-active .item span:after {display:block;top: 50px;left: 11px;height: 75px;}
    .cont1 #engslide .slick-slide.slick-active .item strong {margin: 100px 0 0;font-size:25px;}
    .cont1 #engslide .slick-slide .item .btnbox a {/* display:none; */}
    

	.cont3 {padding:55px 0;}
    
    .cont3 .group1 .box1 {float:none;width:100%;margin: 0 0 55px;padding:0;}
    .cont3 .group1 .box2 {float:none;width:100%;padding:0;}
    .cont3 .group1 .box2 .mainpop_slide {display: block; position:relative; max-width:285px;margin:0 auto;}	
    
}
@media(max-width:767px){
    #main_visual {height:465px;}
    #main_visual .bg_obj {left:0;top:0;width:196px;height:435px;background:url(/images/eng/main/bg4.png)no-repeat;animation: none;-webkit-animation: none;}
    #main_visual .mouse {display:none;}
    #main_visual .images_fade .tit {padding: 140px 40px 0;}
    #main_visual .images_fade .tit > span {display:none;}
    #main_visual .images_fade .tit strong {margin:0 0 15px;padding: 0 20px;}
    #main_visual .images_fade .tit strong > span {display:inline-block;font-size:24px;}
    #main_visual .images_fade .tit p {display:none;padding:0 40px;}
    #main_visual .images_fade .tit p span {font-size:15px;}
    #main_visual .slider-nav,
    #main_visual .paging .slick-dots {display:none !important;}
    #main_visual .paging {left:0;bottom: 50px;width: 100%;text-align: center;transform: none;-webkit-transform: none;}
    
    .contit {margin: 0 0 25px;font-size:22px;}
    .contit img {height:18px;margin:0;}
    
    .cont1 #engslide .slick-slide {height:300px;} 
    .cont1 #engslide .slick-slide.slick-active .item .a {padding: 65px 30px 0;}
    .cont1 #engslide .slick-slide.slick-active .item span {/* display:none; */}
    .cont1 #engslide .slick-slide.slick-active .item span:after {display:none;}
    .cont1 #engslide .slick-slide.slick-active .item strong {margin: 20px 0 0;font-size:22px;}
    .cont1 #engslide .slick-slide .item .btnbox a {margin:30px 0 0;} 
    .cont1 #engslide .slick-slide .item p {display: none;}
    .cont1 #engslide .slick-arrow {top:-56px;}
      
    .cont3 .group1 .box1 ul li .thumb {padding:30px 20px 0;}
    .cont3 .group2 .box {padding:30px;}
    .cont3 .group2 .box1 {float:none; width:100%; height:auto;}
	.cont3 .group2 .box1 a {padding:0;}
    .cont3 .group2 .box2 {float:none; width:100%; height:auto;}
}

@media(max-width:640px){
    .cont3 .group1 .box1 ul li {float:none; width:calc(100% - 20px); margin:0 10px 20px;}
    .cont3 .group1 .box1 ul li .thumb {text-align:center;}
    .cont3 .group1 .box1 ul li .thumb > img {margin:10px auto;}
}
@media(max-width:550px){
    #main_visual .images_fade .tit {padding: 140px 30px 0;}
    #main_visual .images_fade .tit p {display: none;padding:0 10px;}

    .cont3 .group2 .box2:after {display:none;}
    .cont3 .group2 .box2 ul li {position:relative;width:100%;}
    .cont3 .group2 .box2 ul li a {line-height: 1.3;padding-right: 30px;}
    .cont3 .group2 .box2 ul li span {position:absolute;right:0;top: 2px;}
     
}

@media(max-width:500px){
    .cont1 {overflow: visible;padding:55px 0;}
    .cont1 #engslide .slick-arrow {top:auto;bottom: -58px;z-index: 999;}
    .cont1 #engslide .slick-arrow.slick-prev {left:0;} 
    .cont1 #engslide .slick-arrow.slick-next {right:0;} 
}
 
@media(max-width:450px){ 
    #main_visual .images_fade .tit p {display:none;}
    #main_visual .paging {bottom:70px;}
    .cont1 #engslide .slick-slide .item p {display:none;}
   
}


/* 비주얼팝업추가 */
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
.visual-pop {width: 397px;height: 500px;border-radius: 10px 0px 0px 10px;box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.56);position: absolute;top: 111px;right: 0;overflow: hidden;transition: transform 0.3s ease; font-family: 'Pretendard-Regular'; z-index: 10;}
.visual-pop .visual-pop-tab {display: flex;width: 100%;}
.visual-pop.eng .visual-pop-tab p {position: relative;width: 100%;height: 43px;font-size: 15px;font-weight: 500;   background: #fff;color: #333; line-height: 43px; padding-left: 20px;}
.visual-pop-close {position: absolute;width: 48px;height: 96px;background: #1555AE;overflow: hidden;right: 0px;top: 154px;transition: all 0.3s ease;border-radius: 10px 0px 0px 10px;z-index: 10; }
.visual-pop-close:focus {outline: 1px dotted #fff;}
.visual-pop-close::after{content: "";display: block;background-image: url("data:image/svg+xml,%3Csvg width='48' height='57' viewBox='0 0 48 57' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect x='-123.5' width='235' height='57' fill='url(%23pattern0_4082_874)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_4082_874' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_4082_874' transform='scale(0.00425532 0.0175439)'/%3E%3C/pattern%3E%3Cimage id='image0_4082_874' width='235' height='57' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOsAAAA5CAMAAADgIizDAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEXRSTlMASBozFgoFEkICOw42LSImHQN0sA4AAAGnSURBVGje7dgNboMwDIbh2tj5IRC4/2nXbNKyUeFubZJSh/cGjz43qricnZ2dnb0yc+klb/HSSUzYidVbxE6sTNiJNY3aiZUJO7GmUTuxGsJerAFRu9VwsNbSOg+p+doS46rL6tliXJIwNcKmi5J8oHhF5iYHGq0+4DJsGh3osxrKzjzqCKDNuoXm+9VmtVtofpR0WQ3OWbcZVZeVY8bdUFVZ96XpfjVZBenkQJPVxEEaVZOVBmlUTVaexVEVWf067OdAk1Uc1YEm651fqiKrWcRRNVl5FkfVZLXi86vKStKouqyrJNVljeL5trd6b77yzaijg7ZWbzhYIvwRkQ3MxdBRkDaz+qREoWQ2daiTgwd62LlhVhJHYdMWVrPjlMXMvsQLLEvlKkKfn5iED78PVAcqi//6cIUbqANoYvV8C31m4rtiM/863QytbTUWy0dWuGr/TZ2ys4GVLVaMPs3bneMwTUnpoFTPHW8FNiU5Ec1QvPvSgK9ogfIdU4qrg/IdUoo4QYUOKc0X3Mj6nxfpHS4Y4IDSdMFVKvLP4S0ueMca8KU5qNMHpbQmRV2SvwgAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A");width: 235px;height: 57px;position: absolute;bottom: 0;left: -47px;}
.visual-pop-close span {font-size: 15px;color: #fff;font-weight: 500;}
.visual-pop-close span::after{content: "";display: block;width: 18px;height: 18px;margin: 0 auto;background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3047 5.30322L5.69809 15.9098' stroke='white'/%3E%3Cpath d='M5.69531 5.30322L16.3019 15.9098' stroke='white'/%3E%3C/svg%3E%0A") no-repeat;}
.visual-pop-close .close-text {display: none;}
.visual-pop-close .open-text::after{content: "";display: block;width: 15px;height: 15px;margin: 0 auto;background: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0V15' stroke='white'/%3E%3Cpath d='M0.5 7.5L15.5 7.5' stroke='white'/%3E%3C/svg%3E%0A") no-repeat;}
.visual-pop .visual-pop-swiper {position: absolute;width: 400px;left: -9999px;top: -9999px;opacity: 0}
.visual-pop .visual-pop-swiper.active {position: relative;left: 0;top: 0;opacity: 1}
.visual-pop .button_box{display: flex;position: absolute;bottom: 0;left: 0;}
.visual-pop .button_box .control.clearfix{gap: 2px;display: flex; margin-left: -2px;height: 32px;}
.visual-pop .button_box .control button {display:inline-block;width: 36px;height: 100%;margin:0;background: rgba(0,0,0,.6);font-size:0; height: 32px;}
.visual-pop .button_box .control button[data-control="prev"]:before,
.visual-pop .button_box .control button[data-control="next"]:before{width:6px;height:6px;border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.visual-pop .button_box .control button[data-control="prev"]:before{right: -4px;border-width: 0 0 2px 2px;}
.visual-pop .button_box .control button[data-control="next"]:before{left: -4px;border-width: 2px 2px 0 0;}
.visual-pop .button_box .control button[data-control="stop1"]:before{width: 2px;height: 10px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
.visual-pop .button_box .control button[data-control="play1"]:before{right: -4px;width: 0;height: 0;border-width: 6px 0 6px 7px;border-style: solid;border-color: transparent transparent transparent #fff; }
.visual-pop .button_box .control button[data-control="play1"]{display: none;}
.visual-pop .button_box .total{display: flex;padding: 0 13px;background: rgba(0,0,0,.6); height: 100%; align-items: center;}
.visual-pop .button_box .total span{font-size: 15px;font-weight: 500;color: rgba(255, 255, 255, 0.60);line-height: 1;}
.visual-pop .button_box .total span.line {padding: 0 3px;}
.visual-pop .button_box .total .current{font-weight: 700;color: #fff;}
.visual-pop .visual-pop-swiper .item a {position: relative;display: block;width: 100%;height: 100%;}
.visual-pop .visual-pop-swiper .item a:focus{border: 1px solid #1555AE;}
.visual-pop-box.closed .visual-pop {transform: translateX(100%);}
.visual-pop .visual-pop-swiper .slick-list,
.visual-pop .visual-pop-swiper .slick-track {height: 100%;}
.visual-pop .visual-pop-swiper .item {position: relative; width: 100%;height: 100%;}
.visual-pop .visual-pop-swiper .item img {width: 100%;height: 100%; object-fit: cover;}
.visual-pop .button_box .control button[data-control="prev"]:focus,
.visual-pop .button_box .control button[data-control="next"]:focus,
.visual-pop .button_box .control button[data-control="stop1"]:focus,
.visual-pop .button_box .control button[data-control="play1"]:focus{outline: 1px dotted #fff;}
@media(max-width: 767px) {
    .visual-pop {width:300px; height: 388px; top: 15px;}
    .visual-pop .visual-pop-swiper {width:300px;}
    .visual-pop-close {top: 58px; right: 300px;}
}

@media(max-width: 500px) {
    .visual-pop {width:270px; height: 355px;}
    .visual-pop .visual-pop-swiper {width:270px;}
    .visual-pop-close {right: 270px;}
}