@charset "utf-8";

.section { position: relative; }

.popup { position:relative;padding:2.8rem 0;background: url(/html/images/main/pop_bg.jpg) no-repeat center center/cover; text-align: center;z-index:3; }
.popup .close { position: absolute; top:50%; right:2rem; font-size:3.5rem;color:#fff; transform: translateY(-50%); transition:all .6s;}
.popup .close:hover { transform:translateY(-50%) rotate(360deg); } 

/* 
.popup .more { position: absolute; top:50%; right: 0; padding:1rem 2.5rem; border:1px solid #fff; display: block; text-align: center; border-radius: 5px; transform: translateY(-50%);}
.popup .more span { margin-right:1.5rem; vertical-align: middle;} */

/* .popup .more i { color:#fff; font-size: 1.8rem;vertical-align: middle;} */
.popup .layout { height: 100%;padding-right:9rem; }
.popup .inner { display:table;height: 100%; margin: 0 auto;}
.popup .inner .pop_box { display: flex;padding-right:19rem;position:relative;vertical-align: middle; padding-left: 12rem; text-align: left;} 
.popup .inner .pop_box:before { display: block; content: ""; position: absolute; bottom:-2.75rem; left:0; width:5.1rem;height: 8.5rem;background: url(/html/images/main/pop_icon01.png) no-repeat center center/cover;  }
.popup .layout .pop_box div { display:flex; gap:1rem;align-items: center; flex-wrap:wrap; }
.popup .layout .pop_box p { font-size:3.6rem; color:#fff; display:flex; font-weight:500; align-items: center; gap: 1rem; margin:0; line-height:1; }
.popup .layout .pop_box span { display: inline-block; vertical-align: middle;color:#fff; line-height: normal;font-size:1.6rem; }
.popup .layout .pop_box p .tit01  { font-size: 2.5rem;margin-right: .5rem; } 
.popup .layout .pop_box p .tit02 { font-size: 4rem;font-weight: 500; margin-right:1rem;}
.popup .layout .pop_box p .tit03 { margin-right:5rem; font-size:1.8rem;}
.popup .layout .pop_box p a { color:#fff; }
.popup .more { position: absolute; display: flex; padding: 1rem 5rem 1rem 3rem; border-radius: 5px; text-align: center; top:50%; right: 0; transform: translateY(-50%); height: fit-content; }
.popup .more:after { content: "";display: block; width: 100%; height: 100%; position: absolute; top: 0; left:0; border: 1px solid #fff; border-radius: 5px; transition: all .5s; }
.popup .more:hover:after { border:1px solid #8ec422; }
.popup .more span { position: relative; font-size: 1.9rem; color:#fff; font-family: "Play";font-weight: 400; }
.popup .more i { position: absolute; top:50%; right:2rem; transform: translateY(-50%); color:#fff;font-size: 1.8rem; }
.popup .more:before { width:0;height: 0;display: block; opacity: 0;content: ""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); transition: all .5s; z-index: 0;visibility: hidden;border-radius: 5px;border:1px solid #8ec422; }
.popup .more:hover:before { width:100%;height: 100%;opacity: 1;background:#8ec422; visibility: visible; }
.popup .more:hover i { animation: arr .5s alternate infinite linear; }



/*section01*/
.section01 { height: 80.7rem;}
.section01 .visual { position: absolute; width:100%;height: 100%; }
.section01 .visual .bg { background-position: center center; background-size: cover;background-repeat: no-repeat; }
.section01 .visual div { height: 100%; }
.section01 .visual .title { position: absolute;width:100%; top:17rem;left:0;height: 40.5rem; }
.section01 .visual .title strong { display: block; font-size: 5rem;color:#fff;line-height: 125%; }
.section01 .visual .title p { color:#263F1B; /*#bfec2f;*/font-size: 2.5rem;margin-top:0; }
.section01 .visual .title a.more { position: absolute; display: block; padding: 1.6rem 6rem 1.6rem 5rem; border-radius: 50px; text-align: center; bottom:0; left:0; }
.section01 .visual .title a.more:after { content: "";display: block; width: 100%; height: 100%; position: absolute; top: 0; left:0; border: 1px solid #fff; border-radius: 50px; transition: all .5s; }
.section01 .visual .title a.more:hover:after { border:1px solid #8ec422; }
.section01 .visual .title a.more span { position: relative; font-size: 2.2rem; color:#fff; font-family: "Play";font-weight: 400; }
.section01 .visual .title a.more i { position: absolute; top:50%; right:2rem; transform: translateY(-50%); color:#fff;font-size: 1.8rem; }
.section01 .visual .title a.more:before { width:0;height: 0;display: block; opacity: 0;content: ""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); transition: all .5s; z-index: 0;visibility: hidden;border-radius: 50px;border:1px solid #8ec422; }
.section01 .visual .title a.more:hover:before { width:100%;height: 100%;opacity: 1;background:#8ec422; visibility: visible; }
.section01 .visual .title a.more:hover i { animation: arr .5s alternate infinite linear; }
.section01 .visual_control { position: absolute; width:100%; bottom: 10rem; left:50%; transform: translateX(-50%); }
.section01 .visual_control button { display: block; width: 3.2rem; height: 3.2rem; border-radius: 50%; color:#000000; transition: all .3s; } 
.section01 .visual_control .play_wrap { text-align: center;position: relative; max-width:1400px; margin: 0 auto; }
.section01 .visual_control .play_wrap .auto_box{ overflow: hidden;width: 15rem; }
.section01 .visual_control .play_wrap .auto_box .slick-dots { float:left;overflow: hidden; }
.section01 .visual_control .play_wrap .auto_box .slick-dots li{ margin-left:.5rem;float:left; }
.section01 .visual_control .play_wrap .auto_box .slick-dots li:first-of-type { margin-left:0; }
.section01 .visual_control .play_wrap .auto_box .slick-dots li button { position: relative; overflow: hidden; }
.section01 .visual_control .play_wrap .auto_box .slick-dots li button:before { width:0;height: 0;display: block; opacity: 0;content: ""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); transition: all .5s; z-index: 0;visibility: hidden;border-radius: 50%;z-index: -1; }
.section01 .visual_control .play_wrap .auto_box .slick-dots li.slick-active button:before { width:100%;height: 100%;opacity: 1;background:#fdd24e; visibility: visible; }
.section01 .visual_control .play_wrap .auto_box .auto_play { float:right;margin-top: .7rem; }
.section01 .visual_control .play_wrap .auto_box .auto_play button { margin:0;float:none; border-radius: 0; font-size: 1.8rem; color:#fff; }
.section01 .visual_control .play_wrap .auto_box .auto_play button.play { display: none;width:1.5rem;height: 1.5rem; }
.section01 .visual_control .play_wrap .auto_box .auto_play button.stop { display: none;width:1.5rem;height: 1.5rem; }
.section01 .visual_control .play_wrap .auto_box .auto_play button.play.on { display: block; }
.section01 .visual_control .play_wrap .auto_box .auto_play button.stop.on { display: block; }
.section01 .visual_control .play_num { text-align: center; }
.section01 .visual_control .play_num .paging_box { display: inline-block; }
.section01 .visual_control .play_num .paging_info { text-align: center;display: block;color:#fff; }
.section01 .visual_control .play_num .paging_info i { margin:0 1rem; }
.section01 .visual_control .play_num .paging_info em:first-of-type { font-size: 2rem; color:#009fdc;font-weight: 900; }
.section01 .visual_control .play_bar { text-align: center; }
.section01 .visual_control .play_bar .bar_box { display: inline-block; background: #fff;width:20rem; height: .5rem; }
.section01 .visual_control .play_bar .bar_box .bar { position: relative; display: block; width:100%;height: 100%; }
.section01 .visual_control .play_bar .bar_box .bar:before { content: ""; display: block; position: absolute; height: 100%; background: #009fdc; }
.section01 .visual_control .play_bar .bar_box .full_bar:before { animation: play_bar 5s 1;width:100%; }
.section01 .visual_control .play_bar .bar_box .full_bar.stop:before { animation-play-state: paused; }

/*section02*/
.section02 { position: relative; margin-top:-3.5rem; height: 51rem; }
.section02 .layout .about { position: relative;padding-left:37.65rem;padding-top: 3.5rem; }
.section02 .layout .about:after { display: block; content: ""; clear: both; }
.section02 .layout .about .tit { height: 47.5rem; width:57.5rem; padding-right: 21rem;position: absolute; top:0; left:0; }
.section02 .layout .about .tit:before { content: "";display: block; width: 1000%; height: 100%; position: absolute; left:-1000%; top:0; background:#8ec422; }
.section02 .layout .about .tit .bg { position: relative; background: #8ec422;height: 100%; }
.section02 .layout .about .tit .bg:after { display: block; content: ""; clear: both; }
.section02 .layout .about .tit .bg:before { content: ""; position:absolute;top:0;left:100%; width: 0px;height: 0px;border-top: 47.5rem solid transparent;border-left: 21rem solid #8ec422; }
.section02 .layout .about .tit .bg .inner { overflow: hidden; padding: 9.5rem 0 9.5rem 0;}
.section02 .layout .about .tit .bg .inner p { margin-bottom: 2rem; }
.section02 .layout .about .tit .bg .inner p span { font-family: "Montserrat";font-weight: 900;font-size: 2.5rem;color:#fff;border-bottom:1px solid #fff; }
.section02 .layout .about .tit .bg .inner strong { font-size: 4.5rem;line-height: normal; color:#fff; }
.section02 .layout .about .tit .bg .inner a.more { width:18rem; position: relative; display: block; padding: 1.3rem 6rem 1.3rem 5rem; border-radius: 50px; text-align: center; margin-top:4.75rem; }
.section02 .layout .about .tit .bg .inner a.more:after { content: "";display: block; width: 100%; height: 100%; position: absolute; top: 0; left:0; border: 1px solid #fff; border-radius: 50px; }
.section02 .layout .about .tit .bg .inner a.more i { position: absolute; top:50%; right:2rem; transform: translateY(-50%); color:#fff;font-size: 1.8rem; }
.section02 .layout .about .tit .bg .inner a.more span { position: relative; color:#fff;font-size: 1.6rem; font-weight: 300; }
.section02 .layout .about .tit .bg .inner a.more:hover i { animation: arr .5s alternate infinite linear; color:#8ec422; }
.section02 .layout .about .tit .bg .inner a.more:hover span { color:#8ec422; } 
.section02 .layout .about .tit .bg .inner a.more:before { width:0;height: 0;display: block; opacity: 0;content: ""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); transition: all .5s; z-index: 0;visibility: hidden;border-radius: 50px;border:1px solid #8ec422; }
.section02 .layout .about .tit .bg .inner a.more:hover:before { width:100%;height: 100%;opacity: 1;background:#fff; visibility: visible; }
.section02 .layout .about .cont { position: relative;height: 47.5rem; padding-left: 21.45rem; }
.section02 .layout .about .cont:before { content: "";display: block; width: 1000%; height: 100%; position: absolute; right:-1000%; top:0; background:#f2f2f2; }
.section02 .layout .about .cont .bg { position: relative; background: #f2f2f2;height: 100%; }
.section02 .layout .about .cont .bg:before { content: ""; position:absolute;top:0;right:100%; width: 0px;height: 0px;border-bottom: 47.5rem solid transparent;border-right: 21rem solid #f2f2f2; }
.section02 .layout .about .cont .bg .inner { overflow: hidden; padding: 9.5rem 0; }
.section02 .layout .about .cont .bg .inner a { position: relative; display: table; float: left; width:50%; margin-top:5.5rem; }
.section02 .layout .about .cont .bg .inner a .ab_icon { width:11.3rem;height: 11.4rem;display: inline-block;  border-radius: 50%; background: #fff; transition: all .5s ease-out;vertical-align: middle; position: relative; }
.section02 .layout .about .cont .bg .inner a .ab_icon:before { content: "";display: block; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); }
/* .section02 .layout .about .cont .bg .inner a:hover .ab_icon:before { animation: bounce 1s 1 alternate; }
.section02 .layout .about .cont .bg .inner a:first-of-type:hover .ab_icon{ background:#8ec422; }
.section02 .layout .about .cont .bg .inner a:nth-of-type(2):hover .ab_icon{ background:#22d19e; }
.section02 .layout .about .cont .bg .inner a:nth-of-type(3):hover .ab_icon{ background:#0ebdd2; }
.section02 .layout .about .cont .bg .inner a:nth-of-type(4):hover .ab_icon{ background:#f0b108; }*/
.section02 .layout .about .cont .bg .inner a:first-of-type .ab_icon:before { width:5.8rem;height: 5.2rem;background: url(/html/images/main/section02_icon01.png) no-repeat center center/cover; }
.section02 .layout .about .cont .bg .inner a:nth-of-type(2) .ab_icon:before { width:6.2rem;height: 4.9rem;background: url(/html/images/main/section02_icon02.png) no-repeat center center/cover; }
.section02 .layout .about .cont .bg .inner a:nth-of-type(3) .ab_icon:before { width:5.8rem;height:6.4rem;background: url(/html/images/main/section02_icon03.png) no-repeat center center/cover; }
.section02 .layout .about .cont .bg .inner a:nth-of-type(4) .ab_icon:before { width:5.7rem;height: 6rem;background: url(/html/images/main/section02_icon04.png) no-repeat center center/cover; }
/*.section02 .layout .about .cont .bg .inner a:first-of-type:hover .ab_icon:before { width:5.8rem;height: 5.2rem;background: url(/html/images/main/section02_icon01_hover.png) no-repeat center center/cover; }
.section02 .layout .about .cont .bg .inner a:nth-of-type(2):hover .ab_icon:before { width:6.2rem;height: 4.9rem;background: url(/html/images/main/section02_icon02_hover.png) no-repeat center center/cover; }
.section02 .layout .about .cont .bg .inner a:nth-of-type(3):hover .ab_icon:before { width:5.8rem;height:6.4rem;background: url(/html/images/main/section02_icon03_hover.png) no-repeat center center/cover; }
.section02 .layout .about .cont .bg .inner a:nth-of-type(4):hover .ab_icon:before { width:5.7rem;height: 6rem;background: url(/html/images/main/section02_icon04_hover.png) no-repeat center center/cover; }*/
.section02 .layout .about .cont .bg .inner a .ab_tit { font-size: 2.4rem;color:#333333;font-weight: 900;display: table-cell;
vertical-align: middle;padding-left: 2rem; width:100%; }
.section02 .layout .about .cont .bg .inner a:hover .ab_tit { text-decoration: none; }
.section02 .layout .about .cont .bg .inner a:first-of-type { margin-top:0; } 
.section02 .layout .about .cont .bg .inner a:first-of-type+a { margin-top:0; } 

/*section03*/
.section03 { padding:17rem 0; }
.section03 .layout .news { position: relative; }
.section03 .layout .news .tit { font-family: "Montserrat"; font-size: 4.5rem;color:#000; font-weight: 900;display: block; }
.section03 .layout .news .tab_tit { position: absolute; left:22rem; top:0; }
.section03 .layout .news .tab_tit a { display: block; float: left; margin-left:2.5rem; }
.section03 .layout .news .tab_tit a:first-of-type { margin-left:0; }
.section03 .layout .news .tab_tit a span { position: relative; font-size: 2.4rem; color:#6f6f6f;padding: 0 1rem;display: block; text-align: center;font-family: "Montserrat"; }
.section03 .layout .news .tab_tit a span:before { content: "";display: block; width:0; height:1rem; position: absolute; bottom:0; left:50%; background: #ffbb06;transform: translateX(-50%);opacity: 0;transition: all .2s;z-index: -1; }
.section03 .layout .news .tab_tit a.on span:before { width:100%;opacity: 1; }
.section03 .layout .news .tab_tit a.on span { color:#323232; }
.section03 .layout .news .tab_cont { margin-top:4rem; }
.section03 .layout .news .tab_cont .tab_box { display: none;margin:0 -2rem; }
.section03 .layout .news .tab_cont .tab_box:first-of-type { display: block; }
.section03 .layout .news .tab_cont .tab_box .box { position: relative; padding:4.5rem 4.5rem 0 4.5rem;border:1px solid #d4d4d4; border-top-right-radius: 30px;height: 46.4rem;overflow: hidden; }
.section03 .layout .news .tab_cont .tab_box .box:hover .box_tit { text-decoration: underline; }
.section03 .layout .news .tab_cont .tab_box .box:hover .box_txt { text-decoration: underline; }
.section03 .layout .news .tab_cont .tab_box .box.new:before { content:"N";display: block;width: 3.6rem;height: 3.6rem;position: absolute; top:4rem; right:4.5rem; background: #ffbb06;border-radius: 50%;font-family:"Montserrat"; text-align: center; line-height: 3.6rem; color:#fff; font-weight: 700; }
.section03 .layout .news .tab_cont .tab_box .box:first-of-type { margin-left:0; }
.section03 .layout .news .tab_cont .tab_box .box .smb_tit { display: block; font-size: 2rem;font-family: "Montserrat"; font-weight: 900;color:#969696;margin-bottom:2.5rem; }
.section03 .layout .news .tab_cont .tab_box .box .box_tit { font-size: 3.3rem;color:#000;line-height: 130%; display: block; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 8.4rem;margin-bottom:2rem; }
.section03 .layout .news .tab_cont .tab_box .box .date { color:#a7a7a7; }
.section03 .layout .news .tab_cont .tab_box .box .date i { vertical-align: middle;margin-right: .25rem; font-size:1.6rem;}
.section03 .layout .news .tab_cont .tab_box .box .date em { vertical-align: middle; font-weight: 300; font-size:1.6rem;}
.section03 .layout .news .tab_cont .tab_box .box .box_img { position: relative; margin-top:1.65rem; display: block; width:100%; height: 21.5rem;overflow: hidden; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.section03 .layout .news .tab_cont .tab_box .box img { width:100%;height: 100%;transition: all .5s; }
.section03 .layout .news .tab_cont .tab_box .box:hover .box_img img { transform: scale(1.2);}
.section03 .layout .news .tab_cont .tab_box .box .box_txt { display: block; margin-top:4rem;margin-bottom:4rem; font-size: 1.8rem;display: block; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5; -webkit-box-orient: vertical;height: 14rem;line-height: 160%; }
.section03 .layout .news .tab_cont .tab_box .slick-slide { margin:0 2rem; }
.section03 .layout .news .tab_cont .tab_box .slick-arrow { position: absolute; top:-8.5rem;width:6.3rem;height: 6.3rem;background: #ddd; border:1px solid #dfdfdf; background: #fff; font-size: 0;line-height: 2rem; transition: all .3s; }
.section03 .layout .news .tab_cont .tab_box .slick-arrow:before { content: "";display: block; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);width: 2rem;height: 2rem;color:#454545; font-size: 2rem;font-family:"xeicon"; }
.section03 .layout .news .tab_cont .tab_box .slick-arrow.slick-next { right:2rem; }
.section03 .layout .news .tab_cont .tab_box .slick-arrow.slick-prev { right:8.3rem; border-right:0;}
.section03 .layout .news .tab_cont .tab_box .slick-arrow.slick-prev:before { content: "\e93b"; }
.section03 .layout .news .tab_cont .tab_box .slick-arrow.slick-next:before { content: "\e93e"; }
.section03 .layout .news .tab_cont .tab_box .slick-arrow:hover { background: #a5a5a5; }
.section03 .layout .news .tab_cont .tab_box .slick-arrow:hover:before { color:#fff; }
.section03 .layout .news .tab_cont .tab_box .slick-arrow:hover:after { color:#fff; }

/*section04*/
.section04 .half_wrap { display: table; table-layout: fixed;width:100%; }
.section04 .half_wrap .h_box { padding: 7.5rem 2rem; display: table-cell; vertical-align: middle; width:50%; }
.section04 .half_wrap .h_box .half_tit { position: relative;text-align: center;margin-bottom:4.5rem; }
.section04 .half_wrap .h_box .half_tit:before { display: block; /* content:"”";*/ position: absolute; left:50%; bottom:-.5rem;transform: translateX(-50%); font-size: 3.5rem; color:#fff;height: 1rem; }
.section04 .half_wrap .h_box .half_tit strong { position: relative; padding: 3rem 8rem;display: inline-block; font-size: 3.5rem; font-weight: 900; color:#fff; line-height: normal; }
.section04 .half_wrap .h_box .half_tit strong:before { content: ""; width:4.5rem; height: 100%; display: block; border:6px solid #fff;border-right:0; position: absolute; left:0; top:0; }
.section04 .half_wrap .h_box .half_tit strong:after { content: ""; width:4.5rem; height: 100%; display: block; border:6px solid #fff;border-left:0; position: absolute; right:0; top:0; }
.section04 .half_wrap .h_box:first-of-type { background: url(/html/images/main/section04_img01.png) no-repeat center center/cover; }
.section04 .half_wrap .h_box:first-of-type+.h_box { background: url(/html/images/main/section04_img02.png) no-repeat center center/cover; }
.section04 .half_wrap .h_box .halt_cont { margin-bottom: 3rem; }
.section04 .half_wrap .h_box .halt_cont p { color:#fff;text-align: center;font-size: 2rem; }
.section04 .half_wrap .h_box .half_more { width:19.5rem; position: relative; display: block; padding: 1.2rem 6rem 1.2rem 5rem; border-radius: 50px; text-align: center; margin:3rem auto 0;}
.section04 .half_wrap .h_box .half_more:after { content: "";display: block; width: 100%; height: 100%; position: absolute; top: 0; left:0; border: 1px solid #fff; border-radius: 50px; }
.section04 .half_wrap .h_box .half_more i { position: absolute; top:50%; right:2rem; transform: translateY(-50%); color:#fff;font-size: 1.8rem; }
.section04 .half_wrap .h_box .half_more span { position: relative; color:#fff;font-size: 1.6rem; font-weight: 300; }
.section04 .half_wrap .h_box .half_more:hover i { animation: arr .5s alternate infinite linear; color:#666; }
.section04 .half_wrap .h_box .half_more:hover span { color:#666; } 
.section04 .half_wrap .h_box .half_more:before { width:0;height: 0;display: block; opacity: 0;content: ""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); transition: all .5s; z-index: 0;visibility: hidden;border-radius: 50px;border:1px solid #fff; }
.section04 .half_wrap .h_box .half_more:hover:before { width:100%;height: 100%;opacity: 1;background:#fff; visibility: visible; }
.section04 .half_wrap .h_box:first-of-type+.h_box .half_more:hover i { color:#8ec422; }
.section04 .half_wrap .h_box:first-of-type+.h_box .half_more:hover span { color:#8ec422; } 

/*section05*/
.section05 { padding-top:20rem; }
.section05 .layout .map_top { position: absolute; left:0; top:-15.1rem; display: table; overflow: hidden;table-layout: fixed;width:100%;background: #fff;z-index: 1; }
.section05 .layout .map_top .map_box { position: relative; display: table-cell;padding:10rem 6.2rem 10rem 6.2rem; vertical-align: top;background: #fff; }
.section05 .layout .map_top .map_box.padding { padding:2rem 6.2rem; }
.section05 .layout .map_top .map_box:first-of-type { width:47%; }
.section05 .layout .map_top .map_box:first-of-type+.map_box { padding-left: 0; }
.section05 .layout .map_top .map_box .inner { position: relative;padding-left: 11rem; }
.section05 .layout .map_top .map_box .inner .icon { position: absolute; width:8.7rem;height: 8.7rem;display: block; background: #f2f2f2;left:0; top:0;border-radius: 50%; }
.section05 .layout .map_top .map_box .inner .icon img { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); }
.section05 .layout .map_top .map_box .inner .map_cont strong{ display: block;color:#383838;font-size: 2.2rem;font-family:"Montserrat"; font-weight: 700; }
.section05 .layout .map_top .map_box .inner .map_cont p { font-size: 1.8rem;color:#7c7c7c; margin-top:1rem; }
.section05 .layout .map_top .map_box .inner .map_cont ul { margin-top:1rem; }
.section05 .layout .map_top .map_box .inner .map_cont ul li { font-size: 1.9rem;color:#7c7c7c; overflow: hidden;font-weight: 300; }
.section05 .layout .map_top .map_box .inner .map_cont ul li b { width:6.8rem; display: block;margin-right: .5rem;float: left; }
.section05 .layout .map_top .map_box .inner .map_cont ul li span { overflow: hidden;display: block; }
.section05 .layout .map_top .map_box .inner .map_cont ul.contact_list { line-height: 1.8; }
.section05 .layout .map_top .map_box .inner .map_more { position: absolute; top:0; right:0; }
.section05 .layout .map_top .map_box .inner .map_more a { position: relative; width:23rem;height: 5rem;line-height: 5rem;padding: 0 2rem; display: block;background: #7b7b7b; margin-top:.25rem; }
.section05 .layout .map_top .map_box .inner .map_more a:first-of-type { margin-top:0; }
.section05 .layout .map_top .map_box .inner .map_more a span { color:#fff; font-size: 1.5rem; font-weight: 300;}
.section05 .layout .map_top .map_box .inner .map_more a i {position: absolute; top:50%; right: 2rem; color:#fff; transform: translateY(-50%);font-size:2rem; }
.section05 .layout .map_top .map_box .inner .map_more a:hover i{ animation: arr .5s alternate infinite linear; }
.section05 .map_api{ position: relative; height: 64rem;background: #ddd; } 
.section05 .map_api:before { width:100%;height: 100%;position: absolute; top:0;left:0; background: #000; opacity: .5; content: ""; }


/*애니메이션*/
@keyframes arr {
	0% { right: 2rem; }
	50% { right: 1.7rem; }
	100% { right: 2rem; }
}

@keyframes play_bar{
    0% {width:0;}
    100% {width:100%;}
}


@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(-50%)  translateX(-50%); }
    40% { transform: translateY(-65%) translateX(-50%); }
    60% { transform: translateY(-60%)  translateX(-50%); }
  }

@media (max-width:1400px){
	.section01 .visual .title a.more { left:2rem; }
	.section01 .visual_control .play_wrap { padding:0 2rem; }
	.section02 { height: auto; }
	.section02 .layout .about .tit { width:100%;}
	.section02 .layout .about { padding-top:36.5rem;padding-left:0; }
	.section02 .layout .about .tit .bg .inner strong br { display: none; }
	.section02 .layout .about .tit { height: auto; }
	.section02 .layout .about .cont { height: auto; }
	.section05 .layout .map_top .map_box .inner .map_more { position: relative; top:auto; right:auto;margin-top:1rem;overflow: hidden; }
	.section05 .layout .map_top .map_box .inner .map_more a { width:49.5%; float:left;margin-top:0; margin-left:1%; }
	.section05 .layout .map_top .map_box .inner .map_more a:first-of-type { margin-left:0; }
	.section05 .layout .map_top { left:50%;transform: translateX(-50%); width: 95%; border:2rem solid #d4d4d4; }
}

@media (max-width:840px){
	.section02 .layout .about { padding-top:0; }
	.section02 .layout .about .tit .bg .inner { height: auto;padding: 4rem 2rem; }
	.section02 .layout .about .tit .bg:before { display:none; }
	.section02 .layout .about .tit:before { display: none; }
	.section02 .layout .about .tit { padding-right:0; position: relative; left:auto; top:auto; }
	.section02 .layout .about .cont { padding-left:0; }
	.section02 .layout .about .cont .bg:before { display: none; }
	.section02 .layout .about .cont:before { display: none; }
	.section02 .layout .about .cont .bg .inner { padding: 4rem 2rem; }
	.section03 { padding:10rem 0; }
}



@media (max-width:940px){ 
	.popup .inner .pop_box { padding-left:0; } 
	.popup .inner .pop_box:before { display:none; } 
}

@media (max-width:767px){
	.section01 .visual .title { height: auto; }
	.section01 .visual .title strong { font-size:4rem; }
	.section01 .visual .title a.more { position: relative; bottom:auto; left: auto; margin-top:2rem; display: inline-block; }
	.section03 .layout .news .tab_tit { margin-top:3rem;position: relative;left: auto;top: auto;overflow: hidden; }
	.section03 .layout .news .tab_cont .tab_box .slick-arrow { top:-14.5rem; }
	.section02 .layout .about .cont .bg .inner a { width:100%;margin-top:2rem !important; }
	.section02 .layout .about .cont .bg .inner a:first-of-type { margin-top:0 !important; }
	.section02 .layout .about .cont .bg .inner a .ab_tit br { display: none; }
	.section04 .half_wrap .h_box { width: 100%;display: block; }
	.section05 .layout .map_top .map_box { width:100% !important; display: block;padding:2rem !important; border-top: 1px solid #d4d4d4;}
	.section05 .layout .map_top .map_box:first-of-type { border-top:0; }
    .popup .inner .pop_box { padding-right:0; width: 100%;}
    .popup .inner { width:100%; }
    .popup .inner .pop_box:before { display: none; }

}

@media (max-width:640px){
  .section01 .visual .title strong { font-size:3.5rem; }
  .section01 .visual .bg { background-position: 70% center; }
  .popup .layout .pop_box div { flex-direction: column; align-items: flex-start; }
}
@media (max-width:500px){
	.popup .layout .pop_box p { flex-direction: column; align-items: flex-start; }
}

@media (max-width:400px){
	
	.section05 .layout .map_top .map_box .inner .map_more a { width:100%;margin-left:0 !important;margin-top:.5rem; }
	.section05 .layout .map_top .map_box .inner .map_more a:first-of-type { margin-top:0; }
	

}