@charset "utf-8";

/* 메인페이지 내 공통적용 */
.main-container{position: relative; letter-spacing: 0; font-weight: 400;}
.inner{position: relative; max-width: 89.427%; margin: 0 auto; box-sizing: border-box;}
.section .fp-tableCell > .inner{margin-top: 90px;}

.sec_tit{position: relative; line-height: 135%; box-sizing: border-box; font-size: 40px; font-weight: 700; text-align: center; color: #222;}
.sec_tit .sup{box-sizing: border-box; padding: 0 0 16px; line-height: 120%; font-size: 20px; font-weight: 500; color: #444;}
.sec_tit .sub{box-sizing: border-box; padding: 33px 0 0; line-height: 150%; font-size: 16px; font-weight: 400; color: #666;}

.more{position: absolute; bottom: 10px; right: 0; display: inline-block; box-sizing: border-box; padding: 0 0 0 17.5px; line-height: 35px; font-size: 17px; font-weight: 500; color: #000;}
.more:before,
.more:after{content: ""; position: absolute; z-index: -1; top: 0; left: 0; display: block; width: 35px; height: 35px; border-radius: 50%; transition: all 0.5s cubic-bezier(0.475,0.425,0,0.995); background-color: #ffd900;}
.more:after{transition-delay: 0.3s;}
.more:hover:before,
.more:hover:after,
.more:focus:before,
.more:focus:after{transform: translateX(117px);}
.more span{display: block;}
.more span:after{content: ""; display: inline-block; vertical-align: middle; margin: 0 0 0 24px; width: 20px; height: 10px; background: url("/assets/site/img/main/arrow.png") no-repeat; background-size: contain;}
.more:hover span:after,
.more:hover span:after,
.more:focus span:after,
.more:focus span:after{animation: arrow_move2 0.4s ease-out; animation-delay: 0.8s;}

.fc_yellow{color: #ffd900;}
.b{font-weight: 700;}
.tal{text-align: left;}
.lc{display: none;}

.scr{position: fixed; bottom: -2px; left: -360px; line-height: 100%; transform: rotate(90deg); transform-origin: right bottom; letter-spacing: 1.5px; font-size: 14px; font-weight: 700; color: #ddd;}
.scr p{position: relative; box-sizing: border-box; padding: 0 272px 0 0;}
.scr p:before{content: ""; position: absolute; top: 6px; left: 137px; width: 250px; height: 1px; background-color: #ddd; -webkit-animation: scroll_down 2s cubic-bezier(0.78, 0.01, 0.16, 0.99) infinite; animation: scroll_down 2s cubic-bezier(0.78, 0.01, 0.16, 0.99) infinite;}

#fp-nav-custom{position: fixed; z-index: 29; right: 2%; top: 50%; transform: translateY(-50%); opacity: 1;}
#fp-nav-custom ul{position: relative; margin: 0; padding: 0;}
#fp-nav-custom ul li{position: relative; display: block; width: 7px; height: 7px; margin: 27px auto;}
#fp-nav-custom ul li.active{width: 13px; height: 13px;}
#fp-nav-custom ul li a{position: relative; z-index: 1; display: block; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}
#fp-nav-custom ul li a span{display: block; border-radius: 50%; z-index: 1; height: 100%; width: 100%; border: 0; background: #bbb; transition: all 0.1s ease-in-out;}
#fp-nav-custom ul li.active a span{background: #000;}
#fp-nav-custom ul li .fp-tooltip{position: absolute; top: 50%; transform: translateY(-58%); display: block; width: 0; max-width: 120px; line-height: 1; overflow: hidden; white-space: nowrap; letter-spacing: 0; font-size: 14px; font-weight: 400; color: #bbb; cursor: pointer; opacity: 0;}
#fp-nav-custom ul li:hover .fp-tooltip{transition: opacity 0.2s ease-in; width: auto; opacity: 1;}
#fp-nav-custom.fp-show-active li.active a + .fp-tooltip{transition: opacity 0.2s ease-in; width: auto; opacity: 1; color: #000;}
#fp-nav-custom ul li .fp-tooltip.right{right: 20px;}
#fp-nav-custom ul li .fp-tooltip.left {left: 20px;}
@media all and (max-width: 1440px){
    .section .fp-tableCell > .inner{margin-top: 80px;}
}
@media all and (max-width: 1200px){
    .inner{width: 100%; max-width: none; padding: 0 65px;}

    .sec_tit{font-size: 36px;}
    .sec_tit .sup{font-size: 18px; padding: 0 0 10px;}
    .sec_tit .sub{font-size: 15px;}

    .more{bottom: 8px}
}
@media all and (max-width: 1024px){
    .inner{padding: 0 40px;}

    .sec_tit .sub{padding: 8px 0 0;}
    .sec_tit .sub br{display: none;}

    .scr{bottom: 0; left: -328px; font-size: 12px;}
    .scr p{padding: 0 238px 0 0;}
    .scr p:before,
    .scr p:after{left: 120px; width: 220px;}

    .more{bottom: 7px}
}
@media all and (max-width: 860px){
    .sec_tit{font-size: 32px;}
    .sec_tit .sup{font-size: 16px; padding: 0 0 6px;}
    .sec_tit .sub{font-size: 15px;}

    .more{bottom: 5px;}
}
@media all and (max-width: 768px){
    .inner{padding: 0 30px;}
    .section .fp-tableCell > .inner{margin-top: 70px;}

    .scr{bottom: -2px; left: -200px; font-size: 11px;}
    .scr p{padding: 0px 111px 0 0;}
    .scr p:before,
    .scr p:after{left: 106px; width: 100px; top: 5px;}
}
@media all and (max-width: 640px){
    #fp-nav-custom ul li .fp-tooltip{display: none;}
}
@media all and (max-width: 568px){
    .inner{padding: 0 20px;}

    .sec_tit{font-size: 24px;}
    .sec_tit .sup{font-size: 15px;}
    .sec_tit .sub{font-size: 14px;}

    .scr{bottom: 0; left: -164px; font-size: 10px;}
    .scr p{padding: 0px 79px 0 0;}
    .scr p:before,
    .scr p:after{left: 97px; width: 70px;}

    .more{bottom: 3px; font-size: 12px; padding: 0 0 0 13px; line-height: 26px;}
    .more:before,
    .more:after{width: 26px; height: 26px;}
    .more:hover:before,
    .more:hover:after,
    .more:focus:before,
    .more:focus:after{transform: translateX(73px);}
    .more span:after{margin: 0 0 0 7px; width: 14px; height: 7px;}

    #fp-nav-custom ul li{margin: 20px auto;}
}
@media all and (max-width: 430px){
    .scr{display: none;}
}
@media all and (max-width: 425px){
    .section .fp-tableCell > .inner{margin-top: 60px;}
}
@media all and (max-width: 370px){

}

/* s1 */
.s1 .main_visual{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.s1 .main_visual .video_area{position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden;}
.s1 .main_visual .video_area video{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%;}
.s1 .main_visual .video_dim{position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0);}
.s1 .inner{position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: space-between; height: 67%; /* 마진탑 헤더 높이만큼*/ color: #fff;}
.s1 .inner .tit{line-height: 130%; font-size: 50px; font-weight: 700;}
.s1 .inner .txt {}
.s1 .inner .txt .slogan{padding: 0 0 25px; font-size: 20px; font-weight: 700;}
.s1 .inner .txt .des{line-height: 165%; font-size: 18px;}
.s1 .inner .txt .des .lc{display: block;}
@media all and (max-width: 1200px){
    .s1 .inner .tit{font-size: 45px;}
}
@media all and (max-width: 1024px){
    .s1 .inner .tit{font-size: 40px;}
    .s1 .inner .txt .slogan{font-size: 18px; padding: 0 0 20px;}
    .s1 .inner .txt .des{font-size: 16px;}
}
@media all and (max-width: 768px){
    .s1 .inner{height: 45%;}
    .s1 .inner .tit{font-size: 35px;}
    .s1 .inner .txt .slogan{font-size: 17px; padding: 45px 0 17px;}
    .s1 .inner .txt .des{font-size: 15px;}
}
@media all and (max-width: 568px){
    .s1 .inner .txt .des .lc{display: none;}
}
@media all and (max-width: 430px){
    .s1 .inner .tit{font-size: 28px;}
    .s1 .inner .txt .slogan{padding: 45px 0 17px;}
    .s1 .inner .txt .des{font-size: 14px;}
}

/* s2 */
.s2{background: url("/assets/site/img/main/bg_sec2.png") no-repeat; background-position: left bottom;}
.s2 .text{width: 448px; box-sizing: border-box; padding: 0 0 11.64%;}
.s2 .text .sec_tit .more{position: relative; top: auto; right: auto; margin: 42px 0 90px;}
.s2 .text .control{}
.s2 .text .control .btn_sl{display: inline-block; width: 70px; height: 70px; font-size: 0; background: #f0f0f0 url("/assets/site/img/main/btn_slide.png") no-repeat center;}
.s2 .text .control .btn_sl:hover{background-color: #ffd900;}
.s2 .text .control .btn_sl_next{transform: rotateY(180deg);}
.s2 .slide_list{position: absolute; top: 0; left: 29.528%; width: 200%;}
.s2 .slick-list{padding: 0 64.2% 0 0 !important;}
.s2 .slide_list:after{content: ""; display: block; clear: both;}
.s2 .slide_list .item{float: left; position: relative; transition: all 0.3s linear; margin: 0 30px 0 0; background-color: #9b9b9b;}
.s2 .slide_list .item:before{content: ""; display: block; box-sizing: border-box; padding: 138.888% 0 0;}
.s2 .slide_list .item.slick-current{background-color: #0092c3;}
.s2 .slide_list .item.slick-current:before{padding: 172.222% 0 0;}
.s2 .slide_list .item.slick-active:before{opacity: 0; /* slick-current 와 다름, 구분할 것 앞에 보이는 ?개 외에 흐림 처리 */}
.s2 .slide_list .item:last-child{display: none;}
.s2 .slide_list .item > a{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.s2 .slide_list .item > a:before{content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.5); opacity: 1; transition: opacity 0.3s;}
.s2 .slide_list .item.slick-active > a:before{/* slick-current 와 다름, 구분할 것 앞에 보이는 ?개 외에 흐림 처리 */ display: none; opacity: 0;}
.s2 .slide_list .item .txt{position: relative; box-sizing: border-box; padding: 13.15% 9% 0 11.31%; color: #fff;}
.s2 .slide_list .item .txt .tit{font-size: 30px; font-weight: 700; text-transform: uppercase;}
.s2 .slide_list .item .txt .eng{box-sizing: border-box; padding: 2% 0 14.72%; letter-spacing: 1px; font-weight: 200; opacity: 0.5; text-transform: uppercase;}
.s2 .slide_list .item .txt .des{visibility: hidden; opacity: 0; transform: translateX(50px); line-height: 158%; font-size: 18px; word-break: keep-all;}
.s2 .slide_list .item.slick-current .txt .des{visibility: visible; opacity: 1; transform: translateX(0); transition: 0.6s;}
.s2 .slide_list .item > a:hover .txt .des,
.s2 .slide_list .item > a:focus .txt .des{/*visibility: visible; opacity: 1; transform: translateX(0); transition: 0.6s;*/}
.s2 .slide_list .item .img{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;}
.s2 .slide_list .item .img img{position: absolute; bottom: 0; right: 0; filter: grayscale(1); transition: all 0.5s; width: 100%; height: 100%; object-fit: cover;}
.s2 .slide_list .item.slick-current .img img{filter: grayscale(0); width: 100%;}
.s2 .slide_list .slick-dots{position: absolute; bottom: 0; left: 11.065%; margin-left: 30px; width: calc(22.1% + 30px);  display: flex !important; justify-content: space-between; flex-wrap: wrap;}
.s2 .slide_list .slick-dots li{float: left; position: relative; width: 12.705%;}
.s2 .slide_list .slick-dots li:before{content: ""; display: block; padding: 94.736% 0 0; box-sizing: border-box;}
.s2 .slide_list .slick-dots li button{position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 100%; box-sizing: border-box; padding: 54% 0 0; font-size: 14px; font-weight: 500; color: #000; background-color: #eee; text-transform: uppercase;}
.s2 .slide_list .slick-dots li.slick-active button{background-color: #ffd900; transition: all 0.25s;}
.s2 .slide_list .slick-dots li button:before{content: ""; position: absolute; top: 12px; left: 50%; transform: translateX(-50%); width: 55.79%; height: 45.56%; background-repeat: no-repeat; background-size: contain;}
.s2 .slide_list .slick-dots li:nth-child(1) button:before{background-image: url("/assets/site/img/main/ico_product_battery.png");}
.s2 .slide_list .slick-dots li:nth-child(2) button:before{background-image: url("/assets/site/img/main/ico_product_car.png");}
.s2 .slide_list .slick-dots li:nth-child(3) button:before{background-image: url("/assets/site/img/main/ico_product_alfoil.png");}
.s2 .slide_list .slick-dots li:nth-child(4) button:before{background-image: url("/assets/site/img/main/ico_product_electron.png");}
.s2 .slide_list .slick-dots li:nth-child(5) button:before{background-image: url("/assets/site/img/main/ico_product_construct.png");}
.s2 .slide_list .slick-dots li:nth-child(6) button:before{background-image: url("/assets/site/img/main/ico_product_ppcap.png");}
.s2 .slide_list .slick-dots li:nth-child(7) button:before{background-image: url("/assets/site/img/main/ico_product_train.png");}

/*.s2 .slide_list .slick-dots li:nth-child(1) button:before{background-image: url("/assets/site/img/main/ico_product_battery.png");}
.s2 .slide_list .slick-dots li:nth-child(2) button:before{background-image: url("/assets/site/img/main/ico_product_car.png");}
.s2 .slide_list .slick-dots li:nth-child(3) button:before{background-image: url("/assets/site/img/main/ico_product_construct.png");}
.s2 .slide_list .slick-dots li:nth-child(4) button:before{background-image: url("/assets/site/img/main/ico_product_ppcap.png");}
.s2 .slide_list .slick-dots li:nth-child(5) button:before{background-image: url("/assets/site/img/main/ico_product_semiconductor.png");}
.s2 .slide_list .slick-dots li:nth-child(6) button:before{background-image: url("/assets/site/img/main/ico_product_railroad.png");}
.s2 .slide_list .slick-dots li:nth-child(7) button:before{background-image: url("/assets/site/img/main/ico_product_ship.png");}*/
@media all and (max-width: 1700px){
    .s2 .slide_list .slick-dots li button{padding: 60% 0 0;}
    .s2 .slide_list .slick-dots li button:before{top: 9px;}
}
@media all and (max-width: 1660px){
    .s2 .slide_list .item .txt{padding: 13.15% 9% 0;}
    .s2 .slide_list .item .txt .tit{font-size: 27px;}
    .s2 .slide_list .item .txt .eng{font-size: 15px;}
    .s2 .slide_list .item .txt .des{font-size: 16px;}
}
@media all and (max-width: 1540px){
    .s2 .slide_list .slick-dots li button{font-size: 13px;}
}
@media all and (max-width: 1440px){
    .s2 .slide_list{left: 400px; width: 2600px;}
    .s2 .slide_list .item.slick-current:before{padding: 138.888% 0 0;}
    .s2 .slide_list .item .txt{padding: 8% 8% 0;}
    .s2 .slide_list .item .txt .tit{font-size: 25px;}
    .s2 .slide_list .item .txt .eng{font-size: 13px; padding: 1% 0 9%;}
    .s2 .slide_list .item .txt .des{font-size: 15px;}
    .s2 .slide_list .slick-dots{position: static; margin: 20px 0 0;}
}
@media all and (max-width: 1200px){
    .s2{background-size: 50%;}
    .s2 .slide_list{left: 430px;}
}
@media all and (max-width: 1024px){
    .s2 .sec_tit .sub{padding-right: 150px;}
    .s2 .text{position: relative; width: 100%; padding: 0;}
    .s2 .text .sec_tit .more{position: absolute; bottom: 3px; right: 0; margin: 0;}
    .s2 .text .sec_tit .lc{display: block;}
    .s2 .text .control{position: absolute; z-index: 1; left: 50%; margin-left: -57.5px; top: 557px;}
    .s2 .text .control .btn_sl{float: left; display: block; width: 55px; height: 55px;}
    .s2 .text .control .btn_sl:not(:first-child){margin-left: 5px;}
    .s2 .slide_list{position: static; padding: 3% 0 77px; width: 2400px;}
    .s2 .slide_list .item{margin: 0 15px 0 0;}
    .s2 .slide_list .slick-dots{display: none !important;}
}
@media all and (max-width: 768px){
    .s2 .slide_list .item .txt .tit{font-size: 20px;}
    .s2 .slide_list .item .txt .eng{font-size: 10px; padding: 1% 0 3%;}
    .s2 .slide_list .item .txt .des{font-size: 13px;}
}
@media all and (max-width: 600px){
    .s2 .text .sec_tit .lc{display: none;}
}
@media all and (max-width: 568px){
    .s2 .sec_tit .sub{padding-right: 95px;}
}
@media all and (max-width: 430px){
    .s2 .text .sec_tit .sup{display: none;}
    .s2 .text .sec_tit .sub{display: none;}
    .s2 .text .sec_tit .more{bottom: auto; top: 2px;}
    .s2 .text .control{top: 451px; margin-left: -47.5px;}
    .s2 .text .control .btn_sl{width: 45px; height: 45px; background-size: 7px; /*background-color: #ffd900;*/}
    .s2 .slide_list{padding: 8% 0 61px;}
    .s2 .slide_list .item .txt .des{}
}
@media all and (max-width: 370px){
    .s2 .slide_list{width: 1600px; padding: 3% 0 43px;}
    .s2 .slide_list .item{margin: 0 8px 0 0;}
    .s2 .slide_list .item .txt .tit{font-size: 16px;}
    .s2 .slide_list .item .txt .eng{padding: 1% 0 2%;}
    .s2 .slide_list .item .txt .des{font-size: 11px;}
    .s2 .text .control{top: 325px; margin-left: -32.5px;}
    .s2 .text .control .btn_sl{width: 30px; height: 30px; background-size: 7px;}
}

/* s3 */
.s3{background: url("/assets/site/img/main/bg_sec3.jpg") no-repeat; background-size: cover;}
.s3 .stat_list{display: table; table-layout: fixed; width: 100%; max-width: 1260px; margin: 0 auto; box-sizing: border-box; padding: 68px 0 80px;}
.s3 .stat_list li{display: table-cell; text-align: center; color: #111;}
.s3 .stat_list li *{display: block; line-height: 120%;}
.s3 .stat_list li img{margin: 0 auto;}
.s3 .stat_list li strong{display: inline-block; box-sizing: border-box; padding: 18px 0 0; line-height: 110%; font-size: 40px; font-weight: 800;}
.s3 .stat_list li em{display: inline-block; vertical-align: middle; margin: -5px 0 0 3px; font-size: 14px; font-weight: 400;}
.s3 .stat_list li p{box-sizing: border-box; padding: 17px 0 4px; font-size: 20px; font-weight: 700;}
.s3 .stat_list li span{font-size: 16px; color: rgba(17,17,17,0.8);}
.s3 .slogan_list{display: flex; justify-content: space-between;}
.s3 .slogan_list li{position: relative; width: 31.450%; height: 280px;}
.s3 .slogan_list li .item{position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 59px 5% 5px; text-align: center; color: #000; background-color: rgba(0,0,0,0.3); background-repeat: no-repeat; background-size: cover; background-position: center; transition: all 0.15s ease-in-out;}
.s3 .slogan_list li .item:hover{padding: 34px 5% 5px;}
.s3 .slogan_list li .item *{pointer-events: none;}
.s3 .slogan_list li:nth-child(1) .item{background-image: url("/assets/site/img/main/bg_slogan1.jpg");}
.s3 .slogan_list li:nth-child(2) .item{background-image: url("/assets/site/img/main/bg_slogan2.jpg");}
.s3 .slogan_list li:nth-child(3) .item{background-image: url("/assets/site/img/main/bg_slogan3.jpg");}
.s3 .slogan_list li:nth-child(1) .item:hover{background-image: url("/assets/site/img/main/bg_slogan1h.jpg");}
.s3 .slogan_list li:nth-child(2) .item:hover{background-image: url("/assets/site/img/main/bg_slogan2h.jpg");}
.s3 .slogan_list li:nth-child(3) .item:hover{background-image: url("/assets/site/img/main/bg_slogan3h.jpg");}
.s3 .slogan_list li .item .num{font-size: 17px; font-weight: 700;}
.s3 .slogan_list li:nth-child(odd) .item .num{color: #ffd900;}
.s3 .slogan_list li .item .txt{box-sizing: border-box; padding: 44px 0 17px; font-size: 22px; font-weight: 700;}
.s3 .slogan_list li:nth-child(odd) .item .txt{color: #fff;}
.s3 .slogan_list li .item .sub{/*display: none;*/ opacity: 0; transform: translateY(10px); transition: all 0.15s ease-in-out;}
.s3 .slogan_list li:nth-child(odd) .item .sub{color: #fff;}
.s3 .slogan_list li .item:hover .sub{/*display: block;*/ opacity: 0.85; transform: translateY(0);}
.s3 .slogan_list li .item .sub .lc{display: block;}
@media all and (max-width: 1700px){
    .s3 .slogan_list li:nth-child(1) .item .sub .lc{display: none;}
}
@media all and (max-width: 1560px){
    .s3 .slogan_list li{width: 32%; height: auto; padding: 21% 0 0;}
    .s3 .slogan_list li .item{padding: 18% 5% 5px;}
    .s3 .slogan_list li .item:hover{padding: 15% 5% 5px;}
    .s3 .slogan_list li .item .txt{padding: 3% 0 3%; line-height: 140%;}
    .s3 .slogan_list li .item .txt .lc{display: block;}
    .s3 .slogan_list li .item .sub{font-size: 14px; line-height: 140%;}
    .s3 .slogan_list li .item .sub .lc{display: none;}
}
@media all and (max-width: 1400px){
    .s3 .slogan_list li .item:hover{padding: 12% 5% 5px;}
}
@media all and (max-width: 1280px){
    .s3 .slogan_list li .item:hover{padding: 9.5% 5% 5px;}
}
@media all and (max-width: 1200px){
    .s3 .stat_list{padding: 8% 0 5%;}
    .s3 .stat_list li img{width: 62px;}
    .s3 .stat_list li strong{font-size: 32px; padding: 12px 0 0;}
    .s3 .stat_list li p{font-size: 17px; padding: 10px 0 4px;}
    .s3 .stat_list li span{font-size: 15px;}
    .s3 .slogan_list li{padding: 35% 0 0;}
    .s3 .slogan_list li .item{padding: 33% 5% 5px;}
    .s3 .slogan_list li .item:hover{padding: 23% 5% 5px;}
    .s3 .slogan_list li .item .txt{padding: 3% 0 10%;}
}
@media all and (max-width: 1024px){
    .s3 .slogan_list li .item{}
    .s3 .slogan_list li .item .num{font-size: 16px;}
    .s3 .slogan_list li .item .txt{font-size: 20px;}
}
@media all and (max-width: 960px){
    .s3 .slogan_list li{padding: 38% 0 0;}
    .s3 .slogan_list li .item .num{font-size: 15px;}
    .s3 .slogan_list li .item .txt{font-size: 18px; padding: 3% 0 5%;}
}
@media all and (max-width: 860px){
    .s3 .stat_list li img{width: 54px;}
    .s3 .stat_list li strong{font-size: 26px; padding: 8px 0 0;}
    .s3 .stat_list li em{font-size: 13px;}
    .s3 .stat_list li p{font-size: 16px; padding: 8px 0 2px;}
    .s3 .stat_list li span{font-size: 14px;}
}
@media all and (max-width: 768px){
    .s3 .inner{margin-top: 40px !important;}
    .s3 .slogan_list li .item:hover{padding: 17% 5% 5px;}
    .s3 .slogan_list li .item .num{font-size: 13px;}
    .s3 .slogan_list li .item .txt{font-size: 16px;}
    .s3 .slogan_list li .item .sub{font-size: 13px;}
    .s3 .stat_list{padding: 8% 0 8%;}
}
@media all and (max-width: 640px){
    .s3 .stat_list{padding: 7% 0 8%;}
    .s3 .stat_list li img{width: 34px;}
    .s3 .stat_list li strong{font-size: 20px; padding: 6px 0 0;}
    .s3 .stat_list li em{font-size: 11px; margin: -2px 0 0 2px;}
    .s3 .stat_list li p{font-size: 14px; padding: 8px 0 2px;}
    .s3 .stat_list li span{font-size: 12px;}

    .s3 .slogan_list{display: block; width: 90%; margin: 0 auto;}
    .s3 .slogan_list li{width: 100%; margin: 0 auto 10px; padding: 0; height: 86px;}
    .s3 .slogan_list li:last-child{margin-bottom: 0;}
    .s3 .slogan_list li .item,
    .s3 .slogan_list li .item:hover{padding: 17px 10px 0;}
    .s3 .slogan_list li .item:hover .sub{display: none;}
    .s3 .slogan_list li .item .num{font-size: 12px; line-height: 100%; padding: 0 0 5px;}
    .s3 .slogan_list li .item .txt{padding: 0; font-size: 14px; font-weight: 400;}

}
@media all and (max-width: 568px){
    .s3 .stat_list li strong{font-size: 15px;}
    .s3 .stat_list li em{margin: -2px 0 0 1px;}
    .s3 .stat_list li p{font-size: 12px; word-spacing: -1px;}
}
@media all and (max-width: 430px){
    .s3 .sec_tit .lc{display: block;}
    .s3 .stat_list li span{display: none;}
    .s3 .stat_list li p{font-weight: 300; padding: 0 0 2px;}
}
@media all and (max-width: 370px){
    .s3 .stat_list{display: flex; justify-content: center; flex-wrap: wrap;}
    .s3 .stat_list li{display: block; width: 33.333%;}
    .s3 .stat_list li:nth-child(n+4){margin-top: 10px;}
    .s3 .stat_list li img{width: 34px;}
    .s3 .stat_list li strong{font-size: 14px;}
    .s3 .stat_list li em{font-size: 10px;}
    .s3 .stat_list li p{font-size: 12px; padding: 0 0 2px;}
}

/* s4 */
.s4{background: url("/assets/site/img/main/bg_sec4.jpg") no-repeat; background-size: cover;}
.s4 .link_box{position: relative; margin: 3.69% 0 0;}
/*.s4 .link_box .lb_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.s4 .link_box .lb_bg li{display: none; position: absolute; width: 100%; height: 100%; overflow: hidden;}
.s4 .link_box .lb_bg li.on{display: block;}
.s4 .link_box .lb_bg li img{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.s4 .link_box .lb_bg li img.on{display: block;}*/

.s4 .lb_list{position: relative; z-index: 1; display: flex; justify-content: space-between; text-align: center; color: #fff; /*background: url("/assets/site/img/main/bg_dc.jpg") center; background-size: cover;*/}

.s4 .lb_list:after,
.s4 .lb_list:before{content: ""; position: absolute; z-index: -1; top: 0; left: 0; display: block; width: 100%; height: 100%; background-position: center; background-size: cover; transition: 0.5s ease-out;}
/* after는 dc용,  before는 cc용 배경 transition 효과 사용 위해 분리 */
.s4 .lb_list:after{background-image: url("/assets/site/img/main/bg_dc.jpg");}
.s4 .lb_list:before{background-image: url("/assets/site/img/main/bg_cc.jpg");}
/*.s4 .lb_list.dc{background-image: url("/assets/site/img/main/bg_dc.jpg");}*/
/*.s4 .lb_list.cc{background-image: url("/assets/site/img/main/bg_cc.jpg");}*/
.s4 .lb_list.dc:after{visibility: visible; opacity: 1;}
.s4 .lb_list.dc:before{visibility: hidden; opacity: 0;}
.s4 .lb_list.cc:after{visibility: hidden; opacity: 0;}
.s4 .lb_list.cc:before{visibility: visible; opacity: 1;}


.s4 .lb_list > li{position: relative; overflow: hidden; box-sizing: border-box; width: 50%; height: 410px;}
.s4 .lb_list > li:not(:first-child){border-left: 1px solid rgba(255,255,255,0.4);}
.s4 .lb_list > li .con{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; box-sizing: border-box; padding: 184px 5% 0;}
.s4 .lb_list > li .con:hover{padding: 0% 5% 0; display: flex; flex-direction: column; justify-content: center; transition: all 0.25s;}
.s4 .lb_list > li .con.on{opacity: 1;}
.s4 .lb_list > li .con .title{font-size: 36px; font-weight: 700;}
.s4 .lb_list > li .con .exp{visibility: hidden; opacity: 0; transform: translateY(30px);}
.s4 .lb_list > li .con:hover .exp,
.s4 .lb_list > li .con:focus .exp{visibility: visible; opacity: 1; transform: translateY(0); transition: all 0.35s;}
.s4 .lb_list > li .con .exp .des{box-sizing: border-box; padding: 18px 0 25px; color: rgba(255,255,255,0.85);}
.s4 .lb_list > li .con .exp .view{position: relative; display: inline-block; vertical-align: middle; margin: 0 0 0 0; width: 50px; height: 50px; border-radius: 50%; font-size: 0; background-color: #ffd900;}
.s4 .lb_list > li .con .exp .view:before{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 23px; height: 11px; background: url("/assets/site/img/main/arrow2.png") no-repeat center;}
.s4 .lb_list > li .con:hover .exp .view:before,
.s4 .lb_list > li .con:focus .exp .view:before{animation: arrow_move 0.4s ease-out; animation-delay: 0.2s;}

.s4 .lb_btn_wrap{/*margin: 55px 0 0;*/ margin: 3.476% 0 0;}
.s4 .lb_btn_wrap .lb_btn_list{/*display: flex;*/ /*display: none;*/ position: relative; width: 0; height: 0; overflow: hidden; opacity: 0; pointer-events: none; text-align: center; transition: opacity 0.5s;}
.s4 .lb_btn_wrap .lb_btn_list.show{/*display: block;*/ width: auto; height: auto; opacity: 1; pointer-events: auto;}
.s4 .lb_btn_wrap .lb_btn_list li{display: inline-block; margin: 0 8px;}
.s4 .lb_btn_wrap .lb_btn_list li:first-child{/*margin-left: 0;*/}
.s4 .lb_btn_wrap .lb_btn_list li:last-child{/*margin-right: 0;*/}
.s4 .lb_btn_wrap .lb_btn_list li a{position: relative; display: inline-block; width: 100px; line-height: 210%; box-sizing: border-box; padding: 0 0 4px; font-size: 18px; font-weight: 800; color: #888; text-align: center;}
.s4 .lb_btn_wrap .lb_btn_list li a:hover,
.s4 .lb_btn_wrap .lb_btn_list li a:focus{color: #0092c3;}
.s4 .lb_btn_wrap .lb_btn_list li a:before{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #ddd;}
.s4 .lb_btn_wrap .lb_btn_list li a:hover:before,
.s4 .lb_btn_wrap .lb_btn_list li a:focus:before{background-color: #0092c3;}
@media all and (max-width: 1440px){
    .s4 .link_box{position: relative;}
    .s4 .link_box:before{content: ""; width: 100%; height: 100%; display: block; padding: 32% 0 0;}
    .s4 .lb_list{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    .s4 .lb_list > li{height: auto;}
    .s4 .lb_list > li .con{padding: 27% 5% 0;}
    .s4 .lb_list > li .con .exp .des{}
    .s4 .lb_list > li .con .exp .des br{display: none;}
}
@media all and (max-width: 1320px){
    .s4 .lb_btn_wrap .lb_btn_list li a{width: 86px; font-size: 17px;}
}
@media all and (max-width: 1200px){
    .s4 .lb_list > li .con .title{font-size: 30px;}
    .s4 .lb_list > li .con .exp .des{font-size: 14px; padding: 1% 0 3%;}

    .s4 .lb_btn_wrap .lb_btn_list li{margin: 0 5px;}
    .s4 .lb_btn_wrap .lb_btn_list li a{width: 80px; font-size: 16px;}
}
@media all and (max-width: 1024px){
    .s4 .lb_list > li .con .exp .view{width: 40px; height: 40px;}
    .s4 .lb_list > li .con .exp .view:before{background-size: contain; width: 19px; height: 7px;}
    .s4 .lb_btn_wrap .lb_btn_list li{margin: 0 5px;}
    .s4 .lb_btn_wrap .lb_btn_list li a{width: 73px; font-size: 15px; font-weight: 700;}
}
@media all and (max-width: 960px){
    .s4 .link_box:before{display: none;}
    .s4 .lb_list{background: none !important;}
    .s4 .lb_list:before,
    .s4 .lb_list:after{display: none;}
    .s4 .lb_list{position: static; top: auto; left: auto; display: block !important;}
    .s4 .lb_list > li{width: 100%;}
    .s4 .lb_list > li:not(:first-child){margin-top: 3%; border: none;}
    .s4 .lb_list > li:nth-child(1){background: url("/assets/site/img/main/bg_dc.jpg") no-repeat center; background-size: cover;}
    .s4 .lb_list > li:nth-child(2){background: url("/assets/site/img/main/bg_cc.jpg") no-repeat center; background-size: cover;}
    .s4 .lb_list > li:before{content: ""; display: block; padding: 34% 0 0;}
    .s4 .lb_list > li .con{padding: 14% 5% 0;}
    .s4 .lb_list > li .con .exp .des{font-size: 14px; padding: 1% 0 3%;}
    .s4 .lb_btn_wrap{display: none;}
}
@media all and (max-width: 768px){
    .s4 .lb_list > li .con{opacity: 1;}
    .s4 .lb_list > li .con .title{font-size: 22px;}
    .s4 .lb_list > li .con .exp .des{font-size: 13px; padding: 1% 0 2%;}
}
@media all and (max-width: 640px){
    .s4 .link_box{margin: 8% 0 0;}
    .s4 .lb_list > li:before{padding: 45% 0 0;}
    .s4 .lb_list > li .con{padding: 18% 5% 0}
    .s4 .lb_list > li .con .title{font-size: 20px;}
    .s4 .lb_list > li .con .exp .des{font-size: 12px;}
}
@media all and (max-width: 568px){
    .s4 .lb_list > li .con{padding: 15% 5% 0;}
    .s4 .lb_list > li .con:hover{padding: 15% 5% 0; display: block; transform: none;}
    .s4 .lb_list > li .con .title{font-size: 18px;}
    .s4 .lb_list > li .con .exp{height: auto; visibility: visible; opacity: 1; margin: 5% 0 0; transform: none;}
    .s4 .lb_list > li .con:hover .exp,
    .s4 .lb_list > li .con:focus .exp{transform: none;}
    .s4 .lb_list > li .con .exp .des{display: none;}
    .s4 .lb_list > li .con .exp .view{width: 26px; height: 26px;}
    .s4 .lb_list > li .con .exp .view:before{background-image: url(/assets/site/img/main/arrow.png); width: 14px; height: 7px;}
}
@media all and (max-width: 480px){
    .s4 .lb_list > li .con{padding: 12% 5% 0;}
    .s4 .lb_list > li .con:hover{padding: 9% 5% 0;}
}


/* .s5 */
.s5{}
.s5 .sec_tit{padding: 0 150px 0 0;}
/* 테이블 게시판 */
/*
.s5 .main_bd{margin-top: 58px;}
.s5 .main_bd .bd_list{table-layout: fixed; width: 100%; border-top: 1px solid #444;}
.s5 .main_bd .bd_list tbody{}
.s5 .main_bd .bd_list tbody tr{border-bottom: 1px solid #ddd;}
.s5 .main_bd .bd_list tbody tr:hover{background-color: #fbfaf8;}
.s5 .main_bd .bd_list tbody tr td{padding: 14px 5px; vertical-align: middle; text-align: center;}
.s5 .main_bd .bd_list tbody tr td:last-child{padding-left: 0; padding-right: 72px;}
.s5 .main_bd .bd_list tbody tr td.date{font-size: 18px; font-weight: 700; color: #888;}
.s5 .main_bd .bd_list tbody tr td.con{text-align: left;}
.s5 .main_bd .bd_list tbody tr td.con .tit{box-sizing: border-box; padding: 0 0 19px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 22px; font-weight: 700; color: #0092c3;}
.s5 .main_bd .bd_list tbody tr td.con .des{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 26px; height: 52px; font-size: 16px; font-weight: 400; color: #222;}
.s5 .main_bd .bd_list tbody tr td .tnail{position: relative; width: 242px; height: 142px; overflow: hidden; box-sizing: border-box; border: 1px solid #ddd; background: url("/assets/site/img/main/bg_thumbnail.jpg") no-repeat center; background-size: cover;}
.s5 .main_bd .bd_list tbody tr td .tnail img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
*/

/* ul li 게시판 */
.s5 .main_bd{margin-top: 4%;}
.s5 .main_bd .bd_list{border-top: 1px solid #444;}
.s5 .main_bd .bd_list > li{border-bottom: 1px solid #ddd;}
.s5 .main_bd .bd_list > li a{display: block; height: 170px; box-sizing: border-box; /*padding: 14px 72px 14px 63px;*/ padding: 14px 4.9% 14px 4.3%;}
.s5 .main_bd .bd_list > li a:hover,
.s5 .main_bd .bd_list > li a:focus{background-color: #fbfaf8;}
.s5 .main_bd .bd_list > li a:after{content: ""; display: block; clear: both;}
.s5 .main_bd .bd_list > li a .con{}
.s5 .main_bd .bd_list > li a .con:after{content: ""; display: block; clear: both;}
.s5 .main_bd .bd_list > li a .con > div{float: left;}
.s5 .main_bd .bd_list > li a .con .date{width: 12%; /*width: 181px;*/ box-sizing: border-box; padding: 56px 0 0; font-size: 18px; font-weight: 700; color: #888;}
.s5 .main_bd .bd_list > li a .con .txt{width: calc(88% - 242px); box-sizing: border-box; padding: 18px 10px 0 0;}
.s5 .main_bd .bd_list > li a .con .txt .tit{box-sizing: border-box; padding: 0 0 19px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 22px; font-weight: 700; color: #333;}
.s5 .main_bd .bd_list > li a:hover .con .txt .tit,
.s5 .main_bd .bd_list > li a:focus .con .txt .tit{color: #0092c3;}
.s5 .main_bd .bd_list > li a .con .txt .des{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 26px; height: 52px; font-size: 16px; font-weight: 400; color: #222;}
.s5 .main_bd .bd_list > li a .con .tnail{position: relative; width: 242px; height: 142px; /*padding: 58.677% 0 0;*/ overflow: hidden; box-sizing: border-box; border: 1px solid #ddd; background: #f3f3f3 url("/assets/site/img/main/bg_thumbnail.jpg") no-repeat center; background-size: contain;}
.s5 .main_bd .bd_list > li a .con .tnail img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
@media all and (max-width: 1560px){
    .s5 .main_bd .bd_list > li a{padding: 14px 2.5%;}
}
@media all and (max-width: 1440px){
    .s5 .main_bd .bd_list > li a{height: auto;}
    .s5 .main_bd .bd_list > li a .con{}
    .s5 .main_bd .bd_list > li a .con .date{font-size: 16px; width: 12%; padding: 4.2% 0 0;}
    .s5 .main_bd .bd_list > li a .con .txt{width: 70%; padding: 0.8% 10px 0 0;}
    .s5 .main_bd .bd_list > li a .con .txt .tit{font-size: 20px; padding: 0 0 1%;}
    .s5 .main_bd .bd_list > li a .con .tnail{width: 18%; height: auto;}
    .s5 .main_bd .bd_list > li a .con .tnail:before{content: ""; display: block; width: 100%; padding: 58.677% 0 0;}
}
@media all and (max-width: 1200px){
    .s5 .main_bd .bd_list > li a .con .date{font-size: 15px;}
    .s5 .main_bd .bd_list > li a .con .txt .tit{font-size: 18px;}
    .s5 .main_bd .bd_list > li a .con .txt .des{font-size: 15px; line-height: 22px; height: 44px;}
}
@media all and (max-width: 1024px){
    .s5 .main_bd .bd_list > li a .con .date{font-size: 14px;}
}
@media all and (max-width: 960px){
    .s5 .main_bd .bd_list > li a .con{position: relative; box-sizing: border-box; padding: 0 180px 0 0;}
    .s5 .main_bd .bd_list > li a .con .date{width: 100%; padding: 0 0 3.5%;}
    .s5 .main_bd .bd_list > li a .con .txt{width: 100%; padding: 0;}
    .s5 .main_bd .bd_list > li a .con .tnail{position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 170px;}
}
@media all and (max-width: 768px){

}
@media all and (max-width: 640px){
    .s5 .main_bd .bd_list > li a{padding: 14px 12px;}
    .s5 .main_bd .bd_list > li a .con{padding: 0 150px 0 0;}
    .s5 .main_bd .bd_list > li a .con .date{}
    .s5 .main_bd .bd_list > li a .con .txt .tit{font-size: 16px;}
    .s5 .main_bd .bd_list > li a .con .txt .des{font-size: 14px; line-height: 19px; height: 38px;}
    .s5 .main_bd .bd_list > li a .con .tnail{width: 140px;}
}
@media all and (max-width: 568px){
    .s5 .sec_tit{padding: 0 95px 0 0;}

    .s5 .main_bd .bd_list > li a{/*padding: 10px 12px;*/}
    .s5 .main_bd .bd_list > li a .con{padding: 0 120px 0 0;}
    .s5 .main_bd .bd_list > li a .con .date{font-size: 12px; line-height: 100%;}
    .s5 .main_bd .bd_list > li a .con .txt .tit{font-size: 15px;}
    .s5 .main_bd .bd_list > li a .con .txt .des{font-size: 13px; line-height: 16px; height: 32px;}
    .s5 .main_bd .bd_list > li a .con .tnail{width: 110px;}
}
@media all and (max-width: 430px){
    .s5 .main_bd{margin-top: 8%;}
    .s5 .main_bd .bd_list > li a .con{padding: 0 90px 0 0;}
    .s5 .main_bd .bd_list > li a .con .tnail{width: 80px;}
    .s5 .main_bd .bd_list > li a .con .tnail:before{padding: 90% 0 0;}
}
@media all and (max-width: 425px){

}
@media all and (max-width: 370px){

}

/* s6 */
.s6{}
.s6 .bottom_link{box-sizing: border-box; padding: 31px 0 29px; background-color: #f0f0f0;}
.s6 .bottom_link .inner_s{max-width: 1400px; margin: 0 auto;}
.s6 .bottom_link .bl_list{}
.s6 .bottom_link .bl_list:after{content: ""; display: block; clear: both;}
.s6 .bottom_link .bl_list li{float: left; width: 25%; box-sizing: border-box; border-left: 1px solid #d4d4d4; padding: 3px 35px 9px 33px;}
.s6 .bottom_link .bl_list li:last-child{border-right: 1px solid #d4d4d4;}
.s6 .bottom_link .bl_list li a{display: block;}
.s6 .bottom_link .bl_list li .tit{position: relative; box-sizing: border-box; padding: 0 20px 10px 0; font-size: 19px; font-weight: 700; color: #111;}
.s6 .bottom_link .bl_list li .tit:before{content: ""; position: absolute; top: 10px; right: 0; display: block; width: 20px; height: 10px; background: url("/assets/site/img/main/arrow.png") no-repeat;}
.s6 .bottom_link .bl_list li a:hover .tit:before,
.s6 .bottom_link .bl_list li a:focus .tit:before{animation: arrow_move2 0.4s ease-out;}
.s6 .bottom_link .bl_list li .des{line-height: 130%; font-size: 15px; font-weight: 300; color: #444;}
@media all and (max-width: 1400px){
    .s6 .bottom_link .bl_list li{padding: 2px 2%;}
}
@media all and (max-width: 768px){
    .s6 .bottom_link{padding: 3% 0;}
    .s6 .bottom_link .wrap{margin: 0;}

    .s6 .bottom_link .bl_list li{width: 25%; padding: 4px 2%;}
    .s6 .bottom_link .bl_list li:not(:first-child){margin: 0;}
    .s6 .bottom_link .bl_list li .tit{display: block; text-align: center; padding: 0; font-size: 15px;}
    .s6 .bottom_link .bl_list li .tit:before{display: none;}
    .s6 .bottom_link .bl_list li .des{display: none;}
    .s6 .bottom_link .bl_list li a:hover .tit:before,
    .s6 .bottom_link .bl_list li a:focus .tit:before{animation: none;}
}
@media all and (max-width: 430px){
    .s6 .bottom_link .bl_list li .tit{font-size: 14px;}
}

/* 현재 보이는 섹션 애니메이션 */
.ani_y,
.ani_l,
.ani_r{opacity: 0;}
.fp-section.active .ani_y{animation: fade_y 1s ease forwards;}
.fp-section.active .ani_l{animation: fade_l 1s ease forwards;}
.fp-section.active .ani_r{animation: fade_r 1s ease forwards;}


.fp-section.active .ani_step1{animation-delay: 0.4s;}
.fp-section.active .ani_step2{animation-delay: 0.8s;}
.fp-section.active .ani_step3{animation-delay: 1.2s;}
.fp-section.active .ani_step4{animation-delay: 1.4s;}
.fp-section.active .ani_step5{animation-delay: 1.6s;}

/* css animation */
@keyframes scroll_down{
    0%    {transform-origin: 0% 0%; transform: scale(0, 1); -webkit-transform-origin: 0% 0%; -webkit-transform: scale(0, 1);}
    50%   {transform-origin: 0% 0%; transform: scale(1, 1); -webkit-transform-origin: 0% 0%; -webkit-transform: scale(1, 1);}
    50.1% {transform-origin: 100% 0% ; transform: scale(1, 1); -webkit-transform-origin: 100% 0% ; -webkit-transform: scale(1, 1);}
    100%  {transform-origin: 100% 0% ; transform: scale(0, 1); -webkit-transform-origin: 100% 0% ; -webkit-transform: scale(0, 1);}
}
@keyframes arrow_move{
    0%  {transform: translate(-50%, -50%);}
    50% {transform: translate(-40%, -50%);}
    100%{transform: translate(-50%, -50%);}
}
@keyframes arrow_move2{
    0%  {transform: translateX(0);}
    50% {transform: translateX(2px);}
    100%{transform: translateX(0);}
}
@keyframes fade_y{
    0%  {transform: translateY(30px); opacity: 0;}
    100%{transform: translateY(0); opacity: 1;}
}
@keyframes fade_l{
    0%  {transform: translateX(100px); opacity: 0;}
    100%{transform: translateX(0); opacity: 1;}
}
@keyframes fade_r{
    0%  {transform: translateX(-100px); opacity: 0;}
    100%{transform: translateX(0); opacity: 1;}
}


/* 영문 페이지 단독 적용 */
.en .s2 .slide_list .item .txt .eng{display: none;}
.en .s2 .slide_list .item .txt .tit{line-height: 120%; margin: 0 0 7%; /*height: 72px;*/}
.en .s2 .slide_list .slick-dots li button{font-size: 11px;}

.en .s3 .slogan_list li .item .txt{line-height: 130%;}

.en .s4 .lb_btn_wrap .lb_btn_list li a{width: auto; font-size: 16px;}

.en footer .bottom_area address .tit{width: 110px;}

@media screen and (max-width: 1560px){
    .en .s2 .slide_list .item .txt .tit{/*height: 64px;*/}
}
@media screen and (max-width: 1400px){
    .en .s6 .bottom_link .bl_list li{height: 150px;}
}
@media screen and (max-width: 1236px){
    .en .s6 .bottom_link .bl_list li .tit{line-height: 120%; height: 54px;}
    .en .s6 .bottom_link .bl_list li .tit:before{top: 8px;}
}
@media screen and (max-width: 1024px){
    .en .s4 .lb_btn_wrap .lb_btn_list li a{font-size: 14px;}

    .en .s6 .bottom_link .bl_list li{height: 180px;}
}
@media screen and (max-width: 960px){
    .en .s5 .sec_tit .lc{display: block;}
}
@media screen and (max-width: 900px){
    .en .s4 .sec_tit .lc{display: block;}
}
@media screen and (max-width: 840px){
    .en .s3 .slogan_list li .item:hover{padding: 14% 5% 5px;}
    .en .s3 .slogan_list li .item .sub{font-size: 13px;}
}
@media screen and (max-width: 768px){
    .en .s6 .bottom_link .bl_list li{height: auto;}
    .en .s6 .bottom_link .bl_list li .tit{height: 36px; display: flex; justify-content: center; align-items: center;}
}
@media screen and (max-width: 730px){
    .en .s3 .slogan_list li .item:hover{padding: 33% 5% 5px;}
    .en .s3 .slogan_list li .item .sub{display: none;}
}
@media screen and (max-width: 640px){
    .s3 .slogan_list li .item,
    .en .s3 .slogan_list li .item:hover{padding: 22px 10px 0;}
}
@media screen and (max-width: 400px){
    .en .s5 .sec_tit .lc{display: none;}
}