@charset "UTF-8";
/*-------------------------------------------------
title       : 공통
Author      : ㅈㅁㅈ
Create date : 2019-04-05
-------------------------------------------------*/
/*-------------------------------------------------
title       : 레이아웃 정의
Author      : ㅈㅁㅈ
Create date : 2019-04-01
-------------------------------------------------*/
#wrap { overflow: hidden; }

.container { width: 72rem; max-width: 100%; margin: 0 auto; text-align: left; }

.go-top { position: absolute; left: 50%; top: auto; z-index: 1; width: 5rem; height: 3.5rem; margin-left: 28.375rem; padding-right: 0.5rem; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; font-size: 0.75rem; font-weight: 600; color: #fff; text-align: center; line-height: 3.5rem; }

.go-top::before { position: absolute; right: 1rem; bottom: 50%; font-family: "xeicon"; font-size: 0.65rem; content: ''; line-height: 0.4; }

.go-top::after { position: absolute; right: 1rem; top: 50%; font-family: "xeicon"; font-size: 0.65rem; content: ''; line-height: 0.4; }

.main { overflow: hidden; }
.main body { overflow: hidden; }

/*-------------------------------------------------
title       : 메인 정의
Author      : ㅈㅁㅈ
Create date : 2019-04-01
-------------------------------------------------*/


#fp-nav { position: fixed; right: 4rem; top: 50%; z-index: 1; font-size: 0.65rem; }
#fp-nav li { position: relative; text-align: right; line-height: 1.5rem;margin-top:.95rem; }
#fp-nav li:first-of-type { margin-top:0; }
#fp-nav li:last-child { display: none; }
#fp-nav a { display: block; position: relative; width: 4.2rem; height: .95rem;z-index: 2; letter-spacing: 1.6px;  font-weight: 400; }
#fp-nav li a:before { width:1rem;height: .1rem;background: #ffa800; position: absolute; top:50%; left:-1.6rem;content:""; opacity: 0;}
#fp-nav li a.active:before { opacity: 1; }
#fp-nav li a.active+.fp-tooltip { color:#ffa800;font-weight: 500; opacity: 1;}

#fp-nav .fp-tooltip { position: absolute;left:0;top:50%;font-size:.8rem;color:#000;  transform: translateY(-50%); line-height: 100%; opacity: .3;}

.fp-viewing-0 #fp-nav .fp-tooltip { color:#fff;opacity: 1; }
.fp-viewing--1 #fp-nav .fp-tooltip { color:#fff;opacity: 1; }

.section { display: table;table-layout: fixed;width: 100%;position: relative; }
.section .fp-tableCell { display: table-cell; padding: 6.5rem 0 0 0; text-align: center; vertical-align: middle; overflow: hidden;}

#section0 .desc + ul, #section0 .slick-slider { overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
#section0 .desc + ul .slick-arrow, #section0 .slick-slider .slick-arrow { overflow: hidden; position: absolute; left: 2.5rem; top: calc(50% + 6.5rem); z-index: 1; width: 1.8rem; height: 1.8rem; border-radius: 100%; border: 1px solid #fff; cursor: pointer; }
#section0 .desc + ul .slick-arrow::before, #section0 .slick-slider .slick-arrow::before { display: block; position: relative; left: -1px; width: 100%; height: 100%; font-family: "xeicon"; font-size: 0.9rem; color: #fff; content: ''; line-height: 1.7rem; }
#section0 .desc + ul .slick-arrow.slick-next, #section0 .slick-slider .slick-arrow.slick-next { margin-top: 2.25rem; }
#section0 .desc + ul .slick-arrow.slick-next::before, #section0 .slick-slider .slick-arrow.slick-next::before { left: 1px; content: ''; }
#section0 .desc + ul .slick-list, #section0 .slick-slider .slick-list { z-index: -1; height: 100%; }
#section0 .desc + ul .slick-list *, #section0 .slick-slider .slick-list * { height: 100%; }
#section0 .desc + ul .slick-slide img, #section0 .slick-slider .slick-slide img { max-width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 15s; transition: all 15s; }

#section0 .desc + ul .slick-slide li {background: url("/images/visual1.jpg") no-repeat center center/cover;-webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 15s; transition: all 15s; }
#section0 .desc + ul .slick-slide:nth-of-type(2) li {background: url("/images/visual2.jpg") no-repeat center center/cover; }
#section0 .desc + ul .slick-slide:nth-of-type(3) li {background: url("/images/visual3.jpg") no-repeat center center/cover; }

#section0.active .slick-slider .slick-active li { -webkit-transform: scale(1.1); transform: scale(1.1); }


#section0 .desc { color: #fff; text-align: left;margin-top:-5rem; }
#section0 .desc>span:first-child { display: block; font-size: 1rem; font-weight: 700; font-size:2.25rem;line-height: 2.8rem;font-weight: 400; margin-bottom:1rem;  letter-spacing: -1.25px;}

#section0 .desc h2 { max-width: 100%;font-size: 4rem; font-weight: 900; text-align: justify; letter-spacing: -5px; white-space: nowrap; line-height: 1.125;margin-bottom:1rem; letter-spacing: -2px; }
#section0 .desc h2 strong { font-weight: 900; color:#ffa800; }
#section0 .desc h2 strong:last-child::after { display: inline-block; position: relative; top: -10px; width: 0; height: 2px; margin-left: 0.5rem; background-color: #fff; content: ''; vertical-align: bottom; }
#section0 .desc h2 span { font-weight: 900;color:#ffa800; }
#section0 .desc .btn { display: inline-block; overflow: hidden; position: relative; top: 1rem; width: 10.35rem; height: 3.3rem; opacity: 0; z-index: 10; }
#section0 .desc .btn::before { display: block; width: 100%; height: 100%; background: url("/images/common/main/visual_btn.png") no-repeat; background-size: 100% 100%; content: ''; }
#section0 .desc .scroll { position: absolute; left: 50%; bottom: 0; font-size: 0.6rem;text-align: center;  font-weight: 400;height: 4.3rem; transform: translateX(-50%);}
#section0 .desc .scroll:before { width:1px;height: 3rem;background: #fff;opacity: .45;position: absolute;left:50%;bottom:0;content:""; }

#section0.active .slick-slider .slick-active img { -webkit-transform: scale(1.1); transform: scale(1.1); }
#section0 .desc p { display: block; font-size: 1rem;   }
#section0 .desc p span { color:#000; font-size:1rem;font-weight: 400;letter-spacing: -.5px; }

#section0 .desc p.ov span{ color:#fff;transition: none; }

.control_wrap { position: absolute;bottom:7rem;left:50%; transform: translateX(-50%); }
.control_wrap .slick-dots { overflow: hidden;float: left; }
.control_wrap .slick-dots li { float: left; }
.control_wrap .play_wrap { float: right; }
.control_wrap .play_wrap { width:.7rem;height: .7rem;position: relative; }
.control_wrap .play_wrap button { position: absolute;top:50%;left:50%;transform: translate(-50%, -50%); }
.control_wrap .play_wrap button i { color:#fff; }
.control_wrap .play_wrap button.stop { display: none; }
.control_wrap .play_wrap button.play { display: none; }
.control_wrap .play_wrap button.stop.on { display: block; }
.control_wrap .play_wrap button.play.on { display: block; }

.control_wrap .slick-dots li button { width:.7rem;height:.7rem;display: block;font-size: 0;border-radius: 50%; border:1px solid #fff; }
.control_wrap .slick-dots li { margin-right:1.45rem; }
.control_wrap .slick-dots li.slick-active button { background: #fff; transition: all .5s; }

.ts_inner { margin-top:.5rem; }
.ts_inner .chks {display:inline-block;position:relative; font-weight:normal; margin-right:1rem;}
.ts_inner .chks:last-of-type { margin-right:0; }
.ts_inner .chks label { font-size:.7rem;color:#555; }

.ts_inner .chks input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.ts_inner .chks input[type="checkbox"] + label {display:inline-block;vertical-align:middle;position:relative;padding-left:1.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.ts_inner .chks input[type="checkbox"] + label:before {content:'';position:absolute;left:0;top:0;margin:0;width:1.05rem;height:1.05rem;text-align:center;background:#fff;border:1px solid #DFDFDF;box-sizing:border-box;}
.ts_inner .chks input[type="checkbox"] + label:after { content: "";display: block;position: absolute;width: .5rem;height: 0.3rem;left: .25rem;top: .3rem;border-width: 0 0 .1rem .1rem;border-style: solid;transform: rotate(-45deg); border-color: #ddd; }
.ts_inner .chks input[type="checkbox"]:checked + label:before {background:#ffa800;border:1px solid #ffa800}
.ts_inner .chks input[type="checkbox"]:checked + label:after {border-color:transparent transparent #fff #fff;}

#section1 { background: #fff; }
#section1 .future_box .future_top { padding:5rem;background: url(/images/future_top_img01.png) no-repeat center center/cover;position: relative; min-height: 21rem; padding-left:29rem; }
#section1 .future_box .future_top .top_tit { position: absolute;left:5rem;top:5rem; }
#section1 .future_box .future_top .top_tit strong { display: block;font-size:2.3rem;line-height: 2.8rem;color:#fff;font-weight: 700;margin-bottom:.75rem; letter-spacing: -1.15px; }
#section1 .future_box .future_top .top_tit p { font-size:1rem;color:#fff; font-weight: 400; letter-spacing: -.5px;}
#section1 .future_box .future_top .future_couter { display: table;width:100%; margin-top:1.5rem; table-layout: fixed;}
#section1 .future_box .future_top .future_couter .ct_box { display: table-cell;vertical-align: bottom; position: relative; }
#section1 .future_box .future_top .future_couter .ct_box:before { position: absolute;left:0;bottom:.5rem;content:"";height: 7.2rem;width:1px;background: #707070; }
#section1 .future_box .future_top .future_couter .ct_box:first-of-type:before { display: none; }

#section1 .future_box .future_top .future_couter .ct_box span { display: block; text-align: center;color:#fff; }
#section1 .future_box .future_top .future_couter .ct_box .tit { font-size: 1.1rem;font-weight: 700;margin-bottom:.5rem;height:3.4rem; letter-spacing: -.55px; }

#section1 .future_box .future_top .future_couter .ct_box:first-of-type+div .tit br:first-of-type { display: none; }

#section1 .future_box .future_top .future_couter .ct_box:first-of-type .tit { padding-top:.5rem; }
#section1 .future_box .future_top .future_couter .ct_box:first-of-type+div+div .tit { padding-top:.5rem; }

#section1 .future_box .future_top .future_couter .ct_box .count_tit { font-size: 1rem;font-weight: 400; }
#section1 .future_box .future_top .future_couter .ct_box .count_tit .count { font-size: 3rem;  font-weight: 400;margin-right:.1rem;text-shadow: .5rem .5rem .5rem #000;line-height: 3.2rem; letter-spacing: -3px;}

#section1 .future_box .future_top .future_couter .ct_box .icon { display: block;margin:0 auto .75rem; }
#section1 .future_box .future_top .future_couter .ct_box .icon img { max-width:100%; }

#section1 .future_box .future_top .future_couter .ct_box .icon.icon01 { width:2.1rem;height: 2.1rem; }
#section1 .future_box .future_top .future_couter .ct_box .icon.icon02 { width:2.05rem;height: 2.3rem; }
#section1 .future_box .future_top .future_couter .ct_box .icon.icon03 { width:2.3rem;height: 2.15rem; }

#section1 .future_box .future_bottom { overflow: hidden; }
#section1 .future_box .future_bottom .future_video { height: 21.2rem;width:50%;float: left;}
#section1 .future_box .future_bottom .board { float: right;width:50%;background: #F5F5F5; }
#section1 .future_box .future_bottom .board .board_top { padding:2.5rem;position: relative; }
#section1 .future_box .future_bottom .board .board_top .more { position: absolute;top:2.5rem;right:2.5rem; display: block; }
#section1 .future_box .future_bottom .board .board_top .more i { font-size:1.2rem;color:#333; }
 
#section1 .future_box .future_bottom .board .board_top strong { font-size:1.1rem;font-weight: 700;color:#000; margin-bottom:1rem;display: block;letter-spacing: 2.2px; } 
#section1 .future_box .future_bottom .board .board_top .board_list a { display: block;margin-top:1.1rem;position: relative;padding-right:5rem; }
#section1 .future_box .future_bottom .board .board_top .board_list a:first-of-type { margin-top:0; }
#section1 .future_box .future_bottom .board .board_top .board_list a .txt { display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size:.95rem; color:#333; font-weight: 700;opacity: .8;letter-spacing: -.47px; }
#section1 .future_box .future_bottom .board .board_top .board_list a:hover .txt { text-decoration: underline; }
#section1 .future_box .future_bottom .board .board_top .board_list a .date { position: absolute;top:50%;right:0;font-size:.8rem;color:#555;transform: translateY(-50%); font-weight: 300;}
#section1 .future_box .future_bottom .board .board_bottom { overflow: hidden;border-top:1px solid #CDCDCD; }
#section1 .future_box .future_bottom .board .board_bottom a { float: left;height: 6.95rem;display: block;width:50%;line-height: 6.95rem; text-align: center;border-left:1px solid #CDCDCD;position: relative; }
#section1 .future_box .future_bottom .board .board_bottom a:after { content: "\e93e";display: inline-block;margin-left:.5rem;font-family: "xeicon";line-height: 100%; font-size:1rem; }
#section1 .future_box .future_bottom .board .board_bottom a:first-of-type { border-left:0; }
#section1 .future_box .future_bottom .board .board_bottom a span { font-size:1.1rem;font-weight: 900;color:#333333;opacity: .8; letter-spacing: -.55px; }

#section2 { background: #fff;position: relative; }
#section2 .container { position: relative; }
#section2 .container:before { width:25.8rem;height:14.7rem;content:"";display: block;position: absolute;top:2rem;right:-13rem;  }


#section2 .container>strong { display: block;font-size:2.15rem; color:#404040;font-weight: 400; line-height: 2.8rem; text-align: center;margin-bottom: .5rem; letter-spacing: -1.07px;}

#section2 .container>strong>span { font-weight: 900;color:#000;  letter-spacing: -1.25px;font-size:2.5rem; }

#section2 .container .service_more { text-align: center;margin-bottom:2.5rem; }
#section2 .container .service_more a { position: relative; padding-right:1rem; }
#section2 .container .service_more a span { font-size: .8rem; color:#000;opacity: .3; margin-right: .5rem;letter-spacing: 1.6px; }
#section2 .container .service_more a i { color:#000000;font-size: 1rem;opacity: .3; font-weight: 400; position: absolute; top:50%; right:0; transform: translateY(-50%);}

#section2 .container .service_list { position: relative; }
#section2 .container .service_list:before { width:1000%; position: absolute;top:17.3rem;left: 50%; content:""; display: block;transform: translateX(-50%); background: #F5F5F5; }


#section2 .container .service_list:after { content:"";display: block;clear: both; }
#section2 .container .service_list .slick-slide { padding:0 .55rem;width:14.65rem; }
#section2 .container .service_list .slick-track { margin: 0 -.55rem; }
#section2 .container .service_list .slick-dots { position: relative; text-align: center; }
#section2 .container .service_list .slick-dots li { display: inline-block; margin-left:1rem; }
#section2 .container .service_list .slick-dots li:first-of-type { margin-left:0; }
#section2 .container .service_list .slick-dots li button { font-size: 0;width:1rem;height: 1rem;background: #ddd;border-radius: 50%; }
#section2 .container .service_list .slick-dots li.slick-active button { background: #ffa800; }

#section2 .container .service_list a .img { display: block; height: 11.3rem;overflow: hidden; }
#section2 .container .service_list a .img img { width:100%; height: 100%; }

#section2 .container .service_list a:first-of-type { margin-left:0; }
#section2 .container .service_list a .cont { display: block;padding:1.4rem 0; position: relative; word-break: keep-all; overflow: hidden; }
#section2 .container .service_list a .cont strong { font-size:1rem;color:#000;display: block;text-align: center;margin-bottom:.85rem;line-height: 1.5rem; position: relative;  font-weight: 700; letter-spacing: -.5px;}
#section2 .container .service_list a .cont em { display: block;text-align: center;line-height: 1rem;font-size:.75rem; color:#555;position: relative;font-weight: 400; letter-spacing: -.38px; }
#section2 .container .service_list a .cont:before { width:100%;height: 100%;content:"";position: absolute;bottom:100%;left:0;background: #ffa800; }
#section2 .container .service_list a:hover .cont:before { bottom:0;transition: all .3s; }
#section2 .container .service_list a:hover .cont strong { color:#fff; transition: all .3s; }
#section2 .container .service_list a:hover .cont em { color:#fff; transition: all .3s; }
#section2 .container .service_list a:hover .img img{ transform: scale(1.1);transition: all .8s; }

#section3 { background: #fff; }

#section3 .container>strong { display: block;font-size:2.15rem; color:#404040;font-weight: 400; line-height: 2.8rem; text-align: center;margin-bottom: .5rem; }
#section3 .container>strong>span { font-weight: 900;color:#000; font-size:2.5rem; }
#section3 .container .service_more { text-align: center;margin-bottom:2.5rem; }
#section3 .container .service_more a { position: relative; padding-right:1rem; }
#section3 .container .service_more a span { font-size: .8rem;color:#000;opacity: .3; margin-right: .5rem; }
#section3 .container .service_more a i { color:#000000;font-size: 1rem;opacity: .3; font-weight: 400; position: absolute; top:50%; right:0; transform: translateY(-50%);}
#section3 .nature { position: relative; }
#section3 .nature .nature_cont .img_box { display: none;min-height: 27.45rem; position: relative; }
#section3 .nature .nature_cont .img_box .inner { position: absolute;top:50%;left:0;padding:0 7.75rem; transform: translateY(-60%); width:100%; }

#section3 .nature .nature_cont .img_box:first-of-type { display: block;background: url(/images/menu02.jpg) no-repeat center center/cover; }
#section3 .nature .nature_cont .img_box:first-of-type+div { background: url(/images/menu01.jpg) no-repeat center center/cover; }
#section3 .nature .nature_cont .img_box:first-of-type+div+div { background: url(/images/menu03.jpg) no-repeat center center/cover; }

#section3 .nature .nature_cont .img_box:first-of-type+div .img { width:5.95rem;margin-bottom: .5rem; display: block; }
#section3 .nature .nature_cont .img_box .inner strong { display: block;font-size: 3rem;font-weight: 500;color:#fff;line-height: 3.25rem; margin-bottom:.5rem; }
#section3 .nature .nature_cont .img_box .inner strong span { font-size:1.3rem;color:#fff;display: block;font-weight:700;line-height: 1.5rem; margin-top:.5rem; letter-spacing: -.65px; }
#section3 .nature .nature_cont .img_box .inner p { font-size:.8rem;color:#fff;font-weight: 400; letter-spacing: -.4px;}
#section3 .nature .nature_tab { position: absolute;bottom:0;left:0;z-index: 1;width:100%; }
#section3 .nature .nature_tab a { width:33.333%;float: left;height:4.4rem;line-height: 4.45rem; display: block; text-align: center;position: relative;border-left:1px solid #86878A; }
#section3 .nature .nature_tab a:first-of-type { border-left:0; }
#section3 .nature .nature_tab a:before { position: absolute;content:"";display: block;width:100%;height: 100%;left:0;top:0;background: #000; opacity: .6; }
#section3 .nature .nature_tab a span { color:#fff;position: relative; font-size:1rem; font-weight: 500;letter-spacing: -.5px;}
#section3 .nature .nature_tab a.on:before { background: #ffa800;opacity: 1; }

/* 애니메이션 */
.ani #section0 .desc > span:first-child { opacity: 0; }
.ani #section0.active .desc > span:first-child { opacity: 1;-webkit-transition: all 1s .2s; transition: all 1s .6s; }

.ani #section0 .desc h2 span { display: inline-block; -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); }
.ani #section0.active .desc h2 span { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); -webkit-transition: all 1s 0.6s; transition: all 1s 0.8s; }
.ani #section0.active .desc h2 span:nth-child(2n) { -webkit-transition: all 1s 0.8s; transition: all 1s 1s; }
.ani #section0.active .desc h2 span:nth-child(3n) { -webkit-transition: all 1s 1s; transition: all 1s 1.2s; }
.ani #section0.active .desc h2 span:nth-child(5n) { -webkit-transition: all 1s 1.2s; transition: all 1s 1.4s; }

.ani #section0 .desc p { opacity: 0; }
.ani #section0.active .desc p { opacity: 1; -webkit-transition: all 1s 1.6s; transition: all 1s 1.6s; }

.ani #section1 .future_box .future_top { opacity:0;transform: translate3d(0,-50px,0);-webkit-transition: all 1s .8s;transition: all 1s .8s; }
.ani #section1.active .future_box .future_top { opacity:1;transform: translateZ(0); }

.ani #section1 .future_box .future_bottom .future_video { opacity:0;transform: translate3d(-50px,0,0);-webkit-transition: all 1s .8s;transition: all 1s .8s; }
.ani #section1.active .future_box .future_bottom .future_video { opacity:1;transform: translateZ(0); }

.ani #section1 .future_box .future_bottom .board { opacity:0;transform: translate3d(50px,0,0);-webkit-transition: all 1s .8s;transition: all 1s .8s; }
.ani #section1.active .future_box .future_bottom .board { opacity:1;transform: translateZ(0); }

.ani #section2 .container>strong { -webkit-filter: blur(10px);filter: blur(10px);opacity: 0; letter-spacing: 30px;-webkit-transition: all 0.5s 0.5s;transition: all 0.5s 0.5s; }
.ani #section2.active .container>strong { -webkit-filter: blur(0);filter: blur(0);opacity: 1; letter-spacing: 0; }

.ani #section2 .container .service_more a { opacity: 0;-webkit-transition: all 0.5s 0.7s;transition: all 0.5s 0.7s; }
.ani #section2.active .container .service_more a { opacity: 1; }

.ani #section2 .container .service_list .slick-slide:first-of-type a { opacity:0;transform: translate3d(0,-50px,0);-webkit-transition: all 0.5s 0.9s;transition: all 0.5s 0.9s; }
.ani #section2.active .container .service_list .slick-slide:first-of-type a { opacity:1;transform: translate3d(0,0,0); }

.ani #section2 .container .service_list .slick-slide:first-of-type+div a { opacity:0;transform: translate3d(0,-50px,0);-webkit-transition: all 0.5s 1.1s;transition: all 0.5s 1.1s; }
.ani #section2.active .container .service_list .slick-slide:first-of-type+div a { opacity:1;transform: translate3d(0,0,0); }

.ani #section2 .container .service_list .slick-slide:first-of-type+div+div  a { opacity:0;transform: translate3d(0,-50px,0);-webkit-transition: all 0.5s 1.3s;transition: all 0.5s 1.3s; }
.ani #section2.active .container .service_list .slick-slide:first-of-type+div+div a { opacity:1;transform: translate3d(0,0,0); }

.ani #section2 .container .service_list .slick-slide:first-of-type+div+div+div a { opacity:0;transform: translate3d(0,-50px,0);-webkit-transition: all 0.5s 1.5s;transition: all 0.5s 1.5s; }
.ani #section2.active .container .service_list .slick-slide:first-of-type+div+div+div a { opacity:1;transform: translate3d(0,0,0); }

.ani #section2 .container .service_list .slick-slide:first-of-type+div+div+div+div a { opacity:0;transform: translate3d(0,-50px,0);-webkit-transition: all 0.5s 1.7s;transition: all 0.5s 1.7s; }
.ani #section2.active .container .service_list .slick-slide:first-of-type+div+div+div+div a { opacity:1;transform: translate3d(0,0,0); }

.ani #section2 .container:before { opacity:0; transition: all 0.5s 1.9s;}
.ani #section2.active .container:before { opacity:1; }

.ani #section3 .container>strong { -webkit-filter: blur(10px);filter: blur(10px);opacity: 0; letter-spacing: 30px;-webkit-transition: all 0.5s 0.5s;transition: all 0.5s 0.5s; }
.ani #section3.active .container>strong { -webkit-filter: blur(0);filter: blur(0);opacity: 1; letter-spacing: 0; }

.ani #section3 .container .service_more a { opacity: 0;-webkit-transition: all 0.5s 0.7s;transition: all 0.5s 0.7s; }
.ani #section3.active .container .service_more a { opacity: 1; }

.ani #section3 .nature { opacity: 0;-webkit-transition: all 1s 0.7s;transition: all 1s 0.7s;transform: perspective(2500px) rotateY(-100deg); }
.ani #section3.active .nature { transform: perspective(2500px) rotateY(0);transition-timing-function:cubic-bezier(.175,.885,.32,1.275);opacity: 1; }

@media(max-width:1800px){
    #section0 .fp-tableCell { padding:6.5rem 0 0 0;display: table-cell; }
    .section .fp-tableCell { padding:4rem 0 4rem 0;display:block; }
    #section1 { height:auto !important; }
    #section1 .fp-tableCell{ height:auto !important; }
    #section2 { height:auto !important; }
    #section2 .fp-tableCell{ height:auto !important; }
    #section3 { height:auto !important; }
    #section3  .fp-tableCell{ height:auto !important; }
}

@media(max-width:1200px){
    #section1 .future_box .future_top .top_tit { position: relative;left:auto;top:auto; padding-bottom:2rem; margin-bottom:2rem; border-bottom:1px solid #fff; }
    #section1 .future_box .future_top { padding:4rem; }
}

@media(max-width:1000px){
    #section1 .future_box .future_bottom .future_video { float: none;width:100%;position: relative;height: auto;padding-top: 50%;}
    #section1 .future_box .future_bottom .future_video iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
    #section1 .future_box .future_bottom .board { float: none; width:100%; }
}

@media (max-width:768px){
    #section1 .future_box .future_top { padding:3rem 2rem; }
    #section3 .nature .nature_cont .img_box .inner { padding:0 4rem; }
  
}

@media (max-width:640px){
    #section0 .desc>span:first-child { font-size:1.5rem;line-height:2rem; }
    #section0 .desc h2 { font-size:3rem; }
    #section0 .desc p span { font-size:.8rem; }
    #section1 .future_box .future_top .future_couter .ct_box { padding:0 .5rem; }
    #section1 .future_box .future_top .future_couter .ct_box .count_tit .count { font-size:1.3rem; }
    #section1 .future_box .future_top .future_couter .ct_box .tit { font-size:.7rem; height:3.1rem; }
    #section1 .future_box .future_top .future_couter .ct_box:first-of-type+div .tit br:first-of-type { display: block; }
    #section1 .future_box .future_top .future_couter .ct_box:first-of-type .tit { padding-top:.8rem; }
    #section1 .future_box .future_top .future_couter .ct_box:first-of-type+div+div .tit { padding-top:.8rem; }
    #section3 .nature .nature_cont .img_box .inner { padding:0 2rem; }
    #section3 .nature .nature_cont .img_box .inner strong { font-size:2rem;line-height: 2.25rem; }
    .control_wrap .slick-dots li button { height:.8rem; }
     
}
@media (max-width:500px){
    #section1 .future_box .future_bottom .board .board_bottom a { width:100%; border-left:0;}
    #section1 .future_box .future_bottom .board .board_bottom a:first-of-type { border-bottom:1px solid #ddd; }
    #section3 .nature .nature_cont .img_box { padding:5.75rem 2rem 7.75rem 2rem; }
    #section3 .nature .nature_tab a span { font-size: .7rem; }
    #section2 .container .service_list a .img { height: auto; }
    #section2 .container .service_list .slick-track { margin:0; }
    #section2 .container .service_list .slick-slide { padding:0; }

}

.fp-viewing-4 #section3 .nature { transform: perspective(2500px) rotateY(0) !important;transition-timing-function: cubic-bezier(.175,.885,.32,1.275) !important;opacity: 1 !important; }
.fp-viewing-4 #section3 .container>strong { filter: blur(0);opacity: 1;letter-spacing: 0; }
.fp-viewing-4 #section3 .container .service_more a { opacity: 1; }