@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Roboto:wght@300;400;500;700;900&display=swap');

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo.css');

@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-weight: 100;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Thin.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-weight: 200;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-ExtraLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Light.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Regular.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Medium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-weight: 600;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-SemiBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Bold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-weight: 800;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-ExtraBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-weight: 900;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Black.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Black.ttf') format('truetype');
}


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



.main_visual{width:100%;position: relative;z-index: 3; height: 100%;background: #f2f4f5;}
.main_visual .main_slider{ height:100%;overflow: hidden; position: relative;}
.main_visual .main_slider .slide_box .slide_bg{background: #17273c; opacity: 0.9; position: absolute; top: 0;left: 0; width: 245px; height: 100%}
.main_visual .main_slider .slide_box{ overflow: hidden;width:100%;height:100%; position: relative; background-color: #fff; }
.main_visual .main_slider .slide_box > div{ overflow: hidden;height:inherit;position: absolute;left:0;top:0;right:0; z-index: 3; overflow: hidden;
width: 100%; height: 100%;
opacity:0;
}
.main_visual .main_slider .slide_box > div{
transition: all .7s ease-in-out;}

.main_visual .main_slider .slide_box .main_img{ position: absolute;left: 0; top: 0; overflow: hidden; width: 100%; height: 100%;
transform: scale(1.2);
}

.main_visual .main_slider .slide_box .main_img img{ display: block; min-width: 100%; height: 100%}
.main_visual .main_slider .slide_box .main_img img.pc{display: block}
.main_visual .main_slider .slide_box .main_img img.mo{display: none}
.main_visual .main_slider .slide_box  > div.on .main_img{ transform: scale(1.0); transform:perspective(500px) rotate(.001deg);}
.main_visual .main_slider .slide_box .box1{background:url('/img/main/main_visual01.jpg') center center no-repeat; background-size:cover;}
/* padding-top:360px; */
.main_visual .main_slider .slide_box .in_obj{text-align: left; width: 1400px;margin: 0 auto; height: 100%; z-index: 999;padding-top: 360px;}
.main_visual .main_slider .slide_box .in_obj .wrap_t{margin-bottom: 25px;}

.main_visual .main_slider .slide_box div .wrap_tit > strong{ display: block; position: relative;top:30px; opacity:0;
font-weight: 500;
transition: top 1s;
transition-delay: 0.6s;
}
.main_visual .main_slider .slide_box div div.wrap_tit{display: block; opacity:0;
transition: all 1s;
transition-delay: 0.6s; }
.main_visual .main_slider .slide_box div.on div.wrap_tit{
    opacity: 1
}

.main_visual .main_slider .slide_box div span em{font-style: normal;font-weight: 600}
.main_visual .main_slider .slide_box div p{  margin-top: 20px; display: block; position: relative;opacity:0; left:30px;
	transition: all 1s;


	color: #ffffff;
	font-size: 18px;
	line-height: 34px;
	font-weight: 400;
	transition-delay: 1.5s;
}
.main_visual .main_slider .slide_box div p em{font-weight: 600;font-style: normal}
.main_visual .main_slider .slide_box div.on p
{position:relative;;opacity:1;
	left:0;
transition: all 1s;
	transition-delay: 1s
}
.main_visual .main_slider .slide_box > div.on strong
{ left:0;opacity:1;
}
.fa.fa-search{display: none}
#bo_sch{border: none}
/*.main_visual .main_slider .slide_box div.on em{position:absolute;right:100%;display:block;width:915px;height:1000px;background:url(../img/dd.png)}*/
.main_visual .main_slider .slide_box div.on em{ /*transition-delay:0.2s */}
.main_visual .main_slider .slide_box > div.on{ z-index: 5; opacity:1;}
.main_visual .main_slider .slide_box > div.on em,
.main_visual .main_slider .slide_box > div.on span,
.main_visual .main_slider .slide_box > div.on strong
{ top:0;opacity:1;}


.main_visual .main_slider .slide_box > div .wrap_tit > em{color: #fff; font-size: 22px; letter-spacing: -0.25px;  font-style: normal; position: relative; left: 30px;transition: 0.8s; transition-delay: 0.3s; position: relative; margin-bottom: 20px;}
.main_visual .main_slider .slide_box > div.on .wrap_tit > em{left: 0;transition-delay: 0.3s}
.main_visual .main_slider .slide_box > div .wrap_info{position: relative;z-index: 50;transform: translateY(30px);opacity: 0}
.main_visual .main_slider .slide_box > div.on .wrap_info{transform: translateY(0);opacity: 1;transition: transform 1s, opacity 1s;transition-delay: 0.9s;margin-top: 225px;}
.main_visual .main_slider .slide_box > div .wrap_tit > strong{ display: block;color: #fff;font-size: 52px;line-height:80px; font-weight:400;
 font-family: 'Apple SD Gothic Neo', sans-serif !important;
}

.main_visual .main_slider .slide_box > div .wrap_tit > strong b{ font-style: normal !important; font-weight: 700; }

.main_visual .main_slider .slide_box > div .wrap_tit .go_btn{ display: flex; transition: transform 1s, opacity 1s; opacity: 0; transform: translateY(30px); transition-delay: .9s; margin-top: 60px; }

.main_visual .main_slider .slide_box > div.on .wrap_tit .go_btn{ transform: translateY(0); opacity: 1; }


.main_visual .main_slider .slide_box > div .wrap_tit .go_btn a{ padding: 14px 24px; position: relative; display: flex; align-items: center; justify-content: center; gap: 6px; }
.main_visual .main_slider .slide_box > div .wrap_tit .go_btn a:after{ content:""; display: block; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255,255,255,0.5); position: absolute; right: 0; top: 0; transition: border .3s, width .3s; }

.main_visual .main_slider .slide_box > div .wrap_tit .go_btn a strong{ font-size:  14px; color:#fff; font-weight: 400; display: block; }
.main_visual .main_slider .slide_box > div .wrap_tit .go_btn a span{ display: block ;width: 20px; height: 1px; background-color: #fff; transition: background .3s; }
.main_visual .main_slider .slide_box > div .wrap_tit .go_btn a i{ width: 6px; height: 6px; border-radius: 50%; border: 1px solid #fff; transition: border .3s; }
.main_visual .main_slider .slide_box > div .wrap_tit .go_btn a:hover i{ border-color: #00a0d9; }
.main_visual .main_slider .slide_box > div .wrap_tit .go_btn a:hover span{ background-color: #00a0d9; }
.main_visual .main_slider .slide_box > div .wrap_tit .go_btn a:hover:after{ width: 50px; border-color: #00a0d9; }


/*
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 .main_visual .main_slider .slide_box > div .wrap_tit > strong{margin-bottom: 10px}
}
*/
.main_visual .main_slider .slide_box > div strong em{font-style: normal; color: #ffc809}

.main_visual .main_slider .slide_box > div.box3 strong{text-shadow: 0 0 0 #000}
.main_visual .main_slider .slide_box > div span { font-size:16px;letter-spacing: -0.25px;line-height:34px;display: block;color: #e6e5e5;  font-weight: 300}
.main_visual .main_slider .slide_box > div .shape{position: absolute;right: 50%;margin-right: -700px;bottom: 120px;}
.main_visual .main_slider .slide_box > div .shape .wrap{position: relative}
.main_visual .main_slider .slide_box > div .shape .wrap .object{position: absolute;right: 0;bottom: 0}
.main_visual .main_slider .slide_box > div .shape .wrap .txt{position: absolute;bottom: 0;right: 0;text-align: right;padding-right: 55px;padding-bottom: 80px;}
.main_visual .main_slider .slide_box > div .shape .wrap .txt i{display: block;margin-bottom: 35px;}
.main_visual .main_slider .slide_box > div .shape .wrap .txt i img{display: block}
.main_visual .main_slider .slide_box > div .shape .wrap .txt strong{display: block;font-size: 28px;color: #ffffff;letter-spacing: -0.5px;margin-bottom: 20px;font-weight: 400}
.main_visual .main_slider .slide_box > div .shape .wrap .txt span{display: block;color: #c5e5ef;font-size: 20px;letter-spacing: -0.5px}
.main_visual .main_slider .slide_box > div .wrap_info{position: relative}
.main_visual .main_slider .slide_box > div .wrap_info > *{display: inline-block;vertical-align: middle}
.main_visual .main_slider .slide_box > div .wrap_info .btn_wrap button{position: relative;overflow: visible;background: none;color: #fff;font-size: 14px;transition: 0.8s}
.main_visual .main_slider .slide_box > div .wrap_info .btn_wrap button:hover{color: #00a0d9}
.main_visual .main_slider .slide_box > div .wrap_info .btn_wrap button.slick-prev{margin-right: 55px;}
.main_visual .main_slider .slide_box > div .wrap_info .btn_wrap button em{display: inline-block;vertical-align: middle;width: 19px;height: 1px;background: #fff;margin: 0 10px;position: relative;transition: 0.8s}
.main_visual .main_slider .slide_box > div .wrap_info .btn_wrap button:hover em{background: #028cc1}
.main_visual .main_slider .slide_box > div .wrap_info .btn_wrap button em:before{content: '';display: block;width: 7px;height: 7px;box-sizing: border-box;border: 1px solid #028cc1;border-radius: 50%; position: absolute;transform: scale(0);transition: 0.8s}
.main_visual .main_slider .slide_box > div .wrap_info .btn_wrap button:hover em:before{transform: scale(1)}
.main_visual .main_slider .slide_box > div .wrap_info .btn_wrap button em:after{content: '';display: block;width: 45px;height: 45px;box-sizing: border-box;border: 1px solid rgba(0,160,217,0.2);border-radius: 50%; position: absolute;transform: scale(0);transition: 0.8s}
.main_visual .main_slider .slide_box > div .wrap_info .btn_wrap button:hover em:after{transform: scale(1);}
.main_visual .main_slider .slide_box > div .wrap_info .btn_wrap button.slick-prev em:before{top: 50%;margin-top: -3.5px;left: -16px;}
.main_visual .main_slider .slide_box > div .wrap_info .btn_wrap button.slick-prev em:after{top: 50%;margin-top: -22.5px;left: -34px;}
.main_visual .main_slider .slide_box > div .wrap_info .btn_wrap button.slick-next em:before{top: 50%;margin-top: -3.5px;right: -16px;}
.main_visual .main_slider .slide_box > div .wrap_info .btn_wrap button.slick-next em:after{top: 50%;margin-top: -22.5px;right: -34px;}
.main_visual .main_slider .slide_box > div .wrap_info ul li{display: inline-block;font-size: 16px;color: #747474}
.main_visual .main_slider .slide_box > div .wrap_info ul li:after{content: '';display: inline-block;width: 12px;height: 11px;background: url(/img/main/vis_shape.png);margin: 0 12px;margin-right: 7px;}
.main_visual .main_slider .slide_box > div .wrap_info ul li:nth-child(2):after{display: none}
.main_visual .main_slider .slide_box > div .wrap_info ul li:nth-child(1){color: #fff}
.main_visual .main_slider .slide_box > div .wrap_info .pro{position: relative;height: 1px;width: 420px;background: rgba(255,255,255,0.3);margin-left: 20px;margin-right: 135px;}
.main_visual .main_slider .slide_box > div .wrap_info .pro i{position: absolute;width: 0;height: 100%;background: #00a0d9}
.main_visual .main_slider .slide_box > div.on .wrap_info .pro i{width: 100%;transition: 7s;transition-delay: 1.5s}
.thum_wrap{ font-size: 0;line-height:0;position: absolute; left: 0;bottom:75px; width: 100%; z-index: 100; }
.thum{ text-align: center}
.thum li{ transition: all 0.0s ;width:auto;height:20px;cursor:pointer;display: inline-block;margin-left:18px; background: url(/img/main/thum.png)}
.thum li.on{  background: url(/img/main/thum_on.png)}

.thum li.last{display: none;}
.inner{width: 1400px;margin: 0 auto;}

/*비주얼 추가효과*/
.main_visual .main_slider .slide_box > div .shape .wrap .bg{transform: translateY(30px);opacity: 0;box-shadow: 0 40px 40px rgba(0,0,0,0.6)}
.main_visual .main_slider .slide_box > div.on .shape .wrap .bg{transform: translateY(0);opacity: 1;transition:transform 1s, opacity 1s;transition-delay: 1.2s}
.main_visual .main_slider .slide_box > div .shape .wrap .object{opacity: 0}
.main_visual .main_slider .slide_box > div.on .shape .wrap .object{opacity: 1;transition: opacity 1s;transition-delay: 1.5s;animation: dung 3s infinite linear;transition-delay: 2s}
.main_visual .main_slider .slide_box > div.box3.on .shape .wrap .object{animation: dung2 3s infinite;transition-delay: 2s}
.main_visual .main_slider .slide_box > div .shape .wrap .txt i:after{content: '';display: block;clear: both}
.main_visual .main_slider .slide_box > div .shape .wrap .txt i img{transform: rotate(0);float: right}
.main_visual .main_slider .slide_box > div.on .shape .wrap .txt i img{display: block;transform: rotate(180deg);transition: 2s;transition-delay: 3s}
@keyframes dung{

	0%{transform: translateY(0)}
	50%{transform: translateY(-30px)}
	100%{transform: translateY(0)}
}
@keyframes dung2{
	0%{transform: scale(1, 1)}
	50%{transform: scale(0.9, 1)}
	100%{transform: scale(1,1)}
}
.main_visual .main_slider .slide_box > div .shape .wrap .txt{transform: translateY(30px);opacity: 0}
.main_visual .main_slider .slide_box > div.on .shape .wrap .txt{transform: translateY(0);opacity: 1;transition: transform 1s, opacity 1s;transition-delay: 1.8s}


.main_visual .main_slider .slide_box .cell{ position: absolute; right: 4%; top: 55%; transform: translate(0,-50%) scale(.7); opacity: 0; transition: transform 1s, opacity 1s; z-index: 10; }
.main_visual .main_slider .slide_box .cell img{ display: block; }
.main_visual .main_slider .slide_box .cell .cells{ position:absolute; left: 0; top: 0; width: 100%; display: block; }

.main_visual .main_slider .slide_box .cell .cells01{ animation: dongs 3s ease-in-out infinite; }
.main_visual .main_slider .slide_box .cell .cells02{ animation: dongs 3s ease-in-out infinite; animation-delay: 1s; }

.main_visual .main_slider .slide_box > div.on .cell{ transform: translate(0,-50%) scale(1); opacity: 1; }


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




.main_con01{background: url(/img/main/con1_bg.jpg) center;padding-top: 146px;padding-bottom: 200px;position: relative}
.main_con01 > *{position: relative;z-index: 2}
.main_con01:before{content: '';display: block;width: 100%;height: 100%;background: url(/img/main/con1_bg2.png) center top;top: 0;left: 0;position: absolute;opacity: 0.1}
.main_con01 .m_tit {padding-bottom: 20px;}
.main_con01 .m_tit span{display: block;color: #ffffff;font-size: 22px;font-weight: 500;margin-bottom: 35px}
.main_con01 .m_tit strong{display: block;color: #fff;font-size: 46px;font-weight: 400;letter-spacing: -0.5px;}
.main_con01 ul{text-align: center;position: relative}
.main_con01 ul:before{content: '';display: block;width: 100%;height: 271px;background: url(/img/main/line.png);position: absolute;top: 50%;left: 0;margin-top: -140px;}
.main_con01 ul li{display: inline-block;vertical-align: top;position: relative;margin-right: 95px;z-index: 2}
.main_con01 ul li .base{width: 218px;height: 218px;display: table;box-sizing: border-box;border-radius: 50%;position: relative}
.main_con01 ul li .base:after{content: '';display: block;width: 248px;height: 248px;background: url(/img/main/m_cir01.png);position: absolute;top: 50%;left: 50%;margin-top: -124px;margin-left: -124px;}
.main_con01 ul li.color02 .base:after{background: url(/img/main/m_cir02.png)}
.main_con01 ul li.color03 .base:after{background: url(/img/main/m_cir03.png)}
.main_con01 ul li .base .tit{display: table-cell;vertical-align: middle;width: 100%}
.main_con01 ul li .base .tit strong{color: #ffffff;font-size: 24px;font-weight: 400;letter-spacing: -0.5px;}
.main_con01 ul li.color01 .base{background: #1e76fb}
.main_con01 ul li.color02 .base{border: 10px solid #1e76fb;background: #071a42}
.main_con01 ul li.color03 .base{background: #123482}
.main_con01 ul li .ho_on{position: absolute;top: 50%;left: 50%;margin-top: -160px;margin-left: -160px}
.main_con01 ul li .ho_on > div{position: relative}
.main_con01 ul li .ho_on > div .txt{position: relative;z-index: 2;background: url(/img/main/btn_on01.png)}

.main_con01 ul li:nth-child(2) .ho_on > div .txt{background: url(/img/main/btn_on02.png)}
.main_con01 ul li:nth-child(3) .ho_on > div .txt{background: url(/img/main/btn_on03.png)}
.main_con01 ul li:nth-child(4) .ho_on > div .txt{background: url(/img/main/btn_on04.png)}
.main_con01 ul li:nth-child(5) .ho_on > div .txt{background: url(/img/main/btn_on05.png)}
.main_con01 ul li .ho_on > div .bg{position: absolute;top: 0;left: 0;animation: dung 3s infinite}
.main_con01 ul li .ho_on strong{display: block;width: 320px;line-height: 325px;color: #fff;font-size: 30px;font-weight: 400; }
.main_con01 ul li:nth-child(1){margin-top: 173px}
.main_con01 ul li:nth-child(2){margin-top: 250px}
.main_con01 ul li:nth-child(3){margin-top: 135px}
.main_con01 ul li:nth-child(5){margin-top: 52px;margin-right: 0}

.main_con01 ul li .ho_on, .main_con01 ul li .base{transition: 1s}
.main_con01 ul li .ho_on{opacity: 0}
.main_con01 ul li:hover .ho_on{opacity: 1}
.main_con01 ul li .base{opacity: 1}
.main_con01 ul li:hover .base{opacity: 0}
.main_con02{overflow: hidden;padding-top: 190px;padding-bottom: 75px;background: url(/img/main/news_bg.jpg)}
.main_con02 .swiper-wrapper{height: auto;}
.main_con02 .swiper-slide{height: auto;width: 20%;}
.main_con02 .wrap a{display: block;padding: 38px;padding-bottom: 105px;transition: 1s}
.main_con02 .wrap a .thumnail{position: relative}
.main_con02 .wrap a .thumnail img{max-width: 100%}
.main_con02 .wrap a .thumnail:after{content: '';display: inline-block;width: 50px;height: 0;bottom: 0;right: -13px;background: #1c2945;position: absolute;transition: 0.6s}
.main_con02 .wrap a .thumnail:before{content: '';display: inline-block;width: 22px;height: 22px;bottom: 20px;right: 0;background: url(/img/main/plus.png);position: absolute;transition: 0.6s;z-index: 2;opacity: 0}
.main_con02 .wrap a:hover .thumnail:before{opacity: 1}
.main_con02 .wrap a:hover .thumnail:after{height: 115px}
.main_con02 .wrap:hover a{background: #081b45}
.main_con02 .inner{position: relative}
.main_con02 .m_tit{margin-bottom: 70px}
.main_con02 .m_tit a{position: absolute;right: 0;bottom: 23px;font-size: 18px;z-index: 4}
.main_con02 .m_tit a i{display: inline-block;transition: 0.6s;margin-left: 5px;}
.main_con02 .m_tit a:hover i{transform: translateX(10px)}
.main_con02 .m_tit span{display: block;color: #0b162e;font-size: 22px;font-weight: 600;text-align: center;position: relative}
.main_con02 .m_tit span:before{content: '';display: block;width: 270px;height: 270px;background: url(/img/main/news_gr.png);position: absolute;top: 50%;left: 50%;margin-left: -135px;margin-top: -135px;background-size: 100% 100%}
.main_con02 .m_tit strong{display: block;color: #757982;font-size: 46px;font-weight: 400;text-align: center;letter-spacing: -0.7px;margin-top: 35px;position: relative;z-index: 1}
.main_con02 .slide_area{position: relative;left: }
.main_con02 .wrap .txt{padding-top: 28px;}
.main_con02 .wrap .txt strong{display: block;color: #1c2945;font-size: 20px;font-weight: 400;letter-spacing: -0.5px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden;margin-bottom: 15px;transition: 1s}
.main_con02 .wrap:hover .txt strong{color: #fff}
.main_con02 .wrap .txt p{color: #414a5d;font-size: 18px;font-weight: 400;letter-spacing: -0.5px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden;margin-bottom: 45px;transition: 1s}
.main_con02 .wrap:hover .txt p{color: #8f93a0;}

.main_con02 .wrap .txt span{color: #575b61;font-size: 16px;font-weight: 400;transition: 1s}
.main_con02 .wrap:hover .txt span{color: #fff;}

.main_con01 .m_tit span{transform: translateY(30px);opacity: 0}
.active .main_con01 .m_tit span{transform: translateY(0);opacity: 1;transition: transform 1s, opacity 1s;}
.main_con01 .m_tit span{transform: translateY(30px);opacity: 0}
.active .main_con01 .m_tit span{transform: translateY(0);opacity: 1;transition: transform 1s, opacity 1s;}
.main_con01 .m_tit strong{transform: translateY(30px);opacity: 0}
.active .main_con01 .m_tit strong{transform: translateY(0);opacity: 1;transition: transform 1s, opacity 1s;transition-delay: 0.3s}
.main_con02 .m_tit a{transform: translateY(30px);opacity: 0}
.active .main_con02 .m_tit a{transform: translateY(0);opacity: 1;transition: transform 1s, opacity 1s;transition-delay: 0.3s}
.main_con01 ul:before{width: 0}
.active .main_con01 ul:before{width: 100%;transition: 4s;transition-delay: 0.6s}

.main_con01 ul li{transform: translateY(30px);opacity: 0}
.main_con01 ul li:nth-child(2n){transform: translateY(-30px);}
.active .main_con01 ul li{transform: translateY(0);opacity: 1;transition: 1s}
.main_con01 ul li:nth-child(1){transition-delay: 0.9s}
.main_con01 ul li:nth-child(2){transition-delay: 1.2s}
.main_con01 ul li:nth-child(3){transition-delay: 1.5s}
.main_con01 ul li:nth-child(4){transition-delay: 1.8s}
.main_con01 ul li:nth-child(5){transition-delay: 2.1s}
.main_con01:before{height: 0;transition: 3s}
.active .main_con01:before{height: 100%;}
.main_con02 .m_tit span{transform: translateY(30px);opacity: 0}
.active .main_con02 .m_tit span{transform: translateY(0);opacity: 1;transition: transform 1s, opacity 1s;}
.main_con02 .m_tit strong{transform: translateY(30px);opacity: 0}
.active .main_con02 .m_tit strong{transform: translateY(0);opacity: 1;transition: transform 1s, opacity 1s;transition-delay: 0.3s}
.main_con02 .m_tit span:before, .main_con01 ul li .base:after{animation: cir 10s infinite linear}

.main_con02 .slide_area{transform: translateY(30px);opacity: 0}
.active .main_con02 .slide_area{transform: translateY(0);opacity: 1;transition: transform 1s, opacity 1s;transition-delay: 0.6s}
.main_con02, .main_con01{min-height: 100%}
@keyframes cir{
	0%{transform: rotate(0)}
	100%{transform: rotate(360deg)}
}
@media (max-width: 1616px){
	.main_con01 ul li{margin-right: 40px}

}


.snss{  background: url(/img/main/sns_bg.jpg) center center no-repeat; background-size: cover; }

.main_con03 .m_tit{ display: flex; flex-flow: column; text-align: center; align-items: center; gap: 20px; margin-bottom: 60px; }
.main_con03 .m_tit span{ font-size: 22px; font-weight: 22px; font-weight: 600; display :block; font-style: normal !important; color: #fff; }
.main_con03 .m_tit strong{ font-size: 46px; color: #fff; font-weight: 300; display: block; }

.main_con03 .sns_box{ display: flex; gap: 30px; }
.main_con03 .sns_box > div{ width: 33.333333333333%; background-color: rgba(255,255,255,0.2); backdrop-filter: blur(20px); position: relative; padding: 40px; }
.main_con03 .sns_box > div .logos{ margin-bottom: 20px; }
.main_con03 .sns_box .sns_go{ position: absolute; right: 0; top: -30px; }
.main_con03 .sns_box .sns_go a{ display: flex; align-items: center; justify-content: center; flex-flow: column; text-align: center;width: 95px; height: 95px; gap: 15px; }
.main_con03 .sns_box .sns_go a strong{ color: #fff; font-size: 18px; font-weight: 500; }
.main_con03 .sns_box .linkedin .sns_go a{ background-color: #096df5; }
.main_con03 .sns_box .youtube .sns_go a{ background-color: #c80d46;  }
.main_con03 .sns_box .insta .sns_go a{ background-color: #9d029f; }
.main_con03 .sns_box .insta .imgs img{ display: block; width: 100%; }
.main_con03 .sns_box .linkedin .lists ul{ display: flex; flex-flow: column; }
.main_con03 .sns_box .linkedin .lists ul li{ padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,0.7); position: relative; transition: border .3s; }
.main_con03 .sns_box .linkedin .lists ul li:after {content:""; display: block; width: calc(100% + 80px); height: 100%; background-color: #096df5; position: absolute; left: -40px; top: 0; clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); transition: clip-path 1s; }
.main_con03 .sns_box .linkedin .lists ul li:hover:after{ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.main_con03 .sns_box .linkedin .lists ul li:hover{ border-color: rgba(255,255,255,0); }
.main_con03 .sns_box .linkedin .lists ul li:last-child{ border-bottom: none; }
.main_con03 .sns_box .linkedin .lists ul li a{ display: flex; flex-flow: column; gap: 10px; }
.main_con03 .sns_box .linkedin .lists ul li a p{ font-size: 20px; font-weight: 500; color: #fff;  position: relative; z-index: 1; }
.main_con03 .sns_box .linkedin .lists ul li a strong{ font-size: 18px; line-height: 26px; overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; color: #fff; font-weight: 400; position: relative; z-index: 1; }

.main_con03 .sns_box .youtube .y_slide{ overflow: hidden; position: relative; }
.main_con03 .sns_box .youtube .y_slide a{ display: flex; flex-flow: column; gap: 30px; }
.main_con03 .sns_box .youtube .y_slide a .thumbs img{ width: 100%; display: block; }
.main_con03 .sns_box .youtube .y_slide a .txt strong{ font-size: 18px; line-height: 26px; color: #fff; font-weight: 400; overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; margin-bottom: 60px; }
.main_con03 .sns_box .youtube .y_slide a .txt p{ font-size: 18px; font-weight:26px; color: #fff; }
.main_con03 .sns_box .youtube .y_slide .swiper-pagination2{ position: absolute; right: 0; bottom: 10px; left: auto; width: auto; z-index: 2; display: flex; gap: 4px; }
.main_con03 .sns_box .youtube .y_slide .swiper-pagination2 span{ margin: 0; border-radius: 0; width: 16px; height: 2px; opacity: .3; background-color: #fff; }
.main_con03 .sns_box .youtube .y_slide .swiper-pagination2 .swiper-pagination-bullet-active{ opacity: 1; background-color: #fff;  }

@media (max-width: 1416px){
	.inner{width: 100%;padding: 0 20px;}
	.main_visual .main_slider .slide_box > div .shape{margin-right: 0;right: 20px;}
	.main_visual .main_slider .slide_box .in_obj{width: 100%;padding-left: 20px;;padding-right: 499px;}
	.main_visual .main_slider .slide_box > div .wrap_info .pro{width: 200px;margin-right: 50px;}
	.main_con01 ul li:nth-child(1), .main_con01 ul li:nth-child(2),.main_con01 ul li:nth-child(3),.main_con01 ul li:nth-child(4),.main_con01 ul li:nth-child(5){margin-top: 0}
	#header #gnb{display: none}
	.main_con01 ul:after{content: '';display: block;clear: both}
	.main_con01 ul li{margin-right: 0;width: 50%;float: left;margin-bottom: 50px}
	.main_con01 ul li .base{margin: 0 auto;}
	.main_con01{background-size: auto 100%}
	.main_con01 .m_tit{margin-bottom: 60px;text-align: center}
}
@media (max-width: 1200px){
	.main_visual .main_slider .slide_box > div .wrap_tit > strong{font-size: 40px;line-height: 60px;}
	.main_visual .main_slider .slide_box > div .shape .wrap .bg img{width: 380px;}
	.main_visual .main_slider .slide_box > div.box1 .shape .wrap .object img{width: 480px;}
	.main_visual .main_slider .slide_box > div.box2 .shape .wrap .object img{width: 380px;}
	.main_visual .main_slider .slide_box > div.box3 .shape .wrap .object img{width: 400px;}
	.main_visual .main_slider .slide_box .in_obj{padding-top: 300px;}
	.main_visual{height: 100%}
	.main_visual .main_slider .slide_box > div.on .wrap_info{margin-top: 100px;}
	.main_visual .main_slider .slide_box .in_obj{padding-right: 0;position: relative;z-index: 3}
	.main_visual .main_slider .slide_box > div .wrap_tit > strong{position: relative;z-index: 2}
    .main_visual .main_slider .slide_box .cell{ width: 50%; }
    .main_visual .main_slider .slide_box .cell > img{ width: 100%; } 
    .main_visual .main_slider .slide_box .cell{ right: 0%; }

}
@media (max-width: 880px){
	.main_visual .main_slider .slide_box > div .wrap_tit > strong{font-size: 30px;line-height: 45px;}
	.main_visual .main_slider .slide_box > div .wrap_info ul li{font-size: 12px;}
	.main_visual .main_slider .slide_box > div .wrap_info .pro{display: none}
	.main_visual .main_slider .slide_box > div .wrap_info .btn_wrap{transform: scale(0.8)}
	.main_visual .main_slider .slide_box > div .wrap_info .btn_wrap button.slick-prev{margin-right: 20px;}
	.main_visual .main_slider .slide_box > div .shape .wrap .bg img{width: 260px;}
	.main_visual .main_slider .slide_box > div.box1 .shape .wrap .object img{width: 280px}
	.main_visual .main_slider .slide_box > div.box2 .shape .wrap .object img{width: 260px}
	.main_visual .main_slider .slide_box > div.box3 .shape .wrap .object img{width: 280px}
	.main_visual .main_slider .slide_box > div .shape .wrap .txt{padding-bottom: 20px;padding-right: 20px;}
	.main_visual .main_slider .slide_box > div .shape .wrap .txt i img{width: 40px}
	.main_visual .main_slider .slide_box > div .shape .wrap .txt strong{font-size: 20px;}
	.main_visual .main_slider .slide_box > div .shape .wrap .txt span{font-size: 15px;}
	.main_visual .main_slider .slide_box > div .shape .wrap .txt i{margin-bottom: 15px;}
	.main_visual .main_slider .slide_box > div .shape .wrap .txt strong{margin-bottom: 10px;}
	.main_visual .main_slider .slide_box > div .shape{bottom: 110px;}
	.main_visual .main_slider .slide_box .in_obj{padding-top: 207px;}
	.main_visual{height: 100%;}
	.main_visual .main_slider .slide_box > div .wrap_tit > strong{text-shadow: 3px 3px 6px rgba(0,0,0,0.1)}
	.main_con01 .m_tit span{font-size: 15px;margin-bottom: 15px;}
	.main_con01 .m_tit strong{font-size: 30px;}
	.main_con01{padding-top: 60px;}
	.main_con01 ul li .base{width: 120px;height: 120px}
	.main_con01 ul li .base .tit strong{font-size: 17px}
	.main_con01 ul li .base:after{width: 140px;height: 140px;background-size: 100% 100% !important;margin-top: -70px;margin-left: -70px}
	.main_con01 ul li .ho_on > div .bg img{width: 200px;}
	.main_con01 ul li .ho_on strong{width: 200px;line-height: 203px;font-size: 16px;}
	.main_con01 ul li .ho_on > div .txt{background-size: 100% 100% !important;}
	.main_con01 ul li .ho_on{margin-top: -100px;margin-left: -100px;}
	.main_con02 .m_tit span:before{width: 160px;height: 160px;margin-top: -80px;margin-left: -80px;}
	.main_con02 .m_tit span{font-size: 16px;}
	.main_con02 .m_tit strong{font-size: 25px;}
	.main_con02{padding-top: 100px;}
	.main_con02 .m_tit a{position: relative;text-align: center;display: block;margin-top: 15px;font-size: 13px;}
	.main_con02 .wrap a{padding: 20px;}
	.main_con02 .slide_area{left: 0}
	.main_con02 .swiper-slide{width: 280px;}
	.main_con02 .wrap a .thumnail img{width: 100%}
	.main_con02 .wrap .txt{padding-top: 15px;}
	.main_con02 .wrap .txt strong{font-size: 16px;margin-bottom: 7px}
	.main_con02 .wrap .txt p{font-size: 13px;}
	.main_con02 .wrap .txt span{font-size: 13px;}
	.main_con02 .wrap .txt p{margin-bottom: 20px;}
	.main_con01:before{background-size: auto 800px;background-position: left top}
	.main_con01 ul:before{display: none}
	.main_con01{padding-bottom: 60px;}
	.main_con02{padding-bottom: 60px;}
	.main_con02 .m_tit a i img{width: 20px;}
	.main_con02 .m_tit a{bottom: 0}

    .pop-layer{top: 50px !important;left: 5% !important;width: 90% !important; height: auto !important}
    .pop-layer-body{height: auto !important;}
    .pop-layer-body img{width: 100%}
    .main_visual .main_slider .slide_box > div .in_inner{height: 100%}
    #pop-layer-13-body br{display: none}
    .main_con03{ padding-bottom: 60px; padding-top: 80px; }
    .main_con03 .m_tit strong{ font-size: 24px; }
    .main_con03 .m_tit span{ font-size: 15px; margin-bottom: 0; }
    .main_con01 .m_tit{ margin-bottom: 10px; gap: 10px;}
    .main_con03 .sns_box > div{ width:100%; padding: 20px; }
    .main_con03 .sns_box { flex-flow: column; }
    .main_con03 .sns_box > div .logos img{ height: 32px;  }
    .main_con03 .sns_box .sns_go a{ width: 70px; height: 70px; gap: 6px; }
    .main_con03 .sns_box .sns_go a strong{ font-size: 14px; }
    .main_con03 .sns_box .sns_go a img{ width: 12px; height: auto; }
    .main_con03 .sns_box .linkedin .lists ul li a p{ font-size: 12px; }
    .main_con03 .sns_box .linkedin .lists ul li a{ gap: 4px; }
    .main_con03 .sns_box .linkedin .lists ul li a strong{ font-size: 14px; line-height: 1.5em; }
    .main_con03 .sns_box .linkedin .lists ul li{ padding: 10px 0; }
    .main_con03 .sns_box .linkedin .lists ul li:after{ left: -20px; wdith: calc(100% + 40px); }
    .main_con03 .sns_box .youtube .y_slide a .txt strong{ font-size: 14px; line-height: 1.5em; margin-bottom: 20px; }
    .main_con03 .sns_box .youtube .y_slide a .txt p{ font-size: 12px; }
    .main_con03 .sns_box .youtube .y_slide a{ gap: 20px; }
    .main_con03 .sns_box .sns_go{ top: -10px; }

/*    .section, .fp-tableCell{height: auto !important}*/
}
@media (max-width: 860px){
	.main_visual .main_slider .slide_box > div .wrap_tit > strong{font-size: 22px;line-height: 34px !important; }
	.main_visual .main_slider .slide_box > div .shape{bottom: 40px;}
	.main_visual .main_slider .slide_box .in_obj{padding-top: 105px}
	.main_visual .main_slider .slide_box > div.on .wrap_info{margin-top: 20px;}
	.main_visual{height: 100%;}
	.main_visual .main_slider .slide_box .in_obj{padding-right: 20px;text-align: center}
	.main_visual .main_slider .slide_box > div .shape{left: 50%;right: auto;margin-left: -130px;}
	.main_con01 .m_tit strong{font-size: 24px;}
	.main_con01 .m_tit{margin-bottom: 25px}
	.main_con01 ul li{margin-bottom: 33px}
	.main_con01{padding-bottom: 60px;}
	.main_con01 ul li .base .tit strong{font-size: 15.5px}
	.main_con01 ul li.color02 .base {border: 5px solid #1e76fb;}
	.main_con02 .m_tit strong{font-size: 21px}
	.main_con02 .m_tit{margin-bottom: 35px;}
    .main_con01 ul li:nth-child(2n){margin-top: 60px}
    .active .main_con01 ul li{margin-bottom: 0}
    #pop-layer-7.pop-layer{top: 25px !important;left: 25px !important}
    #pop-layer-7.pop-layer img{width: 100%}
    .main_visual .main_slider .slide_box .cell{ right: auto; left: 50%; transform: translate(-50%,-50%) scale(.7); width: 80%; top: 70%; }
    .main_visual .main_slider .slide_box > div.on .cell{ transform: translate(-50%,-50%) scale(1); }
    .main_visual .main_slider .slide_box > div .wrap_tit .go_btn{ justify-content: center; }
    .main_visual .main_slider .slide_box > div .wrap_tit .go_btn{ margin-top: 20px; }
    .main_con03 .m_tit strong{ font-size: 21px; line-height: 1.5em; }

}
@media (max-width: 650px){
    .main_visual .main_slider .slide_box > div .wrap_tit > strong{font-size: 20px; line-height: 30px !important; word-break: keep-all; }
    .main_visual .main_slider .slide_box > div .wrap_tit > strong br{ display: none; }
    .main_visual .main_slider .slide_box .box3 .cell{ width: 120%; }
    .main_con03 .m_tit{ gap: 8px; margin-bottom: 30px; }
    

}