@charset "utf-8";
.slick-controls{z-index:10;}
.slick-nav a{font-size:0;z-index:40;transition:all .2s ease-in-out;}
.slick-nav a{background:url('/_KOR/img/ir.svg') no-repeat;}
.slick-nav a.slick-play{display:none;}

/* ---------------------- 메인 ---------------------- */
/* 메인비주얼 */
.main_v_sd{position:relative;height:900px;text-align:center;background:#000;}
.main_v_sd .item{position:relative;height:900px;overflow:hidden;}
.main_v_sd .item .img_bg{z-index:2}
.main_v_sd .item .img_bg .bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.main_v_sd .item.item1 .float_img{position:absolute;top:50%;margin-top:-120px;left:10%;z-index:3;width:859px;height:419px}
.main_v_sd .item.item1 .float_img img{position:absolute;}
.main_v_sd .item.item1 .float_img img:nth-child(1){top: 90px;left: 35%;}
.main_v_sd .item.item1 .float_img img:nth-child(2){top: -6px;left: 62%;}
.main_v_sd .item.item1 .float_img img:nth-child(3){top: 80px;left: 94%;}
.main_v_sd .item.item1 .float_img img:nth-child(4){top: 240px;left: 100%;}
.main_v_sd .slick-slide.slick-active .item .img_bg .bg{animation:animate_background 4s ease;}
.main_v_sd .slick-slide.slick-active .item1 .float_img img{animation: slide-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation-delay: .1s;}
.main_v_sd .slick-slide.slick-active .item1 .float_img img:nth-child(1){animation-delay: .2s;}
.main_v_sd .slick-slide.slick-active .item1 .float_img img:nth-child(2){animation-delay: .3s;}
.main_v_sd .slick-slide.slick-active .item1 .float_img img:nth-child(3){animation-delay: .4s;}
.main_v_sd .slick-slide.slick-active .item1 .float_img img:nth-child(4){animation-delay: .5s;}
@keyframes animate_background {0% {transform:scale(1.1)} 100% {transform:scale(1)}}
@keyframes slide-bottom {
  0% {transform: translateY(20px);opacity:0;}
  100% {transform: translateY(0);opacity:1;}
}

/* slick-nav */
.main_vsual_wp .slick-controls {z-index:90;}
.main_vsual_wp .slick-nav a{position:absolute;background-color:rgba(32,35,45,.7);width:32px;height:32px;border-radius:50%;z-index:90;}
.main_vsual_wp .slick-nav a.slick-prev,.main_vsual_wp .slick-nav a.slick-next{width:40px;height:40px;top:450px;margin-top:-20px;}
.main_vsual_wp .slick-nav a.slick-prev{background-position:-5px -5px;left:50px;}
.main_vsual_wp .slick-nav a.slick-next{background-position:-53px -5px;right:50px;}
.main_vsual_wp .slick-nav a.slick-stop,.slick-nav a.slick-play{width:24px;height:24px;bottom:40px;right:0;z-index:56}
.main_vsual_wp .slick-nav a.slick-stop{background-position:-353px -54px;}
.main_vsual_wp .slick-nav a.slick-play{background-position:-377px -54px;}
.main_vsual_wp .slick-dots{position:absolute;bottom:38px;left:50%;margin-left:-700px;width:1400px;text-align:center;z-index:52}

/* 메인 상단 링크 */
.main_links{position:absolute;top:160px;left:0;width:100%;padding-top:72px;}
.main_links .inner ul{width:490px;display:flex;flex-wrap:wrap;background:#fff;border-radius:17px;border:1px solid #e21b2e;margin-left: auto;}
.main_links .inner ul li{width:50%;text-align:center;}
.main_links .inner ul li:nth-child(2n){border-left:1px solid #ddd;}
.main_links .inner ul li:nth-child(3),
.main_links .inner ul li:nth-child(4){border-top:1px solid #ddd;}
.main_links .inner li a{display:block;padding:20px 16px;}
.main_links .inner li a .ico{width:112px;height:112px;background:url('/_ENG/img/main_top_ir.svg') 21px 25px no-repeat #f4f5f4;border-radius:50%;margin:0 auto 16px;transition:all .3s ease-in-out;}
.main_links .inner li a:hover .ico{background-color:#D10028;}
.main_links li:nth-child(2) a .ico{background-position:-202px 25px}
.main_links li:nth-child(3) a .ico{background-position:-314px 25px}
.main_links li:nth-child(4) a .ico{background-position:-91px 25px}
.main_links li a p{font-weight:700;font-size:1.5rem;}
.main_links li:nth-child(1) a:hover .ico{background-position:21px -86px}
.main_links li:nth-child(2) a:hover .ico{background-position:-202px -86px}
.main_links li:nth-child(3) a:hover .ico{background-position:-314px -86px}
.main_links li:nth-child(4) a:hover .ico{background-position:-91px -86px}

.main_links .inner{display:flex;}
.main_links,
.main_links .inner > ul > li{animation: slide-bottom 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.main_links .inner > ul > li:nth-child(1){animation-delay: 0.05s;}
.main_links .inner > ul > li:nth-child(2){animation-delay: 0.1s;}
.main_links .inner > ul > li:nth-child(3){animation-delay: 0.2s;}
.main_links .inner > ul > li:nth-child(4){animation-delay: 0.3s;}

@keyframes slide-bottom {
  0% {-webkit-transform: translateY(10px); transform: translateY(10px);opacity:0;}
  100% {-webkit-transform: translateY(0);transform: translateY(0);opacity:1;}
}

/* 메인 sec */
.main_sec{padding:72px 0;}
.main_sec .sec_wp{display:flex;justify-content:space-between;flex-wrap:wrap;}
.main_sec a{transition:all .3s ease-in-out;}
.main_sec .tit_wp{margin-bottom:20px;}

/* 메인 sec2 */
.main_sec1 .main_major{width:calc((100% - 32px) * 0.7 );}
.main_sec1 .main_major_item{display:flex;flex-wrap:wrap;margin:0 -6px;height:380px;overflow:hidden;}
.main_sec1 .main_major_item > li{position:relative;width:calc((100% - 48px) * 0.11);margin:0 6px;background: rgb(229,53,64);background: linear-gradient(180deg, rgba(229,53,64,1) 0%, rgba(235,145,49,1) 100%);border-radius:17px;overflow:hidden;color:#fff;transition:all .3s ease-in-out;}
.main_sec1 .main_major_item > li a.btn_link{display:block;padding:32px 28px;height:100%;width:100%;}
.main_sec1 .main_major_item > li:not(.active) .tit{font-weight:700;font-size:1.25rem;word-break:break-all;margin:0 auto;writing-mode: vertical-lr;display:block;opacity:1;}
.main_sec1 .main_major_item > li:not(.active) .tit span{display:block;}
.main_sec1 .main_major_item > li .active_tit{display:none}
.main_sec1 .main_major_item > li .desc{display:none;font-size:0;transition:all .3s ease-in-out;}
.main_sec1 .main_major_item > li .more{display:none;}
.main_sec1 .main_major_item .ico_open{position:absolute;bottom:32px;left:50%;margin-left:-20px;width:40px;height:40px;border-radius:50%;background:url('/_KOR/img/ir.svg') -203px -1px no-repeat #fff;}

.main_sec1 .main_major_item > li.active{width:calc((100% - 48px) * 0.67);}
.main_sec1 .main_major_item > li.active a.btn_link{padding:80px 44px 32px;}
.main_sec1 .main_major_item > li.active .tit{display:none;opacity:0}
.main_sec1 .main_major_item > li.active .active_tit{display:block;font-weight:700;font-size:2.25rem;word-break:break-all;text-align:left;width:100%}
.main_sec1 .main_major_item > li.active .desc{display:block;margin:16px 0 36px;font-size:1.25rem;transition-delay: 2s;}
.main_sec1 .main_major_item > li.active .more{display:inline-flex;position:absolute;bottom:60px;left:44px;width:160px;height:48px;border-radius:40px;}
.main_sec1 .main_major_item > li.active .more .ico{width:20px;height:20px;background:url('/_KOR/img/ir.svg') -402px -57px no-repeat }
.main_sec1 .main_major_item > li.active .ico_open{display:none;}
.main_sec1 .main_major_item > li.active.item1{background:url('/_ENG/img/main_sec3_img1.jpg') 0 0 no-repeat #000;background-size:cover;}
.main_sec1 .main_major_item > li.active.item2{background:url('/_ENG/img/main_sec3_img3.jpg') 0 0 no-repeat #000;background-size:cover;}
.main_sec1 .main_major_item > li.active.item3{background:url('/_ENG/img/main_sec3_img2.jpg') 0 0 no-repeat #000;background-size:cover;}
.main_sec1 .main_major_item > li.active.item4{background:url('/_ENG/img/main_sec3_img4.jpg') 0 0 no-repeat #000;background-size:cover;}

.main_sec1 .mainbtn_link{padding-top:46px;width:calc((100% - 32px) * 0.3 );}
.main_sec1 .mainbtn_link a{display:flex;align-items:center;height:calc((380px - 1rem) / 2);padding:24px;margin-top:1rem;border-radius:13px;box-sizing:border-box;background:#eae6e6;}
.main_sec1 .mainbtn_link a > .text{width:calc(100% - 100px);}
.main_sec1 .mainbtn_link a > .ico{width:100px;height:100px;border-radius:50%;background:#fff;}
.main_sec1 .mainbtn_link a .more{margin-top:8px;border-radius:32px;height:26px;font-size:1.125rem}
.main_sec1 .mainbtn_link a:hover{background:#194fe4;color:#fff;}

